@charset "utf-8";

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

詳細設定SP

------------------------------------------ */
@media screen and (max-width: 667px) {

.sp_mode{display: block;}
.pc_mode{display: none;}

/*** 汎用 ***/
.f_left{width:100%;}
.f_right{width:100%;}

.li_icon_mm,.li_icon2_mm,.li_icon3_mm{
	width: 100%;
}

.li_icon_mm div,.li_icon2_mm div,.li_icon3_mm div{
	width: 90%;
	margin:10px auto;
}
.li_icon_mm img{max-width:100%;text-align: center;}
.bd_dt_mm{width:100%;box-sizing:border-box; }

.dc_step .step_era{width:20%;text-align: center;}
.dc_step dl{width:90%;}

.listbtn02{width:90%;}

.s_table th{width:25%;}


.section02 {
	margin: 0 -20px -50px!important;
} 

.section02 h2 {
	margin: 0 0 20px!important;
} 

.section02 p {
	margin: 0 5px 25px!important;
} 

.flowBox02 dl {
	margin: 0!important;
}

.flowBox02 dl dd img {
	width: 100%!important;
	float: initial!important;
}

}

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

詳細設定SP

------------------------------------------ */
@media screen and (max-width: 667px) {
.sp_mm{
	padding: 0 10px;
	font-size: 13px;
}
/*ボタン*/
.listbtn {
	margin: 0px auto;
	width: 100%;
}
/*リストボックス*/
.listbtn_ptn01 li {
	width: 49%;
	margin-bottom: 5px;
	margin-right: 5px;
}
.listbtn_ptn01 li:nth-child(2n) {
	margin-right: 0px;
}
/*パターン2*/
.listbtn_ptn02 li {
	display: inherit;
	width: 100%;
	margin-left: 0px;
}


/*===============================
dc商品
================================*/
/* カート周り
-----------------------------*/
/*dc000270注釈*/
.mat270_about01{
	float: none;
	padding-right: 0px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	border-right: none;
}

.mat270_about02{
	float: none;
	padding-top: 20px;
}
.mat270_about01 dl, .mat270_about02 dl{
	float: none;
	display: inline-block;
	width: 70%;
}

/*===============================
sm商品
================================*/
/* 特長
-----------------------------*/
.beforeInner ul{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.beforeInner ul li {
	margin-right: 0px;
	width: 45%;
}
.beforeInner ul li img {
	width: 100%;
	height: auto;
}
.beforeInner ul li.lastR {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
.beforeInner .txtarea{
	width: 100%;
	float: none;
}

/* サービスの内容
-----------------------------*/
/*オプション*/
.oparea{
	width: 100%!important;
}
/*sm000100サービス*/
#sm_serdetail_mainbox p img {
	width: 100%;
	height: auto;
}
#sm_serdetail_mainbox .sm_serde_leftbox{
	float: none;
	margin-right: 0px;
}
#sm_serdetail_mainbox .sm_serde_leftbox li {
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 10px;
	height: auto; 
}
#sm_serdetail_mainbox .sm_serdetail_subbox {
	overflow: visible;
	background: none;
}
#sm_serdetail_mainbox .sm_serde_ttl02 {
	font-size: 100%;
}
#sm_serdetail_mainbox .sm_serde_rightbox{
	float: none;
	width: 100%;
	height: auto;
}
/*sm000100サービストイレ*/
#sm_serdetail_mainbox .sm_serde_ttl03{
	font-size: 140%;
}
#sm_serdetail_mainbox .toiletservicebox li{
	width: 49%;
}
#sm_serdetail_mainbox .toiletservicebox .sm000100_frelist02, #sm_serdetail_mainbox .toiletservicebox .sm000100_frelist04 {
	border: 1px solid #d2d2d2;
	border-left: none;
}
#sm_serdetail_mainbox .toiletservicebox .sm000100_frelist03, #sm_serdetail_mainbox .toiletservicebox .sm000100_frelist04 {
	border: 1px solid #d2d2d2;
	border-top: none;
}
#sm_serdetail_mainbox .toiletservicebox .sm000100_frelist03 {
	border-left: 1px solid #d2d2d2;
	border-right: none;
}
#sm_serdetail_mainbox .toiletservicebox li dl dt{
	font-size: 100%;
}
#sm_serdetail_mainbox .copy{
	line-height: 1.4em;
}
/*sm000180*/
.set_inner .set_gaiyo{
	line-height: 1.5;
	font-size: 14px;
}
.set_inner .setbox{
	border: 1px solid #dbeef4;
	margin-bottom:20px;
}
.set_inner .setbox h5{
	background-color:#dbeef4;
	padding:10px;
	color:#002b5b;
	margin-bottom:10px;
}
.set_inner .setbox_innner{
	padding: 0 10px 10px;
}
.set_inner .setbox_innner .setbox_inn_conts{
	background:#f4f4f4;
	padding:10px;
	overflow: hidden;
}
.set_inner .setbox_innner .setbox_inn_conts .img{
	float:left;
	width:28%;
}
.set_inner .setbox_innner .setbox_inn_conts .txt{
	padding-left:1em;
	text-indent:-1em;
	float:right;
	width:60%;
	font-size: 14px;
}
.set_inner .setbox_innner .setbox_inn_conts p span{
	font-size:12px;
	color:#79c4db;
}
.set_inner .setbox_innner .plus{
	text-align:center;
	margin:10px 0;
}
.set_inner .setbox_innner .plus img{
	width:10%;
}

