@charset "Shift_JIS";

/* a copy of share2 for keyvisual
------------------------------------- */
.mod-brandTopImage{
clear:both;
overflow:hidden;
*zoom:1;
width:950px;
margin:10px auto 20px;
margin-top:0}.mod-brandTopImage img{display:block;
-webkit-transition:opacity 0.2s ease-in;
-moz-transition:opacity 0.2s ease-in;
-ms-transition:opacity 0.2s ease-in;
-o-transition:opacity 0.2s ease-in;
transition:opacity 0.2s ease-in
}
.mod-brandTopImage a:hover img{opacity:.5}
.mod-brandTopImage .mod-brandTopImage-main{float:left}
.mod-brandTopImage .mod-brandTopImage-extra{float:left}
.mod-brandTopImage .mod-brandTopImage-extra-alternate{
position:absolute;
height:0;
overflow:hidden;
}
@media (max-width: 640px){
	.mod-brandTopImage{
	width:auto;
	margin:10px 10px 30px;
	}
	.mod-brandTopImage a{text-decoration:none}
	.mod-brandTopImage a:hover img{opacity:1}
	.mod-brandTopImage .mod-brandTopImage-main{
	float:none;
	position:relative}
	.mod-brandTopImage .mod-brandTopImage-main img{
	width:100%;
	height:auto;
	}
	.mod-brandTopImage .mod-brandTopImage-extra{float:none}
	.mod-brandTopImage .mod-brandTopImage-extra>img,
	.mod-brandTopImage .mod-brandTopImage-extra>a>img{display:none}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate{
	position:static;
	height:auto;
	padding:8px;
	border:1px solid #CCC;
	margin:6px 0;
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate h2{
	font-size:1em;
	font-weight:normal;
	margin:0;
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate p{
	color:#000;
	font-size:0.85714em;
	margin:0;
	}
}