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

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

name: uniq.css

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

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


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




/*========================
	婚礼料理
=========================*/
.section .inner{ max-width:1000px; width:95%; margin:0 auto; padding:100px 0 80px; overflow:hidden; text-align:center;}
.section .inner .ph{ margin:0 0 60px;}
.section .inner dl{}
.section .inner dl dt{ color:#a78c09; font-size:19px; margin:0 0 20px; font-family: "游明朝", YuMincho;}
.section .inner dl dd{ line-height:300%;}

#cuisine01{ background:url(../img/ph_cuisine01.jpg) center no-repeat; background-size:cover;}
#cuisine01 .inner{}
#cuisine01 .inner dl{ display:table; margin:0 auto; padding:60px 5%; background:rgba(255,255,255,.9);}

/*シェフ*/
#shef{}
#shef .inner{ text-align:left; padding-bottom:0;}
#shef .infoBox{ overflow:hidden; margin:0 0 60px;}
#shef .infoBox .ph{ float:right; width:42%; margin:0;}
#shef .infoBox ul{ float:left; width:55%;}
#shef .infoBox ul li.en{ font-size:70px; color:#eee; text-align:right; margin:0 0 20px; line-height:1;}
#shef .infoBox ul li.name{ font-size:20px; margin:0 0 20px; font-family: "游明朝", YuMincho; font-style:italic;}
#shef .infoBox ul li.txt{ line-height:300%;}
/*経歴*/
#shef .history{ border:5px solid #eee; padding:20px 40px 30px;}
#shef .history h3{ font-size:22px; margin:0 0 10px; font-family: "游明朝", YuMincho;}
#shef .history table th,
#shef .history table td{ padding:2px 0;}
#shef .history table th{ width:15%; vertical-align:top;}

#cuisine02{ /*background:#f7f5f2;*/}

#cuisine03{ background:#faf8f5;}




/*========================
	GALLERY
=========================*/
#galleryArea{ text-align:center; /*background:#f8f8f8;*/  padding:50px 0 70px; margin:0 0 70px;}
#galleryArea .mdTitle{ margin:0 0 20px;}
#galleryArea .subTxt{ margin:0 0 20px;}



/* =======================================
	swipebox (gallery)
======================================= */
/*戻る*/
ul.btnPager{ width:100%; overflow:hidden; margin:20px auto; padding:0; line-height:normal; text-align:center; font-size:14px;}
ul.btnPager li{
	margin:2px;
	display:inline-block;
	background:#e5e5e5;
	/display:inline;
	/zoom:1;
}
ul.btnPager li a{
	padding:10px 17px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#000;
	text-decoration:none;
}
ul.btnPager li a:hover{ background:#eee;}
ul.btnPager li.back a{ background:#000; color:#fff; padding:10px 50px;}
ul.btnPager li.back a:hover{ background:#666;}

/*=========================================
	loopslider
=========================================*/
.loopslider { width:100%; height:250px; text-align:left; position:relative; overflow:hidden;}
/*.loopslider ul {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}*/
.loopslider ul li { width:350px; height:250px; float:left; /*display: inline;*/ overflow: hidden;}
.loopslider ul li img{ width:100%; height:100%; object-fit:cover;}

/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after { content:"."; height:0; clear:both; display:block; visibility:hidden;}
.loopslider ul { display:inline-block; overflow:hidden;}








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

	スマホ

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


/*========================
	婚礼料理
=========================*/
.section .inner{ padding:10px 0 40px;}
.section .inner .ph{ margin:0 0 30px;}
.section .inner dl{}
.section .inner dl dt{ font-size:15px; margin:0 0 15px;}
.section .inner dl dd{ line-height:200%; font-size:90%;}

#cuisine01{ background-position:top; background-size:100% auto; padding:38% 0 0;}
#cuisine01 .inner{ width:auto;}
#cuisine01 .inner dl{ display:table; margin:0 auto; padding:30px 5% 0; background:rgba(255,255,255,.1);}

/*シェフ*/
#shef{}
#shef .inner{ width:auto;}
#shef .infoBox{ margin:0 0 30px;}
#shef .infoBox .ph{ float:none; width:auto;}
#shef .infoBox ul{ float:none; width:90%; margin:0 auto;}
#shef .infoBox ul li.en{ font-size:60px; margin:0;}
#shef .infoBox ul li.name{ font-size:16px; margin:0 0 10px;}
#shef .infoBox ul li.txt{ line-height:200%;}
/*経歴*/
#shef .history{ border:none; background:#f5f5f5; padding:20px 3%;}
#shef .history h3{ font-size:17px; margin:0 0 10px; text-align:center;}
#shef .history table{ font-size:90%;}
#shef .history table th,
#shef .history table td{}
#shef .history table th{ width:20%;}

#cuisine02{}

#cuisine03{}




/*========================
	GALLERY
=========================*/
#galleryArea{padding:30px 0; margin:0 0 30px;}
#galleryArea .mdTitle{ margin:0 0 10px;}
#galleryArea .subTxt{ margin:0 0 10px;}


/*=========================================
	loopslider
=========================================*/
.loopslider { height:150px;}
/*.loopslider ul {}*/
.loopslider ul li { width:210px; height:150px;}
.loopslider ul li img{}

/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {}
.loopslider ul {}



}