@charset "shift_jis";


/* 特集
------------------------------ */

#towelwarmer{}

#towelwarmer .mt10{
	margin-top:10px;
}

#towelwarmer h1, #towelwarmer h2, #towelwarmer h3, #towelwarmer h4, #towelwarmer h5, #towelwarmer h6, #towelwarmer p, #towelwarmer p + p, #towelwarmer ul, #towelwarmer li {
margin:0;
padding:0;
}

#towelwarmer nav li a{
	color:#F27809;
}
#towelwarmer nav li a:link{
	color:#F27809;
}
#towelwarmer nav li:last-child a{
	color:#06c;
}
#towelwarmer nav li:last-child a:link{
	color:#F06c;
}

#towelwarmer span.newicon{
background:#F60;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
padding:14px 6px;
font-size:14px;
color: #FFF;
text-align:center;
line-height:1.0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
position:absolute;
bottom:1px;
left:1px;
}
#towelwarmer span.coolicon{
background:#66CCFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
font-size:10px;
color: #FFF;
text-align:center;
line-height:1.0;
font-weight:bold;
position:absolute;
bottom:3px;
right:1px;
}
#towelwarmer span.steamicon{
background:#FF9999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
font-size:10px;
color: #FFF;
text-align:center;
line-height:1.0;
font-weight:bold;
position:absolute;
bottom:3px;
right:1px;
}

#towelwarmer h1{line-height:1.0; margin:0; font-size:0;}

#towelwarmer nav ul{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#towelwarmer nav li{
	width:33%;
    float:left;
    border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    box-sizing :border-box;
	text-align:center;
}
#towelwarmer nav li:nth-of-type(2){
	width:34%;
}
#towelwarmer nav li:nth-of-type(5){
	width:34%;
}
#towelwarmer nav li > a {
display: block;
padding:10px 10px 15px 10px;
position: relative;
text-decoration: none;
font-weight:bold;
}
#towelwarmer nav li a:after{
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #F27809;
  border-right: 2px solid #F27809;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
  position:absolute;
  left:50%;
}

#towelwarmer nav li:last-child a:after{
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #06c;
  border-right: 2px solid #06c;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
  position:absolute;
  left:50%;
}


#towelwarmer section{
	color:#333;
	font-size:12rem;
}
#towelwarmer section h2{
	padding:5px;
	background:#F27809;
	font-size:18rem;
	text-align:center;
	margin-top:10px;
	text-shadow: 1px 1px 1px #461c00; 
}
#towelwarmer section#other h2{
	padding:5px;
	background:#06c;
	font-size:18rem;
	text-align:center;
	margin-top:10px;
}

#towelwarmer .imgbox{
	position:relative;
	text-align:center;
}
#towelwarmer .pickitem1 img{
	width:100%;
}
#towelwarmer .pickitem1 .imgbox2 img.photo1{
	width:50%;
}
#towelwarmer .pickitem1 .imgbox2 img.photo2{
	width:50%;
}

#towelwarmer .pr-red{
	background:#F00;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	padding:3px;
}

#towelwarmer .pickitem1 .item_bg1{
	padding:10px;
	background-color: #f3c200;
	background-image: -webkit-linear-gradient(-45deg, #f7d44c 25%, transparent 25%, transparent 50%, #f7d44c 50%, #f7d44c 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f7d44c 25%, transparent 25%, transparent 50%, #f7d44c 50%, #f7d44c 75%, transparent 75%, transparent);
	background-size:4px 4px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
}

#towelwarmer .pickitem1 .brand{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10rem;
}
#towelwarmer .pickitem1 .name1{
	font-size:14rem;
	font-weight:bold;
}
#towelwarmer .pickitem1 .price1{
	font-size:15rem;
	color:#F00;
}

#towelwarmer .pickitem1 .price1 span{
	font-size:18rem;
	font-weight:bold;
}

#towelwarmer .pickitem2 li{
	vertical-align:top;
	display:block;
	width:49%;
	margin-top:10px;
}
#towelwarmer .pickitem2 li:nth-child(2n+1) {
float:left;
}
#towelwarmer .pickitem2 li:nth-child(2n) {
float:right;
}
#towelwarmer .pickitem2 img{
	width:145px;
	height:109px;
}
#towelwarmer .pickitem2 .brand{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10rem;
}
#towelwarmer .pickitem2 .name2{
	font-size:12rem;
	font-weight:bold;
}
#towelwarmer .pickitem2 .price2{
	font-size:14rem;
	color:#F00;
}
#towelwarmer .pickitem2 .price2 span{
	font-size:16rem;
	font-weight:bold;
}
#towelwarmer .pickitem2 .item_bg1{
	padding:6px;
	background-color: #f3c200;
	background-image: -webkit-linear-gradient(-45deg, #f7d44c 25%, transparent 25%, transparent 50%, #f7d44c 50%, #f7d44c 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f7d44c 25%, transparent 25%, transparent 50%, #f7d44c 50%, #f7d44c 75%, transparent 75%, transparent);
	background-size:4px 4px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
}

#towelwarmer .introtxt{
	padding:10px;
	background:#FAEFC5;
	font-size:11rem;
	color:#444;
}

#towelwarmer .atntxt{
	padding:10px;
	font-size:10rem;
	color:#444;
}

#towelwarmer .otherlist{
	margin-bottom:20px;
}
#towelwarmer .otherlist li{
	border-bottom:solid 1px #DDD;
}
/*#towelwarmer .otherlist li:first-child{
	border-top:solid 1px #DDD;
}*/
#towelwarmer .otherlist li a{
	display:table;
	width:100%;
	padding:10px 20px 10px 10px;
	position:relative;
	text-decoration:none;
}
#towelwarmer .otherlist li a::after{
background: url(../img/ico_arrow_link_l.png) no-repeat 100% 50%;
-webkit-background-size: 6px 13px;
background-size: 6px 13px;
content: "";
display: block;
height: 14px;
margin-top: -7px;
right: 10px;
position: absolute;
top: 50%;
width: 14px;
}
#towelwarmer .otherlist li > a{}
#towelwarmer .otherlist li a .thumbbox{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:80px;
}
#towelwarmer .otherlist li a .thumbbox img{
	width:68px;
	height:51px;
}
#towelwarmer .otherlist li a .txtbox{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
#towelwarmer .otherlist li .price{
	color:#F00;
	font-size:12rem;
}
#towelwarmer .otherlist li .price_m {
    color: #555;
    font-size: 11rem;
    margin-bottom: 5px;
}
#towelwarmer .otherlist li .price_m a{
    color: #555;
}

#towelwarmer .otherlist li .price span{
	font-size:14rem;
	font-weight:bold;
}