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

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

name: uniq.css

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

/*========================
	mvBig
=========================*/
#INDEX #mvBig{ background:url(../img/index/mv.jpg) center fixed no-repeat;} /*INDEX*/
#CHAPEL #mvBig{ background:url(../img/chapel/mv.jpg) center fixed no-repeat;} /*チャペル*/
#GARDEN #mvBig{ background:url(../img/garden/mv.jpg) center fixed no-repeat;} /*ガーデン*/
#WAKON #mvBig{ background:url(../img/wakon/mv.jpg) center fixed no-repeat;} /*和婚*/
#BANQUET #mvBig{ background:url(../img/banquet/mv.jpg) center fixed no-repeat;} /*バンケット*/
#TERRACE #mvBig{ background:url(../img/terrace/mv.jpg) center fixed no-repeat;} /*ジ・テラス*/


/*========================
	container
=========================*/
#container{ max-width:100%; width:100%;}



/*===========================================
	index
===========================================*/
#INDEX{}
#INDEX #container{ text-align:center; font-family:"游明朝", YuMincho;}

#INDEX .intro{ padding:0 0 20px; font-size:20px;}

/*共通*/
#INDEX .indexWrap h3.mdTitle{ margin:0;}
#INDEX .indexWrap h3.mdTitle > span{ font-size:30px;}
#INDEX .indexWrap{ padding:70px 0 20px;}
#INDEX .section{ margin:0 auto; padding:70px 0;}
#INDEX .section:last-child{ border-bottom:none;}
#INDEX .section .ph{ margin:0 0 40px;}
#INDEX .section .mdTitle > span{ font-size:27px; line-height:1.4;}
#INDEX .section .style{ font-size:14px; color:#888;}
#INDEX .section .capacity{ font-size:14px; margin:0 0 30px;}
#INDEX .section .h{ font-size:20px; margin:0 0 10px; letter-spacing:0.2em;}
#INDEX .section .txt{ margin:0 0 25px; line-height:3;}
#INDEX .section .baseBtn{ max-width:250px;}
#INDEX .section .baseBtn:hover{ opacity:0.7;}
/*挙式*/
#ceremony{}
/*パーティー会場*/
#banquet{ background:#f7f5f2;}




/*===========================================
	詳細ページ
===========================================*/
/*h2*/
#h2Title .pTitle > span{ display:block; font-size:18px; line-height:1;}
#h2Title .sub > span{ display:inline-block; padding:10px; border:1px solid #ccc; border-width:1px 0; margin:25px 0 0; font-family:"游明朝", YuMincho;}

