@charset "UTF-8";
@import "../css_module/base.css";
@import "../css_module/form.css";
@import "../css_module/clear_fix.css";

/* 　テーブル
------------------------------------- */
table.full-border {
	border-collapse:collapse;
	width:100%;
	margin-bottom:40px;
}

table.full-border th,
table.full-border td {
	min-height:31px;
	border:1px solid #ddd;
	text-align:center;
	color:#333;
	font-weight:normal;
	padding:15px 10px 14px 15px;
}

table.full-border th {
	vertical-align:middle;
	background:#f6f6f6;
}

table.full-border td {
	text-align:left;
}

button.btn-pink {
	background:#f29c9f;
	color:#fff;
}
button.btn-pink:hover {
	color:#fff;
	background:#ffb7b9;
}


/* 　コンテンツタブ
------------------------------------- */
.mainBody ul.contentsTab {
	width:100%;
	padding:0;
	display:table;
	margin:0 0 40px 0;
	list-style:none;
}
.mainBody ul.contentsTab li {
/* 幅 width は項目数に合わせて都度設定 */
	display:table-cell;
	background:#f6f6f6;
	border:1px #ccc solid;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-align:center;
	overflow:hidden;
}
	.mainBody ul.contentsTab li a {
		display: block;
	}
	.mainBody ul.contentsTab li a:hover {
		color:#fff;
		background:#5ac3df;
		text-decoration:none;
	}

	.mainBody ul.contentsTab li.active {
		background:#fff;
		border-bottom:none;
	}
	.mainBody ul.contentsTab li.active a {
		color:#333;
		text-decoration:none;
	}
	.mainBody ul.contentsTab li.active a:hover {
		background:#fff;
		text-decoration:none;
	}

/* 　Paging
------------------------------------- */
ul.paging {
	width:100%;
	max-width:900px;
	display:table;
	margin:0 auto 30px auto;
	padding:0;
	list-style:none;
}
ul.paging li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
ul.paging li.prev { text-align:left; }
ul.paging li.top { text-align:center; }
ul.paging li.next { text-align:right; }

ul.paging li.prev a,
ul.paging li.next a {
	height:36px;
	line-height:36px;
	display:inline-block;
	color:#222;
	border-radius:18px;
	background-color:#d8f7ff !important;
}
ul.paging li.prev a:hover,
ul.paging li.next a:hover {
	color:#fff;
	background-color:#5ac3df !important;
	text-decoration:none;
}
ul.paging li.prev a {
	background:url(../img/arrow_wt_prev.png) no-repeat left center;
}
ul.paging li.next a {
	background:url(../img/arrow_wt_next.png) no-repeat right center;
}
@media (max-width:639px) {
	ul.paging li,
	ul.paging li a {
		font-size:12px;
	}
	ul.paging li.prev { width:40%; }
	ul.paging li.next { width:40%; }
	ul.paging li.prev a,
	ul.paging li.next a {
		max-width:145px;
		box-sizing:border-box;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	ul.paging li.prev a {
		padding:0 10px 0 20px;
	}
	ul.paging li.next a {
		padding:0 20px 0 10px;
	}
}
@media (min-width:640px) {
	ul.paging li.prev { width:35%;}
	ul.paging li.next { width:35%;}
	ul.paging li.prev a {
		padding:0 15px 0 25px;
	}
	ul.paging li.next a {
		padding:0 25px 0 15px;
	}
}

/* 　ボタンエリア
----------------------------------- */
#mainWrap .btnArea {
	text-align:center;
}
#mainWrap .btnArea a.btnDef {
	width:290px;
	color:#fff;
	height:44px;
	line-height:44px;
	background-color:#5ac3df;
	border-radius:10px;
	display:inline-block;
	margin:0 15px 15px 15px;
}
#mainWrap .btnArea a.btnDef:hover {
	background-color:#9edced;
}

@media (max-width:640px) {
	.mainBody ul#tab li span  { display:none;}
}


/* ---------------------------------------------------------

　　SERVICE
============================================== */

/* 　サービス内容　共通
------------------------------------------------- */
#srvWrap {
	margin:0 auto;
	padding:0 0 30px 0;
}

#srvWrap section {
	margin-bottom:50px;
}

#srvWrap section h2 {
	color:#5ac3df;
	text-shadow:none;
}

#srvWrap .lead {
	margin-bottom:30px;
}

#srvWrap .lead strong {
	font-size:138.5%;
	color:#1f95c3;
}

/* Tab */
.mainBody #srvWrap  ul.contentsTab li a {
	padding:1em 0 0.9em 0
}

@media (max-width:759px) {
	#srvWrap {
		width:96%;
	}
}
@media (min-width:760px) and (max-width:959px) {
	#srvWrap {
		width:98%;
	}
}
@media (min-width:960px) {
	#srvWrap {
		width:960px;
	}
}


/*-------------------------------------------------
 　お掃除サービス
------------------------------------------------- */
section.cleaning-srv h2 {/* アイコン付お掃除タイトル */
	padding:0 0 0 45px;
	background:url(../icon_cleaning_28px.png) no-repeat left top;
}

#srvWrap section ul.notice {
	width:auto;
	list-style:none;
	border:1px #ccc solid;
	border-radius:8px;
	padding:15px 15px 10px 15px;
	margin-bottom:50px;
	background:#fff;
}

#srvWrap section ul.notice li {
	margin-bottom:0.5em;
}

#srvWrap section .notice h3 {
	line-height:30px;
	background:url(../img/icon_notice.png) no-repeat left center;
	padding-left:30px;
}

/* icon */
#srvWrap ul.srvicons {
	padding:0;
	margin:10px auto 25px auto;
	list-style:none;
	text-align:center;
}

	#srvWrap ul.srvicons li {
		padding: 0;
		margin:0 0 7px 0;
		display:inline-block;
		text-align:center;
	}
	#srvWrap ul.srvicons li a {
		width:80px;
		height:80px;
		margin:0 auto 5px auto;
		display:block;
		text-indent:-999em;
		background-position:center top;
		background-repeat:no-repeat;
	}
	#srvWrap ul.srvicons li a:hover {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#srvWrap ul.srvicons li:nth-child(1) a {/* kitchin */
		background-image:url("../img/srv_ico_01.png");
	}
	#srvWrap ul.srvicons li:nth-child(2) a {/* toilet */
		background-image:url("../img/srv_ico_02.png");
	}
	#srvWrap ul.srvicons li:nth-child(3) a {/* bath */
		background-image:url("../img/srv_ico_03.png");
	}
	#srvWrap ul.srvicons li:nth-child(4) a {/* washroom */
		background-image:url("../img/srv_ico_04.png");
	}
	#srvWrap ul.srvicons li:nth-child(5) a {/* livingroom */
		background-image:url("../img/srv_ico_05.png");
	}
	#srvWrap ul.srvicons li:nth-child(6) a {/* bedroom */
		background-image:url("../img/srv_ico_06.png");
	}
	#srvWrap ul.srvicons li:nth-child(7) a {/* passage */
		background-image:url("../img/srv_ico_07.png");
	}
	#srvWrap ul.srvicons li:nth-child(8) a {/* entrance */
		background-image:url("../img/srv_ico_08.png");
	}

@media (max-width: 759px) {
#srvWrap {
	margin:0 auto 30px auto;
}

/* tab */
.mainBody #srvWrap  ul.contentsTab {
	width:98%;
}

	/* icon */
	#srvWrap ul.srvicons {
		width:100%;
	}
	#srvWrap ul.srvicons li {
		width:90px;
	}

	#srvWrap .example {
		width:350px;
		text-align:center;
	}
	#srvWrap .example .case {
		margin:0 auto;
	}
}
@media (min-width: 760px) {

/* tab */
.mainBody #srvWrap ul.contentsTab {
	width:100%;
}
.mainBody #srvWrap ul.contentsTab li {
	width:25%;
	line-height:1.2;
}
.mainBody #srvWrap ul.contentsTab a br{
	display:none;
}

#srvWrap section a.createID {
	max-width:460px;
}

	/* icon */
	#srvWrap ul.srvicons {
		width:100%;
	}
	#srvWrap ul.srvicons li {
		width:12.5%
	}

	/* usecase */
	#srvWrap .example .case {
		margin:0;
	}
	#srvWrap .example .case:nth-child(odd) {
		float:left;
	}
	#srvWrap .example .case:nth-child(even) {
		float:right;
	}
}

/* 　お掃除Case exmple 利用事例　ビフォーアフター
------------------------------------------------- */
#mainWrap ul.example {
	width:100%;
	max-width:960px;
	margin:0 auto 50px auto;
	padding:0;
	list-style:none;
}

#mainWrap ul.example li {
	float:left;
	text-align:center;
	position:relative;
	box-sizing:content-box;
}
	#mainWrap ul.example li h4 {
		text-align:left;
		padding:0 0 0 3px;
		margin:0 0 6px 0;
	}

	#mainWrap ul.example li h5 {
		text-align:left;
		margin-top:10px;
		margin-left:5px;
	}
	#mainWrap ul.example li img {
		width:100%;
		max-width:440px;
		height:auto;
	}
	#mainWrap ul.example li a.more {
		display:inline-block;
		position:absolute;
		top:0;
		padding:0 5px 0 0;
		white-space:nowrap;
	}

#mainWrap ul.matching li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
@media (max-width: 539px) {
	#mainWrap ul.example li {
		width:98%;
		margin:0 1% 15px 1%;
	}
	#mainWrap ul.example li a.more {
		right:2%;
	}
}
@media (min-width: 540px) and (max-width: 959px) {
	#mainWrap ul.example li {
		width:47%;
	}
	#mainWrap ul.example li:nth-child(odd) {
		padding:0 2% 30px 1%;
	}
	#mainWrap ul.example li:nth-child(even) {
		padding:0 1% 30px 2%;
	}
	#mainWrap ul.example li:nth-child(odd) a.more {
		right:5%;
	}
	#mainWrap ul.example li:nth-child(even) a.more {
		right:2%;
	}
}
@media (min-width: 960px) {
	#mainWrap ul.example li {
		width:48%;
	}
	#mainWrap ul.example li:nth-child(odd) {
		padding:0 2% 30px 0;
	}
	#mainWrap ul.example li:nth-child(even) {
		padding:0 0 30px 2%;
	}
	#mainWrap ul.example li:nth-child(odd) a.more {
		right:5%;
	}
	#mainWrap ul.example li:nth-child(even) a.more {
		right:2%;
	}
}

