@charset "utf-8";


/*=======================================================
	ブランド
=======================================================*/

/*---------------------------------------------
	index
---------------------------------------------*/
/* brand color */
#brand_index_header header{
	padding: 0;
	min-height: 350px;
}
#brand_index_header header h1{
	margin: 0;
	padding: 0;
	height: 480px;
	background: url(../img/brand_header.jpg) no-repeat center top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#brand_index_header{
	padding: 0;
}
.brand_lead,
.brand_lead2{ color: #0092d8; }

#brand_nav ul{ background: url(../img/brand_nav_bg.png) no-repeat left top; }

#brand_nav ul li.current a, #brand_nav ul li a:hover { color: #fff; }

#brand_message{
	width:100%;}
	
.brand_movie_btn{
	float:right;
	margin:290px 13px 20px 0}

/*↓通販バナーリンク先が決まったら削除する*/
section.aside_cont h3{margin-top:0 !important;}
section.aside_cont {margin-top:0 !important;}
#aside {margin-top:0 !important;}
/*↑通販バナーリンク先が決まったら削除する*/


/* amazon 分割 */
#aside .ecshop_list li{
	margin-bottom: 3px;
	background-color: #fff;
	vertical-align: middle;
}
#aside .ecshop_list li a{
	text-align: center;
	display: block;
}
#aside .ecshop_list .onlineshop_wrap a{
	text-align: left;
}
#aside .ecshop_list .onlineshop_wrap ul{
	margin-top: 0;
}
#aside .ecshop_list + .ecshop_list{
	margin-top: -15px;
}


/* ===========================================
	MediaQueries
=========================================== */


/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	#brand #brand_index_header header{ min-height: 125px;}
	#brand #brand_index_header header h1{
		margin: 0;
		padding: 0 0 53%;
		width: 100%;
		height: 0;
		background-size: 100% auto;
	}
	#brand_nav ul{
		background: none;
		background-color: #af8339;
	}
	.brand_movie_btn{
		margin:70px 2px 0 0;}
		
	.brand_movie_btn img{
		width:70px;
		height:70px;}

	/* amazon 分割 */
	#brand_pickup{
		margin-bottom: 10px;
	}
	#aside .ecshop_list .onlineshop_wrap{
		margin-top: 5px;
		width: 100%;
	}
	#aside .ecshop_list .onlineshop_wrap img{
		margin: 5px 0;
		width: 60%;
	}
	#aside .ecshop_list .onlineshop_wrap li{
		width: 100%;
	}
	#aside .ecshop_list + .ecshop_list{
		margin-top: -15px;
	}
	#aside .ecshop_list .onlineshop_wrap li a{
		padding: 8px 10px 8px 23px;
	}
}