@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: 400px;
	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.w300{ 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%;}

/*========================
	和装
=========================*/
#waso{ padding:0 0 90px 0; background:url(../img/washi.jpg) top center; text-align: center;}
#waso #mvIn{ background:url(../img/mvWa.jpg) top center no-repeat;}
#waso h4{color: #b90f12;padding:20px 0;}
#waso #gallery{margin: 60px auto 0;}

/*========================
	レーザー
=========================*/
#laser{padding: 80px 0;text-align: center;}
#laser h4 span{ display:block; font-family: 'Josefin Sans', sans-serif; font-weight:400; font-style:italic; font-size:130%;}
#laser .txt{margin: 0 0 40px 0;}


#slideview{width: 90%;margin: 0 auto;padding: 5px;}
ul.bxslider li{border: 4px solid #000;height: auto;}
ul.bxslider img{width: 100%;}


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

	スマホ

==============================================*/
@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 3%; text-align: left; font-size:85%;}

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


/*========================
	和装
=========================*/
#waso{padding:0 0 30px 0;}
#waso #mvIn{ height:auto; background-size: cover;}
#waso h4{ margin: 0;}
#waso #gallery{margin: 20px auto 0;}
#waso p{ padding: 0 3%; text-align: left; font-size:85%;}

/*========================
	レーザー
=========================*/
#laser{padding: 30px 0;text-align: center;}
#laser .txt{margin: 0 0 10px 0;}

#slideview{width: 95%;margin: 0 auto;padding: 5px;}
ul.bxslider li{border: 4px solid #000;height: auto;}
ul.bxslider img{width: 100%;}



}