/*-------------------------------------------------
 　お料理サービス
------------------------------------------------- */
section#cooking-srv h2 {
	color:#ccaa88;
	padding:0 0 0 45px;
	background:url(../img/icon_cooking_28px.png) no-repeat left center;
}


/* ページリードとアイコン */
#srvWrap section#cooking-srv .intro {
	width:100%;
	margin:0 0 30px 0;
}

#srvWrap ul.srvicons li span {
	margin:0 auto 5px auto;
	display:block;
}

/* ページ下ボタン */
.mainBody .btnArea .btn-srv02 {
	background-color:#ccaa88 !important;
}
	.mainBody .btnArea .btn-srv02:hover {
	background-color:#ddbb99 !important;
}


@media (max-width:639px) {
	#srvWrap {
		width:96%;
	}
}
@media (min-width:640px) {
	#srvWrap section#cooking-srv .intro {
		width:100%;
		display:table;
		table-layout:fixed;
	}
	section#cooking-srv .intro .lead {
		width:100%;
		display:table-cell;
		vertical-align:top;
		padding-right:20px;
	}
	section#cooking-srv .intro ul.srvicons {
		width:320px;
		display:table-cell;
		vertical-align:top;
	}
	section#cooking-srv .intro ul.srvicons li {
		min-width:90px;
		white-space:nowrap;
	}
}

/* 　ご利用の目安
------------------------------------------------- */
#job-quantity {
	display:table
	margin:0 auto 50px auto;
}

#job-quantity .img-box {
	text-align:center;
	box-sizing:border-box;
}
#job-quantity .img-box img {
	width:100%;
	max-width:340px;
	height:auto;
}

#job-quantity strong {
	display:block;
	color:#ee666c;
	margin:0 0 0.5em 0;
}
#job-quantity strong em {
	font-style:normal;
	text-decoration:underline;
}

/* 献立説明 */
#job-quantity dl {
	padding:1em 0 0 1em;
	list-style:none;
	margin:0 0 1em 0;
}
	#job-quantity dl dt {
		padding:0 1em;
		margin:0 0 6px 0;
		line-height:1.6;
		border-radius:10px;
		background:#ddf9e3;
		display:inline-block;
	}
	#job-quantity dl dd {
		padding:0 0 0 1em;
		margin:0 0 0.5em 0;
	}

/* 備考 */
#job-quantity ul.note {
	font-size:12px;
	list-style:none;
	padding:0;
	margin:0 0 25px 0;
}
#job-quantity ul.note li:before {
	content: "※";
    padding: 0 5px 0 0;
    color: #666;
}


@media (max-width: 639px) {
	#mainWrap ul.meal-sample li {
		width:48%;
		margin:0 1% 15px 1%;
	}
	#mainWrap ul.meal-sample li img {
		border:3px #fff solid;
	}
}
@media (min-width: 640px) {
	#job-quantity .table {
		display:table;
		width:100%;
		table-layout:fixed;
	}

	#job-quantity .txt-area,
	#job-quantity .img-box {
		display:table-cell;
		vertical-align:top;
		box-sizing:border-box;
	}
}
@media (min-width: 640px) and (max-width: 959px) {
	#job-quantity .txt-area {
		width:65%;
		padding:0 15px 0 0;
	}
	#job-quantity .img-box {
		width:35%;
		padding:0;
	}
}
@media (min-width: 960px) {
	#job-quantity .txt-area {
		width:600px;
		padding:0 20px 0 5px;
	}
	#job-quantity .img-box {
		width:360px;
		padding:0 5px;
	}
}


/* 　お料理  利用事例
------------------------------------------------- */
#mainWrap ul.meal-sample {
	width:100%;
	max-width:960px;
	margin:0 auto 50px auto;
	padding:0;
	list-style:none;
}

#mainWrap ul.meal-sample li {
	float:left;
	text-align:center;
	box-sizing:content-box;
}
	#mainWrap ul.meal-sample li h4 {
		text-align:left;
		padding:0 0 0 5px;
		margin:0 0 6px 0;
	}

	#mainWrap ul.meal-sample li span {
		display:inline-block;
		box-sizing:content-box;
		border:1px #eee solid;
		box-shadow:2px 2px 3px rgba(0,0,0,.1);
	}

	#mainWrap ul.meal-sample li img {
		width:100%;
		max-width:300px;
		height:auto;
	}

	#mainWrap ul.meal-sample li > p {
		text-align:left;
		padding:0.6em 0 0 0;
	}

@media (max-width: 320px) {
	#mainWrap ul.meal-sample li {
		width:98%;
		margin:0 1% 15px 1%;
	}
	#mainWrap ul.meal-sample li img {
		border:3px #fff solid;
	}
}
@media  (min-width: 321px) and (max-width: 639px) {
	#mainWrap ul.meal-sample li {
		width:48%;
		margin:0 1% 15px 1%;
	}
	#mainWrap ul.meal-sample li img {
		border:3px #fff solid;
	}
}
@media (min-width: 640px) {
	#mainWrap ul.meal-sample li {
		width:31%;
		padding:0 1% 30px 1%;
	}
	#mainWrap ul.meal-sample li img {
		border:4px #fff solid;
	}
}




/* 　活用事例　いんたびゅー リスト
------------------------------------------------- */
#srvWrap .interview-list {
	width:100%;
	padding:0;
	margin:0;
}

#srvWrap [class^=matching] h3 {
	font-size:20px;
	padding:0;
	margin:0 0 10px 0;
	text-shadow:none;
}
#srvWrap .matching01 h3 {
	color:#2296c3;
}
#srvWrap .matching02 h3 {
	color:#997755;
}

#srvWrap [class^=matching] ul {
	width:98%;
	margin:0 auto 50px auto;
	padding:0 ;
	list-style:none;
	border-top:1px #ccc dotted;
}
#srvWrap [class^=matching] ul li {
	padding:1px 0;
	border-bottom:1px #ccc dotted;
}

#srvWrap [class^=matching] ul li a {
	display:block;
	line-height:60px;
	padding:4px 0 4px 80px;
	background-repeat:no-repeat;
	background-position:left center;
}

#srvWrap .matching01 li a:hover {
	background-color:#f3fcff;
}
#srvWrap .matching02 li a:hover {
	background-color:#f9f6f3;
}

#srvWrap .matching01 li:nth-child(1) a {
	background-image:url(../img/thumb_user_01s.png);
}
#srvWrap .matching01 li:nth-child(2) a {
	background-image:url(../img/thumb_user_02s.png);
}
#srvWrap .matching01 li:nth-child(3) a {
	background-image:url(../img/thumb_user_03s.png);
}
#srvWrap .matching01 li:nth-child(4) a {
	background-image:url(../img/thumb_user_04s.png);
}
#srvWrap .matching01 li:nth-child(5) a {
	background-image:url(../img/thumb_user_05s.png);
}

#srvWrap .matching02 li:nth-child(1) a {
	background-image:url(../img/thumb_user_07s.png);
}
#srvWrap .matching02 li:nth-child(2) a {
	background-image:url(../img/thumb_user_06s.png);
}
#srvWrap .matching02 li:nth-child(3) a {
	background-image:url(../img/thumb_user_08s.png);
}

@media (max-width: 639px) {
	#srvWrap ul.matching li {
		width:98%;
		margin:0 1% 10px 1%;
	}
}
@media (min-width: 640px) {
	#srvWrap .interview-list {
		display:table;
		table-layout:fixed;
	}
	#srvWrap .interview-list div[class^=matching] {
		width:50%;
		display:table-cell;
		padding:0 10px;
	}
}

/* 　Users
------------------------------------------------- */
#srvWrap ul.usecase {
	margin:10px auto 30px auto;
	list-style:none;
	padding:0;
}

	#srvWrap ul.usecase li {
		height:120px;
		padding:40px 10px  0 110px;
		display:block;
		float:left;
		font-size:14px;
		box-sizing:border-box;
		border:1px #5ac3df solid;
		border-radius:5px;
		background-position:5px 3px;
		background-repeat:no-repeat;
	}

	#srvWrap ul.usecase li:nth-child(1) {
		background-image:url("../img/usecase_01.png");
	}
	#srvWrap ul.usecase li:nth-child(2) {
		background-image:url("../img/usecase_02.png");
	}
	#srvWrap ul.usecase li:nth-child(3) {
		background-image:url("../img/usecase_03.png");
	}
	#srvWrap ul.usecase li:nth-child(4) {
		background-image:url("../img/usecase_04.png");
	}
	#srvWrap ul.usecase li:nth-child(5) {
		background-image:url("../img/usecase_05.png");
	}

@media (max-width:539px) {
	#srvWrap ul.usecase li {
		width:98%;
		margin:0 1% 10px 1%;
	}
}
@media (min-width: 540px) and (max-width: 759px) {
	#srvWrap ul.usecase li {
		width:48%;
		margin:0 1% 10px 1%;
	}
}
@media (min-width: 760px) {
	#srvWrap ul.usecase li {
		width:32%;
		margin:0 0.5% 10px 0.5%;
	}
}

/* 　Points
------------------------------------------------- */
#srvWrap .points {
		text-align:center;
		margin:0 auto 50px auto;
	}

#srvWrap .points .point {
	width:243px;
	height:243px;
	border:10px solid #eee;
	box-sizing:border-box;
	border-radius:50%;
	padding:105px 0 12px 0;
	margin:0 auto;
	background-position:center 30px ;
	background-repeat:no-repeat;
}
	#srvWrap .points .p1 { background-image:url("../img/icon_point1.png");}
	#srvWrap .points .p2 { background-image:url("../img/icon_point2.png");}
	#srvWrap .points .p3 { background-image:url("../img/icon_point3.png");}

