@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
	height: 520px;
}
#spec{
	background-color: #e6f9ff;
	padding: 20px 0px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	width: 200px;
	margin: 0 auto 50px;
	text-align: center;
}

#intro{text-align: center;padding: 0 0 60px 0;}
h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
}

/*========================
	ギャラリー
=========================*/
#gallery{width: 90%;margin: 0 auto 100px;border: 3px solid #000;}
#gallery ul{overflow: hidden;}
#gallery li{float: left;width: 20%;}
#gallery li.w600{float: left;width: 40%;}
#gallery li.w450{float: left;width: 30%;}
#gallery li a{ display:block; border:3px solid #fff;}
#gallery li img{width: 100%;}


/*========================
	コピー
=========================*/
.copyWrap{ padding:60px 3%; /*background:url(../../../cmn/img/bg_stripe01.gif);*/ background:#fffae3;}
.copyWrap .block{ max-width:1300px; margin:0 auto 30px; overflow:hidden;}
.copyWrap .block .ph{ width:45%;}
.copyWrap .block .ph img{ width:100%;}
.copyWrap .block dl{ float:left; width:40%; margin:5% 0 0 7%;}
.copyWrap .block dl dt{ color:#000; font-size:20px; font-weight:bold; margin:0 0 3%;}
.copyWrap .block dl dt span{ display:inline-block;}
.copyWrap .block dl dt span:after{ content:""; display:block; height:10px; margin:-10px 0 0 0; background:#ffd0d8;}
.copyWrap .block dl dd{ line-height:300%; font-size:90%;}

.copyWrap .block#ph01 .ph,
.copyWrap .block#ph03 .ph{ float:right;}
.copyWrap .block#ph02 .ph{ float:left;}

/*背景画像*/
.copyWrap .block#ph01{ background:url(../img/bg_copy01.jpg) left center no-repeat; background-size:contain;}
.copyWrap .block#ph02{ background:url(../img/bg_copy02.jpg) right center no-repeat; background-size:contain;}
.copyWrap .block#ph03{ background:url(../img/bg_copy03.jpg) left center no-repeat; background-size:contain;}





/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*========================
	mv
=========================*/
#mvIn{ height:auto; padding:25% 0;}
#spec{
	padding: 15px 0px;
	font-size: 12px;
	width: 280px;
	margin: 0 auto 30px;
}
#intro{text-align: center;padding: 0 0 10px 0;}
h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
}
p.txt{padding: 0 10px;text-align: left;}

/*========================
	ギャラリー
=========================*/
#gallery{width: 92%;margin: 0 auto 30px;border: 2px solid #000;}
#gallery li a{ display:block; border:1px solid #fff;}
#gallery img{width: 100%;}


/*========================
	コピー
=========================*/
.copyWrap{ padding:0 0 20px; max-width:inherit; margin:0 auto;}
.copyWrap .block{ max-width:inherit; padding:0;}
.copyWrap .block .ph{ width:auto;}
.copyWrap .block .ph img{ width:100%;}
.copyWrap .block dl{ float:none; width:auto; margin:5% 4% 0;}
.copyWrap .block dl dt{ color:#000; font-size:15px; font-weight:bold; margin:0 0 3%;}
.copyWrap .block dl dt span{ display:inline-block;}
.copyWrap .block dl dt span:after{ content:""; display:block; height:10px; margin:-10px 0 0 0; background:#ffd0d8;}
.copyWrap .block dl dd{ line-height:200%; font-size:90%;}

.copyWrap .block#ph01 .ph,
.copyWrap .block#ph03 .ph{ float:none;}
.copyWrap .block#ph02 .ph{ float:none;}



}