@charset "UTF-8";



/*リセット*/

table{
	border-collapse:collapse;
	border-spacing:0;
}

img{max-width: 100%;}



/* ================================
微調整
===================================*/

/*余白*/

.mT1em{ margin-top: 1em !important; }
.mT5	{ margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT20 { margin-top: 20px !important; }
.mT30 { margin-top: 30px !important; }


.mb5	{ margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }


.pL10{padding-left: 10px;}

.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }

.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

/*文字*/
.fS10{font-size: 72%;}
.fS11{font-size: 79%;}
.fS12{font-size: 86%;}
.fS13{font-size: 93%;}
.fS14{font-size: 100%;}/*14px*/
.fS15{font-size: 108%;}
.fS16{font-size: 115%;}
.fS17{font-size: 122%;}
.fS18{font-size: 129%;}
.fS19{font-size: 136%;}
.fS20{font-size: 143%;}
.fS21{font-size: 150%;}
.fS22{font-size: 158%;}
.fS23{font-size: 165%;}
.fS24{font-size: 172%;}
.fS25{font-size: 179%;}
.fS26{font-size: 186%;}

.fwN{font-weight: normal !important;}
.fwB{font-weight: bold !important;}

.txtC{text-align: center;}


.colPink{color: #cc0066;}

/*タイトルスタイル*/
.ttl_02_blur{
padding: 8px 10px 8px 13px;
background-color: #23c3d6;
border-left: 4px solid #002b5b;
color: #ffffff;
}
.ttl_02_pink{
	padding:8px 10px 8px 13px;
	background-color:#f37aaa;
	border-left:4px solid #cc0066;
	font-weight:normal;
	color:#ffffff;
}
/* slideMain */
.slideMain {
	position:relative;
	width: 100%;
	margin-top:30px;
}
.slideMain .slide {
	overflow: hidden;
	margin: 0 auto;
}
.slideMain .slide {
	width: 245px;
	margin-right:auto;
	margin-left:auto;
}
.slideMain .slide:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.slideMain .slide img{width:100%;}

.slideMain .slide li {
	width: 245px;
	height:195px;
	float: left;
	text-align: center;
	position:relative;
}
.slideMain .slide li .zoomImg{
	width:30px;
	height:30px;
	background:url(/sp/common/images/up_icon.png) left top no-repeat;
	background-size:100% 100%;
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
}

.slideMain .pagination {
	width: 245px;
	margin: 10px auto 0;
	padding: 4px 0;
	background-color: #ECECEC;
	text-align: center;
}
.slideMain .pagination a {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 5px;
	margin-left: 4px;
	background-image: url(/sp/common/images/slidemain_paging.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	background-size: 11px auto;
}

.slideMain .pagination.pink a {
	background-image: url(/sp/common/images/slidemain_paging_pink.png);
}
.slideMain .pagination a:last-child {
}
.slideMain .pagination a.selected {
	background-position: 0 bottom;
}
.slideMain .pagination a span {
	display: none;
}
.slideMain .slidePrev {
	position: absolute;
	top: 0;
	left: 0;
}
.slideMain .slideNext {
	position: absolute;
	top: 0;
	right: 0;
}
.slideMain .slidePrev a,
.slideMain .slideNext a {
	display: block;
	width: 27px;
	height: 225px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.slideMain .slidePrev a {
  background-image: url(/sp/common/images/slidemain_prev.png);
}
.slideMain .slideNext a {
  background-image: url(/sp/common/images/slidemain_next.png);
}


/*ページ下部カルーセル*/


/* carouselMain */
.carouselMain {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.carouselMain .carouselBoxWrap {
	overflow: hidden;
	margin: 0 auto;
}
.carouselMain .carouselBoxWrap li {
	float: left;
	margin: 0 5px 10px;
}
.carouselMain .carouselBoxWrap li dl{
max-width: 114px;
text-align: left;
}

.carouselMain .carouselBoxWrap li dt {
	width: 114px;
	margin-bottom: 10px;
	padding: 1px;
	border: solid 1px #cccccc;
}
.carouselMain .carouselBoxWrap li dd {
	text-align: left;
	font-size: 86%;
}
.carouselMain .carouselBoxWrap li dd span{font-size:83.3%;}
.carouselMain .pagination {
	width: 252px;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #ECECEC;
	text-align: center;
}
.carouselMain .pagination a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-image: url(/sp/service/pro/air/images/ico-page.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	background-size: 10px auto;
}

.carouselMain .pagination.pink a {
	background-image: url(/sp/common/images/slidemain_paging_pink.png);
}

.carouselMain .pagination a:last-child {
	margin: 0;
}
.carouselMain .pagination a.selected {
	background-position: 0 bottom;
}
.carouselMain .pagination a span {
	display: none;
}
.carouselMain .btPrevArea {
	position: absolute;
	top: 0;
	left: 0;
}
.carouselMain .btNextArea {
	position: absolute;
	top: 0;
	right: 0;
}
.carouselMain .btPrevArea a,
.carouselMain .btNextArea a {
	display: block;
	width: 28px;
	height: 196px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.carouselMain .btPrev {
  background-image: url(/sp/common/images/bt-prev.gif);
}
.carouselMain .btNext {
  background-image: url(/sp/common/images/bt-next.gif);
}

/*ボタンスタイル*/
.btn_01{
	display: block;
	width: 76%;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	border: solid 2px #dbdbdb;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #f4f4f4), color-stop(0.51, #fbfbfb));
	background: -webkit-linear-gradient(top, #fbfbfb 51%, #f4f4f4 51%);
	background: -moz-linear-gradient(top, #fbfbfb 51%, #f4f4f4 51%);
	background: -o-linear-gradient(top, #fbfbfb 51%, #f4f4f4 51%);
	cursor: pointer;
}

/*トグルスタイル*/

.ttlTgl{
	padding-right:20px;
	cursor:pointer;
}
.ttlTgl span{
	background: url(/sp/common/images/ico_minus.png) right center no-repeat;
	background-size:14px 14px;
	display:block;
}
.ttlTgl.hide span{
	background: url(/sp/common/images/ico_plus.png)  right center no-repeat;
	background-size:14px 14px;
}



.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


.pageTop{
	margin-top:20px;
	margin-bottom:20px;
	padding-right:20px;
	padding-left:20px;
}
.pageTop:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.pageTop a{
	width:37.5%;
	padding:8px 10px;
	background: url(/sp/common/images/pagetop_bg.gif) left top no-repeat;
	background-size:100% 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	border:2px solid #cccccc;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:block;
	float:right;
}


.line01{
	height:1px;
	background-color:#cc0066;
	clear:both;
}
.line01 hr{display:none;}


/*===================================================

ページスタイル

=====================================================*/
#header{
	background: url(/sp/common/images/header-bg.png) repeat-x 0 100% !important;
	-moz-background-size: 50px 5px !important;
	-webkit-background-size: 50px 5px !important;
	background-size: 50px 5px !important;
	}

#content h1.household_ttl{
	font-size: 122%;
	text-shadow: none;
	color: #fff;
	padding: 7px 10px 10px;
	font-weight: bold;
	background-color :#ff6699;
	border-left: none;
}

/*nav-home*/
.nav-home h2{
    background-color: #f37aaa;
    border-left: 4px solid #cc0066;
    color: #ffffff;
    font-size: 107.1%;
    font-weight: normal;
    padding: 8px 10px 8px 13px;
	}
	
/* footer pagetop */
#content #pageTop {
	background: #f37aaa;
	}

/*rank*/
#rank{
	padding-top: 20px;
	padding-bottom: 10px;
	clear:both;
}
#rank h2 img{
width: 100%;
}

#rank .inner{
	padding:20px 20px 0 20px;
	margin: 0;
}
#rank ul{
	text-align:center;
}
#rank ul{
margin-left: 0.321%;
margin: 0;
padding: 0;
}
#rank ul li{
width: 17%;
padding-left: 0.321%;
display: inline-block;
}
#rank dl{
	margin-top:20px;
}
#rank dl dt{
	color:#cc0066;
	font-size:106%;
	font-weight:bold;
}
#rank dl dd{
	margin-top:10px;
}

