@charset "utf-8";

/*-------------------
   towelwarmer
-------------------*/
.towelwarmer-sizeTag li{
	background: #FFF;
	border: solid 1px #ccc;
	border-radius: 8px;
	margin: 3% 1% 0;
	padding-bottom: 2%;
	width: 48%;
}
.towelwarmer-sizeTag li .size-name{
	background: #a7a7a7;
	border-radius: 7px 7px 0 0;
	color: #FFF;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-bottom: 3%;
	padding: 2%;
	text-align: center;
}
.towelwarmer-sizeTag li .size-name span{
	display: block;
	font-size: 0.8rem;
}
.towelwarmer-sizeTag li .size-img{
	margin: 0 auto;
	width: 90%;
}
.towelwarmer-sizeTag li .size-img img{
	display: block;
	margin-bottom: 3%;
	width: 100%;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
/*-------------------
   towelwarmer
-------------------*/
.towelwarmer-sizeTag li{
	margin: 2% 1% 0;
	padding-bottom: 1%;
	width: 23%;
}
.towelwarmer-sizeTag li .size-name{
	font-size: 0.9rem;
	line-height: 1.1rem;
	padding: 3%;
}
.towelwarmer-sizeTag li .size-name span{
	font-size: 0.7rem;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*-------------------
   towelwarmer
-------------------*/
.towelwarmer-sizeTag li{
	margin: 1% 1% 0 0;
	padding: 0;
	width: 24%;
}
.towelwarmer-sizeTag li .size-name{
	font-size: 1.2rem;
	padding: 3%;
}
.towelwarmer-sizeTag li .size-name span{
	display: inline-block;
	font-size: 0.9rem;
}
.towelwarmer-sizeTag li .size-img{
	align-items: center;
	width: 96%;
}
.towelwarmer-sizeTag li .size-img img{
	display: block;
	margin: 0 auto;
}
.towelwarmer-sizeTag li .size-img .size-left{
	padding-bottom: 3%;
	width: 170px;
}
.towelwarmer-sizeTag li .size-img .size-right{
	padding-bottom: 3%;
	width: 150px;
}
}