@charset "utf-8";

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

詳細設定PC

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


/*** レスポンシブ用 ***/
.sp_mode{
	display: none;
}

.pc_mode{
	display: block;
}


/*** 汎用 ***/
.f_left{float:left;}
.f_right{float: right;}
.f_left_all{float:left;}
.f_right_all{float: right;}
.m_center{margin:0 auto;}

.f_bold{font-weight: bold;}

.fs10{font-size: 10px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}

.fc_red{color:#E5014F;}
.fc_yellow{color:#ffc305;}

.linkcolor_b a:link{color:#466AB3;text-decoration: none;}
.linkcolor_b a:visited{color:#466AB3;text-decoration: none;}
.linkcolor_b a:hover{color:#23c3d6;text-decoration:underline;}

.t_center{text-align: center;}

.w300{width: 300px;}.w340{width: 340px;}.w370{width: 370px;}
.w400{width: 400px;}.w470{width: 470px;}.w530{width: 530px;}
.w600{width: 600px;}.w630{width: 630px;}.w700{width: 700px;}

.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}

.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}

.li_num{list-style-type: decimal;margin: 0 0 10px 20px;}

.tit_redbg{
	background-color:#990100;
	margin-bottom:0;
	padding:5px;
	text-align: center;
	color:#FFFFFF;
}
.tit_brownbg{
	background-color:#5F2F1A;
	margin-bottom:0;
	padding:5px;
	color:#FFFFFF;
}
.tit_navybg{
	background-color:#1F286F;
	margin-bottom:0;
	padding:5px;
	color:#FFFFFF;
}
.tit_greenbg{
	background-color:#83984A;
	margin-bottom:0;
	padding:5px;
	color:#FFFFFF;
}
.tit_yellowbg{
	background-color:#FFEC9E;
	margin-bottom:0;
	padding:5px;
	color:#000000;
}


.solid_box{
	border:solid 1px #cccccc;
	margin:0 0 10px 0;
	padding:5px 20px;
}

.inbl{display:inline-block;}
.s_table{border-right:1px #9E9E9E solid;border-bottom:1px #9E9E9E solid;border-collapse: collapse;border-spacing: 0;width:100%;}
.s_table th,.s_table td{padding:5px;border-top:1px #9E9E9E solid;border-left:1px #9E9E9E solid;}

/*** 単発：mm商品 ***/
.mm{padding:0 10px;font-size: 13px;}
.mm .reset{float:none;width:auto;margin:0;padding:0;}
.mm div{font-size: 13px;}
.mm h5{
	position: relative;
	padding:5px 0;
}

.mm h5 span{
	background:#e3127c;
	display: block;
	padding:5px 10px;
	border-radius:20px;
	color: #FFFFFF;
	position: absolute;
	top:0;
	left:0;
	font-size:13px;
}

.mm h6{
	background: #FFCDFE;
	border-radius: 5px;
	padding:5px;
	width:120px;
	text-align: center;
	letter-spacing:3px;
	margin:5px 0;
}

.li_icon_mm{
	width:601px;
	margin:0 auto;
}
.li_icon_mm div{
	background:#B40059;
	color:#FFFFFF;
	border-radius: 5px;
	padding:10px 15px;
	width:150px;
	font-weight:bold;
	text-align: center;
	letter-spacing:3px;
	float:left;
	margin:0 10px;
}
.li_icon2_mm div{/*ピンク 幅フリー*/
	background:#ea72a0;
	color:#FFFFFF;
	border-radius: 10px;
	padding:10px 15px;
	font-weight:bold;
	text-align: center;
	letter-spacing:3px;
	float:left;
	margin:0 8px;
}
.li_icon3_mm div{/*ピンク 幅固定*/
	background:#ea72a0;
	color:#FFFFFF;
	border-radius: 10px;
	padding:10px 15px;
	font-weight:bold;
	text-align: center;
	letter-spacing:3px;
	margin:5px 8px;
}
.bd_dt_mm{
	border:2px dotted #ea72a0;
	padding:10px;
	border-radius:5px;
}

.listbtn02 {
	width: 50%;
	margin: 20px auto;
}
.listbtn02 a {
	display: block;
	padding: 10px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 2px #cccccc;
	text-align: center;
	font-weight: bold;
	color: #353535;
	font-size: 100%;
}
.listbtn02 a .btn_arrowlink {
	position: relative;
	margin-right: 10px;
}
.listbtn02 a .btn_arrowlink:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left: 5px solid #A24500;
	margin-top: -5px;
}

/*** 単発：tm商品 ***/
.tm div{font-size: 13px;}



/*** 単発：dc商品 ***/
.dc_step{margin:10px 0;}
.dc_step .step_era{
	background-color:#FFC000;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	border-radius: 10px;
	margin: 25px 5px;
}
.dc_step dl{width:490px;margin-left: 15px;}
.dc_step dt{
	font-weight: bold;
	padding:5px 0;
}


/*** 単発：tg商品 ***/
#content .freeareabox h2.tit_hiragino_dc{
	width: inherit;
	margin:0 0 20px 0;
	box-sizing: content-box;
	font-size: 18px;
}

/* 外部リンク用 */
.blankLink a {
	position: relative;
	padding-right: 20px;
	color:#e5185b;
	text-decoration: underline;
}
.blankLink a:hover{text-decoration: none;}
.blankLink a:after {
 	content: '';
    position: absolute;
    display: block;
	top: 50%;
	right: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(/images/detail/ico_blank.gif);
}

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

詳細設定PC

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


/*共通設定*/
sup{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}

@media only screen and (max-width: 667px) {
.fs12{font-size: 11px !important;}
.fs13{font-size: 11px !important;}
.fs14{font-size: 12px !important;}
.fs15{font-size: 13px !important;}
.fs16{font-size: 14px !important;}
}
.f_none{float: none; width:100%;}
.clearbox{clear: both;}
.inti_box{width: auto;}
.t_left{text-align: left;}
.t_right{text-align: right;}
.fc_brown{color: #990100;}
.fc_orange{color: #F60;}
.fc_purple{color: #9B77DB;}
.lh25{line-height: 2.5em}
.w430{ width: 430px}
.fclink_red{color: #f00!important;}

.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt10 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb10 {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;}
.pb50 {padding-bottom: 50px !important;}


/*ｄｃエリア*/
.ttl_dcereaptn03 {
	border-bottom: 3px solid #E85282;
	padding: 5px;
}

.ttl_dcereaptn04 {
	background: #FFCFE6;
	padding: 8px;
	font-size: 16px;
	color: #333;
}
#content .tit_hiragino_dc{
	width:100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ", Meiryo, Osaka, sans-serif;
  height:auto;
  padding-bottom: 0 !important;
}
/*mmエリア追加*/
.mmser_innerbox h6{
	display: inline-block;
}
/*hbエリア*/
.ttl_hbereaptn02{
	border-left: 8px solid #4a258f;
	padding: 8px;
	font-size: 16px;
}
/*見出し*/
.ttl_ereaptn01{
	background-color: #A3A3A3;
	color: #FFF;
	padding: 6px 0 6px 10px;
	margin-bottom: 15px;
	border-left: 6px solid #333;
	font-size: 15px;

}
.ttl_ereaptn02{
	border-left: 8px solid #336600;
	padding: 8px;
	font-size: 16px;
}
.ttl_ereaptn03 {
	border-bottom: 3px solid #336600;
	padding: 5px;
}

.ttl_ereaptn04 {
	background: #9B77DB;
	padding: 8px;
	font-size: 16px;
	color: #fff;
}
/*ボタン*/
.listbtn {
	width: 50%;
}
.listbtn a {
	display: block;
	padding: 10px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 2px #336600;
	text-align: center;
	font-weight: bold;
	color: #336600;
	font-size: 120%;
}
.listbtn a .btn_arrowlink {
	position: relative;
	margin-left: 4px;
}
.listbtn a .btn_arrowlink:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left: 5px solid #336600;
	margin-top: -5px;
}
/*リストボックス　パターン1*/
.listbtn_ptn01 li {
	width: 24%;
	float: left;
	margin-right: 6px;
}
.listbtn_ptn01 li img {
	width: 100%;
}

/*リストボックス　パターン2*/
.listbtn_ptn02 li {
	width: 340px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin-right: 15px;
}
.listbtn_ptn02 li img {
	width: 100%;
}
.listbtn_ptn02 li dl dt {
	position: relative;
	font-weight: bold;
}
.stepnum {
	background: #4a258f;
	display: block;
	padding: 0px 5px;
	border-radius: 20px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
}
.den_step {
	position: relative;
	font-weight: bold;
}
.denstepnum {
	background: #4a258f;
	display: block;
	padding: 0px 5px;
	border-radius: 20px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
}

/* サービス内容
-----------------------------*/
/*フロー削除*/
.contentBox .clearbox{
	float: none;
	width: 100%;
}
.contentBox .f_none{
	float: none;
	width: 100%;
}
/*カレンダーアイコン*/
.calicon a{
	position: relative;
	padding-right: 20px;
}

.calicon a:after {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	margin-top: -8px;
	width: 15px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(/common/images/icon_window.gif);
}
/*サービス内容内ボーダーありのリストボックス*/
.contentBox .bo_listbox {
	border: 2px solid #ccc;
	overflow: hidden;
	padding: 10px;
	width: auto;
}
.bo_listbox li {
	float: left;
	margin-right: 8px;
	line-height: 1.6em;
}
/*ボーダーなしリストボックス*/
.contentBox .no_listbox {
	overflow: hidden;
	width: auto;
}
.no_listbox li {
	float: left;
	margin-right: 8px;
	line-height: 1.6em;
}
/*サービスの内容 オプション*/
.oparea{
	width: 500px!important;
	overflow: hidden;
}

/* フリーエリア
-----------------------------*/
.freeareabox{
	overflow: hidden;
}

/*===============================
dc商品
================================*/

/* カート周り
-----------------------------*/
/*dc000270注釈*/
.mat270_about01{
	float: left;
	padding-right: 70px;
	border-right: 1px dashed #ccc;
}

.mat270_about02{
	float: right;
}
.mat270_about01 dl, .mat270_about02 dl {
	width: 220px;
	float: right;
	margin-left: 10px;
}
.mat270_about02 dl {
	width: 270px;
}
.mat270_about01 p, .mat270_about02 p {
	width: 69px;
	float: left;
}

/* 特長
-----------------------------*/
/*dc000270*/
.dc270_fc_gray{
  font-size: 12px;
	background-color: #777676;
	color: #fff;
  padding: 2px 6px;
}
/*===============================
sm商品
================================*/

/* 特長
-----------------------------*/
.beforeInner ul{
	float: left;
	width: 370px;
	overflow: hidden;
}

.beforeInner ul li {
	margin-right: 10px;
	padding-right: 30px;
	background: url(/common/responsive/images/img_arw_before.gif) right center no-repeat;
	float: left;
}
.beforeInner ul li.lastR {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
.beforeInner .txtarea{
	width: calc(100% - 370px);
	float: left;
}

/* サービス内容
-----------------------------*/
/*sm000100サービス*/
#sm_serdetail_mainbox p, #sm_serdetail_mainbox ul{
	float: none;
	width: auto;
	margin: 0px;
}
#sm_serdetail_mainbox p img {
	width: auto;
	height: auto;
}
#sm_serdetail_mainbox .sm_serde_ttl01{
	color: #990100;
	font-size: 200%;
	font-weight: bold;
}
#sm_serdetail_mainbox .sm_serde_txt, #sm_serdetail_mainbox .sm_serde_txt{
	font-size: 15px;
}
#sm_serdetail_mainbox .sm_serde_txt_small{
	font-size: 11px;
}
#sm_serdetail_mainbox .sm_serde_ttl02{
	background-image: url(/images/checkicon.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	font-weight: bold;
	font-size: 15px;
}
#sm_serdetail_mainbox .sm_serde_ttl02 .darkred{
	color: #990100;
}
#sm_serdetail_mainbox .sm_serdetail_subbox {
	overflow: hidden;
	background: url(/images/bg_benza.gif) no-repeat 189px center;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}