#srvWrap .points strong {
	color:#1f95c3;
	font-size:20px;
	line-height:1.36;
	font-weight:normal;
}
	#srvWrap .points strong span {
		font-size:16px;
	}
	#srvWrap .points small {
		font-size:12px;
		line-height:1.1 !important;
	}

@media (max-width: 759px) {
	#srvWrap .points {
		display:block;
		text-align:center;
	}
	#srvWrap .points .point {
		display:inline-block;
		margin:0 5px 5px 5px;
	}
}
@media (min-width: 760px) {
	#srvWrap .points {
		display:table;
		border-collapse:separate;
	}
	#srvWrap .points .point {
		display:table-cell;
	}
}
@media (min-width: 760px) and  (max-width: 959px) {
	#srvWrap .points {
		border-spacing:6px;
	}
}
@media (min-width: 960px) {
	#srvWrap .points {
		border-spacing:12px;
	}
	#srvWrap .points .point {
		width:280px;
		height:280px;
		border:12px solid #eee;
	}
	#srvWrap .points .point {
		padding:120px 0 12px 0;
		background-position:center 40px ;
	}
}




/* 　ご利用者インタビュー
------------------------------------------------- */
#mainWrap article.interview {
}

#mainWrap article.interview div.user {
	min-height:130px;
	border-bottom:1px #5ac3df solid;
	margin-bottom:30px;
	padding:0 0 0 130px;
}
/* 掃除利用者 */
#mainWrap article.user01 div.user { background:url(../img/user_img_03.png) no-repeat left top; }
#mainWrap article.user02 div.user { background:url(../img/user_img_04.png) no-repeat left top; }
#mainWrap article.user03 div.user { background:url(../img/user_img_05.png) no-repeat left top; }
#mainWrap article.user04 div.user { background:url(../img/user_img_02.png) no-repeat left top; }
#mainWrap article.user05 div.user { background:url(../img/user_img_01.png) no-repeat left top; }
/* 料理利用者 */
#mainWrap article.user06 div.user { background:url(../img/user_img_06.png) no-repeat left top; }
#mainWrap article.user07 div.user { background:url(../img/user_img_07.png) no-repeat left top; }
#mainWrap article.user08 div.user { background:url(../img/user_img_08.png) no-repeat left top; }

#mainWrap article.interview div.user h2 {
	text-shadow:none;
}
#mainWrap article.interview div.user h2 small {
	color:#555;
}

#mainWrap article.interview div.user em {
	font-style:normal;
	color:#e6686b;
	display:inline-block;
}

#mainWrap article.interview .notepad {
	font-size:14px;
	padding:4px 0 20px 0;
	border:none !important;
	background:url(../img/bg_notepad.png) repeat left top;
}
#mainWrap article.interview .notepad h3 {
	color:#e6686b;
	font-size:16px;
	text-shadow:none;
	line-height:30px;
	margin: 0 0 30px 0;
	padding:0;
}
#mainWrap article.interview .notepad p {
	line-height:30px;
	margin:0;
}
#mainWrap article.interview p.casy {
	color:#1188bb;
}
#mainWrap article.interview p.user span {
	color:#e6686b;
}

@media (max-width: 759px) {
	#mainWrap article.interview {
		width:98%;
		margin:0 1% 30px 1%;
	}
	#mainWrap article.interview div.user {
		font-size:18px;
	}
	#mainWrap article.interview div.user em {
		font-size:14px;
		padding:10px 0 0 0;
	}
	#mainWrap article.interview .notepad h3 {
		font-size:14px;
	}
}
@media (min-width: 760px) {
	#mainWrap article.interview {
		width:760px;
		padding:19px 19px 0 19px;
		margin:0 auto 30px auto;
		border:1px #ccc solid;
		border-radius:10px;
	}
	#mainWrap article.interview div.user {
		font-size:20px;
	}
	#mainWrap article.interview div.user br.delPC {
		display:none;
	}
	#mainWrap article.interview .notepad h3 {
		font-size:16px;
	}
	#mainWrap article.interview div.user em {
		padding:20px 0 0 0;
	}
	#mainWrap article.interview .notepad {
		margin:0 0 0 130px;
	}
}

/* 　message from staff
------------------------------------------------- */
section#staffs {}

section#staffs > div.massages {
	width:98%;
	padding:0;
	margin:0 auto 40px auto;
}

section#staffs article {
	border-radius:7px;
	margin:0 0 15px 0;
	padding:10px 10px 10px 100px;
	background-position:10px 10px;
	background-repeat:no-repeat;
	border:1px #5ac3df solid;
	box-sizing:border-box;
}
	section#staffs article.staff01 { background-image:url(../img/staff_01.png); }
	section#staffs article.staff02 { background-image:url(../img/staff_05.png); }
	section#staffs article.staff03 { background-image:url(../img/staff_03.png); }
	section#staffs article.staff04 { background-image:url(../img/staff_04.png); }
	section#staffs article.staff05 { background-image:url(../img/staff_06.png); }
	section#staffs article.staff06 { background-image:url(../img/staff_02.png); }

	section#staffs article em {/* 小見出し */
		display:inline-block;
		color:#1f95c3;
		font-size:18px;
		font-style:normal;
		margin-bottom:6px;
	}
	section#staffs article p.name {/* 名前年齢 */
		font-size:12px;
		margin:0 0 1em 0;
	}
	section#staffs article div.comment {/* メッセージ */
		font-size:12px;
		line-height:22px;
		border-top:1px #5ac3df dotted;
		background:url(../img/bg_letter_line.png) repeat left top;
	}
@media (max-width: 759px) {
}

@media (min-width: 760px) {
	section#staffs article {
		width:48%;
		margin:0 0 15px 0;
		display:inline-block;
	}
		section#staffs article:nth-child(odd) { float:left; }
		section#staffs article:nth-child(even) { float:right;}
		section#staffs article.staff06 {
			margin-bottom:60px;
		}
}


/* ---------------------------------------------------------

　　Price
============================================== */
#priceWrap #optionService {
	margin:0 0 30px;
}

section#serviceType {
	margin:0 auto 40px auto;
}

section#serviceType dl {
	width:100%;
	display:table;
	margin-bottom:10px;
}
	#serviceType dl dt,
	#serviceType dl dd {
		display:table-cell;
		line-height:30px;
	}

	#serviceType dl dt {
		width:7em;
		text-align:center;
		white-space:nowrap;
	}
	#serviceType dl dt span {
		width:100%;
		color:#fff;
		border-radius:15px;
		display:inline-block;
	}
	#serviceType dl dt.reg span { background:#fe9da0; }
	#serviceType dl dt.spot span { background:#5ac3df; }
	#serviceType dl dd:before {
		content:"…";
		padding-left:7px;
		padding-right:5px;
	}



/* 料金表
------------------------------------- */
#charges {
	text-align:center;
}
#charges h2 {
	font-size:24px;
	margin-bottom:25px;
	text-align:left;
}
#charges h2 small {
	padding-left:10px;
	text-shadow:none;
}

/* 図表 */
#charges .price-list {
	margin:0 auto 5px auto;
}
#charges .price-list dl {
	float:left;
	z-index:10;
	border-radius:10px;
	overflow:hidden;
}

#charges .price-list dl span {
	border-radius:10px;
}

#charges .srv01 dl.reg {/* 掃除 */
	width:33.33%; }
#charges .srv02 dl.reg {/* 料理 */
	width:25%; }

#charges .price-list dl.recommend {
	z-index:100;
	margin-top:-10px !important;
	margin-bottom:-10px !important;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
	#charges .price-list dl.reg {
		border:1px #fe9da0 solid;
	}
	#charges .price-list dl.spot {
		border:1px #5ac3df solid;
	}

#charges .price-list dt,
#charges .price-list dd {
	text-align:center;
	white-space:nowrap;
	font-weight:normal;
}
	#charges .price-list dl.reg dt {
		color:#fff;
		background:#fe9da0;
	}
	#charges .price-list dl.spot dt {
		color:#fff;
		background:#5ac3df;
	}

#charges .price-list dd span.price {
	display:block;
}
#charges .price-list dd em {
	font-style:normal;
}
#charges .price-list dd em:nth-of-type(1) { color:#ee6677; }

#charges .price-list dt a {
	color:#fff;
}
#charges .price-list dt span.help {
	color:#333;
	padding:0 5px;
	font-size:12px;
	display:inline-block;
	background:#fff;
	border-radius:50%;
	margin-left:5px;
}
#charges .price-list dt a:hover span.help {
	background:#ff6;
}

#charges .price-list dd a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* 注意書き */
#priceWrap ul.note {
	font-size:12px;
	list-style:none;
	padding:0;
	margin-bottom:40px;
	text-align:left;
}
#priceWrap ul.note li {
	margin:0 0 0.2em 0;
}
#priceWrap ul.note li:before {
	content:"※";
	padding-right:3px;
}

/* オプション */
#optionService .outline {
	display:inline-block;
	border:1px #ccc solid;
	border-radius:10px;
	margin-bottom:10px;
}
#optionService h3 {
	margin:0 0 15px 0;
	font-size:18px;
	color:#5ac3df;
	text-shadow:none;
}

#optionService dl.option {
	display:table;
	width:auto;
	margin:0;
}
#optionService dl.op1 {
	margin-bottom:10px;
}
#optionService dl.option dt,
#optionService dl.option dd {
	display:table-cell;
}
#optionService dl.option dt {
	font-weight:normal;
	white-space:nowrap;
	box-sizing:content-box;
}
#optionService dl.option dt:before {
	content:"●";
	color:#ccc;
	padding-right:3px;
}
#optionService dl.option dd span { color:#e35e60; }