/* フリーエリア
-----------------------------*/
/*sm000130フリー*/
.sm_choicebox li h4 {
	font-size: 120%;
	margin-bottom: 20px;
	line-height: 2em;
}
.sm_choicebox li h4 .numbox img{
	width: 90%;
	height: auto;
}
.sm_choicebox li h4 .numbox {
	padding-right: 0px;
	width: 50%;
	margin-right: -8px;
}
.sm_choicebox .f_left{
	margin-bottom: 10px;
}
.sash_centerbox{
	margin: 10px 0px;
}
.sash_centerbox p {
	margin-bottom: 20px;
}
.sm_choicebox02 .f_left{
	margin-bottom: 20px;
}
/*sm000140*/
.win_kindbox li {
	width: 49.2%;
	border-right: none;
}
.win_kindbox li:first-child, .win_kindbox li:nth-child(2) {
	border-bottom: 1px dotted #ccc;
}
.win_kindbox li:nth-child(odd) {
	border-right: 1px dotted #ccc;
}
.cp {
	padding: 0px 10px;
}
.cpimg {
	width: 30%!important;
	margin-right: 15px;
}
.cptxtbox{
	width: 100%;
	float: none;
}
.typetxt{
	margin-bottom: 10px;
}
/*sm000160*/
.sekobox li {
	float: none;
	margin-bottom: 10px;
	margin-right: 0px;
}
/*sm000170*/
.free_servicebox_sm01 li{
	width: 49%;
}
.free_servicebox_sm01 .sm000170_frelist03 {
	border: 1px solid #d2d2d2;
	border-top: none;
}
.free_servicebox_sm01 .sm000170_frelist04, .free_servicebox_sm01 .sm000170_frelist05{
	border: 1px solid #d2d2d2;
}
.free_servicebox_sm01 .sm000170_frelist05, .free_servicebox_sm01 .sm000170_frelist07{
	border-left: none;
}
.free_servicebox_sm01 .sm000170_frelist06{
	border: 1px solid #d2d2d2;
	border-top: none;
}
.free_servicebox_sm01 .sm000170_frelist07{
	border: 1px solid #d2d2d2;
	border-top: none;	
	border-left: none;
}
.free_servicebox_sm01 li dl dt {
	padding-left: 25px;
	font-size: 12px;
}
.free_servicebox_sm01 li dl dt span {
	padding: 0px 5px;
	font-size: 13px;
}

/*===============================
mm商品
================================*/