#sm_serdetail_mainbox .sm_serde_leftbox{
	float: left;
}
#sm_serdetail_mainbox .sm_serde_leftbox li{
	float: left;
	border: 1px solid #23C2D7;
	width: 178px;
	margin-right: 45px;
	height: 309px;
}
#sm_serdetail_mainbox .sm_serde_leftbox li dt{
	background: #23C2D7;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#sm_serdetail_mainbox .sm_serde_leftbox li .serlist01_ttl01{
	font-size: 16px;
	padding: 5px 0;
	line-height: 2em;
}
#sm_serdetail_mainbox .sm_serde_leftbox li .serlist01_ttl02{
	font-size: 13px;
	padding: 5px 0;
	line-height: 1.2em;
}
#sm_serdetail_mainbox .sm_serde_leftbox li .sm_benzalist_txt {
	padding: 10px;
	font-size: 13px;
}
#sm_serdetail_mainbox .sm_serde_rightbox{
	float: left;
	background: #FFFFD9;
	width: 226px;
	height: 312px;
}
#sm_serdetail_mainbox .sm_serde_rightbox .box1{
	border-bottom: 1px dashed #ccc;
	padding: 10px;
}
#sm_serdetail_mainbox .sm_serde_rightbox .box1 .sellttl01{
	color: #990100;
	font-size: 200%;
	font-weight: bold;
}
#sm_serdetail_mainbox .sm_serde_rightbox .box1 .sellttl02{
	color: #990100;
	font-size: 120%;
	font-weight: bold;
}
#sm_serdetail_mainbox .sm_serde_rightbox .box2{
	padding: 20px;
}
#sm_serdetail_mainbox .sm_serde_rightbox .box2 .box2_txt{
	font-size: 13px;
	line-height: 1.4em;
}
/*sm000100toilet*/
#sm_serdetail_mainbox .sm_serde_ttl03 {
	font-size: 180%;
	font-weight: bold;
	color: #23c2d7;
}
#sm_serdetail_mainbox .sm_serde_tgaiyotxt {
	font-size: 15px;
}
#sm_serdetail_mainbox .toiletservicebox li{
	float: left;
	width: 167px;
	height: 350px;
}
#sm_serdetail_mainbox .toiletservicebox .sm000100_frelist01{
	border: 1px solid #d2d2d2;
}
#sm_serdetail_mainbox .toiletservicebox .sm000100_frelist02, .toiletservicebox .sm000100_frelist03, #sm_serdetail_mainbox .toiletservicebox .sm000100_frelist04{
	border: 1px solid #d2d2d2;
	border-left: none;
}
#sm_serdetail_mainbox .toiletservicebox li dl dt {
	padding: 7px 0 6px 32px;
	font-size: 16px;
	color: #23c3d6;
	font-weight: bold;
	line-height: inherit;
	letter-spacing: -1px;
	padding-left: 0;
	text-align: center;
}

#sm_serdetail_mainbox .toiletservicebox li dl .txtbox {
	padding: 12px;
}
#sm_serdetail_mainbox .toiletservicebox li dl .txtbox .txtttl, #sm_serdetail_mainbox .toiletservicebox li dl .txtbox .txtboxarea{
	font-size: 13px;
}
#sm_serdetail_mainbox .toiletservicebox li dl .txtbox .txtttl{
	font-weight: bold;
	padding-bottom: 10px;
}
#sm_serdetail_mainbox .copy {
	font-size: 11px;
	line-height: 26px;
	vertical-align: middle;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	background-image: url(/images/detail/servicemaster/sm000100/sm000100_plasmacluster.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
}

 #sm_serdetail_mainbox .copy img {
	padding-right: 1em;
	vertical-align: middle;
}
/*sm000180*/
.set_wrap{
	border: 1px solid #dbeef4;
	margin-bottom: 10px;
}
.set_wrap .titSet{
	float: left;
	width: 94px;
	font-size: 18px;
	font-weight: bold;
	color: #002b5b;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: middle;
	background: #dbeef4;
	padding: 58px 0;
}
.set_wrap .ico {
	float: left;
	padding: 20px;
}
.set_wrap .set_left {
	padding-right: 30px;
	background: url(/images/detail/servicemaster/sm000180/ico_plus.gif) no-repeat;
	background-position: 95% 37%;
	width: 305px;
	float: left;
}
.set_wrap .set_left dt, .set_right dt{
	margin-bottom: 3px;
}
.set_wrap .set_left dt img, .set_right dt img{
	padding-right: 5px;
}
.set_wrap .set_left dd, .set_right dt {
	padding-left: 1em;
	text-indent: -1em;
}
.ico dl dd span{
	color: #79c4db;
	font-size: 12px;
}
.set_right{
	width: 290px;
	float: right;
}

.sm180_serde03ttl {
    background: #c6f1f6;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: bold;
}
/* フリーエリア
-----------------------------*/
/*sm000130*/
.smttl01{
	font-size: 19px;
	color: #002b5b;
	border-bottom: solid 2px #23c3d6;
}

.sm_choicebox li {
	margin-bottom: 20px;
	border: 1px solid #DDD;
	padding: 13px 20px 10px 20px;
}
.sm_choicebox li h4{
	font-size: 160%;
	font-weight: bold;
	color: #23c3d6;
	border-bottom: 1px dotted #bcbcbc;
	padding: 2px 0 12px;
	margin-bottom: 20px;
}
.sm_choicebox li h4 .numbox {
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.sash_txt{
	font-size: 120%;
	margin-bottom: 5px;
}
.sash_centerbox {
	text-align: center;
}
.sash_centerbox p {
	display: inline-block;
	margin-right: 10px;
}
.sm_choicebox02 {
	padding: 20px 10px 40px;
	background: #EEEEEE;
}
.sm_choicebox02 h4 {
	font-size: 150%;
	border-bottom: 1px dotted #bcbcbc;
	margin-bottom: 20px;
	font-weight: bold;
}
/*sm000140*/
.typebox {
	margin-bottom: 30px;
}
.win_kindbox {
	border: 1px solid #ccc;
	margin: 10px 0px 30px;
}
.win_kindbox li {
	border-right: 1px dotted #ccc;
	float: left;
	width: 249px;
}
.win_kindbox li:last-child {
	border-right: none;
}

.win_kindbox li img{
	display: block;
}
.dot_border {
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}
.point {
	margin-top: 20px;
	padding: 25px 20px 15px 85px;
	background: url(/images/detail/servicemaster/sm000140/type_bg02.gif) 20px 25px no-repeat #f0ece0;
	overflow: hidden;
}
.cpimg{
	width: 110px;
	margin-right: 15px;
}
.cptxtbox{
	width: 600px;
}
/*sm000160*/
.seko_waku{
	display:inline-block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #376092;
	padding: 3px 10px;
	margin: 10px 0px;
}
.sekobox li {
	float: left;
	margin-right: 5px;
}
/*sm000170*/
.ttl_ereaptn05 {
	border: solid 1px #23c3d6;
	border-left: solid 4px #23c3d6;
	font-size: 120%;
	color: #23c3d6;
	padding: 8px;
}
.free_servicebox_sm01{
	display: flex;
	flex-wrap: wrap;
}
.free_servicebox_sm01 li{
	width: 183px;
}
.free_servicebox_sm01 .sm000170_frelist01{
	border: 1px solid #d2d2d2;
}
.free_servicebox_sm01 .sm000170_frelist02, .free_servicebox_sm01 .sm000170_frelist03{
	border: 1px solid #d2d2d2;
	border-left: none;
}
.free_servicebox_sm01 .sm000170_frelist04{
	border: 1px solid #d2d2d2;
}
.free_servicebox_sm01 .sm000170_frelist05, .free_servicebox_sm01 .sm000170_frelist06, .free_servicebox_sm01 .sm000170_frelist07{
	border: 1px solid #d2d2d2;
	border-left: none;
}
.free_servicebox_sm01 li dl dt {
	padding: 7px 5px 6px 29px;
	box-sizing: content-box;
	font-size: 16px;
	color: #23c3d6;
	font-weight: bold;
	position: relative;
}
.free_servicebox_sm01 li dl dt span {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: #23c3d6;
	border-radius: 50%;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 6px;
	left: 3px;
	padding: 4px 0px;
	font-size: 14px;
}
.free_servicebox_sm01 li dl .txtbox {
	padding: 12px;
}
/*===============================
mm商品
================================*/

/* 特長
-----------------------------*/
/*mm0000120*/
#cleanbox{
	display:flex;
	flex-wrap:wrap;
}
#cleanbox .box01 {
	padding: 0 20px 20px 10px;
	border-right: 1px dotted #b2b2b2;
	border-bottom: 1px dotted #b2b2b2;
}
#cleanbox .box02 {
	padding: 0 10px 20px 20px;
	border-bottom: 1px dotted #b2b2b2;
}
#cleanbox .box03 {
	padding: 20px 20px 0 10px;
	border-right: 1px dotted #b2b2b2;
}
#cleanbox .box04 {
	padding: 20px 10px 20px 20px;
}
#cleanbox .clean_img{
	text-align: right;
}
#cleanbox .minibox {
	width: 50%;
	margin-bottom: 0;
}
#cleanbox .fwBold {
	font-weight: bold;
}
#cleanbox .text {
	height: 55px;
}
#cleanbox .minibox dd {
	margin-top: 10px;
}
#cleanbox .minibox_pdfarea {
	text-align: right;
}

