@charset "UTF-8";
/*  Home */

@import url("recommend.css");

/*---------------------------------------------------- */
/*  Main-visual */
/*---------------------------------------------------- */
#main-visual {
	width: 100%;
}

#main-visual .bnr-gallery {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%;
	min-height: 100%;
	background-size: cover;
	background-position: center bottom;
}

/* PC */
@media screen and (min-width: 981px) {
/*---------------------------------------------------- */
/*  Main-visual */
/*---------------------------------------------------- */
#main-visual {
	height: 700px;
}

#main-visual .bnr-gallery .waku-gallery {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	overflow: hidden;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box {
	padding: 20px;
	margin: 250px 0 0 0;
	width: 36%;
	height: 200px;
	float: right;
	background-color: rgba(255,255,255,0.8);
}

#main-visual .bnr-gallery .waku-gallery .gallery-box h2 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 180%;
	color: #303c42;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box p {
	padding: 0 ;
	margin: 0;
	font-size: 120%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}


}

/* Tablet */
@media screen and (max-width: 980px) and (min-width: 641px)  {
/*---------------------------------------------------- */
/*  Main-visual */
/*---------------------------------------------------- */
#main-visual {
	height: 500px;
}

#main-visual .bnr-gallery .waku-gallery {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	overflow: hidden;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box {
	padding: 18px;
	margin: 160px 0 0 0;
	width: 44%;
	height: 180px;
	float: right;
	background-color: rgba(255,255,255,0.8);
}

#main-visual .bnr-gallery .waku-gallery .gallery-box h2 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 170%;
	color: #303c42;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box p {
	padding: 0 ;
	margin: 0;
	font-size: 110%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

}

/* SP */
@media screen and (max-width: 640px) {
/*---------------------------------------------------- */
/*  Main-visual */
/*---------------------------------------------------- */
#main-visual {
	height: 300px;
}

#main-visual .bnr-gallery .waku-gallery {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	overflow: hidden;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box {
	padding: 15px;
	margin: 90px 0 0 0;
	width: 64%;
	height: 150px;
	float: right;
	background-color: rgba(255,255,255,0.8);
}

#main-visual .bnr-gallery .waku-gallery .gallery-box h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 150%;
	color: #303c42;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

#main-visual .bnr-gallery .waku-gallery .gallery-box p {
	padding: 0 ;
	margin: 0;
	font-size: 90%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

}