/*price*/
#price{}
#price02{}

/*areaLink*/
.areaLink{
	margin: 5px 0;
	padding-right:10px;
	padding-left:10px;
	text-align:right;
}
/*==clearfix==*/
.areaLink:after{
content:" "; display:block; height:0; clear:both; visibility:hidden;}

.areaLink a{
	padding-left:1em;
	background:url(/sp/service/merrymaids/images/arw_u.png) left center no-repeat;
	background-size:11px 10px;
	font-weight:bold;
	text-decoration:none;
	float:right;
}

#price .sec01{
padding: 15px 20px;
border-bottom: dotted 2px #dbdbdb;
}

#price .sec02{
padding: 15px 20px 0px 20px;
}
#price .sec02 .txt{
padding-top: 10px;
padding-left:1em;
text-indent:-1em;
}

#price .sec03{
width: 100%;
padding-bottom: 20px;
}

#price .sec03 .in_box{
padding: 20px 20px 20px 20px;
border-bottom: dotted 2px #dbdbdb;
}
#price .sec03 .in_box:last-child{
border: 0;
padding-bottom: 0;
}

#price .sec03 table{
width: 100%;
vertical-align: middle;
}

#price .sec03 th{
width: 31.42%;
text-align: left;
padding: 0.5em;
border: solid 2px #cccccc;
background: #f5f5f5;
}

