@charset "Shift_JIS";

/* ===================================
smacolle_towel_sp
=================================== */
/* ===== reset ===== */
#smacolle_towel h1, #smacolle_towel h2, #smacolle_towel h3, #smacolle_towel h4, #smacolle_towel h5, #smacolle_towel h6, #smacolle_towel p, #smacolle_towel p + p, #smacolle_towel ul, #smacolle_towel li {
margin:0;
padding:0;
}
#smacolle_towel h1, #smacolle_towel h2{
background:none;
color:#333;
}
/* ===== float ===== */
#smacolle_towel .fl{
	float:left;
}
#smacolle_towel .fr{
	float:right;
}
#smacolle_towel .clearFix{
	zoom:1;
	_height:1%;
}
#smacolle_towel .clearFix:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* ===== smacolle_towel‹€’Κ ===== */
#smacolle_towel img{
	width:100%;
	vertical-align: bottom;
}
#smacolle_towel .fc_eco{ color:#af3480; }
#smacolle_towel .fc_pile{ color:#0b746c; }
#smacolle_towel .fc_hotel{ color:#6d862f; }
#smacolle_towel .fc_imabari{ color:#727272; }
#smacolle_towel .fc_micro{ color:#92563f; }
#smacolle_towel .fc_velvet{ color:#5355ac; }

#smacolle_towel .mb0{
	margin-bottom:0px !important;
}

/* ===== smacolle_towel ===== */
#smacolle_towel{
	color:#333;
	line-height:1.4;
	font-size:12rem;
}
#smacolle_towel .mainimg{
	width:100%;
	position:relative;
}
#smacolle_towel .mainimg .btn_toweltable{
	position:absolute;
	width:46%;
	left:4%;
	top:65%;
}
#smacolle_towel .mainimg .btn_toweltable a{
	display:block;
	position:relative;
	color:#FFF;
	font-weight:bold;
	font-size:14rem;
	width:96%;
	padding:8px 10px 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
	border: 1px solid #e2d0c7;
	background: linear-gradient(to bottom,#a58130,#8b6b23);
}
#smacolle_towel .mainimg .btn_toweltable a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#smacolle_towel #towelnavi_title{
	text-align:center;
	padding:15px 10px 5px;
}

/***** towelnavi *****/
#smacolle_towel #towelnavi{
	width:100%;
}
#smacolle_towel #towelnavi li{
	float:left;
	width:32%;
	text-align:center;
	margin-right:1%;
	margin-bottom:1%;
	color:#FFF;
}
#smacolle_towel #towelnavi li:nth-of-type(3),
#smacolle_towel #towelnavi li:nth-of-type(6){
	width:34%;
	text-align:center;
	margin-right:0;
}
#smacolle_towel #towelnavi li.eco{ background:#d15da5; }
#smacolle_towel #towelnavi li.pile{ background:#49958f; }
#smacolle_towel #towelnavi li.hotel{ background:#6d7e43; }
#smacolle_towel #towelnavi li.imabari{ background:#8c8c8c; }
#smacolle_towel #towelnavi li.micro{ background:#914a2f; }
#smacolle_towel #towelnavi li.velvet{ background:#6a6ca3; }

#smacolle_towel #towelnavi li .n_txt{
	font-size:11rem;
	height:22px;
	line-height:22px;
}
#smacolle_towel #towelnavi li.hotel .n_txt{ font-size:10rem; letter-spacing:-1px; }
#smacolle_towel #towelnavi li .n_maker > a{
	display: block;
	background:#f1ece6;
	padding:8px 0 10px;
	height:40px;
	font-size:13rem;
	font-weight:bold;
	line-height:1.5;
	position: relative;
	text-decoration: none;
}
#smacolle_towel #towelnavi li.hotel .n_maker > a{ font-size:11rem; letter-spacing:-1px; }
#smacolle_towel #towelnavi li.micro .n_maker > a{ font-size:12rem; letter-spacing:-1px; }