/*mm000100*/
.mm110ser4box{
	background: #FFFFF2;
	padding: 12px;
}

/* サービス内容
-----------------------------*/
/*mm000010*/
.mm010serdebox li{
	display: inline-block;
	margin-right: 20px;
}
/* mm000030テーブルパターン */
table.mm_tablelayoutArea{
	width: 100%;
	margin: 0 0 10px;
	border-collapse: collapse;
}
table.mm_tablelayoutArea th{
	border: 1px dotted #ccc;
	color: #333;
	width: 30%;
	padding: 10px;
	font-size: 12px;
}
table.mm_tablelayoutArea{
	border: 1px solid #ccc;
	padding: 10px 20px;
	font-size: 13px;
}
table.mm_tablelayoutArea td{
	border: 1px dotted #ccc;
	padding: 10px 20px;
	font-size: 13px;
}
table.mm_tablelayoutArea td span{
	font-weight: bold;
}
.pinkrose{
	color: #FC5C7D;
}
/*mm000080のステップ*/
.contentBox .mm_step {
	padding: 20px;
	width: 27%;
}
.snum01{
	border: 1px solid #d2d2d2;
}
.snum02, .snum03, .snum05, .snum06{
	border: 1px solid #d2d2d2;
	border-left: none;
}
.snum04{
	border: 1px solid #d2d2d2;
	border-top: none;
}
.snum05, .snum06{
	border-top: none;
}
.contentBox .mm_step h5 {
	position: relative;
	padding-left: calc(3em + 12px);
}
.contentBox .mm_step h5 span {
	display: block;
	background: #e3127c;
	border-radius: 50%;
	color: #ffffff;
	position: absolute;
	top: -3px;
	left: 0;
	padding: 10px 5px;
	font-size: 10px;
}
.contentBox .mm_step p {
	float: none;
	width: auto;
	font-size: small;
	line-height: 140%;
}
/*mm000130*/
.contentBox .mm_stepwrap {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.contentBox .mm_serdetailbox {
	padding: 20px;
	width: 27%;
}
.sdetail01{
	border: 1px solid #d2d2d2;
}
.sdetail02, .sdetail03, .sdetail05, .sdetail06, .sdetail08, .sdetail09, .sdetail11{
	border: 1px solid #d2d2d2;
	border-left: none;
}
.sdetail04, .sdetail07, .sdetail10{
	border: 1px solid #d2d2d2;
	border-top: none;
}
.sdetail05, .sdetail06, .sdetail08, .sdetail09, .sdetail11{
	border-top: none;
}
.contentBox .mm_serdetailbox p {
	float: none;
	width: auto;
	font-size: small;
	line-height: 140%;
}
/* フリーエリア
-----------------------------*/
/*mm000130*/
.mm130_othbox .mmttl01{
	border-bottom: 2px solid #e85282;
	line-height: 1.2em;
	margin-top: 10px;
	background: #fff;
	color: #e85282;
	font-weight: bold;
	padding: 20px 0 8px;
}
.mm130_othbox .tmttl01{
	border-bottom: 2px solid #ea5532;
	line-height: 1.2em;
	margin-top: 10px;
	background: #fff;
	color: #ea5532;
	font-weight: bold;
	padding: 20px 0 8px;
}
.mm130_othbox .tgttl01{
	border-bottom: 2px solid #00a040;
	line-height: 1.2em;
	margin-top: 10px;
	background: #fff;
	color: #00a040;
	font-weight: bold;
	padding: 20px 0 8px;
}
.mm130_othbox .txt_box {
	width: 445px;
	float: left;
}
.mm130_othbox .img_box {
	width: 28%;
	float: right;
}
.mm130_othbox .img_box img {
	width: 100%;
	height: auto;
}
/*===============================
tg商品
================================*/

/*サービス内容
-----------------------------*/
/*tg000040のリストボックス*/
.tg_listbox li {
	float: left;
	line-height: 1.6em;
	width: 330px;
}
@media screen and (max-width: 667px) {
	.tg_listbox li {
		float: none;
		width: auto;
	}
}
/*tg000190*/
#tg190_noservicebox{
	float: none;
	width: auto;
}
#tg190_noservicebox li {
	width: 45%;
	display: inline-block;
}

/* フリーエリア
-----------------------------*/
/*フリーサービスボックス01_tg*/
.free_servicebox01{
	 -js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.free_servicebox01 li {
	width: 160px;
	padding: 17px 9px 29px;
	box-sizing: content-box;
}
.serlist01{
	border: 1px solid #d2d2d2;
}
.serlist02, .serlist03, .serlist04{
	border: 1px solid #d2d2d2;
	border-left: none;
}
.free_servicebox01 li dl dt{
	text-align: center;
	margin-bottom: 5px;
}
.free_servicebox01 li dl dd h3{
	color: #336600;
}
/*フリーサービスボックス02_tg*/
.free_servicebox02{
	 -js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.free_servicebox02 li {
	width: 124.2px;
	padding: 17px 9px 29px;
	box-sizing: content-box;
}
.serlist05{
	border: 1px solid #d2d2d2;
	border-top: none;
}

.serlist06, .serlist07, .serlist08, .serlist09 {
	border: 1px solid #d2d2d2;
	border-top: none;
	border-left: none;
}
.free_servicebox02 li dl dt{
	text-align: center;
	margin-bottom: 5px;
}
.free_servicebox02 li dl dd h3{
	color: #336600;
}
/*tg000040*/
.ttl_ereaptn03_tg040 {
	border-bottom: 3px solid #336600;
	padding: 3px 5px 6px 30px;
	background: url(/images/detail/totalgreen/tg000040/tg000040_caution.gif) no-repeat;
	font-size: 140%;
}
/*===============================
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商品
================================*/

/*フリーエリア
-----------------------------*/
/*hb000220*/
.hb220_sublist01{
	padding-left:10px;
}
.hb220_sublist02 li{
	font-size: 12px;
	line-height: 1.6em;
}
/*===============================
ot商品
================================*/

/*フリーエリア
-------------*/
/*ot000050*/
.freeareabox .ot050_local {
	position: relative;
	background: url(/images/detail/drink/ot000050/ot000050_jpn.jpg) no-repeat;
	height: 365px;
	margin-bottom: 30px;
}

.freeareabox .ot050_local .btn01{
	position:absolute;
	top:175px;
	left:45px;
	z-index:100;
}
.freeareabox .ot050_local .btn02{
	position:absolute;
	top:0px;
	left:130px;
	z-index:0;
}
.freeareabox .ot050_local .btn03{
	position:absolute;
	top:201px;
	left:407px;
	z-index:0;
}
.freeareabox .ot050_local .btn04{
	position:absolute;
	top:0px;
	left:500px;
	z-index:0;
}
.ot050_aquabox01, .ot050_aquabox02{
	border-bottom: 1px dotted #ccc;
	padding: 20px 0px;
}
.ot050_aquabox01 .txtbox{
	width: 800px;
	float: left;
}
.ot050_aquabox01 .imgbox{
	width: 161px;
	float: right;
}
.ot050_aquabox02 .ot050_2box{
	text-align: center;
}
.ot050_aquabox02 ul li{
	display: inline-block;
	margin-right: 10px;
}

.ot050_aquabox03 .txtbox{
	width: 610px;
	float: left;
}
.ot050_aquabox03 .imgbox{
	width: 352px;
	float: right;
}
.ot050_othbox .txtbox{
	width: 540px;
	float: left;
}
.ot050_othbox .imgbox{
	width: 175px;
	float: right;
}

.hr010_tokubox li{
	float: left;
	margin-right: 20px;
}
.hr010_serdebox01 dl {
    float: left;
    margin-right: 20px;
}
.hr010_serdebox01 dl dd{
	text-align: center;
}


/*カート下エリア
-------------*/
/*dc001080*/

.good h3 {
	color: #356fc7;
}

.padWrap {
	padding: 0 15px;
}
.imgFree {
	width: 100%;
}

.boxL {
	width: 60%;
	float: left;
}

.boxL02 {
	width: 60%;
	float: left;
}

.boxR {
	width: 35%;
	float: right;
}


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

詳細設定PC

------------------------------------------ */
.pc_only{display: block;}
.sp_only{display: none;}
.sp_device .pc_only{display: none;}
.sp_device .sp_only{display: block;}
#content h1.tit_hiragino_dc {
    margin-bottom: 10px;
    font-size: 20px;
}
#content h1.tit_hiragino_dc img {
	vertical-align: middle;
	margin-left: 15px;
}