#price .sec03 td{
background: #fff;
padding: 0.5em;
border: solid 2px #cccccc;
}

#price .price_ttl{
font-weight: bold;
}
#price .price_ttl span{
display: inline-block;
width: 42px;
line-height: 28px;
background: #f3a222;
color: #fff;
margin-right: 10px;
text-align: center;
}
#price .price_ttl span.price_ttl_2{
background: #ffc66c;
}

#price dl{
padding: 10px 0;
}

#price dt{
float: left;
}
#price dd{
margin-left: 70px;
}

/*prcSec*/
.prcSec{
	padding:15px 10px;
}

.prcSec table{
	width: 99%;
	font-size: 90%;
	border-top: solid 2px #f37aaa;
	border-right:solid 2px #f37aaa;
	border-bottom: solid 2px #f37aaa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.prcSec table th{
	padding: 7px;
	width: 29%;
	text-align: center;
	background: #f37aaa;
	border-bottom: solid 1px #fff;
	border-left:solid 2px #f37aaa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color: #fff;
	vertical-align: middle;
}
.prcSec table thead th{
	background: #fde6f0;
	border-right:solid 1px #f37aaa;
	border-bottom: solid 1px #f37aaa;
	color:#333333;
	text-align:center;
}

.prcSec table td{
	padding-left: 7px;
	font-weight: bold;
	border-bottom:solid 1px #f37aaa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 7px 3px 7px 7px;
}
.prcSec table thead td{
	background: #fde6f0;
	border-bottom: solid 1px #f37aaa;
	font-weight:normal;
	text-align:center;
}
.prcSec table td span{font-weight:normal;}

.prcSec .note{
	margin-top:8px;
}
.prcSec .note li{
	padding-left:0.5em;
	line-height:1.43;
	text-indent:-0.5em;
}


/*areaSec*/
.areaSec{
	width: 100%;
}

.areaSec .in_box{
	padding: 20px 20px 20px 20px;
	border-bottom: dotted 2px #dbdbdb;
}
.areaSec .in_box:last-child{
	border: 0;
	padding-bottom: 0;
}

.areaSec table{
	width: 100%;
	vertical-align: middle;
}
.areaSec th{
	width: 33.42%;
	text-align: left;
	padding: 0.5em;
	border: solid 2px #cccccc;
	background: #f5f5f5;
}
.areaSec td{
	background: #fff;
	padding: 0.5em;
	border: solid 2px #cccccc;
}


/*cartBox*/
.cartBox dl {
	padding: 20px 0;
	border-top: 2px dotted #dcdcdc;
	border-bottom: 2px dotted #dcdcdc;
	text-align: center;
}
.cartBox dt {}
.cartBox dd {
	margin-top:10px;
}
div.cartBox dd.btn {
	width: 245px;
	margin: 10px auto 0;
}

.cartBox{
	padding-top:20px;
}
.cartBox img{width:100%;}