/* 特長
-----------------------------*/
/*mm000120*/
#cleanbox .box01, #cleanbox .box02, #cleanbox .box03{
	padding: 20px 0px;
	border-right: none;
	border-bottom: 1px dotted #b2b2b2;
}
#cleanbox .box04 {
	padding: 20px 0px;
}
#cleanbox .minibox {
	width: 100%;
	float: none;
	height: auto;
}
#cleanbox .clean_img{
	text-align: center;
}
#cleanbox .minibox_pdfarea {
	text-align: left;
}

/* サービスの内容
-----------------------------*/
/*mm000010*/
.mm010serdebox li{
	display: inline-flex;
	width: 40%;
}
/* mm000030テーブルパターン */
table.mm_tablelayoutArea th{
	vertical-align: middle;
	padding: 10px;
}
table.mm_tablelayoutArea td{
	padding: 10px;
}
table.mm_tablelayoutArea td span{
	display: block;
}
table.mm_tablelayoutArea th {
	width: 65px;
}
/*mm000080のステップ*/
.contentBox .mm_step {
	width: 35%;
	height: 170px;
}
.snum03, .snum04, .snum05, .snum06 {
	border: 1px solid #d2d2d2;
	border-top: none;
}
.snum05{
	border-left: 1px solid #d2d2d2;
	border-right: none;
}
.snum04{
	 border-left: none;   
}
.contentBox .mm_step h5 {
	padding-left: 25px;
}
.contentBox .mm_step h5 span {
	display: block;
	background: #e3127c;
	border-radius: 50%;
	color: #ffffff;
	position: absolute;
	top: -3px;
	left: -16px;
	padding: 9px 5px;
	font-size: 10px;
}
.contentBox .mm_step p {
	font-size: small;
	line-height: 140%;
}
/* フリーエリア
-----------------------------*/
/*mm000130*/
.mm130_othbox .img_box {
	float: left;
	display: inline-block;
	margin-left: 5px;
}
.mm130_othbox .txt_box {
	float: none;
	width: 63%;
	display: inline-block;
	margin-left: 10px;
}

/*===============================
tg商品
================================*/

/* サービスの内容
-----------------------------*/
/*tg000190*/
#tg190_noservicebox li {
	width: 100%;
}
/* フリーエリア
-----------------------------*/
/*フリーサービスボックス01_tg*/
.free_servicebox01 li {
	width: calc(46% - 10px);
}
.serlist03, .serlist04{
	border: 1px solid #d2d2d2;
	border-top: none;
}
.serlist03{
	border-left: 1px solid #d2d2d2;
	border-right: none;
}
/*フリーサービスボックス02_tg*/
.free_servicebox02 li {
	width: calc(46% - 10px);
}
.serlist07, .serlist09 {
	border-left: 1px solid #d2d2d2;
}
/*tg000040*/
.ttl_ereaptn03_tg040 {
	font-size: 100%;
}
/*===============================
tm商品
================================*/

/* フリーエリア
-----------------------------*/
/*tm000070*/
.tm070_othbox .txt_box {
	float: none;
	width: 63%;
	display: inline-block;
}
.tm070_othbox .img_box {
	float: left;
	width: 110px;
	display: inline-block;
	margin-left: 5px;
}
.tm070_othbox .img_box .img_inn{
	width: 94% !important;
}
/*===============================
hb商品
================================*/