p.bnrTopArea {
	font-size: 0;
	margin-bottom: 10px;
}
p.bnrTopArea2 {
	font-size: 0;
	margin-bottom: 30px;
}

#content .information {
	border: 1px solid #FF0004;
	text-align: center;
  padding: 15px;
	margin: 0 0 10px;
}
#content .information a {
	font-size: 13px;
	color: #FF0004;
}
#content .information a:hover {
	color: #23c3d6;
	text-decoration: underline;
}

#main {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
}
#main .mainImg {
	float: left;
	width: 300px;
	font-size: 0;
}
#main .mainImg p {
	margin: 0 0 10px;
}
#main .mainImg p img {
	width: 300px;
	height: auto;
}
#main .mainImg ul.thumbnailList {
	overflow: hidden;
}
#main .mainImg ul.thumbnailList li {
	float: left;
	margin: 0 5px 5px 0;
	width: 56px;
	height: 56px;
}
#main .mainImg ul.thumbnailList li:nth-child(5n){
	margin: 0;
}
#main .mainImg ul.thumbnailList li img {
	width: 100%;
	height: auto;
  vertical-align: bottom;
}
#main .mainImg ul.thumbnailList li a {
	padding: 2px;
	display: block;
}
#main .mainImg ul.thumbnailList li a.selected {
	background: #ff002c;
}
#main .mainImg .bxslider {
	display: none;
}
#main .mainImg .bxslider.single {
	margin-bottom: 25px;
}
#main .explanation {
	float: right;
	width: 420px;
}
#main .explanation ul.ico {
	overflow: hidden;
	margin: 0 0 15px;
}
#main .explanation ul.ico li {
	float: left;
	margin: 0 5px 5px 0;
	font-size: 0;
}
#main .explanation ul.ico li img {
	width: 48px;
	height: auto;
}
#main .explanation p.catch {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
}
#main .explanation div.txt {
	font-size: 13px;
	margin: 0 0 25px;
}
span.abridgement {
	display: none;
}
span.hideTxt {
	display: inline;
}

#main .explanation p.btn {
	width: 349px;
}
#main .explanation p.btn img {
	width: 100%;
	height: auto;
}

.coupon {
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
}
.coupon p.txt {
	margin: 0 0 15px;
}
.coupon p.txt a {
	text-decoration: underline;
}
.coupon dl {
	float: left;
	width: 309px;
	padding: 0 30px;
	margin: 0 0 20px;
}
.coupon dl.premium {
	border-left: 1px dotted #cccccc;
}
.coupon dl dt {
	text-align: center;
	font-size: 16px;
	margin: 0 0 15px;
}
.coupon dl dd {
	width: 310px;
}
.coupon dl dd img {
	width: 100%;
	height: auto;
}
.coupon dl dd.link {
	text-align: right;
	padding: 15px 0 0 0;
}
.coupon dl dd.link a {
    padding: 0 0 0 14px;
    background-repeat: no-repeat;
    background-position: 0 -96px;
}
p.bnrCoin {
	clear: both;
	text-align: center;
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
p.bnrCoin a {
	display: inline-block;
}
p.bnrCoin img {
	margin: 0 auto;
}
p.bnrCoin span {
	width: 600px;
	display: block;
	text-align: right;
	margin: 0 auto;
}

.serviceList {
	clear: both;
}
.serviceList .serviceBlock {
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
	overflow: hidden;
}
.serviceList .serviceBlock p {
	float: left;
	width: 80px;
}
.serviceList .serviceBlock p img {
	width: 100%;
	height: auto;
}
.serviceList .serviceBlock p.ico {
	float: none;
	margin: 0 0 15px;
	width: auto;
}
.serviceList .serviceBlock p.ico span {
	display: inline-block;
	background: #dddddd;
	padding: 4px 9px;
	font-size: 11px;
	clear: both;
}
.serviceList .serviceBlock dl {
	margin: 0 0 15px 101px;
}
.serviceList .serviceBlock dl dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
.serviceList .serviceBlock dl dt img {
	vertical-align: middle;
	margin-left: 10px;
}
.serviceList .serviceBlock dl dd {
	font-size: 14px;
}
.serviceList .serviceBlock dl dd span em {
	font-weight: bold;
	color: #333;
}
.serviceList .serviceBlock dl dd span.otameshi {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 0 5px;
}
.serviceList .serviceBlock ul.note {
	padding: 0;
	margin: -5px 0 15px 100px;
  font-size: 12px;
}
.serviceList .serviceBlock ul.note li {
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
.serviceList .serviceBlock ul.btnArea {
	float: right;
	width: 490px;
	overflow: hidden;
}
.serviceList .serviceBlock ul.btnArea::after {
  content:'';
  clear:both;
  display: table;
}
.serviceList .serviceBlock ul.btnArea li {
	font-size: 0;
	float: left;
	margin: 0 10px 10px 0;
	width: 240px;
}
.serviceList .serviceBlock ul.singleItem li {
	float:right;
	margin: 0 0 10px;
}
.serviceList .serviceBlock ul.btnArea li img {
	width: 100%;
	height: auto;
}
.serviceList .serviceBlock ul.btnArea li:nth-child(even),
.serviceList .serviceBlock ul.btnArea li.single{
	margin: 0 0 10px 0;
}
.serviceList .serviceBlock ul.btnArea li.single {
	float: right;
}
/* 直送改善プルダウン化 */

.serviceList .serviceBlock .selectBox {
	margin: 30px 0 0 101px;
}

.serviceList .serviceBlock .selectBox .product_options,
.serviceList .serviceBlock .selectBox .order_options {
	position: relative;
	display: inline-block;
	width: 180px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background: #fff;
}
.serviceList .serviceBlock .selectBox .product_options {
	margin: 0 10px 0 0;
}
.serviceList .serviceBlock .selectBox .product_options:before,
.serviceList .serviceBlock .selectBox .order_options:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #990000;
}

.serviceList .serviceBlock .selectBox select {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 180px;
	padding: 5px 10px;
	color: #333333;
	border: none;
	border-radius: 5px;
	background: transparent;
	font-size: 13px;
}
::-ms-expand {
	display: none;
}

.grayOut {
	background-color: #eee !important;
}

option:disabled {
	background-color: #eee;
}

.serviceList .serviceBlock p.cart {
    float: right;
    width: 225px;
		margin: -46px 0 0 0;
}
.serviceList .serviceBlock p.cart span {
	color: #ff0000;
	font-weight: bold;
}

.selectTitle {
	font-size: 16px;
	font-weight: bold;
}

.summary {
	overflow: hidden;
	margin: 0 0 40px;
}
.summary.top {
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	margin: 0 0 20px;
	padding: 0 0 20px;
	position: relative;
}
.summary div.bnrDelivery {
	float: left;
	padding: 0 0 0 30px;
}
.summary .delivery {
	float: right;
}
.summary ul.ico {
	float: left;
}
.summary ul.ico li {
	float: left;
	margin: 0 0 0 11px;
	width: 42px;
	height: 42px;
}
.summary ul.ico li img {
	width: 100%;
	height: auto;
}
.summary ul.link {
	width: 200px;
	float: right;
	padding: 0 30px 0 10px;
}
.summary ul.link li {
	float: right;
	margin: 0 0 10px;
}
.summary ul.link.single li {
	margin: 0;
}
.summary ul.link li a {
	padding: 0 0 0 14px;
    background-repeat: no-repeat;
    background-position: 0 -96px;
}
.summary dl.phone {
	clear: both;
	float: right;
	width: 365px;
}
.summary dl.phone dt {
	background: #9b0305;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	font-weight: bold;
}
.summary dl.phone dd {
	border: 1px solid #cccccc;
	border-top: none;
	text-align: center;
	padding: 13px 0;
}

#content .section {
	overflow: hidden;
	padding: 0 0 40px;
}
#content .section.relation{
	clear: both;
}
@media only screen and (min-width: 668px) {
	#content .section h2.tit_hiragino_dc {
		width:100%;
		height: auto;
		padding: 0 0 0px 8px !important;
		margin: 0 0 20px;
		font-size: 18px;
	}
}
#content .section h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
}

