@charset "UTF-8";
/* CSS Document */

#content_support p {line-height:170%;}

#content_support .fl_l { float:left; }
#content_support .fl_r { float:right; }

#content_support .mt0 { margin-top:0 !important;}
#content_support .pt0 { padding-top:0 !important;}

#content_support .ml20 { margin-left:20px; }
#content_support .ml40 { margin-left:40px; }

#content_support .mt20 { margin-top:20px; }

#content_support .mb20 { margin-bottom:20px; }
#content_support .mb40 { margin-bottom:40px; }
#content_support .mb80 { margin-bottom:80px; }

#content_support .fs_l { font-size:18px;}


#content_support a img:hover {
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}

#content_support a.underlink { text-decoration:underline; }
#content_support a.underlink:hover { text-decoration:none; }


#content_support .menubox {
	border:1px solid #dacfbe;
}

#content_support .menubox h3 {
	width:100%; background:#efeae4;
	border-bottom:1px solid #dacfbe;
	margin:0; text-align:center;
	line-height:40px;
}

#content_support .menubox .inbox {
	padding:20px;
}

#content_support .menubox .inbox .txt1 {
	margin-left:40px;
	width:465px;
}


#content_support #smil20 ul.linkbox {
	margin-top:10px;
}
#content_support #smil20 ul.linkbox li a {
	color:#09853d;
	font-weight:900;
	background:url(../../support/images/arrow_01.gif) no-repeat 0px 8px;
	line-height:40px;
	padding:0 0 0 19px;
}
#content_support #mokuteki {
	float:left; width:290px; height:585px;
}
#content_support #touroku {
	float:right; width:345px; height:585px;
}

#content_support #mokuteki .linkbox {
	border-bottom:1px dashed #cebfa9;
	padding:15px;
}

#content_support #mokuteki .linkbox a{
	display:block;
	padding:0 0 0 0;
	color:#333;
}

#content_support #mokuteki .linkbox a:hover {
/*	text-decoration:none; */
	opacity:0.6;
}

#content_support #mokuteki .linkbox a#qa {
	background:url(../../support/images/icon1_01.gif) no-repeat 0px 0px;
}
#content_support #mokuteki .linkbox a#torisetsu {
	background:url(../../support/images/icon1_02.gif) no-repeat 0px 6px;
}
#content_support #mokuteki .linkbox a#jouken {
	margin-top:5px;
	background: url(../images/common/icon_link03.gif) no-repeat 0px 7px;
	padding:0 0 0 10px;
}

#content_support #mokuteki .linkbox a#repair {
	background:url(../../support/images/icon1_03.gif) no-repeat 0px 0px;
}

#content_support #mokuteki .linkbox a#contact {
	background:url(../../support/images/icon1_04.gif) no-repeat 0px 0px;
}

#content_support #mokuteki .linkbox .title {
	background:url(../../support/images/arrow_02.gif) no-repeat 0px 23px;
	line-height:30px; padding:15px 0 15px 14px;
	font-weight:900;
	margin:0 0 0 75px;
}

#content_support #touroku .linkbox {
	border-bottom:1px dashed #cebfa9;
	padding:10px 10px 17px 10px;
}

#content_support #touroku .linkbox a.fs_l {
	padding:0 0 0 0;
	color:#333;
	font-weight:900;
	padding:2px 0 15px 40px;
	line-height:180%;
}

#content_support #touroku img.priceinfo {
	vertical-align: middle !important;
	margin-left:10px;
}

#content_support #touroku .linkbox #mypage {
	background:url(../../support/images/icon2_01.gif) no-repeat 0px 0px;
}
#content_support #touroku .linkbox #user {
	background:url(../../support/images/icon2_02.gif) no-repeat 0px 0px;
}

#content_support #touroku .linkbox #cms {
	background:url(../../support/images/icon2_03.gif) no-repeat 0px 0px;
}
#content_support #touroku .linkbox #clsmile {
	background:url(../../support/images/icon2_04.gif) no-repeat 0px 0px;
	font-size:16px; letter-spacing:-1px;
}

#content_support #touroku .touroku_info {
	margin:20px 0 0 5px !important;
}


#content_support #search .productsimg {
	width:113px; margin:0 auto; display:block;
}
#content_support #search #kitchen {
	float:left; width:183px; padding:10px 20px 10px 0;
	border-right:1px dashed #cebfa9;
}
#content_support #search #bath {
	float:left; width:183px; padding:10px 20px;
	border-right:1px dashed #cebfa9;
}
#content_support #search #wash {
	float:left; width:183px; padding:10px 0 10px 20px;
}
#content_support #search h4 {
	background:url(../../support/images/arrow_02.gif) no-repeat 0px 23px;
	line-height:30px; padding:15px 0 15px 14px;
	font-weight:900;
	
}
#content_support #search .links { padding:0 0 0 10px; }