/* フリーエリア
-----------------------------*/
/*hb000250仕様*/
.hb250_spmenuarea{
	margin-bottom: 12px;
}
label {
	color: #9b77db;
	padding: 10px;
	display: block;
	margin: 0;
	border: 1px solid #9b77db;
}
input[type="checkbox"].on-off{
	display: none;
}
.hb250_spmenuarea .hb_menubox01, .hb250_spmenuarea .hb_menubox02, .hb250_spmenuarea .hb_menubox03, .hb250_spmenuarea .hb_menubox04{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}
input[type="checkbox"].on-off + .hb_menubox01, input[type="checkbox"].on-off + .hb_menubox02,input[type="checkbox"].on-off + .hb_menubox03,input[type="checkbox"].on-off + .hb_menubox04{
	height: 0;
	overflow: hidden;
}
input[type="checkbox"].on-off:checked + .hb_menubox01, input[type="checkbox"].on-off:checked + .hb_menubox02, input[type="checkbox"].on-off:checked + .hb_menubox03, input[type="checkbox"].on-off:checked + .hb_menubox04{
	height: auto;
}
.hb_mname{
	position: relative;
}
.hb_mname:before, .hb_mname:after {
	content: "";
	position: absolute;
	top: 50%;
}
.hb_mname:before {
	right: 11px;
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: #9b77db;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	content: "";
	position: absolute;
	top: 50%;
}
.hb_mname:after {
	right: 16px;
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-bottom: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*===============================
ot商品
================================*/

/* フリーエリア
-----------------------------*/
/*ot000050*/
.freeareabox .ot050_local {
	position: relative;
	background: url(/images/detail/drink/ot000050/ot000050_jpn_sp.jpg) no-repeat 50% 50%;
	background-size: 100%;
	height: 195px;
	width: 100%;
}
.freeareabox .ot050_local .btn01, .freeareabox .ot050_local .btn02, .freeareabox .ot050_local .btn03, .freeareabox .ot050_local .btn04{
	position:absolute;
}
.freeareabox .ot050_local .btn01{
	width:29.33%;
	top: 48%;
	left: 0;
	z-index:100;
}
.freeareabox .ot050_local .btn02{
	width:29.67%;
	top: 0;
	left: 13.83%;
	z-index:0;
}
.freeareabox .ot050_local .btn03 {
	width: 40.16%;
	top: 54.86%;
	left: 58.33%;
	z-index: 0;
}
.freeareabox .ot050_local .btn04{
	width: 26.67%;
	top: 0;
	left: 73.33%;
	z-index:0;
}
.ot050_aquabox01 .txtbox, .ot050_aquabox01 .imgbox, .ot050_aquabox03 .txtbox, .ot050_aquabox03 .imgbox, .ot050_othbox .txtbox, .ot050_othbox .imgbox{
	width: 100%;
	float: none;
}
.ot050_aquabox01 .imgbox, .ot050_aquabox03 .imgbox, .ot050_othbox .imgbox{
	text-align: center;
}
.ot050_aquabox02 .ot050_2box{
	text-align: center;
}
.ot050_aquabox02 ul li{
	display: block;
	margin-right: 0px;
	margin-bottom: 10px;
}
.otherContent .ot050_aquabox01 img{
	width: 55%;
}
.otherContent .ot050_aquabox03 img{
	width: 80%;
}
.otherContent .ot050_othbox img{
	width: 80%;
}
.otherContent .ot050_othbox .imgbox{
	margin-bottom: 10px;
}

.hr010_tokubox li{
	float: none;
	margin-right: 0px;
    margin-bottom: 10px;
}
.hr010_serdebox01 dl {
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
}


/*カート下エリア
-------------*/
/*dc001080*/
.boxL02 {
	width: 100%;
	float: none;
}

}
/* ------------------------------------------

詳細設定SP

------------------------------------------ */
@media screen and (max-width: 667px) {
#content h1.tit_hiragino_dc {
    margin-bottom: 10px;
    font-size: 17px;
    padding: 17px 0 17px 20px !important;
}
#content h1.tit_hiragino_dc img {
	vertical-align: middle;
	margin-left: 10px;
	width: 22px;
}
p.bnrTopArea2 {
	margin-bottom: 20px;
}
p.bnrTopArea img,
p.bnrTopArea2 img {
	width: 100%;
	height: auto;
}
#content .information {
	border-left: none;
	border-right: none;
}
#content .information a {
	font-size: 15px;
}
#content .information a:hover {
	color: inherit;
	text-decoration: none;
}