/* テーブルパターン */
table.tablelayoutPrice,
table.tablelayoutArea,
table.tablelayoutSpec,
table.tablelayoutItemPrice{
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
}
table.tablelayoutPrice th,
table.tablelayoutArea th,
table.tablelayoutSpec th{
	background: #BEDBFF;
	border: 2px solid #fff;
	color: #000;
	width: 50%;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
table.tablelayoutPrice td,
table.tablelayoutArea td,
table.tablelayoutSpec td,
table.tablelayoutItemPrice td{
	background: #eeeeee;
	border: 2px solid #fff;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: normal;
}
table.tablelayoutPrice.printAuto th,
table.tablelayoutArea.printAuto th,
table.tablelayoutSpec.printAuto th{
	font-size:14px;
	padding: 10px 20px 13px;
}
#content table.tablelayoutPrice.printAuto th span,
#content table.tablelayoutArea.printAuto th span,
#content table.tablelayoutSpec.printAuto th span,
#content table.tablelayoutPrice.printAuto td span,
#content table.tablelayoutArea.printAuto td span,
#content table.tablelayoutSpec.printAuto td span{
	font-size:14px;
}
table.tablelayoutPric.printAutoe td,
table.tablelayoutArea.printAuto td,
table.tablelayoutSpec.printAuto td,
table.tablelayoutItemPrice.printAuto td{
	padding: 18px 20px 23px;
}
table.tablelayoutPrice th.t_l,
table.tablelayoutArea th.t_l,
table.tablelayoutSpec th.t_l,
table.tablelayoutPrice td.t_l,
table.tablelayoutArea td.t_l,
table.tablelayoutSpec td.t_l{
  text-align:left !important;
}
table.tablelayoutPrice th.t_r,
table.tablelayoutArea th.t_r,
table.tablelayoutSpec th.t_r,
table.tablelayoutPrice td.t_r,
table.tablelayoutArea td.t_r,
table.tablelayoutSpec td.t_r{
  text-align:right !important;
}
table.tablelayoutPrice th.bg_gw,
table.tablelayoutArea th.bg_gw,
table.tablelayoutSpec th.bg_gw,
table.tablelayoutPrice td.bg_gw,
table.tablelayoutArea td.bg_gw,
table.tablelayoutSpec td.bg_gw{
  background:#fafafafa;	
}
table.tablelayoutPrice th.bg_g,
table.tablelayoutArea th.bg_g,
table.tablelayoutSpec th.bg_g,
table.tablelayoutPrice td.bg_g,
table.tablelayoutArea td.bg_g,
table.tablelayoutSpec td.bg_g{
  background:#eee;
}
.tablelayoutPrice.printAuto th.bg_g{
	text-align:left;
}
table.tablelayoutArea th {
	width: 200px;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
table.tablelayoutSpec th {
	width: 200px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
table.tablelayoutItemPrice th {
	background: #eeeeee;
	border: 2px solid #fff;
	font-size: 13px;
	width: 160px;
	text-align: left;
	padding: 10px 0 10px 20px;
	font-weight: normal;
}
.tablelayoutPrice.widthChange td:nth-child(1) {
    width: 20%;
}

.priceList p.note {
	margin: 0 0 15px;
	font-size: 12px;
}
.priceList ul.note li,
.priceList ul.notice li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px;
}
.priceList p {
	font-size: 11px;
}
#content .section hr {
	clear: both;
	border: none;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	height: 2px;
	background: url(/common/responsive/images/border-dot.gif) repeat-x 0 100%;
}
/* 価格・料金一覧 */
#price_list .tablelayoutPrice.printAuto em{
	color:#333;
	font-weight:normal;
}
#price_list .detailNote .link a{
	font-size: 13px;
	color: #000!important;
	position: relative;
	padding-right: 10px;
}
#price_list .detailNote .link a:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    transform: rotate(45deg);
    margin: auto;
}

/* 標準料金表 */
.priceList p.areaTitle {
	font-size: 16px;
	font-weight: bold;
	padding: 7px 12px 7px 18px;
	background-color: #f3f3f3;
	border: solid 1px #d2d2d2;
	background-image: -webkit-linear-gradient(bottom, #f3f3f3, #fff);
	background-image: -moz-linear-gradient(bottom, #f3f3f3, #fff);
	background-image: -o-linear-gradient(bottom, #f3f3f3, #fff);
	background-image: -ms-linear-gradient(bottom, #f3f3f3, #fff);
	background-image: linear-gradient(to top, #f3f3f3, #fff);
	cursor: pointer;
	margin: 0 0 15px;
}
.priceList p.areaTitle span {
	display: block;
	background: url(/common/responsive/images/ico-plus.png) no-repeat 100% 50%;
}
.priceList p.areaTitle span.active {
	display: block;
	background: url(/common/responsive/images/ico-minus.png) no-repeat 100% 50%;
}

.priceList .hide {
	display: none;
	padding: 0 0 20px;
}

.recommendService {
	border: 1px solid #dddddd;
	background: #f5f5f5;
	padding: 15px 15px 15px 20px;
	overflow: hidden;
  margin-bottom: 40px;
}
.recommendService p {
}
.recommendService .bnr {
}
.recommendService .bnr img{
	width: 100%;
}
.recommendService p.link {
	width: 280px;
	text-indent: -1em;
	padding-left: 1em;
}
.recommendService p.link a {
	padding: 0 0 0 14px;
    background-repeat: no-repeat;
    background-position: 0 -96px;
}

/* 特長 */
.features p.img {
	float: right;
	font-size: 0;
	margin-bottom: 10px;
	width: 300px;
}
.features p.img img {
	width: 100%;
	height: auto;
}
.features dl {
	float: left;
	width: 680px;
	margin-bottom: 10px;
}
.features dl.imgNone {
	float: none;
	width: 100%;
}
.features dl dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}

/* 仕様・価格・その他 */
.specification h3 {
  clear:both;
}
.specification p.txt {
    margin-bottom: 15px;
}
.specification .specBox{
	width: 360px;
	float: left;
	padding: 0 0 20px;
	margin-right: 20px;
	font-size: 13px;
}
.specification .specBox.odd {
	clear: left;
}
.specification .specBox.even {
	margin-right: 0px;
}
.specification .notit {
	padding-top: 37px;
}
.otameshi {
	clear: both;
}
.otameshi p {
	font-size: 13px;
	margin: 0 0 10px;
}
#spec .otameshi p {
	font-size: 13px;
	margin: 0;
}
.otameshi ul {
	margin: 0 0 10px;
}
.otameshi ul li {
	font-size: 12px;
}
.otameshi p.note {
	font-size: 12px;
	margin: 0;
}

/* サービスの流れ */
.flow h3, .content h3 {
  color: #990100;
}

.flow p,
.content p{
	margin: 0 0 25px;
}
.flow .flowBox dl {
	width: 244px;
	float: left;
}
.flow .flowBox dl:nth-child(3n-2) {
}
.flow .flowBox dl:nth-child(1),
.flow .flowBox dl:nth-child(2),
.flow .flowBox dl:nth-child(3){
}
.flow .flowBox dl dt {

}
.flow .flowBox dl dd {
}
.flow .flowBox dl dd img {
	width: 100%;
	height: auto;
}
.flow .flowBox dl dd span {
	display: block;
	padding: 10px 0 0;
}

/* サービスの流れを動画で見る */
.movie div {
	width: 560px;
	margin: 0 auto;
}

/* サービスの内容 */
.contentBox {
	margin: 0 0 30px;
	overflow: hidden;
  font-size: small;
}
.contentBox h4 {
	background: #ffe699;
	padding: 5px 20px;
	margin: 0 0 20px;
}
.contentBox ul {
	float: left;
    width: 684px;
	margin: 0 0 10px;
}
.contentBox p {
	float: right;
	margin: 0;
	font-size: 0;
	width: 300px;
}
.contentBox p img {
	width: 100%;
	height: auto;
}
.otherContent {
	padding: 0 0 40px;
}

.contentBox .step {
	clear: both;
	padding: 0 20px;
}
.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 {
	float: none;
	width: auto;
	font-size: small;
    line-height: 140%;
}
/*comic*/
.contentBox ul.comic {
	width: 505px;
}
.contentBox .comic+p {
	margin: 0;
	font-size: 0;
	width: 495px;
	text-align:center;
}
.contentBox .comic+p img {
	max-width:100%;
	width: auto;
	height: auto;
	margin:0 auto;
}

/*-------------------------------
pieChart
--------------------------------*/
#review_list {
  background: #F2F2F2;
  padding:50px 0;
}
#content #review_list .sec_inner{
  margin:0 auto;
}

#review_list .h2_ttl .fs_s {
  padding-left: 10px;
}

#review_list #not_empty_review_block {
}

#review_list .bg_white {
  background: #fff;
  padding: 60px;
}

.dduet .reviewBox{  
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 100%;
  margin: 0 auto;
}
.dduet .reviewBox::after {clear:both;content: "";display:block;}
.dduet .reviewBox .pieChart {
	float:left;
	position:relative;
	padding:5% 0 5% 5%;
	width:30%;
	height:250px;
}
.dduet .reviewBox .pieInside{
  	position:absolute;
  	left:50%;
  	top:50%;
  	width:170px;
  	height:170px;
  	background:#fff;
  	border-radius:50%;
  	z-index:1;
  	margin-left:-85px;
  	margin-top:-85px;
  }