#smacolle_towel #towelnavi li .n_maker a:after{
  display: block;
  width: 5px;
  height: 5px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
  position:absolute;
  left:50%;
}
#smacolle_towel #towelnavi li.eco a{ color:#af3480; }
#smacolle_towel #towelnavi li.pile a{ color:#0b746c; }
#smacolle_towel #towelnavi li.hotel a{ color:#6d862f; }
#smacolle_towel #towelnavi li.imabari a{ color:#727272; }
#smacolle_towel #towelnavi li.micro a{ color:#92563f; }
#smacolle_towel #towelnavi li.velvet a{ color:#5355ac; }

#smacolle_towel #towelnavi li.eco a:after{ border-bottom: 2px solid #af3480; border-right: 2px solid #af3480; }
#smacolle_towel #towelnavi li.pile a:after{ border-bottom: 2px solid #0b746c; border-right: 2px solid #0b746c; }
#smacolle_towel #towelnavi li.hotel a:after{ border-bottom: 2px solid #6d862f; border-right: 2px solid #6d862f; }
#smacolle_towel #towelnavi li.imabari a:after{ border-bottom: 2px solid #727272; border-right: 2px solid #727272; }
#smacolle_towel #towelnavi li.micro a:after{ border-bottom: 2px solid #92563f; border-right: 2px solid #92563f; }
#smacolle_towel #towelnavi li.velvet a:after{ border-bottom: 2px solid #5355ac; border-right: 2px solid #5355ac; }

/***** series *****/
#smacolle_towel #series{
	padding:10px;
	margin-top:15px;
}
#smacolle_towel #series .series_box{
	box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	font-size:14rem;
	margin-bottom:25px;
	padding-bottom:10px;
}
#smacolle_towel #series #series_eco{ background:#e5c4d9; }
#smacolle_towel #series #series_pile{ background:#badad7; }
#smacolle_towel #series #series_hotel{ background:#e4ead7; }
#smacolle_towel #series #series_imabari{ background:#dcdcdc; }
#smacolle_towel #series #series_micro{ background:#dcc8c1; }
#smacolle_towel #series #series_velvet{ background:#d4d4e5; }

#smacolle_towel #series .series_box .s_maker{
	font-size:10rem;
	padding:10px 0 2px 10px;
	font-weight:bold;
}
#smacolle_towel #series .series_box .s_name{
	font-size:18rem;
	padding:0 0 10px 10px;
	font-weight:bold;
	line-height:1.2;
}
#smacolle_towel #series .series_box .s_txt{
	width:96%;
	background:#FFF;
	border-bottom:#cfc6bb 1px solid;
	border-right:#cfc6bb 1px solid;
	border-left:#cfc6bb 1px solid;
	margin:5px auto 5px;
}
#smacolle_towel #series .series_box .s_txt li{
	border-top:#cfc6bb 1px solid;
	padding:5px;
	line-height:1.2;
}
#smacolle_towel #series .series_box .s_txt li strong{
	color:#CC0000;
	padding-left:5px;
	font-size:18rem;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight: bold;
}