#content_support #search .links li {
	background: url(../images/common/icon_link03.gif) no-repeat 0px 7px;
	padding:0 0 10px 10px;
	font-size:15px;
}

#content_support #search .links a { color:#333 !important; }

#content_support #shopping a { color:#333 !important; }

#content_support #shopping #onlineshopping {
	background:url(../../support/images/icon4_01.gif) no-repeat 40px 15px;
	padding:16px 0 20px 110px;	
}

#content_support #shopping #onlineshopping  a {
	font-weight:900; padding-bottom:10px;
	line-height:40px;
}

#content_support #shopping #online_links {
	border:1px dashed #cebfa9;
	padding:20px 40px 15px 40px;
	margin-bottom:30px;
}
#content_support #shopping #online_links .online_kitchen {
	float:left; width:300px;
}

#content_support #shopping #online_links .online_other {
	float:left; width:240px;
}


#content_support #shopping #online_links #online1,
#content_support #shopping #online_links #online2,
#content_support #shopping #online_links #online3,
#content_support #shopping #online_links #online4 {
	display:block; height:40px; font-weight:900;
	padding:17px 0 0 80px ;
	margin-bottom:20px
}
#content_support #shopping #online_links #online1 {
	background:url(../../support/images/icon5_01.gif) no-repeat 0px 0px;
}
#content_support #shopping #online_links #online2 {
	background:url(../../support/images/icon5_02.gif) no-repeat 0px 0px;
}
#content_support #shopping #online_links #online3 {
	background:url(../../support/images/icon5_03.gif) no-repeat 0px 0px;
}
#content_support #shopping #online_links #online4 {
	background:url(../../support/images/icon5_04.gif) no-repeat 0px 0px;
	margin-bottom:0px;
}

#content_support #shopping .kitchen_links li{
	background: url(../images/common/icon_link03.gif) no-repeat 0px 7px;
	padding:0 0 10px 10px;
}

#content_support #shopping .haisolink { margin-bottom:20px;}


#content_support #important h3 {
	background:url(../../support/images/icon6_01.gif) no-repeat 20px 7px #efeae4;
	text-align:left; padding-left:65px; width:608px;
}

#content_support #important dt {
	clear:both;
	float:left; width:100px;
	line-height:200%;
}
#content_support #important dd {
	float:left; width:500px;
	line-height:200%;
}
#content_support #important .all {
	width:100%;
}
#content_support #important .all a {
	display:block;
	width:100px; float:right;
	background:url(../../support/images/arrow_02.gif) no-repeat 0px 9px;
	line-height:20px;
	padding:5px 0 0 15px;
}




/*--------------
旧レイアウト対応
----------------------------*/

.contact #content_support a {
	color:#333 !important;
}
.contact #content_support h3.bar {
	background:#d2c2ab;
	padding:10px 10px 10px 30px;
	font-size:20px;
	margin-bottom:30px;
}

.contact #content_support h4 {
	border-left:solid 4px #d2c2ab;
	padding:10px 10px 10px 10px;
	font-size:18px;
	font-weight:normal;
	margin:0 0 40px 0;
}

.contact #content_support h4.type2 {
	margin:0 0 20px 0;
}

.contact #content_support .area02 {}

.contact #content_support .area02 .tllBlock {
	width:670px;
	margin-bottom:40px;
	}
.contact #content_support .area02 .mailBlock {
	width:670px;
	margin-bottom:40px;
	}

.contact #content_support .area02 ul li {
	margin:0 0 0 0;
	}
	
.contact #content_support .area02 ul li a {
	width:100%;
	padding:10px 0;
	background:url(../../support/images/icon_faq.gif) 25px 10px no-repeat #d2c2ab;
	text-align:center;
	display:block;
	}

.contact #content_support .area02 .tllBlock .tell_time{ margin: 22px 0 18px;}
.contact #content_support .area02 .tllBlock .tell_time span{ font-weight: bold;}
	
.contact #content_support .area02 .mailBlock ul li.mail a {
	display:block;
	float:left;
	width:316px;
	background:url(../../support/images/icon_mail.gif) 25px 10px no-repeat;
	border:solid 1px #d2c2ab;
	}
	