@media (max-width:320px) {
#priceWrap {
		width:100%;
		margin:0 auto 50px auto;
	}
	dl.serviceType {
		width:98%;
	}
	#charges .price-list dl {
		font-size:12px;
	}
	#charges .price-list dt { padding:10px 1px; }
	#charges .price-list dd { padding:20px 1px 10px 1px; }
	#charges .price-list dd em {
		font-size:110%;
	}
	#charges .price-list dd span.price {
		font-size:10px;
	}
}
@media (min-width:321px) and (max-width:479px) {
#priceWrap {
		width:100%;
		margin:0 auto 50px auto;
	}
	dl.serviceType {
		width:98%;
	}
	#charges .price-list dl {
		font-size:12px;
	}
	#charges .price-list dt { padding:10px 1px; }
	#charges .price-list dd { padding:20px 1px 10px 1px; }
	#charges .price-list dd span.price {
		font-size:12px;
	}
}
@media (min-width:480px) and (max-width:759px) {
#priceWrap {
		width:96%;
		margin:0 auto ;
	}

	.serviceType dt {
		width:90px;
	}
	#charges .price-list dl {
		font-size:14px;
	}
	#charges .price-list dt { padding:10px 3px; }
	#charges .price-list dd { padding:20px 3px 10px 3px; }
	#charges .price-list dd em {
		font-size:120%;
	}
	#charges .price-list dd span.price {
		font-size:14px;
	}
}

@media (max-width:759px) {
	#charges .price-list {
		margin-left:auto;
		margin-right:auto;
	}

	#charges .srv01 dl.spot {/* 掃除 */
		width:50%;
	}
	#charges .srv02 dl.spot {/* 料理 */
		width:25%;
	}

	#charges .price-list dl.recommend {
		margin-top:-5px !important;
		margin-bottom:-5px !important;
	}
	#charges .price-list dl.recommend dt {
		padding-top:15px;
	}
	#charges .price-list dl.recommend dd {
		padding-bottom:15px;
	}
	#charges .price-list dd span.price {
		margin-bottom:10px;
	}
	#charges .price-list dd img {
		width:96%;
		max-width:120px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
	#optionService dl.option dt {
		width:120px;
	}
	#optionService .outline {
		padding:10px;
	}
}
@media (min-width:760px) {
	#priceWrap {
		width:760px;
		margin:0 auto ;
	}

	#charges .price-list {
	}
	#charges .srv01 dl.spot {/* 掃除 */
		width:33.33%;
	}
	#charges .srv02 dl.spot {/* 料理 */
		width:25%;
	}

	#charges .price-list dt { padding:10px 5px; }
	#charges .price-list dd { padding:20px 5px 10px 5px; }
	.serviceType dt {
		width:100px;
	}
	#charges .price-list dl.recommend {
		margin-top:-10px !important;
		margin-bottom:-10px !important;
	}
	#charges .price-list dl.recommend dt {
		padding-top:20px;
	}
	#charges .price-list dl.recommend dd {
		padding-bottom:20px;
	}
	#charges .price-list dd span.price {
		margin-bottom:15px;
	}
	#charges .price-list dd em {
		font-size:150%;
		padding-right:2px;
	}

/* オプション */
#optionService .option-wrap {
	display:table;
	width:100%;
}
#optionService .option-wrap [class^=option0] {
	width:50%;
	display:table-cell;
	box-sizing:border-box;
}
#optionService .option-wrap [class^=option0]:first-of-type {
	padding-right:15px;
}
#optionService .option-wrap [class^=option0]:last-of-type {
	padding-left:15px;
}
	#optionService dl.option dt {
		width:140px;
	}
	#optionService .outline {
		padding:15px;
	}
	br.dlt-pc {
		visibility:hidden !important;
		display:none !important;
	}
}

#optionService [class^=option0] dl {
	border:1px #ccc solid;
	padding:1em;
	border-radius:10px;
	margin:0 0 8px 0;
}
#optionService [class^=option0] dl dt {
	border-bottom:1px #ccc dotted;
	padding:0 0 3px 0;
	margin:0 0 .5em 0;
}

#optionService [class^=option0] dd > p {
	font-size:12px;
	padding:0 0 0 8.5em;
	margin:0;
}

/* ギフトカードバナー
------------------------------------- */
#priceWrap .bannerArea {
	text-align:center;
	margin-bottom:40px;
}
#priceWrap .bannerArea a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media (max-width: 539px) {
	#priceWrap .bannerArea img.delmv {
		display:none;
	}
}
@media (min-width: 540px) {
	#priceWrap .bannerArea a {
		background:url(../img/bn_giftcard_w.png) no-repeat left top;
	}
	#priceWrap .bannerArea img.delpc {
		display:none;
	}
}
@media (max-width: 759px)  {
	#priceWrap .bannerArea {
		width:98%;
		margin:0 1% 30px 1%;
	}
}


/* ---------------------------------------------------------

　　Flow
============================================== */
#flowWrap {
	text-align:center;
	padding:15px 0 0 0;
}

#flowWrap section h2 {
	color:#5ac3df;
	text-align:left;
	margin-bottom:40px;
	text-shadow:#eee 1px 1px 2px;
}

/* Tab */
.mainBody #flowWrap ul.contentsTab li a {
	padding:1em 0 0.9em 0
}


#flowWrap section.flow .step:last-child {
	background:none;
	padding:0;
}

	/* イラストと説明文 */
	#flowWrap section.flow .step .txt {
		line-height:1.6;
		background-repeat:no-repeat;
		text-align:left;
	}

	#flowWrap section.flow .step .subhead > div span {
		font-size:12px;
	}

	#flowWrap section.flow .step .subhead > div strong {
		font-size:18px;
	}

	/* 掃除 */
	#flowWrap section.flow div.step:nth-of-type(1) .txt {
		background-image:url(../img/illust_flow_1.png);
	}
	#flowWrap section.flow div.step:nth-of-type(2) .txt {
		background-image:url(../img/illust_flow_2.png);
	}
	#flowWrap section.flow div.step:nth-of-type(3) .txt {
		background-image:url(../img/illust_flow_3.png);
	}
	#flowWrap section.flow div.step:nth-of-type(4) .txt {
		background-image:url(../img/illust_flow_4.png);
	}
	#flowWrap section.flow div.step:nth-of-type(5) .txt {
		background-image:url(../img/illust_flow_5.png);
	}
	/* 料理 */
	.srv02-flow section div.step:nth-of-type(1) .txt {
		background-image:url(../img/srv02_flow_01.png) !important;
	}
	.srv02-flow section div.step:nth-of-type(2) .txt {
		background-image:url(../img/srv02_flow_02.png) !important;
	}
	.srv02-flow section div.step:nth-of-type(3) .txt {
		background-image:url(../img/srv02_flow_03.png) !important;
	}
	.srv02-flow section div.step:nth-of-type(4) .txt {
		background-image:url(../img/srv02_flow_04.png) !important;
	}
	.srv02-flow section div.step:nth-of-type(5) .txt {
		background-image:url(../img/srv02_flow_05.png) !important;
	}

	#flowWrap section.flow .step .txt span {
		font-size:12px;
		color:#1f95c3;
	}

/* ボタン
---------------------------------- */
section.flow .step .txt .btnArea {
	text-align:center;
	padding:15px 0 0 0;
}

section.flow .step .txt .btnArea a {
	display:block;
	width:280px;
	line-height:44px;
	border-radius:4px;
	margin:0 auto;
	color:#444;
}

	section.flow .step .txt .btnArea a:hover {
		text-decoration:none;
		background:#fff;
	}
	section.flow .step:nth-of-type(1) .txt .btnArea a {
		color:#fff;
		font-size:16px;
		border:none;
	}
	section.flow .step:nth-of-type(1) .txt .btnArea a:hover {
		color:#fff;
	}

section.flow .step .txt a.btnPressing {/* 直前リクエスト */
	color:#fff !important;
	margin-bottom:5px;
	border:none;
}

/* ボタン（掃除） */
.srv01-flow .step .txt .btnArea a {
	background:#ceeef7;
	border:1px #ceeef7 solid;
}
	.srv01-flow .step .txt .btnArea a:hover {
		color:#1f95c3;
	}

.srv01-flow .step:nth-of-type(1) .txt .btnArea a {
	background:#ee6677;
}
	.srv01-flow .step:nth-of-type(1) .txt .btnArea a:hover {
		background:#fe8090;
	}

	.srv01-flow .step .txt a.btnPressing {/* 直前リクエスト */
		background-color:#5ac3df;
	}
	section.srv01-flow .step .txt a.btnPressing:hover {
		background-color:#73d2eb;
	}

/* ボタン（料理） */
.srv02-flow .step .txt .btnArea a {
	background:#f0e9e0;
	border:1px #ddc9b3 solid;
}
	.srv02-flow .step .txt .btnArea a:hover {
		color:#997755;
		border:1px #ccc solid;
	}

.srv02-flow .step:nth-of-type(1) .txt .btnArea a {
	color:#fff;
	background:#ee6677;
}
	.srv02-flow .step:nth-of-type(1) .txt .btnArea a:hover {
		background:#fe8090;
	}

	.srv02-flow .step .txt a.btnPressing {
		color:#fff;
		background-color:#5ac3df;
	}
	.srv02-flow .step .txt a.btnPressing:hover {
		color:#fff;
		background-color:#73d2eb;
	}

/* 受付期間 */
#flowWrap .period {
	border:1px #ccc dotted;
	padding:0.7em 1em;
	margin:0.5em 0 1em 0;
}
	#flowWrap .period dt {
		color:#1f95c3;
		margin-bottom:0.5em;
		font-weight:normal;
	}


@media (max-width:539px) {
/* Tab */
.mainBody #flowWrap ul.contentsTab li {
	width:auto;
}

	/* イラストと説明文 */
	#flowWrap section.flow .step .txt {
		padding:160px 1em 30px 1em;
		background-position:center top;
	}
}
@media (min-width:540px)  and  (max-width:759px){
/* Tab */
.mainBody #flowWrap ul.contentsTab li {
	width:33.33%;
}
.mainBody .srv02-flow ul.contentsTab li {
	width:50% !important;
}

	/* イラストと説明文 */
	#flowWrap section.flow .step .txt {
		min-height:160px;
		padding:0.5em 2em 30px 270px;
		background-position:left top;
	}
}
@media (max-width:759px) {
	#flowWrap {
		text-align:center;
		margin:0 auto 30px auto;
		padding:15px 0 0 0;
	}

	#flowWrap section.flow {
		width:100%;
		margin:0 auto;
	}

	#flowWrap section.flow .step {
		margin-bottom:20px;
		padding:0 0 35px 0;
		background:url(../img/flow_hr.png) no-repeat center bottom;
		background-size:100% 30px;
	}
	#flowWrap section.srv02-flow .step:nth-of-type(2) .subhead > div br,
	#flowWrap section.srv02-flow .step:nth-of-type(3) .subhead > div br {
		display:none;
	}

	/* キャプション */
	#flowWrap section.flow .step .subhead {
		background:#5ac3df;
		margin:0 -1% 20px -1%;
	}
	#flowWrap section.srv02-flow .step .subhead {
		background:#ccaa88;
	}
	#flowWrap section.flow .step .subhead > div {
		color:#fff;
		line-height:30px;
	}

	#flowWrap section.flow .step .subhead > div span {
		padding-right:10px;
	}
}