.dduet .reviewBox .pieInside div {padding:25% 15%;text-align:center;}
.dduet .reviewBox .pieInside div p {padding:0;margin:0;color:#333;}
.dduet .reviewBox .pieTxt1 {font-size:0.9em !important;}
.dduet .reviewBox .pieTxt2 {font-size:0.8em !important;}
.dduet .reviewBox .pieTxt3 {font-size:2.5em !important;font-weight:bold;}
.dduet .reviewBox .pieOutside {
  	position:absolute;
  	left:50%;
  	top:50%;
  	margin-left:-110px;
  	margin-top:-110px;
  	width: 220px;
  	height: 220px;
  	border-radius: 50%;
  	background: #dcdadc;
  }
.dduet .reviewBox .pieOutside::before {
  	content: '';
  	display: block;
  	margin-left: 50%;
  	height: 100%;
  	border-radius: 0 100% 100% 0 / 50%;
  	background-color: inherit;
  	transform-origin: left;
  	background-color: #e36584;
  	transform: rotate(0deg);
  }
.dduet .reviewBox .pieOutside::after {
  	content: '';
  	display: block;
  	margin-left: 50%;
  	margin-top:-100%;
  	height: 100%;
  	border-radius: 0 100% 100% 0 / 50%;
  	background-color: inherit;
  	transform-origin: left;
  	z-index: 0;
  }

.dduet .reviewBox .starWrap {float:right;padding:5%;width:55%;}
.dduet .reviewBox .starTtl {background:url(/common/responsive/images/review.png) no-repeat left;margin:0 0 2% 0; padding:3% 0 2% 50px;}
.dduet .reviewBox .starTtl span {font-size:1.5em;font-weight:bold;}
.dduet .reviewBox .starTtl a {color:#e36584;text-decoration: underline;}
.dduet .reviewBox .starTtl a:hover {text-decoration: none;}
.dduet .reviewBox .starBox>div {
  display: flex;
}
.dduet .reviewBox .starBox div {margin: 0;padding: 0;}
.dduet .reviewBox .starBox div p {display:inline-block;margin:0;padding: 1.5% 0;}
.dduet .reviewBox .starBox div p:nth-child(1) {width:15%;letter-spacing: 0.25em;}
.dduet .reviewBox .starBox div p:nth-child(2) {width:24%;letter-spacing: 0.1em;}
.dduet .reviewBox .starBox div p:nth-child(3) {width:45%;}
.dduet .reviewBox .starBox div p:nth-child(4) {width:15%;text-align: right;}
.dduet .reviewBox .starNum a {color:#e36584;text-decoration: underline;}
.dduet .reviewBox .starNum a:hover {text-decoration: none;}
.dduet .reviewBox .starIcon {border-right:solid 2px #dcdadb;}
.dduet .reviewBox .starIcon span:first-child {color:#e36584;}
.dduet .reviewBox .starIcon span:last-child {color:#dcdadb;}
.dduet .reviewBox .starGraph{position: relative;}
.dduet .reviewBox .starGraph span {
  	content:".";
  	color:transparent;
  	position:absolute;
  	top:50%;
  	margin-top:-10px;
  	background:#e36584;
  	height:18px;
  	border-radius:0 3px 3px 0;
  }

/* DDuet会員の方のレビュー */
.dduet .revueBox {
	overflow: hidden;
	padding: 0 0 35px;
}

.dduet .revueBox:last-child {
  padding: 0;
}

.dduet .revueBox p.name {
  background: #F2F2F2;
  padding: 13px 20px;
	margin: 0 0 18px;
	font-weight: bold;
  font-size: 18px;
}
.dduet .revueBox dl,
.dduet .revueBox dl dt,
.dduet .revueBox dl dd{
	float: left;
  font-size: 14px;
}
.dduet .revueBox dl{
	margin: 0 30px 20px 0;
}

.dduet .revueBox dl.postedDate dt {
	margin: 0 12px 0 0;
}
.dduet .revueBox dl.satisfied dt {
	margin: 0 10px 0 0;
	font-weight: bold;
}
.dduet .revueBox dl.satisfied dd img {
	vertical-align: middle;
	margin: -3px 0 0 0;
}
.dduet .revueBox .comment {
	clear: both;
  font-size: 16px;
}

.dduet .btnArea {
	overflow: hidden;
	display: flex;
  justify-content: center;
  width: 840px;
  margin: 43px auto 0;
	padding: 0 0 0 11px;
}
.dduet .btnArea li {
	float: left;
	font-size: 0;
	margin: 0 20px 0 0;
}
.dduet .btnArea li:nth-child(even) {
	margin: 0;
}
.dduet .btnArea.tac {
	text-align: center;
}
.dduet .btnArea.tac li {
	float: none;
	font-size: 0;
	margin: 0;
}

.dduet .btnArea .btn_dduet {
  width: 400px;
  text-align: center;
}

#content .dduet .btnArea .btn_dduet a {
  display: block;
  color: #E5014F;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  padding: 18px 0;
  border: #E5014F solid 1px;
  border-radius: 4px;
  text-decoration: none;
}
#content .dduet .btnArea .btn_dduet a:hover {
  opacity:.7;
}

.dduetMember {
	border: none;
	padding: 15px 0 15px 0;
  margin: 0 auto 0px;
	overflow: hidden;
	background: none;
}
.dduetMember p {
	float: left;
	font-size: 12px;
}
.dduetMember p.bnr {
	float: right;
}
.dduetMember p.txt {
	width: 390px;
}
#content .dduetMember p.txt {
  width: 100%;
  font-size: 12px;
  margin: 0 0 auto;
  text-align: center;
}
#content .dduetMember p.txt a{
  display:inline-block;
  font-size:14px;
  margin:0.5em auto 0;
  text-decoration:underline;
}

.dduet p.order {
	text-align: center;
	margin: 0 auto 30px;
	width: 360px;
}
.dduet p.order img {
	width: 100%;
	height: auto;
}
.dduet .bnrArea {
	border: 1px solid #dddddd;
	background: #f5f5f5;
	padding: 15px 15px 15px 15px;
	overflow: hidden;
	text-align: center;
}
.dduet .bnrArea.btm {
	margin: 0 0 40px;
}
.dduet .bnrArea p {
	font-size: 0;
}
.dduet .bnrArea img {
	max-width: 740px;
  width: 100%;
}
.dduetMember .bnr.pc_only,
.dduetMember .bnr.sp_only {
  display: none;
} 

.revueNonTxt {
	margin-bottom: 20px;
}

/* 関連商品 */
.relation  li {
	float: left;
	width: 155px;
	margin: 0 40px 0 0;
	cursor: pointer;
}
.relation li:last-child {
	margin: 0;
}
.relation li img {
	width: 155px;
	height: auto;
}
.relation li a span {
	display: block;
	font-size: 12px;
	padding: 3px 0 0 0;
}
.relation li a span em {
	font-weight: bold;
	color: #333;
}
.relation li a:hover em {
	color: #23c3d6;
}

/* searchBox */
ul.searchBox {
	margin: 0 auto 60px;
}
ul.searchBox li {
	margin: 0 auto;
}


.attentionTxt,
.attentionTxt li {
	color:#f00;
}

/* ついでおそうじ */
#osouji {
	margin: 0;
}
#osouji h2 {
	font-size: 0;
}
#osouji .inline {
	padding: 20px 0 4px 20px;
	border: 2px solid #f9c03d;
	border-top: none;
}
#osouji p {
	margin: 0 0 15px;
}
#osouji ul {
	overflow: hidden;
}
#osouji ul li {
	float: left;
	width: 162px;
	margin: 0 16px 16px 0;
}
#osouji ul li a {
	display: block;
	font-size: 0;
}
#osouji ul li img {
	width: 100%;
	height: auto;
}

/*お知らせボックス*/
.boxNotice {
	border: 1px solid #FF0004;
	text-align: center;
	padding: 10px;
	margin: 10px 0 0;
}
.boxNotice p a:link {
	text-decoration: none;
	color: #FF0004;
}
.boxNotice p a:hover {
	text-decoration:underline;
	color: #23c3d6;
}


/*tm000100追記*/
#pl .pBox {
	display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	text-align: center;
	margin: 10px auto 20px;
}

#pl .pBox ul li {
	float: left;
}

#pl .pBox ul li:nth-of-type(2) {
	margin: 0 15px 10px;
}

#pl .pBox .pTit {
	display: block;
	font-size: 18px;
	font-weight: bold;
	background-color: #ffe2cf;
	text-align: center;
	padding: 5px;
	margin: 0 0 10px;
}

#pl .pBox .pTxt {
	display: block;
	font-weight: bold;
	color: #933b00;
	text-align: center;
	margin: 10px 0 0;
}

#pl h3 {
	background-image: url("/images/detail/terminix/tm000100/img05.gif");
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #f48d48;
	line-height: 28px;
	text-indent: 50px;
	border-bottom: #f48d48 solid 3px;
	margin-bottom: 1em;
}

#pl .hBox {
	background-color: #f0f0e1;
	padding: 10px;
}

#pl .hBox ul{
	display:flex;
	justify-content:center;
}

#pl .hBox p {
	line-height: 1.7;
	padding: 0 6px 0 0;
	margin: 0 0 10px 0;
}

#pl .hBox ul li {
	float: left;
	margin: 0 8px 0 0;
}

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

#pr {
	margin: 40px 0 0 0;
}

#pr p {
	font-size: 87.5%;
	line-height: 1.6;
}

#pr ul {
	display:flex;
	background: url("/images/detail/terminix/tm000100/img09.png") right bottom no-repeat;
	margin: 20px -10px 0;
}

#pr ul li {
	width: calc(960px / 3);
	position: relative;
	background-color: #f0f0e1;
	margin: 0 10px;
}

#pr ul li:nth-of-type(2) {
	position: relative;
	background-color: #f0f0e1;
}

#pr ul li:nth-of-type(3) {
	position: relative;
	background-color: #f0f0e1;
}

#pr ul li dd {
	font-size: 107.7%;
	line-height: 1.6;
}

#pr ul li p {
	position: absolute;
	top: -5px;
	right: -5px;
	padding: 0;
}

#pr ul li p img {
	vertical-align: top;
}

#pr ul li dl {
	width: auto;
	float: none;
	background-image: url("/images/detail/terminix/tm000100/img10.gif");
	background-repeat: repeat-x;
	padding: 15px;
	margin-bottom: 0;
}

#pr ul li dl dt {
	width: 320px;
	height: 42px;
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
	color: #933b00;
}

#kd {
	margin: 0 0 40px 0;
	clear: both;
}

#kd dl {
	width:auto;
	margin: 0 0 20px 0;
}

#kd dl dt {
	font-size: 16px;
	font-weight: bold;
/* 	width: 300px;
	height: 31px; */
	line-height: 31px;
}

#kd dl img {
	vertical-align: top;
}

#kd dl .k01 {
	padding: 14px 0;
}

#kd dl .k01 .centerborder {
	background: url("/images/detail/terminix/tm000100/img17.gif") repeat-y center top;
}

#kd dl .k01 .k01_01 {
	border-bottom: 1px dotted #b2b2b2;
	padding: 0 0 13px 0;
	margin: 0 0 13px 0;
}

#kd dl .k01 .kIn {
	float: left;
    width:calc(100% / 2);
	padding: 0 20px 10px;
}

#kd dl .k01 .kInR {
	float: right;
    width:calc(100% / 2);
	padding: 0 0 10px 20px;
}

#kd dl .k01 .kIn h4,
#kd dl .k01 .kInR h4 {
	background-color: #ffe2cf;
	padding: 13px 12px 11px;
	margin: 0 0 10px 0;
}

#kd dl .k01 .pH {
	width: 100px;
	float: left;
}

#kd dl .k01 .txt {
	font-size: 92.3%;
	margin: 0 0 0 116px;
}

#mk {
	text-align: center;
	margin: 0 auto 30px;
}

#cl {
	background: #fffde6;
	margin: 0 auto 0;
}

#cl h3 {
	height: 43px;
	font-size: 18px;
	font-weight: bold;
	color: #f48d48;
	line-height: 43px;
	border-bottom: 3px solid #f48d48;
	background-image: none;
	padding: 0 0 0 20px;
}

