@charset "utf-8";


/*=======================================================
	+Water
=======================================================*/
/*---------------------------------------------
	index
---------------------------------------------*/
/* brand color */
#brand_index_header header{ background: url(../img/brand_header_bg.jpg) no-repeat left top; }
#brand_index_header header h1{ padding:40px 0 0 63px; }
#brand_message{ width: 430px; }
.brand_lead,
.brand_lead2{
	color: #0091d7;
	margin: 15px 0 0 80px;
}
#brand_nav ul{ background: url(../img/brand_nav_bg.png) no-repeat left top; }
#brand_img{ margin-top: 57px; }
#brand_img img{ margin-right: 100px; }
.subbrand_mark { display: none; }


/*---------------------------------------
	secret
---------------------------------------*/
#secret_cont {
	margin: 0 auto;
	overflow: hidden;
}
#secret_cont section{ padding: 0 15px; }
#secret_cont .bx-controls{
	padding-top: 30px;
	overflow: hidden;
}
#secret_cont{
	padding: 0;
	color: #13abdf;
}

/* 画像置換 */
.secret_img, .secret_ttl{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.bxslider > li{
	margin: 10px 0 30px;
}
#secret1_ttl{
	background: url(../img/secret1_ttl.png) no-repeat left top;
	width: 337px;
	height: 40px;
}
#secret1_img{
	margin: 0 auto;
	background: url(../img/secret1_img.png) no-repeat left top;
	width: 362px;
	height: 188px;
}
#secret2_ttl{
	background: url(../img/secret2_ttl.png) no-repeat left top;
	width: 337px;
	height: 40px;
}
#secret2_img{
	margin: 0 auto;
	background: url(../img/secret2_img.jpg) no-repeat left top;
	width: 325px;
	height: 132px;
}
#secret3_ttl{
	background: url(../img/secret3_ttl.png) no-repeat left top;
	width: 337px;
	height: 40px;
}
#secret3_img{
	text-align: center;
}
#secret_cont li p{
	margin-top: 10px 0;
	margin-bottom: 15px;
}


/* ===========================================
	MediaQueries
=========================================== */
/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	#brand_index_header header{
		padding-bottom: 12px;
		background: url(../img/brand_header_bg.jpg) no-repeat -100px -100px;
		background-size: 1200px auto;
	}
	#brand_nav ul{
		background: none;
		background-color: #4e92d6;
	}
	#secret_cont img{
		max-width: 100%;
		height: auto;
	}
	#brand #brand_index_header header h1{
		margin-left: 6px;
	}
	#brand #brand_index_header .brand_lead,
	#brand #brand_index_header .brand_lead2{
		margin: 5px 15px;
	}

	/* 画像置換 */
	#secret1_ttl, #secret1_img,
	#secret2_ttl, #secret2_img,
	#secret3_ttl, #secret3_img{ width: 100%; }

	/*---------------------------------------
		secret
	---------------------------------------*/
	#secret_cont{ margin-top: -20px; }
	#main_cont #secret_cont .maintext{
		text-align: left;
		margin-bottom: 10px;
	}
	#secret_cont section{
		padding: 15px 15px 0;
		border-top: 1px dotted #ccc;
	}
	#main_cont #secret_cont ul li{
		line-height: 1.4;
		color: #13abdf;
	}
	#secret_cont #secret1{ border-top: none; }
	#main_cont #secret_cont .textcenter { text-align: left; }
	#main_cont #secret_cont .textcenter br{ display: none; }

	/* 画像置換 */
	.bxslider > li { margin-bottom: 10px; }
	#secret2_img, .secret_ttl{
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
	}
	#secret1_ttl{
		margin-left: -15px;
		width: 248px;
		height: 62px;
		background: url(../img/s/secret1_ttl.png) no-repeat left top;
		background-size: 248px 62px;
	}
	#secret1_img{
		background: none;
		text-indent: 0;
		white-space: normal;
		overflow: visible;
		height: auto;
	}
	#secret1_img:before{
		content: " ";
		padding-top: 192px;
		text-align: center;
		background: url(../img/s/secret1_img.png) no-repeat center top;
		display: block;
		height: auto;
		width: 100%;
	}
	#secret1_img span{ display: block; }

	#secret2_ttl{
		margin-left: -15px;
		width: 248px;
		height: 62px;
		background: url(../img/s/secret2_ttl.png) no-repeat left top;
		background-size: 248px 62px;
	}
	#secret2_img{
		margin-bottom: 10px;
		background: url(../img/s/secret2_img.jpg) no-repeat center top;
		width: 100%;
		height: 112px;
	}
	#secret3_ttl{
		margin-left: -15px;
		width: 248px;
		height: 62px;
		background: url(../img/s/secret3_ttl.png) no-repeat left top;
		background-size: 248px 62px;
	}

	/*---------------------------------------------
			ボタン
	---------------------------------------------*/
	#brand_wrap.brand_wrap_btm #aside{
		margin: 15px 2% 40px;
		width: auto;
		box-sizing: border-box;
	}
	#brand_wrap.brand_wrap_btm #aside .onlineshop_btn img{
		height: 37px;
		width: 177px;
	}
}