@media (min-width:760px) {
	#flowWrap {
		margin:0 auto 40px auto;
	}

	/* Tab */
	.mainBody #flowWrap ul.contentsTab li {
		width:33.33%;
	}
	.mainBody .srv02-flow ul.contentsTab li {
		width:50% !important;
	}

	#flowWrap section.flow {
		margin:0 auto;
		padding:0 0 50px 0;
		/*background:url(../img/flow_arrow_down.png) no-repeat center bottom;*/
	}

	#flowWrap section.flow .step {
		max-width:870px;
		display:table;
		margin:0 auto 20px auto;
		padding:0 0 35px 0;
		background:url(../img/flow_hr_w.png) no-repeat center bottom;
	}

	#flowWrap section.flow .step div.subhead,
	#flowWrap section.flow .step div.txt {
		vertical-align:top;
		display:table-cell;
	}

	#flowWrap section.flow .step:nth-child(6) div.subhead {
		background:none;
	}

	/* キャプション */
	#flowWrap section.flow .step .subhead {
		width:120px;
		background:url(../img/flow_arrow_subhead.png) no-repeat center 112px;
	}
	#flowWrap section.srv02-flow .step .subhead {
		background:none;
	}
	#flowWrap section.flow .step .subhead > div {
		width:120px;
		height:120px;
		overflow:hidden;
		color:#fff;
		background:#5ac3df;
		border-radius:60px;
		margin-bottom:50px;
	}
	#flowWrap section.srv02-flow .step .subhead > div {
		background:#ccaa88;
	}
	#flowWrap section.srv02-flow .step:nth-of-type(2) .subhead > div strong,
	#flowWrap section.srv02-flow .step:nth-of-type(3) .subhead > div strong {
		font-size:16px;
	}

	#flowWrap section.flow .step .subhead > div span {
		display:block;
		font-size:12px;
		margin-bottom:15px;
		line-height:35px;
	}

	#flowWrap section.flow .step .subhead > div strong {
		font-size:18px;
	}

	/* イラストと説明文 */
	#flowWrap section.flow .step .txt {
		width:100%;
		padding:0.5em 0 30px 300px;
		background-position:15px top;
	}
}


/*  Before Use （ご利用の前に）
----------------------------------------------- */
#beforeUse {
	text-align:left;
}

#beforeUse .attention {
	padding:1em;
	background:#Fee;
	border:1px #CC0000 solid;
}

#beforeUse .toolbox {
	text-align:center;
	margin-bottom:40px;
  display: flex;
  flex-wrap: wrap;
}

#beforeUse .toolbox > div {
	padding:2px 5px;
	margin:0 5px 10px 5px;
	border-radius:5px;
	box-sizing:border-box;
	float:left;
}
	#beforeUse .must > div {
		border:1px #5ac3df solid;
	}
	#beforeUse .better > div {
		border:1px #ccc solid;
	}
	#beforeUse .srv02-itemlist >div {
		border:1px #ccaa88 solid;
	}


#beforeUse .toolbox > div h4 {
	width:170px;
	margin:0 auto 10px auto;
	border-radius:12px;
	line-height:24px;
	font-size:12px;
	text-shadow:none;
}
	#beforeUse .must > div h4 {
		color:#fff;
		background:#5ac3df;
	}
	#beforeUse .srv02-itemlist > div h4 {
		color:#fff;
		background:#ccaa88;
	}
	#beforeUse .better > div h4 {
		color:#222;
		background:#f3f3f3;
	}

/* 画像付きリスト */
#beforeUse .toolbox div > ul.imgList {
	width:100%;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}
#beforeUse .srv01-itemlist div > ul.imgList {
	display: flex;
  flex-wrap: wrap;
}
#beforeUse .srv02-itemlist div > ul.imgList {
	display:block;
}
	#beforeUse .toolbox > div > ul.imgList li {
		padding:0 0 5px 0;
		font-size:12px;
		box-sizing:border-box;
	}
	#beforeUse .srv01-itemlist > div > ul.imgList li {
		width:33%;
	}
	#beforeUse .srv02-itemlist > div > ul.imgList li {
		min-width:24%;
		display:inline-block;
	}

/* テキストリスト */
#beforeUse .toolbox > div > ul.txtList {
	width:96%;
	margin:0 0 5px 10px;
	padding:0;
	list-style-position:inside;
}
	#beforeUse .toolbox > div > ul.txtList li {
		margin:0 0 7px 0;
		padding:0 4px;
		text-align:left;
	}
	#beforeUse div.better ul.txtList {
		border-top:1px #ccc dotted;
		padding-top:10px;
		min-height:none;
	}


@media (max-width: 639px) {
	#beforeUse .toolbox > div {
		width:98%;
	}
	#beforeUse .toolbox {
		width:98%;
		margin:0 auto 40px auto;
	}

	#beforeUse .attention {
		width:96%;
		margin:0 auto 30px auto;
	}
}
@media (min-width: 640px) {
	#beforeUse .attention {
		width:98%;
		margin:0 auto 40px auto;
	}

	#beforeUse .must > div > ul.txtList {
		min-height:112px;
	}
}
@media (min-width: 640px) and  (max-width: 959px) {
	#beforeUse .toolbox > div {
		width:48%;
	}
	#beforeUse .toolbox {
		width:100%;
		margin:0 auto 40px auto;
	}
}
@media (min-width: 960px) {
	#beforeUse .toolbox > div {
		width:440px;
	}
	#beforeUse .toolbox {
		width:900px;
		margin:0 auto 40px auto;
	}
	#beforeUse > h3,
	#beforeUse p.lead {
		width:900px;
		margin:0 auto 10px auto;
	}
	#beforeUse .attention {
		width:900px;
		margin:0 auto 50px auto;
	}
}

/*  Pressing Request （直前リクエストの場合）
----------------------------------------------- */
#pressing-request {
	margin-bottom:60px;
}
#pressing-request>div.contentsBox {
	text-align:left;
}

/* システムフロー  */
#flowWrap ol.system-flow {
	width:100%;
	padding:0;
	list-style:none;
	margin:0 auto 50px auto;
}

#flowWrap ol.system-flow li span {
	color:#5ac3df;
	display:block;
	margin:0 auto 8px auto;
	text-align:center;
}

#flowWrap ol.system-flow li span img {
	width:100%;
	max-width:135px;
	height:auto;
	margin:0 auto 5px auto;
}


@media (max-width: 639px) {
	#flowWrap ol.system-flow li {
		width:50%;
		height:230px;
		float:left;
		box-sizing:border-box;
		display:block;
		padding:0 6% 0 2%;
		background:url(../img/system_flow_arrow.png) no-repeat right 59px;
	}
	#flowWrap ol.system-flow li:nth-of-type(6) {
		background:none;
	}
	#flowWrap ol.system-flow li span {
		font-size:16px;
	}

	#pressing-request .period {
		font-size:12px;
		padding-left:6px;
		padding-right:6px;
	}
}
@media (min-width: 640px) and  (max-width: 959px) {
	#flowWrap ol.system-flow li {
		width:28%;
		height:250px;
		float:left;
		box-sizing:content-box;
		display:block;
		padding:0 20px 0 10px;
		background:url(../img/system_flow_arrow.png) no-repeat right 59px;
	}
	#flowWrap ol.system-flow li:nth-of-type(6) {
		padding:0;
		background:none;
	}
	#flowWrap ol.system-flow li span {
		font-size:16px;
	}
}
@media (max-width: 959px) {
#flowWrap #pressing-request {
	width:94%;
	margin:0 3% 50px 3%;
}

	#flowWrap ol.system-flow {
		display:block;
		padding:0;
		margin:0 0 50px 0;
	}
}
@media (min-width: 960px) {
	#pressing-request>div.contentsBox {
		width:900px;
		margin:0 auto;
	}

	#flowWrap ol.system-flow {
		display:table;
		padding:0;
		margin:0 0 50px 0;
	}
	#flowWrap ol.system-flow li {
		width:135px;
		box-sizing:content-box;
		display:table-cell;
		padding:0 18px 0 0;
		background:url(../img/system_flow_arrow.png) no-repeat 138px 142px;
	}
	#flowWrap ol.system-flow li:last-of-type {
		padding:0;
		background:none;
	}
	#flowWrap ol.system-flow li span {
		font-size:18px;
	}
}

/*  キャンセルに関して
----------------------------------------------- */
div#cancel {
	text-align: left;
}

div.attention {
	padding:1.1em 1em 1em 1em;
	margin:0 0 30px 0;
	background:#Fee;
	border:1px solid #d00;
}
div.attention h3 {
	color:#333;
	padding:0 !important;
	margin:0 0 15px 0;
}

div.attention p {
	margin:0;
}
div.attention span {
	text-decoration:underline;
}
div.attention strong {
	color:#e6686b;
	font-weight:bold;
}


/* ---------------------------------------------------------

　　Company
============================================== */
@media (max-width:759px) {
	#comWrap {
		margin-bottom:30px;
	}
	#comWrap section strong {
		font-size:16px;
	}
}
@media (min-width:760px) {
	#comWrap {
		width:760px;
		margin:0 auto 40px auto;
	}

	#comWrap th {
		width:150px;
	}

	#comWrap section strong {
	font-size:20px;
	}
}

#comWrap section {
	margin-bottom:40px;
}