#main {
	padding-bottom: 30px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
}
#main .mainImg {
	float: none;
	width: 70%;
	margin: 0 auto;
}
.sp_device #main .mainImg p,
.sp_device #main .mainImg ul.thumbnailList,
#main .mainImg ul.bxslider {
	display: none;
}
#main .mainImg p img {
	width: 100%;
	height: auto;
}
#main .mainImg li img {
	width: 100%;
	height: auto;
}
#main .mainImg ul.thumbnailList {
	margin: 0 0 20px;
}
#main .mainImg ul.bxslider li {
	float: none;
	margin: 0;
	width: 100%;
	height: auto;
	position: relative;
}
#main .mainImg ul.bxslider li a {
	padding: 0;
}
#main .mainImg ul.bxslider li a.selected {
	padding: 0;
	background: none;
}
#main .mainImg ul.bxslider li img.zoom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
}
#main .explanation {
    float: none;
    width: auto;
	padding: 0 10px;
}
#main .explanation ul.ico {
	text-align: center;
	padding: 0 0 0 8px;
}
#main .explanation ul.ico li {
    float: none;
    margin: 0 8px 8px 0;
    font-size: 0;
	display: inline-block;
}
#main .explanation p.btn {
    width: auto;
}
#main .explanation p img {
	width: 100%;
	height: auto;
}
#main .explanation .txt {
	overflow: hidden;
}
span.abridgement {
	display: inline;
}
span.hideTxt {
	display: none;
}

p.btnOpen,
p.btnClose{
	text-align: right;
	float: right;
	border: 1px solid #888888;
	padding: 7px 15px 7px 15px;
	margin: 0 0 20px;
	display: none;
}
.sp_device p.btnOpen,
.sp_device p.btnClose{
	display: block;
}
#main p.btnOpen{
	margin: 20px 0 20px;
}
.sp_device .dduet p.btnOpen{
	display: block;
	margin: 20px 0 0;
}
p.btnOpen span,
p.btnClose span{
	padding: 0 20px 0 0;
	display: inline-block;
	color: #888888;
	font-size: 13px;
	font-weight: bold;
}
p.btnOpen span{
	background: url(/common/responsive/images/ico-aco-plus.png) no-repeat 100% 50%;
	background-size: 14px;
}
p.btnClose span {
	background: url(/common/responsive/images/ico-aco-minus.png) no-repeat 100% 50%;
	background-size: 14px;
}
.abridgement {
	display: none;
}
.sp_device .abridgement {
	display: inline;
}

.coupon {
	overflow: hidden;
	padding-bottom: 0;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
}
.coupon p.txt {
	text-align: center;
	margin: 0 0 15px;
}
.coupon p.txt a {
	text-decoration: underline;
}
.coupon dl {
	float: none;
	width: auto;
	padding: 0;
	margin: 0 10px 20px;
}
.coupon dl.premium {
	border-left: none;
	border-top: 1px dotted#dedede;
	padding: 25px 0 0;
	margin: 25px 10px 0;
}
.coupon dl dd {
    width: auto;
}
.coupon dl dd.link a,
.summary ul.link li a,
.recommendService p.link a{
    background-position: 0 -93px;
	text-decoration: underline;
}
.coupon dl dd img {
	width: 100%;
	height: auto;
}

p.bnrCoin {
    padding: 0 10px 20px;
}
p.bnrCoin img {
	width: 100%;
	height: auto;
}
p.bnrCoin span {
	width: auto;
}

.summary {
    padding: 0 10px;
}
.summary .delivery {
    float: none;
	width: 100%;
}
.summary ul.ico {
    padding: 0;
	margin: 0 0 15px;
	position: static;
	right: auto;
	float: none;
	text-align: center;
}
.summary ul.ico li {
	display: inline-block;
    float: none;
    margin: 0;
    width: 38px;
    height: 38px;
}
.summary ul.link {
	width: auto;
	float: none;
	clear: both;
    padding: 0 0 10px 0;
	text-align: center;
}
.summary ul.link.single {
    padding: 0;
}
.summary ul.link li {
	float: none;
    margin: 0 0 5px;
}
.summary a {
	font-size: 13px;
}
.summary dl.phone {
    float: none;
    width: auto;
}
.summary div.bnrDelivery {
    float: none;
	margin: 0 10px;
	padding: 0;
}
.summary div.bnrDelivery img {
	width: 100%;
	height: auto;
}