.msg{
	padding-right:20px;
	margin-left:20px;
}
.msg li{
	margin-top:1em;
	padding-left:1em;
	text-indent:-1em;
}
.msg li span{font-weight:bold;}


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

#voice .inner ul{
width: 300px;
margin: 0 auto;
}

#voice .inner ul li{
padding-top: 14px;
}


/*---------------------------*/
/*
#service h3{
clear: both;
}

#service .inner{}

#service .inner dl{
clear: both;
}

#service .inner .in_box{
padding: 10px;
border-bottom: dotted 2px #dbdbdb;
}
#service .inner .in_box:after,
#service .inner .in_box dl:after{
content: "";
display: block;
clear: both;
}

#service h3{color: #cc0066;}

#service .inner dt{
float: left;
width: 130px;
}
#service .inner dt img{
padding-top: 10px;
}

#service .inner dd{
margin-left: 140px;
padding-top: 10px;
}
#service .inner dd ul li{
text-indent:-1em;
padding-left:1em;

}
#service .inner dd ul li span{
color: #f37aaa;
padding-right: 5px;
}
*/


/*---------------------------*/
/*flow*/
#flow{
}
#flow .inner{
	/*border-bottom:1px solid #002b5b;*/
}
#flow img{width:100%;}

#flow .flowTxt{}
#flow .flowTxt ul{
}
#flow .flowTxt ul li{
	padding-left:1em;
	text-indent:-1em;
	font-size:78.6%;
}

#flow .flowList{
	padding-right:20px;
	padding-left:20px;
}
#flow .flowList li{
	margin-top:12px;
	background: url(/sp/service/merrymaids/images/flow_arw.png) 72% 92% no-repeat;
	background-size:35px 36px;
	clear:both;
}
#flow .flowList li:last-child{
	padding-bottom:0px;
	background:none;
}

#flow .flowList .flowTtl{}

#flow .flowList .flowExp{
	margin-top:8px;
	clear:both;
}
#flow .flowList .flowExp:after{content:""; display:block; clear:both;}

#flow .flowList .flowExp .pht{
	width: 42%;
	float: left;
}
#flow .flowList .flowExp .des{
	width: 54%;
	float: right;
}

#flow .imgArea {
	clear: both;
    width: 100%;
    margin: 20px 0 0;
    padding: 10px;
    box-sizing: border-box;
    background: #fffff0;
	border: 18px solid #f2dea0;
}
#flow .imgArea .text {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
#flow .imgArea .text span.big {
    font-size: 13px;
    font-weight: bold;
}

/*MOVIE*/
#flow .flowDes{
	margin-top:20px;
	padding-right:20px;
	padding-left:20px;
	clear:both;
}
#flow .flowDes .flowDesInner{
	padding:20px 20px 30px;
	background-color:#fce4f9;
	text-align:center;
}
#flow .flowDes img{
	max-width:100%;
	width:auto !important;
}

#flow .flowDes .movie{
	width:100%;
	margin-top:15px;
	padding-top:68.39%;
	position:relative;
}
#flow .flowDes .movie iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#flow .flowDes p{
	margin-top:15px;
}

#flow .pls{
	margin-top:35px;
	clear:both;
}
#flow .pls .plsTtl{
	padding:0 20px 6px;
	border-bottom:1px solid #cc0066;
	font-size:15px;
	font-weight:bold;
}
#flow .pls .plsInner{
	padding:20px 20px 0;
	line-height:1.43;
}
#flow .pls .att{}
#flow .pls .att li{
	padding-left:1em;
	text-indent:-1em;
}
#flow .pls .note{}
#flow .pls .note li{
	padding-left:1em;
	text-indent:-1em;
}

#flow .cleanUp{
	margin-top:35px;
	clear:both;
}
#flow .cleanUp .cleanUpTtl{
	padding:0 20px 6px;
	border-bottom:1px solid #cc0066;
	font-size:15px;
	font-weight:bold;
}
#flow .cleanUp .cleanUpInner{}