#comWrap h2 {
	margin-bottom:12px;
}

#comWrap section strong {
	display:block;
	padding:0;
	margin:0 0 0.3em 0;
	color:#5ac3df;
	text-shadow:#c0e8f3 1px 1px 2px;
}

#comWrap section strong span {
	color:#f29c9f;
	text-shadow:#f8b6b8 1px 1px 2px;
}

#comWrap ul {
	margin:0.8em 0 0 0;
	padding:0;
	list-style:none;
}
#comWrap ul li {
	padding:0;
	margin:0 0 0.4em 0;
}
#comWrap ul li em {
	color:#5ac3df;
	font-size:123.1%;
}

#comWrap td small {
	padding:0 2em;
	color:#999;
}


/* ---------------------------------------------------------

　　Infomation
============================================== */
@media (max-width:759px) {
	#infoWrap {
		margin-bottom:30px;
	}
	#infoWrap article {
		width:100%;
	}
    #infoWrap article h2 {
        font-size:15px;
        margin-bottom:10px;
        line-height:20px;
    }
}

@media (min-width:760px) {
	#infoWrap {
		width:760px;
		margin:0 auto 40px auto;
		padding:0;
	}
	#infoWrap article {
		width:760px;
	}
    #infoWrap article h2 {
        margin-bottom:10px;
        font-size:18px;
        line-height:25px;
    }
}

#infoWrap article {
	padding:10px 20px 15px 20px;
	border:1px #ccc solid;
	border-radius:5px;
	margin:0 0 25px 0;
	box-sizing:border-box;
	position:relative;
}

#infoWrap article time {
	display:inline-block;
	padding:6px 12px;
	font-size:12px;
	color:#fff;
	background:#5ac3df;
	line-height:1;
	border-radius:12px;
	position:absolute;
	top:-12px;
	left:15px;
}

#infoWrap article h2 {
	margin-bottom:20px;
}

#infoWrap .paging {
	text-align:center;
}


/* ---------------------------------------------------------

　　VOICE
============================================== */
#voiceWrap .lead {
	margin-bottom:50px;
}

	#voiceWrap {
		width:100%;
		margin:0 0 40px 0;
		padding:0;
	}
	.voiceBox {
		width:100%;
	}

	.voiceBox section h2 > strong {
		font-size:22px !important;
	}

	.voiceBox article {
		width:100%;
		border-style:solid;
		border-radius:5px;
		border-width:1px;
		padding:0;
		margin:0 0 20px 0;
		background:#f3f3f3;
	}

	.voiceBox article .upper {
		display:table;
	}

/* ★左側 -------------------------------- */
	.voiceBox article .user {
		display:table-cell;
		text-align:center;
		margin:0;
		vertical-align:top;
	}
	.voiceBox article .user .icon {/* アイコン */
		background-position:center center;
		background-repeat:no-repeat;
		box-sizing:border-box;
	}

	.voiceBox article .user ul {/* 性別・所在地 */
		list-style:none;
		display:block;
		padding:0;
	}
	.voiceBox article .user ul li {
		display:inline-block;
		padding:0 6px;
		margin:0 0 5px 0;
		font-size:12px;
		line-height:1;
	}

/* ★右側 ------------------------------- */
	.voiceBox article .data {
		display:table-cell;
		margin:0;
		padding:0;
	}

	.voiceBox article .data ul {
		list-style:none;
		padding:15px 0 5px 0;
		margin:0;
	}
	.voiceBox article .data ul li {
		display:table;
		float:left;
	}
	.voiceBox article .data ul li:last-child {
		width:auto;
	}
	.voiceBox article .data ul li p {
		display:table-cell;
		margin:0
	}
	.voiceBox article .data ul li > p:first-child {
		width:70px;
		padding:0;
	}
	.voiceBox article .data ul li > p:first-child span {
		width:70px;
		display:inline-block;
		border:1px #ccc solid;
		background:#fff;
		font-size:12px;
		padding:1px 0;
		text-align:center;
		border-radius:10px;
		box-sizing:border-box;
	}

	.voiceBox article .data .voice {
		border:1px #ccc solid;
		padding:5px 10px 10px 10px;
		background:#fff;
	}
	.voiceBox article .data .voice p.cp {
		width:60px;
		border:1px #ccc solid;
		font-size:12px;
		padding:1px 0;
		margin:0 0 5px 0;
		text-align:center;
		border-radius:10px;
	}

	.voiceBox article .data .voice .comment {
		line-height:1.6;
	}

	/* CaSyからのコメント */
	.voiceBox article .res {
		position:relative;
	}

	.voiceBox article .res p.cp {
		width:150px;
		color:#fff;
		line-height:35px;
		padding:0 0 0 45px;
		position:absolute;
		top:0;
		left:12px;
		background:url(../img/cp_res.png) no-repeat left top;
	}

	.voiceBox article .res .comment {
		line-height:1.6;
		padding:20px 10px 7px 10px;
		margin:0 ;
		border:1px #5ac3df solid;
		background:#fff;
	}

	/* 男性ユーザー */
	.voiceBox section article.male {
		border-color:#5ac3df !important;
	}
	article.male .user .icon {
		background-image:url(../img/icon_user_m.png);
	}

	/* 女性ユーザー */
	.voiceBox section article.female {
		border-color:#f2aaac !important;
	}
	article.female .user .icon {
		background-image:url(../img/icon_user_f.png);
	}

@media (max-width:400px) {
	.voiceBox article .data .voice {
		margin: 0 10px 5px -90px;
	}
}
@media (min-width:401px) and (max-width:759px) {
	.voiceBox article .data .voice {
		margin: 0 10px 5px 0;
	}
}
@media (max-width:759px) {
	.voiceBox {
		width:100%;
	}

	.voiceBox aside.menu4mobile {/* 絞込検索 */
		display:block;
		padding:10px;
		margin:0 0 10px 0;
		background:#f6f6f6;
		text-align:center;
	}
	.voiceBox aside.menu4mobile p {
		width:320px;
		text-align:left;
		margin:0 auto 3px auto;
	}
	.voiceBox aside.menu4mobile select {
		width:130px;
		display:inline-block;
		margin:0 5px;
	}
	.voiceBox aside.menu4pc {
		display:none;
	}

	.voiceBox section {/*  コメント一覧  */
	}

/* ★左側 -------------------------------- */
	.voiceBox article .user {
		width:100px;
		min-height:100px;
		padding:10px 0 0 0;
	}
	.voiceBox article .user .icon {/* アイコン */
		width:60px;
		height:55px;
		margin:0 auto 5px auto;
	}

	.voiceBox article .user ul {
		width:90px;
		margin:0 ;
	}
	.voiceBox article .user ul li {
		padding:0 4px;
		margin:0 0 3px 0;
	}

/* ★右側 ------------------------------- */
	.voiceBox article .data ul li {
		margin:0 0 0.5em 0;
	}
	.voiceBox article .data ul li > p:last-child {
		padding:0 2em 0 7px;
	}

	/* CaSyからのコメント */
	.voiceBox article .res {
		padding:17px 10px 10px 10px;
	}
}

@media (min-width:760px) {
	.voiceBox {
		display:table;
	}

	.voiceBox aside.menu4pc {/* サイドバー */
		width:180px;
		display:table-cell;
		vertical-align:top;
	}
	.voiceBox aside.menu4mobile {
		display:none;
	}
	.voiceBox section {/*  コメント一覧  */
		display:table-cell;
		vertical-align:top;
		padding:0 0 0 20px;
	}

/* ★左側 -------------------------------- */
	.voiceBox article .user {
		width:130px;
		padding:15px 0 0 0;
		vertical-align:top;
	}
	.voiceBox article .user .icon {/* アイコン */
		width:80px;
		height:80px;
		margin:0 auto 7px auto;
		border:1px #ccc solid;
		background-color:#fff;
	}

	.voiceBox article .user ul {/* 性別・所在地 */
		width:100px;
		margin:0 15px;
	}
	.voiceBox article .user ul li {
		padding:0 6px;
		margin:0 0 5px 0;
	}

/* ★右側 ------------------------------- */
	.voiceBox article .data ul li {
		width:205px;
		margin:0 0 0.8em 0;
	}
	.voiceBox article .data ul li > p:last-child {
		padding:0 10px 0 7px;
	}
	.voiceBox article .data .voice {
		margin: 0 15px 5px 0;
	}

	/* CaSyからのコメント */
	.voiceBox article .res {
		padding:17px 15px 15px 15px;
	}


/* 左サイドメニュー
--------------------------------------------- */
.voiceBox aside .menuCp {
	padding:5px;
	font-size:12px;
	border:1px #ccc solid;
}

.voiceBox aside > dl {
	width:180px;
	padding:0;
	margin:0;
	list-style:none;
}

	.voiceBox aside > dl dt {
		padding:0 0 0 36px;
		font-size:16px;
		line-height:50px;
		font-weight:normal;
		cursor:pointer;
		border-left:1px #ccc solid;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
		background:#f3f3f3 url(../img/bullet_voice_menu.png) no-repeat 10px top;
	}
	.voiceBox aside > dl dt:hover {
		color:#1f95c3;
	}
	.voiceBox aside > dl dt.active {
		background:#ceeef7 url(../img/bullet_voice_menu.png) no-repeat 10px bottom;
	}

	.voiceBox aside > dl dd { display:none;}

	.voiceBox aside > dl dd > ul {
		list-style:none;
		padding:0;
		margin:0;
		border-bottom:1px #ccc solid;
	}

	.voiceBox aside > dl dd > ul li {
		line-height:30px;
		border-left:1px #ccc solid;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc dotted;
	}
	.voiceBox aside > dl dd > ul li:last-child {
		border-bottom:none;
	}

	.voiceBox aside > dl dd > ul li a {
		display:block;
		padding:0 0 0 20px;
	}
	.voiceBox aside > dl dd > ul li a:hover {
		background:#f6f6f6;
		text-decoration:none;
	}
}
@media (min-width:760px) and (max-width:959px)  {
	.voiceBox article .data dl dd.value {
		width:150px;
	}
	.voiceBox article .data dl dd.time,
	.voiceBox article .data dl dd.spot {
		width:320px
	}
}
@media (min-width:960px)  {
	.voiceBox article .data dl dd.spot {
		width:530px
	}
}