.detail{ font-family:"游明朝", YuMincho; text-align:center;}
/*収容人数*/
.detail .intro{ padding:0 0 50px;}
.detail .intro .style{ font-size:15px; color:#888; margin:0 0 8px;}
.detail .intro .capacity{ font-size:17px; margin:0 0 30px; line-height:1;}
/*コピー*/
.detail .leadTxt{ font-size:14px; font-family:"游明朝", YuMincho;}
/*写真*/
.detail .wrap{ max-width:1300px; width:97%; margin:0 auto; padding:0 0 100px; overflow:hidden;}
.detail .wrap .blockL{ float:left;}
.detail .wrap .blockR{ float:right;}
.detail .wrap ul{ width:50%;}
.detail .wrap ul li{ margin:0 5px 10px;}
.detail .wrap ul li img{ width:100%;}
.detail .wrap ul li.leadTxt{ display:table; width:90%; height:400px; font-size:16px; margin:0 auto; line-height:2.2;}
.detail .wrap ul li.leadTxt > div{ display:table-cell; vertical-align:middle;}




/*===========================
	ジ・テラス
===========================*/
/*プラン*/
#TERRACE #plan{ padding:30px 0 0;}
#TERRACE ul#planList{ margin:0 0 30px; overflow:hidden;}
#TERRACE ul#planList > li{ width:33.333%; float:left; position:relative;}
#TERRACE ul#planList > li > div{ border:1px solid #ccc; border-width:1px 1px 1px 0; text-align:center;}
#TERRACE ul#planList > li:last-child > div{ border-width:1px 0 1px;}
#TERRACE ul#planList > li > div .ph{ height:auto; position:relative; overflow:hidden;}
#TERRACE ul#planList > li > div .ph:after{ content:""; display:block; padding-top:60%;}
#TERRACE ul#planList > li > div .ph img{ position:absolute; display:block; left:0; top:0; width:100%; height:100%; object-fit:cover;}
#TERRACE ul#planList > li > div .info{ padding:20px 3%;}
#TERRACE ul#planList > li > div .title{ font-size:16px; color:#000; line-height:130%; font-family: "游明朝", YuMincho;}
#TERRACE ul#planList > li > div .price{ font-style:italic; color:#000; font-size:26px; padding:15px 0; line-height:1; font-family: "游明朝", YuMincho;}
#TERRACE ul#planList > li > div .txt{ font-size:90%; line-height:140%; text-align:left;}
#TERRACE ul#planList > li > div .btn{ max-width:200px;margin:15px auto; font-size:90%; background:#333; color:#fff; padding:12px 0; line-height:1; border-radius:2px;}
#TERRACE ul#planList > li > div a{ position:absolute; top:0; left:0; width:100%; height:100%;}
#TERRACE ul#planList > li:hover img{ opacity:0.9;}
#TERRACE ul#planList > li:hover{ background:#fcfcfc;}


/*動画*/
#TERRACE #movie{ padding:80px 0;}

/*イメージ*/
#TERRACE .imageWrap{ margin:0 0 70px;}
#TERRACE .imageWrap .imgBlock{ max-width:1500px; margin:0 auto; background-size:cover !important; position:relative; z-index:-1;}
#TERRACE .imageWrap .imgBlock::after{ content:""; display:block; padding-top:45%;}
#TERRACE .imageWrap .block{ max-width:600px; margin:-60px auto 0; padding:60px; box-sizing:border-box; text-align:center; background:#fff; z-index:1;}
#TERRACE .imageWrap .block .mdTitle{ margin:0;}

#image01 .imgBlock{ background:url(../img/terrace/terrace01.jpg);}
#image02 .imgBlock{ background:url(../img/terrace/terrace02.jpg);}





/*===========================================
	この会場のウエディングレポート
===========================================*/
#reportNav{ padding:50px 0; background:#f7f5f2; text-align:center;}
#reportNav ul{ max-width:1000px; width:95%; margin:0 auto; overflow:hidden;}
#reportNav ul li{ float:left; width:30%; margin:0 1.66%; position:relative;}
#reportNav ul li .ph{ margin:0 0 10px;}
#reportNav ul li .name{ font-size:110%; font-family:"游明朝", YuMincho;}
#reportNav ul li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
#reportNav ul li:hover .ph img{ opacity:0.8;}



/*===========================================
	動線
===========================================*/
#otherNav{ max-width:1200px; width:95%; margin:0 auto; padding:50px 0;}
#otherNav .mdTitle{}
#otherNav .mdTitle .en{ font-size:22px;}
#otherNav ul{ overflow:hidden; margin:-25px auto 30px;}
#otherNav ul li{ float:left; text-align:center; position:relative;}
#otherNav ul.ceremony li{ width:32%; margin:0 0.66%;}
#otherNav ul.banquet{ width:64%;}
#otherNav ul.banquet li{ width:48%; margin:0 1%;}
#otherNav ul li .ph{ margin:0 0 10px;}
#otherNav ul li .h{ font-size:18px; font-family:"游明朝", YuMincho; line-height:1.4;}
#otherNav ul li .h span.en{ display:block; font-size:11px; letter-spacing:0.1em;}
#otherNav ul li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
#otherNav ul li .ph img{}








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

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {


/*===========================================
	index
===========================================*/
#INDEX{}
#INDEX #container{}

#INDEX .intro{ padding:0 0 20px; font-size:13px; line-height:1.8;}

/*共通*/
#INDEX .indexWrap h3.mdTitle{}
#INDEX .indexWrap h3.mdTitle > span{ font-size:20px;}
#INDEX .indexWrap{ padding:20px 0;}
#INDEX .section{ padding:20px 0 30px;}
#INDEX .section:last-child{ border-bottom:none;}
#INDEX .section .ph{ margin:0 0 20px;}
#INDEX .section .mdTitle > span{ font-size:20px;}
#INDEX .section .style{ font-size:12px;}
#INDEX .section .capacity{ font-size:12px; margin:0 0 15px;}
#INDEX .section .h{ font-size:14px; letter-spacing:0.1em;}
#INDEX .section .txt{ line-height:1.8; font-size:90%;}
#INDEX .section .baseBtn{ width:55%;}
#INDEX .section .baseBtn:hover{}
/*挙式*/
#ceremony{}
/*パーティー会場*/
#banquet{}


/*===========================================
	詳細ページ
===========================================*/
.detail{}
/*収容人数*/
.detail .intro{ padding:0 0 20px;}
.detail .intro .capacity{ font-size:15px; margin:0 0 15px;}
/*コピー*/
.detail .intro .leadTxt{ font-size:10px;}
/*写真*/
.detail .wrap{ padding:0 5px 50px;}
.detail .wrap .blockL{ float:none;}
.detail .wrap .blockR{ float:none;}
.detail .wrap ul{ width:auto;}
.detail .wrap ul li{ margin:0 2px 4px;}
.detail .wrap ul li.leadTxt{ height:130px; font-size:13px; line-height:2;}
.detail .wrap ul li.leadTxt > div{}




/*===========================
	ジ・テラス
===========================*/
/*プラン*/
#TERRACE #plan{ padding:30px 5% 0;}
#TERRACE ul#planList{ margin:0 0 20px;}
#TERRACE ul#planList > li{ width:auto; float:none;}
#TERRACE ul#planList > li > div{ border:1px solid #ccc; border-width:1px 1px 0;}
#TERRACE ul#planList > li:last-child > div{ border-width:1px;}
#TERRACE ul#planList > li > div .ph{}
#TERRACE ul#planList > li > div .ph:after{ padding-top:70%;}
#TERRACE ul#planList > li > div .ph img{}
#TERRACE ul#planList > li > div .info{ padding:15px 4%;}
#TERRACE ul#planList > li > div .title{ font-size:16px}
#TERRACE ul#planList > li > div .price{ font-size:20px;}
#TERRACE ul#planList > li > div .txt{}
#TERRACE ul#planList > li > div .btn{ max-width:80%;}
#TERRACE ul#planList > li > div a{ position:absolute; top:0; left:0; width:100%; height:100%;}
#TERRACE ul#planList > li:hover img{ opacity:0.9;}
#TERRACE ul#planList > li:hover{ background:#fcfcfc;}


/*動画*/
#TERRACE #movie{ padding:30px 5%;}
#TERRACE #movie iframe{ width:100%; height:auto;}

/*イメージ*/
#TERRACE .imageWrap{ margin:0 0 20px;}
#TERRACE .imageWrap .imgBlock{}
#TERRACE .imageWrap .imgBlock::after{}
#TERRACE .imageWrap .block{ max-width:90%; margin:-30px auto 0; padding:20px 3%;}
#TERRACE .imageWrap .block .mdTitle{}

#image01 .imgBlock{}
#image02 .imgBlock{}



/*===========================================
	この会場のウエディングレポート
===========================================*/
#reportNav{ padding:20px 0;}
#reportNav ul{}
#reportNav ul li{ float:left; width:31%; margin:0 1.166%; position:relative;}
#reportNav ul li .ph{ margin:0 0 5px;}
#reportNav ul li .name{}
#reportNav ul li a{}
#reportNav ul li:hover .ph img{}



/*===========================================
	動線
===========================================*/
#otherNav{ max-width:inherit; padding:30px 0;}
#otherNav .mdTitle{}
#otherNav .mdTitle .en{ font-size:16px;}
#otherNav ul{ overflow:hidden; margin:0 auto;}
#otherNav ul li{}
#otherNav ul.ceremony li{ width:48%; margin:0 1% 15px;}
#otherNav ul.banquet{ width:auto;}
#otherNav ul.banquet li{}
#otherNav ul li .ph{ margin:0 0 5px;}
#otherNav ul li .h{ font-size:15px;}
#otherNav ul li .h span.en{ letter-spacing:0.05em;}
#otherNav ul li a{}
#otherNav ul li .ph img{}






}