.contact #content_support .area02 .mailBlock ul li.other a {
	display:block;
	float:right;
	width:315px;
	background:url(../../support/images/icon_other.gif) 25px 10px no-repeat;
	border:solid 1px #d2c2ab;
	}

.contact #content_support .area02 .mailBlock dl.comment {
	display:block;
	margin:10px 0 0 0;
}
.contact #content_support .area02 .mailBlock dl.comment dt,.area02 .mailBlock dl.comment dd {
	float:left;
	padding:2px;
}

.contact #content_support .faq a {
	width:100%;
	padding:10px 0;
	margin:0 0 50px 0;
	background:url(../../support/images/icon_faq.gif) 150px 8px no-repeat;
	border:solid 1px #d2c2ab;
	text-align:center;
	display:block;
	}

.contact #content_support h4.type3 {
	margin:0 0 20px 0;
	padding:2px 10px 2px 10px;
	border-left:solid 7px #d2c2ab;
}

.contact #content_support #faqbox #kitchen {
	float:left; width:190px; word-break: break-all;
	border-right:1px dashed #cebfa9;
	padding:0 15px 0 0;
}
.contact #content_support #faqbox #bath {
	float:left; width:190px; word-break: break-all;
	border-right:1px dashed #cebfa9;
	padding:0 15px 0 15px;
}
.contact #content_support #faqbox #wash {
	float:left; width:190px; word-break: break-all;
	padding:0 0 0 15px;
}

#repair #content_support a {
	text-decoration:underline;
}
#repair #content_support a:hover {
	text-decoration:none;
}

#repair #faqbox .faqlist dt {
	clear:both;
	float:left; width:20px;
	margin-bottom:15px;
}
#repair #faqbox .faqlist dd {
	float:left; width:170px;
	margin-bottom:15px;
}

#repair #repairbox {
	background:#f8f4f1;
	padding:15px;
}

#repair #repairbox h4 {
	border:none;
	background:url(../../support/repair/images/index/icon_repair.png) no-repeat 0px 8px;
	padding:10px 0 10px 35px;
	font-size:16px; margin:-5px 0 10px 0; 
}

#repair table {
	border-collapse: collapse;
	border:#66543e 1px solid;
	font-size:90%;
}

#repair #repairbox th,
#repair #repairbox td {
	padding:8px;
	border:#66543e 1px solid;
}

#repair #repairbox th {
	font-weight:normal;
	background:#d2c2ab;
}

#repair #repairbox .inbox { margin-top:20px; font-size:90%;}
#repair #repairbox .inbox dt { float:left; width:30px; clear:both; }
#repair #repairbox .inbox dd { float:left; }




#repair #attentionredline,
#repair .attentionredline {
	border:1px #dd0000 solid;
	padding:20px 30px;
	margin-bottom: 40px;
}

#repair #attentionredline h4 {
	border:none;
	background:url(../../support/repair/images/index/icon_attention1.gif) no-repeat 0px 6px;
	padding:10px 0 10px 40px; color:#dd0000;
	margin: 0 0 0.5em 0;
}
#repair #attentionredline h5 {
	margin: 1em 0 0 0;
}

#repair #attentionredline .list {
	float:left; width:400px;
	margin:0; padding:0;
}
#repair #attentionredline .list2 {
	float:left; width:100%;
	margin:0; padding:0;
}
#repair #attentionredline .list li,
#repair #attentionredline .list2 li {
	background:url(../../support/repair/images/index/arrow1_1.gif) no-repeat 0px 5px;
	padding:0 0 0 17px; font-size:90%;
	margin-bottom:10px;
}
#repair #attentionredline .list li:last-child,
#repair #attentionredline .list2 li:last-child {
	margin-bottom: 0px;
}
#repair #attentionredline .tel {
	text-decoration: none;
}

#repair #formlinks {
	width: 675px; /* 親要素の幅 */
	display: flex; /* Flexboxを有効にする */
	justify-content: center; /* 子要素を中央に配置 */
	align-items: center; /* 子要素を垂直方向の中央に配置（任意） */
}

#repair #formlinks .inbox {
	width: 325px; /* 子要素の幅 */
	text-align: center;
	background:#f8f4f1;
	border:1px #d1c2ab solid;
}

#repair #formlinks .inbox a {
	display:block;
	padding:20px 0px;
	text-align:center;	
	font-weight:900; font-size:16px;
	text-decoration:none;
}
#repair #formlinks .inbox a:hover {
	opacity:0.6;
}
#repair #formlinks .inbox a img:hover {
	opacity:1;
}


#repair #formlinks .inbox img {
	margin-top:20px;
}

