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

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

name: uniq.css

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

/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
}
#mv_sweets{
	background:url(../img/sweets/mv.jpg) top center no-repeat;
	background-size:cover;
	height:300px;
}


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

/*========================
	料理
=========================*/
.section .inner{ padding:30px 5%; overflow:hidden;}
.section .inner dl{ width:45%; padding:5% 0 0;}
.section .inner dl dt{ color:#000; font-size:22px; font-style:italic; line-height:180%; margin:0 0 3%;}
.section .inner dl dd{ line-height:200%;}
.section .inner .ph{ width:50%;}
.section .inner .ph img{ width:100%;}

#cuisine01{ background:url(../img/ph_cuisine01.jpg) bottom no-repeat; background-size: auto 100%;}
#cuisine01 .inner{ padding:0 5% 10%;}

#cuisine02{ background:#fffaee;}
#cuisine02 .inner dl{ float:right;}
#cuisine02 .inner .ph{ float:left;}

#cuisine03{ margin:0 0 30px 0;}
#cuisine03 .inner dl{ float:left;}
#cuisine03 .inner .ph{ float:right;}


.bnrSweets{ text-align:center; padding:5% 5% 0;}



/*========================
	スイーツ＆ウエディングケーキ
=========================*/
/*intro*/
#intro{text-align: center;padding: 30px 0 50px 0;}
#intro .h { font-size: 24px; font-weight: bold; margin: 0 0 10px; color: #999;}

/* bxslider
--------------------------- */
.bxsliderBox{ max-width:1000px; margin:0 auto; padding:0 3%}
.bxslider{}
.bxslider li{}

/*--- pager ---*/
#bx-pager{ text-align:center; overflow:hidden; padding:20px 0 0;}
#bx-pager a{ width:15%; display:inline-block;}
#bx-pager a img{ width:100%;}
#bx-pager a:hover,
#bx-pager a.active { border:2px solid #333; margin:0 -2px;}
#bx-pager a:hover img,
#bx-pager a:active img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}





#sweetWrap{ padding:50px 0;}
#sweets01 .inner dl{ float:left;}
#sweets01 .inner .ph{ float:right;}

#sweets02 .inner dl{ float:right;}
#sweets02 .inner .ph{ float:left;}


#sweets{ max-width:1100px; margin:0 auto;}
/*パティシエ紹介*/
#sweets .patissirBox{ overflow:hidden; margin:0 0 20px; background:#e7f9ff;}
#sweets .patissirBox .ph{ float:right; padding:0 0 0 5%;}
#sweets .patissirBox ul{ padding:0 0 0 5%;}
#sweets .patissirBox ul li.en{ font-size:70px; font-family: 'Josefin Sans', sans-serif; font-style:italic; color:#fff; text-align:right;}
#sweets .patissirBox ul li.name{ font-size:30px; margin:0 0 20px; color:#000;}
#sweets .patissirBox ul li.name span{ font-size:14px; font-family:"Times New Roman", Times, serif; font-style:italic; margin:0 0 0 15px;}
#sweets .patissirBox ul li.txt{ line-height:300%;}

/*経歴*/
#sweets .history{ border:2px solid #000; padding:20px 40px; margin:0 0 60px;}
#sweets .history h3{ font-family: 'Josefin Sans', sans-serif; font-size:22px; margin:0 0 10px; color:#000;}
#sweets .history table th,
#sweets .history table td{ padding:2px 0;}
#sweets .history table th{ width:15%; vertical-align:top;}



/*========================
	GALLERY
=========================*/
.swtGallery{ text-align:center; padding:20px 3% 30px;}
.swtGallery .h_en{ font-family: 'Josefin Sans', sans-serif; font-size:20px; font-weight:400; line-height:130%;}
.swtGallery h3{ font-size:80%; line-height:100%; letter-spacing:0.3em; font-weight:bold; margin:0 0 10px;}
.swtGallery .subTxt{ margin:0 0 10px; font-size:85%;}

.swtGallery ul.gallery{ overflow:hidden;}
.swtGallery ul.gallery li{ float:left; width:25%;}
.swtGallery ul.gallery li img{ width:100%;}

#gallery01{ background:#f4f4f4;}



/*========================
	GALLERY
=========================*/
.galleryArea{ text-align:center; padding:40px 0 50px; background:#effdfc;}
.galleryArea h3{ font-size:90%; line-height:100%; margin:0 0 15px; color:#bbb;}
.galleryArea h3 span{ display:block; font-size:50px; line-height:90%; font-family: 'Alex Brush', cursive;}
.galleryArea .subTxt{ margin:0 0 20px; font-size:80%;}

ul.gallery{ overflow:hidden; padding:0 3%;}
ul.gallery li{ float:left; width:19%; margin:0 0.5% 1%; height:220px; overflow:hidden;}
ul.gallery li img{ height:100%;}

/*sweets*/
#Gsweets01{ background:#fffde4;}
#Gsweets02{ background:#ffeee7;}


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

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*========================
	mv
=========================*/
#mv_sweets{ height:auto; padding:16% 0;}


/*========================
	料理
=========================*/
.section .inner{ padding:10px 5%; overflow:hidden;}
.section .inner dl{ width:auto; margin:0 0 3%;}
.section .inner dl dt{ font-size:14px; margin:0 0 10px; font-weight:bold;}
.section .inner dl dd{ line-height:150%; margin:0 0 10px;}
.section .inner .ph{ width:auto;}

#cuisine01{ background:url(../img/ph_cuisine01.jpg) 45% bottom no-repeat; background-size:auto 100%;}
#cuisine01 .inner{ padding-top:10px;}
#cuisine01 .inner dl dd{ padding:0 30% 0 0; text-shadow:1px 1px #fff;}

#cuisine02{ background:#fffaee;}
#cuisine02 .inner dl{ float:right;}
#cuisine02 .inner .ph{ float:left;}

#cuisine03{ margin:0 0 30px 0;}
#cuisine03 .inner dl{ float:left;}
#cuisine03 .inner .ph{ float:right;}


.bnrSweets{ text-align:center;}



/*========================
	スイーツ＆ウエディングケーキ
=========================*/
#intro{text-align: center;padding: 0 3% 10px;}
#intro .h{ font-size:16px; font-weight: bold; margin: 0 0 10px;}

#sweetWrap{ padding:0 0 30px;}

#sweets{ max-width:inherit;}
/*パティシエ紹介*/
#sweets .patissirBox{ margin:0;}
#sweets .patissirBox .ph{ float:none; padding:0;}
#sweets .patissirBox .ph img{ width:100%;}
#sweets .patissirBox ul{ padding:20px 5%;}
#sweets .patissirBox ul li.en{ font-size:40px; font-family: 'Josefin Sans', sans-serif; text-align:right; line-height:80%;}
#sweets .patissirBox ul li.name{ font-size:30px; margin:0 0 10px;}
#sweets .patissirBox ul li.name span{ font-size:14px; font-family:"Times New Roman", Times, serif; font-style:italic; margin:0 0 0 10px; color:#999; letter-spacing:0.05em;}
#sweets .patissirBox ul li.txt{ line-height:130%;}

/*経歴*/
#sweets .history{ padding:35px 4%; border:none; margin:0;}
#sweets .history h3{ font-family: 'Josefin Sans', sans-serif; font-size:22px; margin:0 0 10px;}
#sweets .history table{ font-size:95%; line-height:140%;}
#sweets .history table th,
#sweets .history table td{ padding:2px 0;}
#sweets .history table th{ width:22%; vertical-align:top;}



/*========================
	GALLERY
=========================*/
.galleryArea{ text-align:center; padding:30px 0;}
.galleryArea h3{ font-size:90%; line-height:100%; margin:0 0 10px;}
.galleryArea h3 span{ font-size:30px;}
.galleryArea .subTxt{ margin:0 0 10px;}

ul.gallery{ overflow:hidden;}
ul.gallery li{ float:left; width:25%; margin:0; height:60px; overflow:hidden; text-align:center;}
ul.gallery li img{ height:100%; width:auto !important; max-width:inherit;}

}