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

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

name: uniq.css

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


/*=========================================
	container
=========================================*/
#container{ max-width:1400px; width:95%; color:#333;}


/*=========================================
	共通
=========================================*/
#indexList{ overflow:hidden; margin:0 0 100px;}
#indexList li{ position:relative; font-family: "游明朝", YuMincho;}
#indexList li .title{ font-size:23px; padding:25px 0 15px;}
#planList li a{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:1;}
#indexList .btn,
#planList .btn,
#enkaiCommon .btn{ margin:0 auto; font-size:90%; background:#333; color:#fff; padding:12px 0; line-height:1; border-radius:2px; text-align:center;}
li:hover .btn{ opacity:0.7;}


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

	INDEX
	
=========================================*/
#INDEX #mv{ background:url(../img/mokuteki/mv.jpg) center no-repeat;}

#INDEX #indexList{ padding:20px 0 0;}
#INDEX #indexList li{ float:left; width:46%; margin:0 2% 80px; text-align:center;}
#INDEX #indexList li .baseBtn{ max-width:40%;}



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

	宴会・パーティ料理
	
=========================================*/
#CUISINE #mv{ background:url(../img/cuisine/mv.jpg) top center no-repeat;}

#CUISINE #indexList{}
#CUISINE #indexList li{ margin:0 0 70px; overflow:hidden;}
#CUISINE #indexList li .ph{ width:55%;}
#CUISINE #indexList li .inBlock{ width:45%; padding:20px 5%; box-sizing:border-box;}
#CUISINE #indexList li .inBlock .txt{ margin:0 0 20px;}
#CUISINE #indexList li .inBlock .price{ margin:0 0 10px; font-size:120%; font-style:italic;}
#CUISINE #indexList li .inBlock .t10{ color:#888;}

#CUISINE #indexList li:nth-child(odd) .ph{ float:left;}
#CUISINE #indexList li:nth-child(even) .ph{ float:right;}

#CUISINE #indexList li:nth-child(odd) .inBlock{ float:right;}
#CUISINE #indexList li:nth-child(even) .inBlock{ float:left;}



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

	宴会・パーティプラン
	
=========================================*/
#PLAN #mv,
#PLAN_DETAIL #mv{ background:url(../img/plan/mv.jpg) center no-repeat;}

#PLAN #planListBox{ max-width:1100px; margin:0 auto 120px;}
#PLAN #planList{ overflow:hidden; margin:0 0 50px;}
#PLAN #planList > li{ position:relative;}
#PLAN #planList > li > div{ border:1px solid #ccc; border-width:0 1px 1px 1px; padding:30px; overflow:hidden;}
#PLAN #planList > li:first-child > div{ border-top:1px solid #ccc;}
#PLAN #planList > li > div .ph{ float:left; width:40%; height:auto; position:relative; overflow:hidden;}
#PLAN #planList > li > div .ph::after{ content:""; display:block; padding-top:70%;}
#PLAN #planList > li > div .ph img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
#PLAN #planList > li > div .inBlock{ float:right; width:56%;}
#PLAN #planList > li > div .inBlock .title{ font-size:24px; padding:0 0 15px; font-family: "游明朝", YuMincho; font-style:italic;}
#PLAN #planList > li > div .inBlock .txt{ font-size:110%;}
#PLAN #planList > li > div .inBlock .btn{ max-width:50%; margin:30px auto 0; padding:13px 0;}
#PLAN #planList > li:hover{ background:#fcfcfc;}



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

	宴会・パーティプラン 詳細
	
=========================================*/
#PLAN_DETAIL{}
#PLAN_DETAIL #detailBox{ max-width:800px; margin:0 auto 120px;}
#PLAN_DETAIL #detailBox .title{ border:1px solid #ddd; border-width:1px 0; padding:30px 0; text-align:center; font-size:22px; color:#000; line-height:140%; font-weight:bold; font-family: "游明朝", YuMincho; font-style:italic;}