/* ---------------------------------------------------------

　　Sitemap
============================================== */
#sitemap dl dt {
	padding:10px 14px;
	margin-bottom:15px;
	background:#c0e8f3;
	border-radius:5px;
	font-size:18px;
}

#sitemap dl dd {
	margin:0 5px 15px 10px;
}

#sitemap dl dd a {
	background:url("../img/bullet_blue_arrow.png") no-repeat 5px center;
	padding:0 0 0 22px;
	display:block;
	line-height:1.6;
}

@media (max-width:759px) {
	#sitemap dl.service {
		margin-bottom:30px;
	}
}

@media (min-width:760px) {
	#sitemap {
		width:760px;
	}

	#sitemap dl {
		width:350px;
		list-style:none;
		margin:0;
		padding:0;
	}

	#sitemap dl dd.hr {
		padding-bottom:15px;
		border-bottom:1px #ccc dotted;
	}

	#sitemap dl.service {
		float:left;
	}

	#sitemap dl.company {
		float:right;
	}
}
@media (min-width:960px) {
	#sitemap {
		margin:0 auto 40px auto;
	}
}



/* ---------------------------------------------------------

　　FAQ
============================================== */
#faqWrap {
	margin:0 auto 50px auto;
	display:block;
	position:relative;
}
/* Tab */
#faqWrap ul.guide-menu {
	margin:0 0 40px 0;
	padding:0;
	list-style:none;
	border-top:1px #ccc dotted;
}
#faqWrap ul.guide-menu li {
	padding:0.5em;
	border-bottom:1px #ccc dotted;
}
#faqWrap ul.guide-menu li a {
	display:block;
	line-height:24px;
	padding:0 0 0 35px;
	background:url(../img/bullet_faq.png) no-repeat left top;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
  transition: 0s;
}
	#faqWrap ul.guide-menu li:hover,
	#faqWrap ul.guide-menu li.active {
		background:#eef9fc;
	}
	#faqWrap ul.guide-menu li.active a {
		background:url(../img/bullet_faq.png) no-repeat left bottom;
	}



@media (max-width:639px) {
	#faqWrap {
		width:98%;
		margin:0 1% 30px 1%;
	}
}
@media (min-width:640px) {
	#faqWrap {
		width:98%;
		margin:0 1% 30px 1%;
	}
}
@media (min-width: 640px) and  (max-width: 959px)  {
	#faqWrap {
		width:760px;
		margin:0 0 50px 0;
		padding:0 10px;
	}
}
@media (min-width: 960px)   {
	#faqWrap {
		width:760px;
		margin:0 auto 50px 100px;
	}
}


#faqWrap .hide {
	display:none;
}

#faqWrap section h2 {
	color:#5ac3df;
	margin-bottom:40px;
	text-shadow:#eee 1px 1px 2px;
}

#faqWrap section div.faq {
	margin:0 0 1em 0;
	position:relative;
	border-bottom:1px dotted #ccc;
}

#faqWrap section h3 {
	color:#428bca;
	font-size:14px;
	line-height:1.42;
	text-shadow:none;
	padding:5px 0 3px 35px;
	margin:0 0 1em 0;
	background:url("../img/bullet_faq_q.png") no-repeat left top;
}
#faqWrap section h3:hover {
	cursor:pointer;
	text-decoration:underline;
}


#faqWrap section .ansa {
	padding:5px 0 1em 60px;
	line-height:1.5;
	background:url("../img/bullet_faq_a.png") no-repeat 26px top;
}
#faqWrap section .ans {
	padding:5px 0 1em 60px;
	line-height:1.5;
	background:url("../img/bullet_faq_a.png") no-repeat 26px top;
}


/* ---------------------------------------------------------

　　Terms / Privacy
============================================== */
#termsWrap {
	margin-bottom:50px;
}

@media (min-width:960px) {
	#termsWrap {
		margin-left:100px;
		margin-right:100px;
	}
}

#termsWrap dt {
	font-size:14px;
	text-shadow:none;
	padding:0;
	margin:0 0 0.5em;
	color:#333;
	font-weight:normal;
}

#termsWrap dd {
	margin-bottom:1.2em;
	font-size:12px;
}

#termsWrap ol {
	margin:0 0 0.5em -1.2em;
}

#termsWrap ol li {
	margin:0 0 0.3em 0;
}

ol.inner {
	margin:5px 0 0 -2.5em !important;
	font-size:12px;
}

ol.inner li {
	list-style:none !important;
}

span.cp {
	line-height:1.8;
}


/* ---------------------------------------------------------

　　Contact
============================================== */
.contactWrap {
	margin-right:auto;
	margin-bottom:30px;
	display:block;
}
@media (max-width: 767px) {
	.contactWrap {
		width:100%;
	}
}
@media (min-width: 767px) {
	.contactWrap {
		width:760px;
	}
}

/* 　INPUT AREA
------------------------------------------------- */
@media (min-width: 768px)  {
	.cell-td textarea.comment {
		width:500px;
	}
}

input#certify {
	width:120px;
	ime-mode: disabled;
	-wap-input-format:"*<ja:en>"; -wap-input-format:*m;
}

textarea#detail {
	margin-bottom:3px;
}
body { font:12px Helvetica, arial, sans-serif }
h1, h2, p { margin:10px 0 }
.hidden { visibility:hidden }


.message { padding:10px; margin:15px 0; display:block; text-align:left }
.message-title { font-weight:bold; font-size:1.25em }
.message-body { margin-top:4px }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4 }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324 }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880 }
.error a { color:#8a1f11 }
.notice a { color:#514721 }
.success a { color:#264409 }


/* 　Paging（ページ送り）
============================ */
div.paging {
	text-align:center;
	margin:30px auto;
}

	div.paging > ul {
		display:inline-block;
		padding:0;
		margin:0 auto;
		list-style:none;
	}

	div.paging > ul li {
		color:#ccc;
		min-width:36px;
		display:block;
		float:left;
		line-height:36px;
		text-align:center;
		padding:0;
		margin:0;
		border-top:1px #ccc solid;
		border-left:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}
	div.paging > ul li:first-child {
		border-top-left-radius:5px;
		border-bottom-left-radius:5px;
	}
	div.paging > ul li:last-child {
		border-right:1px #ccc solid;
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
	}
	div.paging > ul li:first-child span,
	div.paging > ul li:last-child span,
	div.paging > ul li:first-child a,
	div.paging > ul li:last-child a {
		padding:0 8px;
	}
	div.paging > ul li a {
		display:block;
		text-decoration:none;
	}
	div.paging > ul li a:hover {
		background:#ceeef7;
		text-decoration:none;
	}
	div.paging > ul li.active a,
	div.paging > ul li.active a:hover {
		background:#5ac3df;
		color:#fff;
	}

/* ---------------------------------------------------------

　　企業向けお問い合わせ
----------------------------------------------------------- */
#b-to-b {}

#b-to-b ol {
	margin:0 0 30px 0;
}

#b-to-b ol em {
	font-style:normal;
	color:#e6686b;
}
#b-to-b ol li {
	margin-bottom:0.4em;
}

#b-to-b .propose {
	text-align:center;
	margin-bottom:40px;
}
#b-to-b .propose img {
	width:100%;
	max-width:690px;
	height:auto;
}

@media (max-width: 759px)  {
	#b-to-b {
		width:98%;
		margin:0 1%;
	}
}
@media (min-width: 760px)  {
	#b-to-b {
		width:760px;
		margin:0 auto;
	}
	#b-to-b .lead {
		margin-bottom:20px;
	}
	#b-to-b ol {
		font-size:16px;
	}
}

/* ---------------------------------------------------------

　　家事代行の選び方 (index)
----------------------------------------------------------- */
#fanWrap {
	margin:0 auto 30px auto;
}
#fanWrap article {
	margin:0 auto 25px auto;
	padding:0;
	border:1px #ccc solid;
	border-radius:6px;
	position:relative;
	display:table;
}
#fanWrap article:hover {
	background-color:#effcff;
}
#fanWrap article .txtBox,
#fanWrap article .imgBox {
	display:table-cell;
	vertical-align:top;
}

/* Title */
#fanWrap article .titleArea {
	min-height:80px;
	padding:25px 0 0 15px;
	margin:-3px 0 0 0;
	background:url(../img/title_tag.png) no-repeat 15px top;
}
	#fanWrap article .titleArea span {
		display:inline-block;
		width:50px;
		color:#5ac3df;
		font-size:24px;
		text-align:center;
		line-height:30px;
	}
	#fanWrap article .titleArea h2 {
		color:#222;
		line-height:30px;
		padding:0 0 0 15px;
		margin:0;
		text-shadow:none;
		display:inline-block;
	}


	#fanWrap article .intro {
		line-height:1.42;
	}
		#fanWrap article .intro p.more {
			padding:6px 0 0 0;
			text-align:right;
			color:#1f95c3;
			margin:0;
		}
		#fanWrap article .imgBox span {
			display:inline-block;
			border-radius:6px;
			overflow:hidden;
			border:1px #ccc solid;
		}

	#fanWrap article a.readMore {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		text-indent:-999em;
	}
@media (max-width: 759px)  {
#fanWrap article {
	width:96%;
}
#fanWrap article .txtBox {
	padding:0 15px 10px 0;
}

/* Title */
#fanWrap article .titleArea {
	display:table;
}
	#fanWrap article .titleArea span {
		display:table-cell;
		vertical-align:top;
		padding-bottom:18px;
	}
	#fanWrap article .titleArea h2 {
		font-size:20px;
		line-height:26px;
		display:table-cell;
		padding-bottom:12px;
	}

	#fanWrap article .intro {
		padding:0 0 0 20px;
	}

	#fanWrap article .imgBox {
		width:25%;
		padding:20px 20px 20px 0;
	}
	#fanWrap article .imgBox img {
		width:100%;
		height:auto;
	}
}
@media (min-width: 760px)  {
#fanWrap article {
	width:760px;
}
#fanWrap article .txtBox {
	padding:0 30px 0 0;
}