#flow .cleanUp .cleanUpList{}
#flow .cleanUp .cleanUpList li{
	margin-top:5px;
	padding:20px;
	border-bottom:dotted 2px #dbdbdb;
}
#flow .cleanUp .cleanUpList li:last-child{
	padding:20px 20px 0;
	border-bottom:none;
}
/*==clearfix==*/
#flow .cleanUp .cleanUpList li:after{
content:""; display:block; clear:both;}

#flow .cleanUp .cleanUpList li .pht{
	width:130px;
	float:left;
}
#flow .cleanUp .cleanUpList li dl{
	margin-left:150px;
}
#flow .cleanUp .cleanUpList li dt{
	color:#cc0066;
	font-weight:bold;
}
#flow .cleanUp .cleanUpList li dd{
	margin-top:5px;
	line-height:1.43;
}


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


#point .inner{
}
#point h3{
margin: 0 auto;
padding:15px 10px 0;
color: #cc0066;
}
#point dl{
margin: 0 auto;
border-bottom: dotted 2px #dbdbdb;
padding: 10px;
}
#point dl.last{
border-bottom:none;
}
#point dt{
float: left;
width: 128px;
font-size:7px;
}
#point dt img{width:100%;}
#point dd{margin-left: 140px;}


/*---------------------------*/
/*interestWrapper*/
#interestWrapper{
	margin-top:20px;
}
#interestWrapper .inner{
	padding-top:15px;
}


/* ======================================================

	ポップアップ

====================================================== */
/*wrapPop*/
#wrapPop{
	width:100%;
}

.phtPop img{
	width:100%;
}

.btnClsPop{
	width:27.8%;
	margin:40px auto 0;
	text-align:center;
}
.btnClsPop img{
	width:100%;
}


/* ======================================================

	YouTube埋め込み

====================================================== */
#mvWrap{
	width:100%;
	height:100%;
	padding-top:68.39%;	/*縦横の比率：高さ／幅*/
	position:relative;
}
#mvWrap h1 {
	font-size: 16px;
    color: #fff;
    background-color: #ffc000;
    padding: 10px 0;
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    font-family: initial;
}
#mvWrap iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:41px;
	left:0px;
}

/*お客様の声を見る追記*/
#voice .sc {
	padding:0 10px;
}

#voice .sc ul li .sdw {
    width: 17.24%;
    float: left;
}

#voice .sc ul li .sdw img {
    width: 100%;
}

#voice .sc ul li .txt {
    width: 81.38%;
    padding: 10px;
    border: 2px solid #f37aaa;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 92.86%;
    line-height: 1.38;
    float: right;
    position: relative;
}	
	
#voice .sc ul li .txt .arw {
    width: 10px;
    height: 8px;
    position: absolute;
    top: 23px;
    left: -10px;
}

#content section {
    clear: both;
}

#voice .sc ul li {
    margin-bottom: 15px;
}

#voice .sc ul li:after {
    content: "";
    display: block;
    clear: both;
}

#voice .voice_annotation {
	font-size: 88%;
	text-align: right;
	margin-bottom: 13px;
}

.bold {
	font-weight: bold;
}


/*newマーク追記*/
.cart_new {
	width: 26px !important;
    vertical-align: text-top;
    margin-left: 3px;
}

.tit_new {
	width: 26px !important;
    vertical-align: text-bottom;
    margin-left: 6px;
}

.about_txt {
	padding: 20px 20px 0;
}

.about_txt li {
	padding-left: 1em;
	padding-bottom: 10px;
    text-indent: -0.5em;
}

.about_txt li.last {
	padding-left: 1em;
	padding-bottom: 0;
    text-indent: -0.5em;
}

.about02_txt {
	padding: 20px 20px 0;
}

.about02_txt02 {
	font-size: 85%;
	line-height: 1.3;
	padding-left: 1em;
    text-indent: -1em;
}

.about02_img {
	padding: 20px 20px 0;
}

.about02_img img {
	width: 100%;
}

.flow_02 {
	background: url(/sp/service/merrymaids/images/flow_arw.png) 50% 48% no-repeat;
	background-size: 35px 36px;
	border-top : #C7C2C2 solid 1px;
	border-bottom: #C7C2C2 solid 1px;
	margin: 20px 20px;
	padding: 20px 0;
}

.flow_02 .img_first {
	margin-bottom: 20%;
}