@charset "UTF-8";

/* オンラインストアに関するCSS
--------------------------------------------------------------------------------*/
div.contents div.article {
	margin-top: 0 !important;
}
div.contentsMain div.store {
}
div.contentsMain div.store p.storeText {
	border-bottom: 1px solid #EBEBEC;
	padding-bottom: 8px;
}
div.contentsMain div.store div.storeSelect {
	margin: 30px 0 10px;
}
div.contentsMain div.store div.storeSelect ul {
	overflow: hidden;
}
div.contentsMain div.store div.storeSelect ul li {
	float: left;
	width: 303px;
}
div.contentsMain div.store div.storeSelect ul li.wagon {
	width: 304px;
	text-align: center;
	background: url(../images/store/store_select_back.gif) left top repeat-y;
	padding-bottom: 30px !important;
}
div.contentsMain div.store div.storeSelect ul li p {
	background: url(../images/store/store_select_panel.png) center top no-repeat;
	font-size: 93%;
	line-height: 30px;
	margin: 0 auto !important;
	width: 275px;
}
div.contentsMain div.store div.storeSelect ul li p a {
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
	-moz-animation:blink 0.8s ease-in-out infinite alternate;
	animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;
} 
div.contentsMain div.store div.storeSelect a:hover img {
    opacity: 0.7;
    background: none repeat scroll 0% 0% #FFF;
}

/*--------------------------------------------------------
レスポンシブに関するCSS（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/
@media screen and (max-width:640px) {
	div.contentsMain div.store div.storeSelect ul li,
	div.contentsMain div.store div.storeSelect ul li.wagon {
		clear: both;
		width: 100%;
		text-align: center;
	}
	div.contentsMain div.store div.storeSelect ul li.wagon {
		background: none !important;
		border-top: 1px solid #ebebec;
		border-bottom: 1px solid #ebebec;
		padding-bottom: 0 !important;
	}
	div.contentsMain div.store div.storeSelect {
		margin-bottom: 0 !important;
	}
}