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

span.tomesode:before{
	content:"留";
	background:#39288C;
}

span.furisode:before{
	content:"振";
	background:#FF3792;
}

span.homongi:before{
	content:"訪";
	background:#C787D1;
}

span.komon:before{
	content:"小";
	background:#DA7700;
}

span.iromuji:before{
	content:"色";
	background:#329E80;
}

span.yukata:before{
	content:"浴";
	background:#5CC6FE;
}


span.summer:before{
	text-decoration: none;
	content:"夏　用";
	background:#52D4FF;
}

span.stretch:before{
	content:"ストレッチ";
	background:#EB8AA4;
}

span.hot:before{
	content:"あったか";
	background:#F59B15;
}

span.water:before{
	content:"撥　水";
	background:#76C2EA;
}

span.japan:before{
	content:"日本製";
	background:#D9191C;
}

span.men:before{
	content:"綿100％";
	background:#AC8806;
}

span.rainy:before{
	content:"雨の日";
	background:#5A5BCD;
}

@media screen and (min-width:768px) {
	
.icon{
		max-width:768px;
		margin:20px auto 50px;
		font-size:16px;
	line-height:280%;
	text-align: center;
	}
	
span.kimono:before{
	color:#fff;
	border-radius:30px;
	padding:1% 1.5%;
	font-size:1.0em;
	font-weight:600;
	margin:0.5%;
	text-decoration: none;
}

span.point:before{
	color:#fff;
border-radius:20px;
	padding:1% 2%;
	font-size:0.9em;
	font-weight:600;
	margin:1%;
	text-decoration: none;
}
	
}


@media screen and (max-width:767px) {
	
.icon{
		max-width:450px;
		margin:20px auto 20px;
		font-size: 0.65em;
		line-height:250%;
		text-align: center;
	}
		
span.kimono:before{
	color:#fff;
	border-radius:30px;
	padding:1% 1.8%;
	font-size: 0.75em;
	font-weight:600;
	margin:0.5%;
	text-decoration: none;
}

span.point:before{
	color:#fff;
	border-radius:20px;
	padding:0.75% 1.5%;
	font-size:0.75em;
	font-weight:600;
	margin:0.5%;
	text-decoration: none;
}

	
}