#smacolle_towel #series .series_box .s_txt .icon{
	padding-left:15%;
	background-size:15% auto;
	padding:0 !important;
}
#smacolle_towel #series .series_box .s_txt .icon .fl{
	width:15%;
}
#smacolle_towel #series .series_box .s_txt .icon .fr{
	padding:5px;
	width:85%;
}
#smacolle_towel #series .series_box .s_txt .icon .sales strong{
	font-size:21rem !important;
	vertical-align:-10%;
}
#smacolle_towel #series #series_imabari .imabari_logo li.clearFix{
	padding:0 !important;
	min-height:58px;
}
#smacolle_towel #series #series_imabari .imabari_logo li .fl{
	width:20%;
}
#smacolle_towel #series #series_imabari .imabari_logo li .fr{
	padding:10px;
	width:80%;
	border-left:1px #ebe5dd solid;
}
#smacolle_towel #series .series_box .s_txt .item p{
	float:left;
	width:32%;
	margin:0 1% 1% 0;
	background:#f1ece6;
	font-size:11rem;
	font-weight:bold;
	text-align:center;
	padding:3px;
}
#smacolle_towel #series .series_box .s_txt .item p:nth-of-type(3),
#smacolle_towel #series .series_box .s_txt .item p:nth-of-type(6),
#smacolle_towel #series .series_box .s_txt .item p:nth-of-type(9){
	width:34%;
	margin:0 0 1% 0;
}
#smacolle_towel #series #series_eco .s_txt .item p{ color:#af3480; }
#smacolle_towel #series #series_pile .s_txt .item p{ color:#0b746c; }
#smacolle_towel #series #series_hotel .s_txt .item p{ color:#6d862f; }
#smacolle_towel #series #series_imabari .s_txt .item p{ color:#727272; }
#smacolle_towel #series #series_micro .s_txt .item p{ color:#92563f; }
#smacolle_towel #series #series_velvet .s_txt .item p{ color:#5355ac; }

#smacolle_towel #series .series_box .s_link a{
	display:block;
	position:relative;
	color:#FFF;
	font-weight:bold;
	font-size:18rem;
	width:96%;
	margin:10px auto;
	padding:12px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: linear-gradient(to bottom,#a68231,#8b6b23);
}
#smacolle_towel #series .series_box .s_link a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*****  #towelwrap2 *****/
#smacolle_towel #towelwrap2{
	background:#f5f1ec;
	padding:20px 10px;
}

#smacolle_towel #towelwrap2 .bnr_link{
	box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	width:100%;
	margin:0 auto;
}

/*****  advice *****/
#smacolle_towel #advice{
	box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 4px -1px rgba(0,0,0,0.2);
	width:100%;
	margin:25px auto;
}
#smacolle_towel #advice .advice_wrap{
	background:#FFF;
	margin:0 auto;
	border:1px solid #d4bf8e;
}
#smacolle_towel #advice .advice_wrap ul li{
	padding:10px 10px 10px 16%;
	/*font-size:13px;*/
	border-bottom:1px solid #d4bf8e;
}
#smacolle_towel #advice .advice_wrap ul li.a_1{ background:url(../img/advice_no1.gif) 2% 10px no-repeat; background-size:40px auto;}
#smacolle_towel #advice .advice_wrap ul li.a_2{ background:url(../img/advice_no2.gif) 2% 10px no-repeat; background-size:40px auto;}
#smacolle_towel #advice .advice_wrap ul li.a_3{ background:url(../img/advice_no3.gif) 2% 10px no-repeat; background-size:40px auto;}
#smacolle_towel #advice .advice_wrap ul li.a_4{ background:url(../img/advice_no4.gif) 2% 10px no-repeat; background-size:40px auto;}
#smacolle_towel #advice .advice_wrap ul li.a_5{ background:url(../img/advice_no5.gif) 2% 10px no-repeat; background-size:40px auto;}
#smacolle_towel #advice .advice_wrap ul li.a_6{ background:url(../img/advice_no6.gif) 2% 10px no-repeat; background-size:40px auto;}

#smacolle_towel #advice .advice_wrap ul li h3.open{ background:url(../img/btn_minus_advice.gif) right 0 no-repeat; background-size:20px 20px;}
#smacolle_towel #advice .advice_wrap ul li h3.close{ background:url(../img/btn_plus_advice.gif) right 0 no-repeat; background-size:20px 20px;}
#smacolle_towel #advice .advice_wrap ul li h3{
	color:#c62b48;
	font-size:15rem;
	padding-right:23px;
	cursor:pointer;
	
}

#smacolle_towel #advice .advice_wrap ul li p{
	display:none;
}
#smacolle_towel #advice .advice_wrap ul li p strong{
	color:#c62b48;
	font-size:14rem;
}