@media screen and (max-width: 768px) {
    #wrapper .wrapper #main #content_support {
        width: 95vw !important;
    }
    .contact #content_support .faq a {
        width: calc(100% - 20px);
        padding: 10px 0 10px 20px;
        background: url(../../support/images/icon_faq.gif) 30px 8px no-repeat;
    }
    .contact #content_support .area02 .tllBlock {
        width: 95vw;
    }

    .contact #content_support .area02 .tllBlock div.tel p {
        width: 100%;
        padding: 2vw 0 0 0;
    }
    .contact #content_support .area02 .tllBlock div.tel a {
        width: 100%;
        text-align: left;
    }
    .contact #content_support .area02 .tllBlock div.tel img {
        width: 80vw;
    	margin: 0 4vw;
    }
    .contact #content_support .area02 .tllBlock .tell_time {
        width: 95vw;
    }
}

.area03 .mailBlock .before_text,
.area03 .mailBlock .mailform_link .after_text {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.8em;
}
.area03 .mailBlock .linklist {
}
.area03 .mailBlock .linklist li {
	display: inline-flex;
	background-color: #f1ece6;
	height: 85px;
	width: 330px;
	border-radius: 6px;
	margin-bottom: 12px;
}
.area03 .mailBlock .linklist li:nth-child(odd) {
	margin-right: 10px;
}
.area03 .mailBlock .linklist li .linkbox {
	width: 100%;
	padding: 20px 15px;
	display: flex;
	align-items: center;
}
.area03 .mailBlock .linklist li .linkbox span {
	line-height: 45px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
.area03 .mailBlock .linklist li .linkbox a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	text-decoration: underline;
	line-height: 1.8em;
	width: 88%;
}
.area03 .mailBlock .linklist li .linkbox a:hover {
	text-decoration: none;
}
.area03 .mailBlock .linklist li .linkbox:after {
	content: '';
    display: inline-block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #555;
  border-right: solid 3px #555;
  transform: rotate(45deg);
}

.area03 .mailBlock .mailform_link {
	margin: 50px auto;
	text-align: center;
}
.contact #content_support .area03 .mailBlock .mailform_link ul button {
	display: block;
	border: 2px solid #555;
    padding: 15px;
    width: 80%;
    margin: 0 auto 15px;
	font-weight: bold;
	background: #fff;
	transition: all 300ms 0s ease;
	color: #333;
}
.contact #content_support .area03 .mailBlock .mailform_link ul button:hover {
	cursor: pointer;
	background: #555;
	color: #fff !important;
	text-decoration: none !important;
}

.contact #content_support .area03 .mailBlock .mailform_link ul button:after {
	content: '';
    display: inline-block;
	width: 10px;
	height: 10px;
	border-top: solid 3px #555;
	border-right: solid 3px #555;
	transform: rotate(45deg);
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}
.contact #content_support .area03 .mailBlock .comment {
	margin-bottom: 50px;
}
.contact #content_support .area03 .mailBlock .comment li:before {
	content: '※';
}
.contact #content_support .area03 .mailBlock .comment li {
	font-size: 0.9em;
	padding-bottom: 0.8em;
}
.contact #content_support .area03 .mailBlock .comment li.attention {
	color: #cc0000;
}
@media screen and (max-width: 768px) {
	.area03 .mailBlock .linklist li {
		height: 17vw;
		width: 95vw;
	}
	.area03 .mailBlock .linklist li .linkbox a {
		font-size: 0.9em;
	}
	.area03 .mailBlock .linklist li .linkbox span {
		line-height: 12vw;
	}
	.area03 .mailBlock .linklist li .linkbox {
		padding: 3vw 6vw;
	}
	#content_support .area03 .mailBlock .before_text,
	#content_support .area03 .mailBlock .mailform_link .after_text {
		font-size: 4vw;
	}
}
#attention {
	padding: 1.5em;
    border: 1px solid #d00c25;
    margin-bottom: 2em;
}
#attention h3 {
	color: #d00c25;
	margin-bottom: 1em;
	font-size: 1.2em;
}
#attention p {
}

#information {
	margin-bottom: 3em;
}
#information dt {
	display: inline-block;
	width: 9em;
}
#information dd.cat {
	display: inline-block;
	font-size: min(.75em, 13px);
    font-weight: 400;
    padding: .75em;
    text-align: center;
    width: 10em;
    border: 1px solid #999;
    line-height: .75em;
}
#information dd.information-list-item {
	display: inline-block;
	width: 20em;
	padding-left: 1em;
}
#information .information-text {
	margin-top: 1em;
	padding: 0 0 .75em 0;
}