.serviceList .serviceBlock {
    padding: 0 10px 10px 10px;
}
.serviceList .serviceBlock p {
	margin-bottom: 20px;
}
.serviceList .serviceBlock dl dt img {
	width: 22px;
	height: auto;
}
.serviceList .serviceBlock ul.note {
	padding: 0;
	margin: 0 0 15px 0;
	clear: both;
}
.serviceList .serviceBlock ul.btnArea {
    float: none;
	clear: both;
	width: 245px;
	margin: 0 auto;
}
.serviceList .serviceBlock ul.btnArea li,
.serviceList .serviceBlock ul.btnArea li:nth-child(even),
.serviceList .serviceBlock ul.btnArea li.single{
    font-size: 0;
    float: none;
    margin: 0 0 10px 0;
	width: auto;
}
.serviceList .serviceBlock ul.btnArea li img,
.serviceList .serviceBlock ul.btnArea li.single img{
	width: 100%;
	height: auto;
}

#content .section {
    padding: 0 10px 25px;
}
#content .section h2.tit_hiragino_dc {
    margin: 0 -10px 15px;
	font-size: 14px;
}
#content .section p.note {
	text-indent: -1em;
	padding-left: 1em;
}
#content .section hr {
	display: block;
    clear: both;
    border: none;
    margin: 0 -10px 20px;
    padding: 10px 0 0 0;
    height: 2px;
    background: url(/common/responsive/images/border-dot.gif) repeat-x 0 100%;
}

/* テーブルパターン */
table.tablelayoutPrice th,
table.tablelayoutArea th,
table.tablelayoutSpec th {
	vertical-align: middle;
	padding: 10px;
}
table.tablelayoutPrice td,
table.tablelayoutArea td,
table.tablelayoutSpec td,
table.tablelayoutItemPrice td{
	padding: 10px;
}

table.tablelayoutPrice td span,
table.tablelayoutItemPrice td span{
	display: block;
}
table.tablelayoutArea th {
    width: 65px;
}
table.tablelayoutSpec th {
    width: 40%;
}
table.tablelayoutItemPrice th {
	padding: 10px;
    width: 50%;
}

/* 標準料金表 */
.priceList .hide {
    padding: 15px 0 10px;
}
.priceList ul.note li {
	margin: 0 0 5px;
}
.priceList p.areaTitle {
    border-left: none;
    border-right: none;
    margin: -1px -10px 0;
}
.areaNote {
	padding: 20px 0 0 0;
}

.recommendService {
    border-left: none;
    border-right: none;
    padding: 15px 10px 15px 10px;
	text-align: center;
}
.recommendService p.link {
    float: none;
	margin-bottom: 20px;
	width: auto;
	text-align: left;
}
.recommendService p.bnr {
    float: none;
}
.recommendService p.bnr img {
	width: 100%;
	height: auto;
}

/* 特長 */
.features dl {
    float: none;
    width: auto;
    margin-bottom: 15px;
}
.features dl.last {
    /*margin-bottom: 0;*/
}
.features p.img {
    float: none;
	width: auto;
}
.features p.img img {
	width: 100%;
	height: auto;
}
.features hr.pc_only {
	display: none !important;
}

/* 仕様・価格・その他 */
.specification .specBox {
    width: 100%;
    float: none;
    padding: 0 0 10px;
    margin: 0;
}
.otameshi p {
    margin-bottom: 5px;
}
.otameshi ul li {
    margin: 0 0 5px;
}

/* サービスの流れ */
.flow .flowBox dl {
	float: none;
	width: auto;
	margin: 0 -10px;
	border: none;
	border-bottom: 1px solid #dddddd;
}
.flow .flowBox dl:nth-child(3n-2) {
    border-left: none;
}
.flow .flowBox dl:nth-child(3n-2) {
	border-left: none;
}
.flow .flowBox dl:nth-child(2),
.flow .flowBox dl:nth-child(3){
	border-top: none;
}
.flow .flowBox dl dt {
	padding: 10px 10px 5px;
}
.flow .flowBox dl dd {
	padding: 0 10px 15px;
	overflow: hidden;
	width: auto;
}
.flow .flowBox dl dd img {
	width: 110px;
	float: left;
}
.flow .flowBox dl dd span {
	display: block;
	padding: 0;
	margin: 0 0 0 125px;
}
.flow .flowBox dl dd span.imgNone {
	margin: 0;
}