/*アイコン*/
#PLAN_DETAIL #detailBox .iconList{ padding:50px 0; text-align:center;}
#PLAN_DETAIL #detailBox .iconList span{ font-size:11px; color:#aaa; background:#e5e5e5; padding:6px; display: inline-block; margin:0 2px 2px 0; line-height:1; letter-spacing:-0.05em;}
#PLAN_DETAIL #detailBox .iconList span.on{ background:#ccb58b; color:#fff;}

/*エディタ*/
.ckArea{ padding:0 0 50px;}
.ckArea p{ padding:10px 0;}
.ckArea iframe{ max-width:100%; margin:0 auto; padding:10px 0;}
.ckArea a{ text-decoration:underline;}
.ckArea a:hover{ text-decoration:none;}
.ckArea em{ font-style:italic !important;}
*html br { letter-spacing: 0;}

/*テーブル*/
table.template{ width:100%; margin:20px 0;}
table.template tr{ border-bottom:1px solid #ccc;}
table.template tr:first-child{ border-top:1px solid #ccc;}
table.template th{ width:20%; padding:20px; background:#f2f3f5;}
table.template td{ padding:20px;}








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

	導線
	
=========================================*/
#enkaiCommon{ text-align:center; font-family: "游明朝", YuMincho; border-top:1px solid #ccc;}

#enkaiCommon .contact{ padding:50px 0;}
#enkaiCommon .contact .h{ font-size:16px; letter-spacing:0.1em;}
#enkaiCommon .contact .tel span{}
#enkaiCommon .contact .tel .en{ font-size:40px; letter-spacing:0.05em; font-family: 'Arapey', serif; font-style:italic;}
#enkaiCommon .contact .tel .sub{ margin:0 0 0 10px;}

#enkaiCommon ul{ overflow:hidden;}
#enkaiCommon ul li{ float:left; width:30%; margin:0 1.66%; position:relative;}
#enkaiCommon ul li .ph{ height:auto; position:relative; background-size:cover !important;}
#enkaiCommon ul li .ph::after{ content:""; display:block; padding-top:55%;}
#enkaiCommon ul li .title{ font-size:20px; padding:20px 0;}
#enkaiCommon ul li .btn{ max-width:200px;}
#enkaiCommon ul li a{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:100;}
#enkaiCommon ul li:hover .ph{ opacity:0.8;}

#enkaiCommon ul li.e01 .ph{ background:url(../img/mokuteki/mv.jpg) center no-repeat;}
#enkaiCommon ul li.e02 .ph{ background:url(../img/plan/mv.jpg) center no-repeat;}
#enkaiCommon ul li.e03 .ph{ background:url(../img/cuisine/mv.jpg) center no-repeat;}








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

	スマホ

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

/*=========================================
	container
=========================================*/
#container{ width:auto;}


/*=========================================
	共通
=========================================*/
#indexList{ margin:0 0 30px;}
#indexList li{}
#indexList li .title{ font-size:17px; padding:20px 0 15px;}
#indexList li .txt{ font-size:90%; padding:0 5%; line-height:1.8;}
#indexList .btn,
#planList .btn{}


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

	INDEX
	
=========================================*/
#INDEX #mv{}

#INDEX #indexList{ padding:0;}
#INDEX #indexList li{ float:none; width:auto; margin:0 0 40px;}
#INDEX #indexList li .baseBtn{ max-width:60%;}



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

	宴会・パーティ料理
	
=========================================*/
#CUISINE #mv{}

#CUISINE #indexList{}
#CUISINE #indexList li{ margin:0 0 30px; text-align:center;}
#CUISINE #indexList li .ph{ width:auto;}
#CUISINE #indexList li .inBlock{ width:auto; padding:10px 5%; box-sizing:border-box;}
#CUISINE #indexList li .inBlock .txt{ margin:0 0 10px;}
#CUISINE #indexList li .inBlock .price{}
#CUISINE #indexList li .inBlock .t10{}

#CUISINE #indexList li:nth-child(odd) .ph,
#CUISINE #indexList li:nth-child(even) .ph,
#CUISINE #indexList li:nth-child(odd) .inBlock,
#CUISINE #indexList li:nth-child(even) .inBlock{ float:none;}



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

	宴会・パーティプラン
	
=========================================*/
#PLAN #mv{}

#PLAN #planListBox{ margin:0 auto 30px;}
#PLAN #planList{ margin:0 0 20px;}
#PLAN #planList > li{}
#PLAN #planList > li > div{ border-width:0 0 1px; padding:30px 8%; overflow:hidden;}
#PLAN #planList > li:first-child > div{}
#PLAN #planList > li > div .ph{ float:none; width:auto;}
#PLAN #planList > li > div .ph::after{ padding-top:70%;}
#PLAN #planList > li > div .ph img{}
#PLAN #planList > li > div .inBlock{ float:none; width:auto;}
#PLAN #planList > li > div .inBlock .title{ font-size:15px; padding:20px 0 10px; text-align:center;}
#PLAN #planList > li > div .inBlock .txt{ font-size:90%;}
#PLAN #planList > li > div .inBlock .btn{ max-width:80%; margin:20px auto 0; padding:13px 0;}
#PLAN #planList > li:hover{}




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

	宴会・パーティプラン 詳細
	
=========================================*/
#PLAN_DETAIL{}
#PLAN_DETAIL #detailBox{ max-width:90%; margin:0 auto 50px;}
#PLAN_DETAIL #detailBox .title{ padding:20px 0; font-size:16px;}

/*アイコン*/
#PLAN_DETAIL #detailBox .iconList{ padding:20px 0;}
#PLAN_DETAIL #detailBox .iconList span{ font-size:10px; color:#aaa; padding:4px 5px; display: inline-block; margin:0 2px 2px 0; border-radius:1px;}
#PLAN_DETAIL #detailBox .iconList span.on{}


/*エディタ*/
.ckArea{ padding:0 0 20px;}
.ckArea p{}
.ckArea iframe{ padding:5px 0;}
.ckArea a{}
.ckArea a:hover{}
.ckArea em{}
*html br {}

/*見出し*/
.ckArea .md{ margin:20px 0 10px; padding:8px 0;}
.ckArea .md .title{ float:none; font-size:15px;}
.ckArea .md .sub{ display:block; float:none; padding:0 0 5px;}

/*テーブル*/
table.template{ width:100%; margin:10px 0;}
table.template tr{ border-bottom:none;}
table.template tr:first-child{ border-top:none;}
table.template th{ font-weight:bold; font-size:90%;}
table.template td{}
table.template th,
table.template td{ display:block; width:auto; padding:6px;}





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

	導線
	
=========================================*/
#enkaiCommon{ padding:10px 0; border:none; background:#f7f5f2;}

#enkaiCommon .contact{ padding:20px 0;}
#enkaiCommon .contact .h{ font-size:12px; margin:0 0 10px;}
#enkaiCommon .contact .tel span{ display:block;}
#enkaiCommon .contact .tel .en{ font-size:22px; line-height:1; padding:0 0 3px;}
#enkaiCommon .contact .tel .sub{ margin:0; font-size:90%;}

#enkaiCommon ul{ overflow:hidden;}
#enkaiCommon ul li{ float:none; width:auto; margin:0 10%; padding:25px 0; border-bottom:1px solid #ccc;}
#enkaiCommon ul li:first-child{ padding-top:0;}
#enkaiCommon ul li:last-child{ border-bottom:none;}
#enkaiCommon ul li .ph{}
#enkaiCommon ul li .ph::after{}
#enkaiCommon ul li .title{ font-size:15px; padding:15px 0;}
#enkaiCommon ul li .btn{}
#enkaiCommon ul li a{}
#enkaiCommon ul li:hover .ph{}

#enkaiCommon ul li.e01 .ph{}
#enkaiCommon ul li.e02 .ph{}
#enkaiCommon ul li.e03 .ph{}





}