@charset "utf-8";

/*---------------------------------------
    reset style
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}p{margin-bottom:1em;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}

/*----------------------------------------
    common
----------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%; /*for iPhone*/
	line-height: 1.5em;
	color: #403b2f;
}
a {
	color: #fff;
	text-decoration:none;
	outline: none;
}
a:hover {
	  text-decoration: none;
}
a img:hover {
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.60;
}

.clr { clear:both;}
.mr0 { margin-right:0!important;}

.pcImg{ display:none!important;}
.spImg{}


/* ===================================================================
    header
=================================================================== */
#header{ width:100%;}
#header .cIn{width:100%; height:10%; margin:0 auto; line-height:0; position:relative;}
#header .cIn h1 { padding:2% 0; line-height:0; position:relative; left:8px;}
#header .cIn h1 img { width:30%; height:auto;}

#header .cIn #sns01 { position:absolute; right:5px; bottom: 5px;}
#header .cIn #sns01 li { float:right; margin-left:10px;}

#header .kv{width:100%; margin:0 auto; line-height:0;}
#header .kv img{width:100%; height:auto;}

/* gnavi
=================================================================== */
#gnavi{
	width:100%;
	background:url(../img/bg_gnavi.png) repeat 0 0;
	padding:5% 0;
}
#gnavi ul { width:90%; margin:0 auto;}
#gnavi ul li { margin-bottom:5%;}
#gnavi ul li img { width:100%; height:auto;}


/* contents
=================================================================== */
#contents{ width:100%; overflow:hidden; box-sizing:border-box;}

.img img { width:100%; height:auto;}


/* Chapel
=================================================================== */
#chapel{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5%;
	margin:0 0 5% 0;
	box-sizing:border-box;
}
#chapel h2 { text-align:center; margin-bottom:5%;}

/* Meal
=================================================================== */
#meal{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5%;
	margin:0 0 5% 0;
	box-sizing:border-box;
}
#meal h2 { text-align:center; margin-bottom:5%;}

/* Banquet
=================================================================== */
#banquet{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5%;
	margin:0 0 5% 0;
	box-sizing:border-box;
}
#banquet h2 { text-align:center; margin-bottom:5%;}

/* Arrangement
=================================================================== */
#arrangement{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5%;
	margin:0 0 5% 0;
	box-sizing:border-box;
}
#arrangement h2 { text-align:center; margin-bottom:5%;}



/* Bamboo
=================================================================== */
#bamboo{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5%;
	margin:0;
	box-sizing:border-box;
}
#bamboo h2 { text-align:center; margin-bottom:5%;}
#bamboo p.txt { color:#180a3f; }
#bamboo p a.btn img { width:100%; max-width:388px; height:auto; display:block; margin:0 auto 5% auto;}
#bamboo .pView { margin-bottom:5%;}


/* ===================================================================
    section04
=================================================================== */
#section04 {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 10%;
	background: #faf8e9 url(../img/bg_photo.png) repeat 0 0;
	border-bottom:1px solid #e6e6e6;
}
#section04 h2{ text-align:center; padding:8% 0;}
#container{
	margin: 0 auto;
	width: 100%;
}
#thumbnail{
	overflow: hidden;
	margin: 0 auto;
    padding: 0;
	width: 100%;
}
#thumbnail li{
	float: left;
	margin-left: 1.5%;
	list-style: none;
	background-color: #000;
	margin-bottom:5px;
}

#thumbnail li:last-child{
	margin-right: 0;
}
#thumbnail li img{
    width: 100%;
	opacity: 0.3;
    filter: alpha(opacity=30); 
}
#thumbnail li.current img{
	opacity: 1;
    filter: alpha(opacity=100);
}
#main_photo{
	position: relative;
	margin-bottom: 2%;
	padding: 0;
}
#main_photo img{
	position: absolute;
	top:0;
	width: 100%;
}
#caption{
    padding: 10px 20px;
    text-align: left;
}
#section04 #btn03{
	width: 65%;
	height: auto;
	margin: 0 10% 0 10%;
	padding: 4% 9% 10% 6%;
	background: url(../img/sp/btn03.png) no-repeat center top;
	background-size:100% auto;
	display: block;
	text-align: center;
	font-size: 180%;
	line-height: 1.4em;
}
@media only screen and (orientation:portrait){
   /* Portraitモード（縦向き）用 */
   #section04 #btn03 {
    font-size: 100%;
	line-height: 1.4em;
   }
}


/* Schedule
=================================================================== */
#schedule{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5% 0;
	margin:5% 0;
}
#schedule .cBox { width:90%; margin:0 auto;}

#schedule .cBox h2 { text-align: center; margin-bottom:10%;}
#schedule .cBox p { text-align: center; margin-bottom:10%;}
#schedule .cBox p.tx { width:100%; margin:0 auto; font-size:14px; color:#444444; line-height:2em; text-align:left;}


/* wedding plan
=================================================================== */
#plan{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:5% 0;
	margin:5% 0 0 0;
}
#plan h2 img{ width:100%; max-width:404px; height:auto;}
#plan .cBox { width:90%; margin:0 auto;}

#plan .cBox h2 { text-align: center; margin-bottom:50px;}
#plan .cBox table { width:100%; margin-bottom:20px;}
#plan .cBox table th,#plan .cBox table td { padding:10px; border: solid #e5e5e5; border-width:0 1px 1px 1px; display:block;}
#plan .cBox table th { background:#f9f9f9;}
#plan .cBox table td.prace { vertical-align:bottom; text-align:right;}
#plan .cBox table td.prace b { font-size:160%;}
#plan .cBox table .opp01 {}
#plan .cBox table .opp02 {}

#plan .cBox table thead td { background:#387d39; padding:15px; border-width:0 0 1px 0; color:#fff;}
#plan .cBox table thead td b { display:block; font-size:130%; margin-bottom:1%;}
#plan .cBox table thead td em {}

#plan .cBox ul.contact {
	width:100%;
	max-width:481px;
	margin:6% auto;
}
#plan .cBox ul.contact li {margin-bottom:2%;}
#plan .cBox ul.contact li img { width:100%; height:auto;}


/* sns
=================================================================== */
#snsBtn{
	width:100%;
	background:#f6f6f6;
	border-bottom:solid #e6e6e6;
	border-width:1px 0;
	padding:15px 0;
	margin:0;
}

/*#snsBtn #sns01 { width:45%; margin:0 auto;}
#snsBtn #sns01 li { float:right; margin-left:10px;}*/

#snsBtn #sns01 { margin-right:5%;}
#snsBtn #sns01 li { display: inline-block; float:right; margin-left:10px;}




/* ===================================================================
    footer
=================================================================== */
#footer { width:100%;}
/*  #copyright
----------------------------------------*/
#footer .copyright {
	padding: 20px 0;
	text-align: center;
}