/* サービスの流れを動画で見る */
.movie {
	padding: 20px !important;
}
.movie h2 {
	margin: 0 -20px 10px !important;
}
.movie div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie div iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* サービスの内容 */
.contentBox {
	margin: 0 -10px 30px;
	padding: 0 10px;
	overflow: inherit;
}
.contentBox h4 {
	background: #ffe699;
	padding: 5px 20px;
	margin: 0 -10px 10px;
}
.contentBox ul {
	float: none;
	width: auto;
	margin: 0 0 10px;
}
.contentBox p {
	float: none;
	width: auto;
}

.contentBox .step {
	clear: both;
}
.contentBox .step h5 {
	position: relative;
}
.contentBox .step h5 span {
	display: block;
	background: #e3127c;
	border-radius: 10px;
	color: #ffffff;
	position: absolute;
	top: -3px;
	left: 0;
	padding: 5px;
	font-size: 10px;
}
.contentBox .step p {
	font-size: small;
    line-height: 140%;
}

.content img {
	width: 100%;
	height: auto;
}
.otherContent {
}
.otherContent img{
	width: 100%;
	height: auto;
}

.dduet .reviewBox .pieChart{float:none;width: 100%;box-sizing: border-box;}
.dduet .reviewBox .starWrap{float:none;width: 100%;box-sizing: border-box;}

/* DDuet会員の方のレビュー */
.dduet .revueBox{
	padding: 0 0 20px;
	margin: 0 -10px;
}
.dduet .revueBox dl{
	margin: 0 0 20px 10px;
}
.dduet .revueBox .comment{
	margin: 0 10px;
	overflow: hidden;
}
.dduet .btnArea {
	padding: 0;
}
.dduet .btnArea li {
	float: none;
	margin: 0 0 10px 0 !important;
}
.dduet .btnArea li img {
	width: 100%;
	height: auto;
}
.dduetMember {
	border-left: none;
	border-right: none;
	padding: 20px 10px 20px 10px;
	margin: 0 0 50px;
}
.dduetMember p {
	float: none;
	font-size: 12px;
}
.dduetMember p.bnr {
	float: none;
}
.dduetMember p.bnr img {
	width: 100%;
	height: auto;
}
.dduetMember p.txt {
	width: auto;
	margin: 0 0 20px;
}
.dduet p.order {
	width: auto;
	margin: 0 7px 15px;
}
.dduet .bnrArea {
	border-left: none;
	border-right: none;
	padding: 20px 10px 20px 10px;
	margin: 0 -10px 15px;
}
.dduet .bnrArea img {
	width: 100%;
  max-width: 394px;
	height: auto;
}

/* searchBox */
ul.searchBox {
	overflow: hidden;
	margin: 0 7px 20px;
}
ul.searchBox li {
	width: 100%;
	margin: 0 0 10px;
}
ul.searchBox li.searchStore a {
    font-size: 14px;
    padding: 12px 30px 12px 83px;
}

/* 関連商品 */
.relation {
	position: relative;
	padding: 0 10px !important;
}
.relation .relationList li {
	width: 24%;
	margin: 0 1% 1% 0;
}
.relation .relationList li img {
	width: 100%;
	height: auto;
}

.sp_device .relation .relationList {
	width: 70%;
	margin: 0 auto;
}
.sp_device .relation .relationList .bxsliderBtm {
	display: none;
}
.sp_device .relation .relationList li {
	float: none;
	width: auto;
	margin: 0;
	cursor: pointer;
}
.relation li:last-child {
	margin: 0;
}
.relation .relationList dt {
	margin: 0 0 10px;
}
	
.tablelayoutPrice.widthChange td:nth-child(1) {
	width: 30%;
}