/* Title */
#fanWrap article .titleArea {
	min-height:80px;
}
	#fanWrap article .titleArea span {
		display:inline-block;
	}
	#fanWrap article .titleArea h2 {
		font-size:22px;
		line-height:30px;
		display:inline-block;
	}

	#fanWrap article .intro {
		padding:0 0 0 25px;
	}

	#fanWrap article .imgBox {
		width:152px;
		padding:20px 20px 20px 0;
	}
	#fanWrap article .imgBox img {
		width:152px;
		height:auto;
	}
}

/* ---------------------------------------------------------

　　お掃除辞典 (index)
----------------------------------------------------------- */
#dicWrap {
	margin:0 auto 30px auto;
}
#dicWrap section {
	margin:0 auto 25px auto;
	padding:0;
	border:1px #ccc solid;
	border-radius:6px;
	position:relative;
	display:table;
}
#dicWrap section:hover {
	background-color:#effcff;
}
#dicWrap section .txtBox,
#dicWrap section .imgBox {
	display:table-cell;
	vertical-align:top;
}

/* 　index
------------------------------------------------- */
/* Title */
.dicIndex section .titleArea {
	min-height:80px;
	margin:-3px 0 0 0;
}
.dicIndex section#dicCtg01 .titleArea { background:url(../img/dic_guide_01.png) no-repeat 10px top; }
.dicIndex section#dicCtg02 .titleArea { background:url(../img/dic_guide_02.png) no-repeat 10px top; }
.dicIndex section#dicCtg03 .titleArea { background:url(../img/dic_guide_03.png) no-repeat 10px top; }
.dicIndex section#dicCtg04 .titleArea { background:url(../img/dic_guide_04.png) no-repeat 10px top; }
.dicIndex section#dicCtg05 .titleArea { background:url(../img/dic_guide_05.png) no-repeat 10px top; }
.dicIndex section#dicCtg06 .titleArea { background:url(../img/dic_guide_06.png) no-repeat 10px top; }
.dicIndex section#dicCtg07 .titleArea { background:url(../img/dic_guide_07.png) no-repeat 10px top; }
.dicIndex section#dicCtg08 .titleArea { background:url(../img/dic_guide_08.png) no-repeat 10px top; }

	.dicIndex section .titleArea strong {
		display:block;
		color:#5ac3df;
		margin-bottom:10px;
		font-weight:normal;
	}
	.dicIndex section .titleArea h2 {
		color:#222;
		padding:0;
		text-shadow:none;
		display:inline-block;
	}


	#dicWrap section .intro {
		line-height:1.42;
	}
		#dicWrap section p.more {
			padding:6px 0 0 0;
			text-align:right;
			color:#1f95c3;
			margin:0;
		}
		.dicIndex section .imgBox span {
			display:inline-block;
			border-radius:6px;
			overflow:hidden;
			border:1px #ccc solid;
		}

	#dicWrap section a.readMore {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		text-indent:-999em;
	}

  #dicWrap .top {
    margin: 5px 0;
    color: #1f95c3;
  }

	#dicWrap section:empty {/* 中身がない場合 */
		padding:0 !important;
		margin:0 !important;
		border:none !important;
	}


  @media (max-width: 560px) {
    #dicWrap .titleArea {
      width: 80%;
    }
    #dicWrap .imgBox {
      position: absolute;
      text-align: right;
      right: 0;
    }
    #dicWrap .imgBox img {
      width: 60px;
      height: 60px;
    }
  }


/* 　Contents top
------------------------------------------------- */
.dicTop section h2 {
	font-size:24px;
	color:#5ac3df;
	text-shadow:#ddf8ff 2px 2px 2px !important;
}

.dicTop section .intro {
	margin-bottom:6px;
}
.dicTop section p.more {
	padding:0;
	text-align:right;
	color:#1f95c3;
	margin:0;
}

/* 　個別記事　clause
------------------------------------------------- */
.clause article {
	border:none;
	margin:0 auto 25px auto;
}
.clause article h2 {
	color:#5ac3df;
	text-shadow:none !important;
	line-height:1.3;
}
	.clause article p {
		line-height:1.5;
	}


@media (max-width: 759px)  {
#dicWrap section {
	width:96%;
}
#dicWrap section .txtBox {
	padding:0 10px 10px 0;
}
#dicWrap section p {
	font-size:14px;
}

/* 　index
------------------------------------------------- */
/* Title */
.dicIndex section .titleArea {
	padding:13px 0 0 70px;
}
	.dicIndex section .titleArea strong {
		font-size:14px;
		line-height:16px;
	}
	.dicIndex section .titleArea h2 {
		font-size:18px;
		line-height:20px;
		margin:0 0 10px 0;
	}
	.dicIndex section .titleArea strong {
		margin-bottom:5px;
	}

	.dicIndex section .intro {
		font-size:14px;
		padding:0 0 0 10px ;
	}

	.dicIndex section .imgBox {
		width:30%;
		max-width:150px;
		padding:10px 10px 10px 0;
	}
	.dicIndex section .imgBox img {
		width:100%;
		height:auto;
	}
/* contents top */
#dicWrap .wrapper {}
	#dicWrap .wrapper section {
		width:98%;
		padding:5px 10px 10px 10px;
	}

/* clause */
.clause article {
	width:98%;
}
.clause article:last-of-type {
	margin-bottom:40px !important;
}
.clause article h2 {
	font-size:20px !important;
	margin:0 0 10px 0;
}
	.clause article h2 small {
		font-size:16px;
	}

	.clause article p {
		font-size:14px;
		line-height:1.5;
	}
	#dicWrap .paging {
		width:98%;
	}
}
@media (min-width: 760px)  {
.dicIndex  section {
	width:760px;
}
.dicIndex section .txtBox {
	padding:0 30px 0 0;
}

/* 　index
------------------------------------------------- */
/* Title */
.dicIndex section .titleArea {
	padding:25px 0 0 80px;
}
	.dicIndex section .titleArea strong {
		font-size:18px;
		line-height:22px;
	}
	.dicIndex section .titleArea h2 {
		font-size:30px;
		line-height:34px;
		margin:0 0 15px 0;
	}

	.dicIndex section .intro {
		padding:0 0 0 80px;
	}

	.dicIndex section .imgBox {
		width:152px;
		padding:20px 20px 20px 0;
	}
	.dicIndex section .imgBox img {
		width:152px;
		height:auto;
	}

/* contents top */
#dicWrap .wrapper {
	width:900px;
	display:table;
	border-collapse:separate;
	border-spacing:20px;
	margin:0 auto;
}
	#dicWrap .wrapper section {
		width:50%;
		display:table-cell;
		padding:10px 15px 15px 15px;
	}


/* clause */
.clause article {
	width:760px;
	margin:0 auto 25px auto;
}
.clause article:last-of-type {
	margin-bottom:50px !important;
}
.clause article h2 {
	color:#5ac3df;
	font-size:26px !important;
	text-shadow:none !important;
	margin:0 0 14px 0;
	line-height:1.3;
}
	.clause article h2 small {
		font-size:18px;
	}

	.clause article p {
		line-height:1.5;
	}
	#dicWrap .paging {
		width:760px;
	}
}

.indexHeader {
  width: 98%;
  max-width: 600px;
  margin: 20px auto 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #5ac3df;
  color: #fff;
  padding: 10px;
}
.indexBody {
  width:98%;
  max-width: 600px;
  margin: 0 auto 20px;
  padding: 15px 20px;
  border: 2px solid #5ac3df;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.indexBody a {
  display: inline-block;
  margin: 0 15px 0 0;
}
.indexBody a:last-child {
  margin-right: 0;
}
.childIndexBody a {
  display: block;
  padding: 1px 0;
}
@media (max-width: 560px) {
  .indexBody {
    padding: 10px 15px;
  }
  .indexBody a {
    margin: 0 10px 0 0;
  }
}

/* キャッシュバックキャンペーン
------------------------------------------------- */
.cashback h1 {
  width: 100%;
}
.cashback .h1Inner {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
}
.cashback h1 strong {
  font-size: 29px;
}
.cashback .title {
  width: 100%;
}
.cashback .titleSP {
  display: none;
}
.cashback h2 {
  color: #ccaa88;
  text-align: left;
  margin-bottom: 40px;
  text-shadow: #eee 1px 1px 2px;
}
.cashback h2:not(:first-of-type) {
  margin-top: 40px;
}
.cashback .step {
  display: table;
  width: 760px;
  margin: 10px auto;
}
.cashback .stepNumWrap {
  display: table-cell;
  vertical-align: top;
}
.cashback .stepNum {
  width: 80px;
  height: 80px;
  background: #ccaa88;
  border-radius: 40px;
  color: #fff;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
}
.cashback .stepArrow {
  width: 80px;
  height: 70px;
  background: url(../img/cashback_arrow.png) no-repeat center;
  background-size: contain;
  margin: 15px 0;
}
.cashback .stepDescription {
  display: table-cell;
  vertical-align: top;
  padding: 10px 0 0 20px;
}
.cashback .stepDescription h3 {
  margin-top: 0;
}
.cashback .step a {
  text-align: center;
  margin: 5px 0 5px 20px;
  display: block;
  width: 200px;
  line-height: 30px;
  border-radius: 4px;
  color: #444;
  background: #f0e9e0;
  border: 1px #ddc9b3 solid;
}
.cashback .step a:hover {
  color: #997755;
  border: 1px #ccc solid;
  background: #fff;
  text-decoration: none;
}
.cashback ul {
  margin: 40px 0 0;
  list-style-type: none;
}

@media (max-width:760px) {
  .cashback h2:not(:first-of-type) {
    margin-top: 25px;
  }
  .cashback .step {
    width: 100%;
  }
}

@media (max-width:560px) {
  .cashback .title {
    display: none;
  }
  .cashback .titleSP {
    display: block;
    width: 100%;
    margin: 0 0 30px;
  }
  .cashback h2 {
    margin-bottom: 15px;
  }
  .cashback .stepDescription {
    padding-left: 10px;
  }
}