@charset "UTF-8";
/* CSS Document */
* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ font-size: 12px; color: #000; background-color: fff; font-family:"メイリオ", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; font-weight: 400; }
a:hover img.hov	{ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }

.wash_guide	{ width: 100%; max-width: 1200px; margin: 0 auto; text-align: left; padding: 0 20px 40px; }
.wash_guide h1	{ text-align: center; font-size: 28px; font-weight: 700; padding: 60px 0 20px; }
.content3Column	{ display: -webkit-flex; display: flex; justify-content: space-between; }
.content3Column .contentarea	{ width: calc(100% / 3 - 15px); }
.content2Column	{ display: -webkit-flex; display: flex; justify-content: space-between; }
.content2Column .contentarea	{ width: calc(100% / 2 - 15px); }

.tableset	{ padding: 0 0 30px; }
.tableset h2	{ font-size: 18px; font-weight: 700; padding: 0 0 5px; }

@media ( max-width: 980px )	{ 
	.wash_guide	{ padding: 0 15px 20px; }
	.wash_guide h1	{ font-size: 22px; padding: 30px 0 20px; }
	.content3Column, 
	.content2Column	{ flex-wrap: wrap; }
	.content3Column .contentarea, 
	.content2Column .contentarea	{ width: 100%; }
	.tableset	{ padding: 0 0 20px; }
	.tableset h2	{ font-size: 16px; }
}


.ironfix	{ position: relative; }
.ironfix .info_img	{ position: absolute; bottom:70px; right:-280px; width: 280px; height:auto; }
.ironfix .info_img img	{ width: 100%; }
@media ( max-width: 980px )	{ 
	.ironfix	{ padding-bottom: 300px; }
	.ironfix .info_img	{ position: absolute; bottom:20px; left: 50%; transform: translate(-50%,0); width: 280px; height:auto; }
}


.side-a{
	float:left;
	width:350px;
	margin:0 20px 20px 0;
}
.side-b{
	float:left;
	width:350px;
	margin:0 0 20px 0;
}

.small {
	font-size: 10px;
	line-height: 150%;
	color: #000000;
	padding: 7px 0 0 0;
}

.close-box {
	width: 100%;
	text-align: center;
	padding:50px 0 50px 0;
}



/* 注意事項 */
.attention	{
	width:100%;
	margin:0 0 30px 0;
	padding:20px;
	color:#333;
	background:#efefef;
}
.attention .tit{
	font-size:14px;
	margin-bottom:10px;
}
.attention ul li{
	list-style:none;
}

/* 説明テーブル */
.tbl01	{ width: 100%; border-top:1px solid #CCCCCC; }
.tbl01 th	{ background-color: #DCDCDC; color: #333333; font-weight: normal; margin: 0; padding: 7px 15px; text-align: center; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.tbl01 th.midashi	{ background-color: #fece02; white-space:nowrap; }
.tbl01 th.tops	{ border-bottom:1px solid #ccc; }
.tbl01 td.txt01	{ width: 60px; font-weight: 700; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-spacing: 0; color: #444444; margin: 0; padding: 5px; text-align: center; }
.tbl01 td.bdr	{ border-left: 1px solid #CCCCCC; }
.tbl01 td.txt02	{ width: calc(100% - 140px);  background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-spacing: 0; color: #444444; margin: 0; padding: 5px; text-align: left; }
.tbl01 td.iconimg	{ width: 80px; padding: 5px 10px; }
.tbl01 td.iconimg img	{ width: 100%; }
.wash_information	{ margin:0 auto; max-width:1200px; }
.wash_information .info_midashi	{ padding:10px 30px; background-color:#000; color:#fff;}
.wash_information .info_area	{ display: block; width: 100%; padding:10px; border:1px solid #000; margin-top:8px;}
.wash_information .info_area span	{ font-weight:bold;}
.wash_information .info_area span img	{ width:4%; height:auto; vertical-align:middle;}
td.iconimg{ width:70px;}

@media (max-width: 980px)	{ 
	#FooterArea	{ min-width: 100%; }
	.footer-brand-info > div { padding: 0 10px 40px; }
	.tbl01 td.txt01	{ width: 50px; }
	.tbl01 td.txt02	{ width: calc(100% - 110px); }
	.tbl01 td.iconimg	{ width: 60px; padding: 5px; }
}


/* ------------ BLOCK ------------- */
@media (max-width: 980px)	{ .pconly { display: none; } }
@media (min-width: 981px)	{ .pconly { display: block; } }
@media (max-width: 980px)	{ .sponly { display: block; } }
@media (min-width: 981px)	{ .sponly { display: none; } }