#cl .clIn {
	padding: 15px;
}

#cl .clIn table {
    width: 100%;
}


/*dc001070追記*/
#dc001070Ch {
	float: left;
	width: 400px;
}


.fs6 {font-size: 6px;}


/*tm000090固有CSS追記*/

#content #tm000090 .placeExp .placePop {
	background-image: url("/images/detail/terminix/tm000090/tm000090_01.gif");
	background-repeat: no-repeat;
	text-align:center;
	width: 720px;
	height: 67px;
	margin:0 auto;
}

#content #tm000090 .placeExp .placePop span {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #a04000;
	padding-top: 17px;
}

#content #tm000090 .placeExp{
	margin-bottom: 20px;
	text-align:center;
}

#content #tm000090 .placeExp ul{
	display: inline-block;
	padding: 10px 0 0 12px;
	margin: 0 auto;
    text-align: center;
}

#content #tm000090 .placeExp ul li{
	float: left;
}

#content #tm000090 .placeExp ul li .placeTit {
	width: 180px;
	font-size: 18px;
	font-weight: bold;
	color: #a04000;
	text-align: center;
	display: block;
	padding: 0 0 5px;
}

#content #tm000090 .placeExp ul li .placeTxt {
	width: 180px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #a04000;
	text-align: center;
	display: block;
	padding: 5px 0 0;
}

/*侵入経路*/
#content #tm000090 .route h3,
#content #tm000090 .habitat h3 {
	background-image: url("/images/detail/terminix/tm000090/tm000090_06.gif");
	height: 34px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 40px !important;
	margin-bottom: 1em;
	line-height: 40px;
	color: #f48d48;
}

#content #tm000090 .route{
	margin-bottom:32px;
	clear:both;
}

#content #tm000090 .route h3{
	padding-left:10px;
	border-bottom:3px solid #f48d48;
}

#content #tm000090 .route .routeInner{
	padding:10px;
	background-color:#f0f0e1;
}
#content #tm000090 .route .routeInner ul{
	display: flex;
    justify-content: center;
}

#content #tm000090 .route .routeInner .routeBox {
	float:left;
	border: 1px solid #f48d48;
	margin-right: 12px;
}

#content #tm000090 .route .routeInner .routeBox .routeTxt {
	width: 230px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #f48d48;
	text-align: center;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0;
}

#content #tm000090 .route ul li.lastR{margin-right:0px;}
#content #tm000090 .route ul li img{vertical-align:top;}
#content #tm000090 .route p{
	margin-top:13px;
	padding-left:6px;
	line-height:1.7;
}

/*住処になりやすい場所*/
#content #tm000090 .habitat{
	margin-bottom:40px;
	clear:both;
}
#content #tm000090 .habitat h3{
	padding-left:10px;
	border-bottom:3px solid #f48d48;
}
#content #tm000090 .habitat .routeInner{
	padding:10px 0 10px 10px;
	background-color:#f0f0e1;
}
#content #tm000090 .habitat ul{
	display:flex;
	justify-content:center;
}

#content #tm000090 .habitat ul li{
	display: flex;
	flex-wrap: wrap;
	width: 144px;
	border-top: 1px solid #f48d48;
	border-right: 1px solid #f48d48;
	border-bottom: 1px solid #f48d48;
	border-left:1px solid #f48d48;
	margin-left:-1px;
	background: #fff;
}
#content #tm000090 .habitat ul li .routeTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-height: 38px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #f48d48;
	text-align: center;
	background-color: #fff;
	padding: 5px 0;
}

#content #tm000090 .habitat ul li.lines{border-top:none;}
#content #tm000090 .habitat ul li img{display: block;vertical-align:top;}
#content #tm000090 .habitat p{
	margin-top: 13px;
	padding-right: 10px;
	padding-left: 6px;
	line-height: 1.7;
}

#content #tm000090 .prvList .prvListbox {
	width: 320px;
	background-color: #f0f0e1;
	position: relative;
	float: left;
	margin: 26px 0 0;
}

#content #tm000090 .prvList .prvListbox:nth-child(1),
#content #tm000090 .prvList .prvListbox:nth-child(3) {
	margin: 26px 40px 0 26px;
}

#content #tm000090 .prvList .prvListbox img {
	vertical-align: top;
}

#content #tm000090 .prvList .prvListbox .point {
	position: absolute;
	top: -5px;
	right: -5px;
	background: none;
	padding: 0;
	margin-top: 0;
}

#content #tm000090 .prvList .prvListbox .yoboupoint {
	width: 320px;
	height: 65px;
	background-image: url("/images/detail/terminix/tm000090/tm000090_15.gif");
	background-repeat: repeat-x;
	font-size: 20px;
	font-weight: bold;
	text-indent: 1em;
	line-height: 80px;
	color: #933b00;
}

#content #tm000090 .prvList .prvListbox .yoboupointTxt {
	font-size: 14px;
	line-height: 1.6;
	padding: 0 18px 18px;
}


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

#tm000090 img {
    width: 100%;
    height: auto;
}

#content #tm000090 .placeExp .placePop {
	width: 105%;
	background-size: 101%;
	margin: 0px -10px;
	height: 38px;
}

#content #tm000090 .placeExp .placePop span {
	font-size: 9px;
	letter-spacing: -1px;
	padding-top: 8px;
}

#content #tm000090 .placeExp ul{
	padding: 0;
}

#content #tm000090 .placeExp ul li{
	width: 50%;
	font-size: 14px;
}

#content #tm000090 .placeExp ul li:nth-child(3),
#content #tm000090 .placeExp ul li:nth-child(4){
	margin: 15px 0 0;
}

#content #tm000090 .placeExp ul li .placeTit {
	width: 100%;
}

#content #tm000090 .placeExp ul li .placeTxt {
	width: 100%;
	font-size: 10%;
}

#content #tm000090 .route .routeInner {
	padding: 2%;
	margin: 0 -6px;
}

#content #tm000090 .route .routeInner .routeBox {
	width: 32%;
	margin-right: 1%;
}

#content #tm000090 .route ul li img{
	width: 100%;
	height: auto;
}

#content #tm000090 .route .routeInner .routeBox .routeTxt {
	font-size: 10%;
	padding: 0;
}

#content #tm000090 .habitat ul{
	flex-wrap:wrap;
}
#content #tm000090 .habitat ul li {
	width: 32%;
}

#content #tm000090 .habitat ul li:nth-child(4),
#content #tm000090 .habitat ul li:nth-child(5) {
	border-top :none;
}

#content #tm000090 .habitat ul li .routeTxt {
	font-size: 100%;
}

#content #tm000090 .prvList .prvListbox {
	width: 100%;
	margin: 26px 0 0;
}

#content #tm000090 .prvList .prvListbox:nth-child(1),
#content #tm000090 .prvList .prvListbox:nth-child(3) {
	margin: 26px 0 0;
}

#content #tm000090 .prvList .prvListbox .yoboupoint {
	width: 100%;
}

}

.noteRevue {
	font-size: 12px;
	margin-left: 15px;
}
/* 20211110追記 */
.spec_note {
	margin: 1em 0 30px 1em;
}
.spec_note:last-child {
	margin: 1em 0 0 1em;
}
.spec_note .spec_note {
	margin: 0 0 0 1em;
}
/* カートNEW制御20200116追記 */
.serviceList .serviceBlock dl dt .cart_new {
	vertical-align: text-top;
	margin-left: 2px;
	display: none;
}



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

詳細設定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: 100%;
	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: 27px;
		font-size: 12px;
	}
	.free_servicebox_sm01 li dl dt span {
		padding: 4px 0px;
		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: 50%;
	}
	.contentBox .mm_step *:last-of-type{
		margin-bottom: 0;
	}
	.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:36.5%;
		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;
	}
	.hr010_serdebox01 dl dt{
		text-align:center;
	}
	.hr010_frbox01 img{
		max-width:100%;
	}


	/*カート下エリア
	-------------*/
	/*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 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;
	}

	/* 直送改善プルダウン化 */

	.serviceList .serviceBlock .selectBox {
	margin: 0 0 0 101px;
	}

	.serviceList .serviceBlock .selectBox .product_options,
	.serviceList .serviceBlock .selectBox .order_options {
	position: relative;
	display: inline-block;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background: #fff;
	margin: 0 0 15px 0;
	}

	.serviceList .serviceBlock .selectBox .product_options:before,
	.serviceList .serviceBlock .selectBox .order_options:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #990000;
	}

	.serviceList .serviceBlock .selectBox select {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	padding: 5px 10px;
	color: #333333;
	border: none;
	border-radius: 5px;
	background: transparent;
	font-size: 13px;
		box-sizing: border-box;
	}
	::-ms-expand {
	display: none;
	}

	.serviceList .serviceBlock p.cart {
	  float: right;
	  width: auto;
	  margin: 0 0 0 101px;
	}
	.serviceList .serviceBlock p.cart span {
	color: #ff0000;
	font-weight: bold;
	}

	.selectTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 0 10px;
	}
	.selectImg 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.printAuto th,
	table.tablelayoutArea.printAuto th,
	table.tablelayoutSpec.printAuto th{
		padding: 10px 13px 10px;
	}
	table.tablelayoutPrice.printAuto td,
	table.tablelayoutArea.printAuto td,
	table.tablelayoutSpec.printAuto td,
	table.tablelayoutItemPrice.printAuto td{
		padding: 10px 13px;
	}

	table.tablelayoutPrice td span,
	table.tablelayoutItemPrice td span{
		display: block;
	}
	table.tablelayoutArea th {
		width: 74px;
	}
	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 {
	}
	.features dl.img dd img {
		max-width: 100%;
		height: auto;
	}
	.features dl.imgNone dd img {
		max-width: 100%;
		height: auto;
	}
	.features p.img {
		float: none;
		width: auto;
		text-align:center;
	}
	.features p.img img {
        width:auto;
		height: auto;
		max-width:100%;
		margin-right:auto;
		margin-left: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;
		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(1){
		padding-top:10px;
	}
	.flow .flowBox dl:nth-child(1),
	.flow .flowBox dl:nth-child(2),
	.flow .flowBox dl:nth-child(3) {
	  border-top: 1px solid #dddddd;
	}
	.flow .flowBox dl:nth-child(2),
	.flow .flowBox dl:nth-child(3){
		border-top: none;
	}
	.flow .flowBox dl dt {
		padding: 10px 0px 0px;
	}
	.flow .flowBox dl dd {
		padding: 0 0px 15px;
		overflow: hidden;
		width: 100%;
	}
	.flow .flowBox dl dd img {
		width: 110px;
		float: left;
		margin-right: 10px;
	}
	.flow .flowBox dl dd span {
		display: block;
		padding: 0;
	}
	.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;
	}

	/* サービスの内容 */
	.service_about img{
		width:100%;
		height:auto;
	}
	.contentBox {
		margin: 0 -10px 30px;
		padding: 0 10px;
	}
	.contentBox h4 {
		background: #ffe699;
		padding: 5px 20px;
		margin: 0 0 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;
	}
	/*comic*/
	.contentBox ul.comic {
		width: 100%;
	}
	.contentBox .comic+p {
		width: 100%;
	}
	.otherContent {
	}
	.otherContent img,
	.note img,
	.free_content img{
		width: 100%;
		height: auto;
	}

	.dduet .reviewBox .pieChart{}