/* ついでおそうじ */
#osouji.section {
	margin: 0 0 30px;
	padding: 0;
}
#osouji h2 img {
	width: 100%;
	height: auto;
}
#osouji .inline {
	padding: 14px 5px 4px 14px;
	border: 2px solid #f9c03d;
	border-top: none;
}
#osouji p {
	margin: 0 0 15px;
	font-size: 13px;
}
#osouji ul li {
	width: 50%;
	margin: 0 0 10px;
}
#osouji ul li a {
	display: block;
	width: 95%;
	font-size: 0;
}


/*tm000100追記*/
#pl,
#pr {
	padding: 0 10px 0;
	margin: 20px 0 0;
}

#kd h2,
#pl h2,
#pr h2 {
	width: inherit;
	height: auto;
	font-size: 14px;
	font-weight: normal !important;
	line-height: 1.3;
	padding: 8px 10px 8px 13px !important;
	margin: 0 -10px 15px;
}

#pl h3 {
	width: inherit;
}

#pl .hBox ul li {
	width: 49%;
	margin: 0;
}

#pl .hBox ul li:first-child {
	width: 49%;
	margin: 0 5px 0 0;
}

#pl .hBox ul li:nth-of-type(3) {
	float: none;
}

#pl .pBox {
	width: 100%;
}

#pl .pBox ul li {
	width: 31%;
}

#pl .pBox ul li:nth-of-type(2) {
	width: 32%;
	margin: 0 8px 0;
}

#pl .pBox .pTit {
	font-size: 13px;
}

#pr p {
	padding: 0;
}


#pr ul {
	width: 100%;
	background-size: 90%;
	background-position: 50% bottom;
	padding: 0 0 120px;
}

#pr ul li,
#pr ul li:nth-of-type(3) {
	float: none;
	width: 100%;
}

#pr ul li:nth-of-type(2) {
	float: none;
	width: 100%;
	margin: 20px 0 0;
}

#pr ul li dl dt {
	width: 100%;
}

#kd {
	padding: 0 10px;
	margin: 0;
}

#kd .kBox {
	border: none;
}

#kd dl dt {
	padding: 0 0 5px;
}

#kd dl img {
	width: 10%;
}

#kd dl .k01 {
	padding: 0;
}

#kd dl .k01 .centerborder {
	background-image: none;
}

#kd dl .k01 .k01_01 {
	border-bottom: none;
}

#kd dl .k01 .kIn:first-child {
	padding: 0 0 13px 0;
	margin: 0 0 13px 0;
}

#kd dl .k01 .kIn {
	float: none;
	width: 100%;
}

#kd dl .k01 .kInR {
	float: none;
	width: 100%;
}

#kd dl .k01 .pH img {
	width: inherit;
}

#cl {
	width: 100%;
}

#cl h3 {
	width: 100%;
	height: 38px;
	font-size: 15px;
	letter-spacing: -1px;
	text-align: center;
	padding: 0;
}

#cl .clIn td:first-child {
	width: 65%;
}


/*dc001070追記*/
#dc001070Ch {
	float: none;
	width: inherit;
}

@media screen and (orientation: landscape) {
p.bnrTopArea.sp_only {
	width: 57%;
	margin: 0 auto 10px;
}
p.bnrTopArea2.sp_only {
	width: 57%;
	margin: 0 auto 20px;
}
.bx-wrapper {
	width: 57% !important;
	margin: 0 auto 60px;
}
#main .mainImg .bxslider.single {
 	width: 57% !important;
	margin: 0 auto 25px;
}
#main .explanation p.btn {
	width: 57%;
	margin: 0 auto;
}
.recommendService p.bnr {
	width: 57%;
	margin: 0 auto;
    float: none;
}
.features p.img {
	width: 57%;
	margin: 0 auto;
}
.contentBox p {
	width: 57%;
	margin: 0 auto;
}
.dduet p.order {
	width: 57%;
	margin: 0 auto 15px;
}
ul.searchBox li {
	width: 57%;
	margin: 0 auto 10px;
}
.dduet .bnrArea p {
	width: 57%;
	margin: 0 auto;
}
.movie div {
	width: 57%;
	margin: 0 auto;
    padding-top: 30%;
}
}
}