.dduet .reviewBox {
    flex-wrap:wrap;
    justify-content: center;
  }

  .dduet .reviewBox .pieChart {
	  float:none;
	  width: 100%;
	  box-sizing: border-box;
  }
  #content .dduet .reviewBox .starWrap a,
  #content .dduet .reviewBox .starWrap p {
    font-size:13px;
  }
  .dduet .reviewBox .starWrap {
  	float:none;
  	width: 100%;
  	box-sizing: border-box;
  	padding:5% 0 10%;
  }
  .dduet .reviewBox .starTtl {
    padding: 6% 0 2% 50px;
  }
  #review_list .bg_white {
    padding:30px 20px 40px;
  }
  .dduet .reviewBox .starBox div p:nth-child(2) {
    width: 26%;
  }
  .dduet .reviewBox .starBox div p:nth-child(3) {
    width: 43%;
  }

	/* DDuet会員の方のレビュー */
	.dduet .revueBox{
		padding: 0 0 20px;
		margin: 0 -10px;
	}
	.dduet .revueBox p.name{
	    font-size:15px;
	  }
	  .dduet .revueBox dl.satisfied{
	    margin:  0 0 20px 0px;
	  }
	.dduet .revueBox dl{
		margin: 0 0 20px 10px;
	}
	.dduet .revueBox dl,
	  .dduet .revueBox dl dt,
	  .dduet .revueBox dl dd {
	    font-size: 12px;
	  }
	  #content .dduet .revueBox dl.satisfied img{
	    width:auto;
	    height:14px;
	  }
	.dduet .revueBox .comment{
		margin: 0 10px;
		overflow: hidden;
		font-size: 14px;
	}
	.dduet .btnArea {
		width: 100%;
	    flex-wrap: wrap;
	    justify-content: center;
	    margin: 38px auto 0;
		padding: 0;
	}
	.dduet .btnArea li {
		float: none;
		margin: 0 0 10px 0 !important;
	}
	.dduet .btnArea li img {
		width: 100%;
		height: auto;
	}
	.dduet .btnArea #more_review{
	    width: 70%;
	    text-align: center;
	  }
	  .dduet .btnArea #more_review>li{
	    width:100%;
	  }
	.dduet .btnArea .btn_dduet {
	    width: 70%;
	    margin-bottom: 25px;
	  }
	.dduetMember {
		border: none;
	  padding: 0 15px;
	  margin: 0 auto;
	  background: transparent;
	}
	.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;
	}
	#content .dduetMember p.txt{
	    width:100%;
	    text-align:center;
	  }
	.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 {
		margin: 20px 0 0;
	}
	#pl h3 {
		width: inherit;
	}

	#pl .hBox ul{
		flex-wrap:wrap;
	}
	#pl .hBox ul li {
		width: calc(50% - 2px);
		margin: 0;
	}
    #pl .hBox ul li:first-child {
		margin: 0 2px 0 0;
	}
	#pl .hBox ul li:nth-of-type(2) {
		margin: 0 0 0 2px;
	}
	#pl .hBox ul li:nth-of-type(3) {
		float: none;
		margin: 0 1px;
	}

	#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 {
		flex-wrap: wrap;
		margin: 20px auto;
		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%;
		margin:0 auto 1em;
	}

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

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

	#kd {
		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%;
		padding: 0 0 13px;
	}

	#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%;
		}
	}

	.noteRevue {
		font-size: 11px;
		margin-left: 15px;
	}

	.price_list {
	  border-top: 1px solid #dedede;
	  text-align: center;
	  padding: 15px 0 0;
	}
	
	.dc270_fc_gray {
	  padding: 2px 4px;
	}
	/* カートNEW制御20200116追記 */
	.serviceList .serviceBlock dl dt .cart_new {
		width: inherit;
	}
}

/* お気に入りボタン */
.favoriteBtn{
  background: url(/common/re2021/images/item_service/icon/icon_hurt.png) no-repeat;
  width: 39px;
  height: 39px;
  display: block;
  background-size: 100%;
}
#mv_area .favBox .favBtn a.on img{
	display: none;
}
.favoriteBtn.on {
  background-image: url(/common/re2021/images/item_service/icon/icon_hurt_on.png);
}
#mv_area .favBox .favBtn a.on{
  width: 42px;
  height: 42px;
  display: block;
  background-image: url(/common/re2021/images/item_service/icon/icon_hurt_on.png);
  background-size: 100%;
}
/* 202307 お気に入りモーダル */
.have_interest .balloon {
  z-index: 100002;
}
#fav_modal .fav_modal_ttl{
	width: 98.3%;
  text-align: left;
  font-weight: bold;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: #E5014F 2px solid;
	font-size: 16px;
}
#fav_modal .lay_simple {
  max-height: 450px;
}
#fav_modal .fav_item_list{
  border: none;
  border-top: #D9D9D9 solid 2px;
  border-bottom: none;
}
#fav_modal .fav_item_block{
  display: flex;
  align-items: center;
  border: #D9D9D9 solid 2px;
  border-top: none;
  padding-right: 5px;
}
#fav_modal .fav_item_block .fav_img{
  flex-basis: 49px;
  display: flex;
}
#fav_modal .fav_item_block .fav_img img{
  max-width: 100%;
	max-height: 49px;
}
#fav_modal .fav_item_block .fav_item_btn img{
  width: 42px;
}
#fav_modal .fav_item_block .fav_item{
  flex-basis: 87%;
  text-align: left;
  padding-left: 25px;
  font-weight: bold;
}
#fav_modal .fav_item_block .fav_item span:last-child{
  margin-left: 1em;
}
#fav_modal .favListLink{
	text-align: right;
	margin-top: 15px;
	padding-right: 15px;
}
#fav_modal .favListLink a{
	display: inline-block;
	color: #333 !important;
	font-size: 13px;
}
#fav_modal .balloon{
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border: 2px solid #e85282;
  font-weight: bold;
}
#fav_modal .balloon p.close{
  border-top: 2px solid #dedede;
}
#fav_modal .balloon div p.error {
  background: url(/favorite/images/ico_error.png) no-repeat 50% 15px;
  font-size: 14px !important;
  padding-bottom: 0;
}
#fav_modal .balloon::after{
  content: none;
}
#fav_modal .balloon_overlay {
  display: none;
  width: 100%;
  background: transparent;
  height: 100%;
  position: absolute;
  z-index: 3000;
  top: 0;
}
body.is_balloon_show #fav_modal .balloon_overlay {
  display: block;
}
#fav_modal .error_link a{
  display: inline-block;
  font-size: 16px;
  position: relative;
  padding-right: 15px;
  color: #333 !important;
  text-decoration: underline !important;
  font-size: 14px;
}
#fav_modal .error_link a:hover{
  text-decoration: none;
  color: #333;
}
#fav_modal .balloon p.close a{
  color: #333 !important;
}
@media only screen and (max-width: 667px) {
  .favoriteBtn{
    width: 35px;
    height: 35px;
  }
	#mv_area .favBox .favBtn a.on{
		width: 34px;
		height: 34px;
	}
  #fav_modal.modal_win {
    top: auto;
    bottom: 0;
    transform: none;
    left: auto;
    padding-top: 0;
  }
  #fav_modal .fav_item_list{
    height: auto;
		margin-bottom: 15px;
		padding-bottom: 55px;
  }
	/* #fav_modal .favListLink {
		padding-bottom: 20px;
	} */
	#fav_modal .favListLink {
		padding-bottom: 20px;
		position: fixed;
		width: 100%;
		background: #fff;
		bottom: 0;
		margin: auto;
		padding-top: 15px;
		padding-right: 30px;
	}
  #fav_modal .fav_modal_ttl{
    text-align: center;
    position: fixed;
    width: 93%;
    background: #fff;
    padding-top: 20px;
		left: 0;
    right: 0;
    margin: auto;
  }
  #fav_modal .lay_simple{
    padding-top: 80px;
  }
  #fav_modal .fav_item_block .fav_item{
    padding-left: 10px;
    line-height: 1.3;
  }
  #fav_modal .button_close{
    position: fixed;
    top: auto;
    z-index: 100001;
    margin-top: 15px;
    margin-right: 15px;
  }
  #fav_modal .balloon{
    bottom: auto !important;
  }
}

/*組織員表示調整*/

@media only screen and (max-width: 667px) {
    #dataMemberStatus.mmbrSts-org,#dataMemberStatus.mmbrSts-org_pre,#dataMemberStatus.mmbrSts-hataraki{
    	 height: 67px;
    }
}