/* common
-----------------------------------------*/
html #detail,
body#detail {
width: 830px;
}
@media screen and (max-width: 1200px){
html,
body {
width: 1200px;
}
html #detail,
body#detail {
width: 830px;
}
}
@media screen and (max-width: 550px){
html,
body,
html #detail,
body#detail {
width: 100%!important;
max-width:550px!important;
}
}

body {
	background-color:#fff;
	color:#824f32;
	font-size:16px;
	line-height:1;
	font-family: "YakuHanJP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
}
body.fixed {
position:fixed;
width: 100%;
height:100%;
}

a {
color:#824f32;
text-decoration:none;
opacity:1;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
}
a:visited { color:#824f32; text-decoration:none; }
a:link { color:#824f32; text-decoration:none; }
a:hover { color:#824f32; text-decoration:none; }
a:active { color:#824f32; text-decoration:none; }
a:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

img {
	max-width:100%;
	height:auto;
}

h1, h2, h3, h4, h5, h6 {
font-weight:600;
}
h3 { font-size:120%; }
h4 { font-size:112%; }

p { line-height:180%; font-size:85%; }
.txtL { text-align:left; }
.txtC { text-align:center; }
.txtR { text-align:right; }
.txtB { font-size:90%; }
.txtS { font-size:75%; line-height:160%; }
strong { font-weight:bold; }

.block { display:block; }
.fs0 { font-size:0; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.mr20 { margin-right:20px; }
.pb40 { padding-bottom:40px; }
.pb80 { padding-bottom:80px; }
.pl50 { padding-left:50px; }

.inline-block {
    letter-spacing: -.40em;
}
.inline-block li {
    display: inline-block;
    letter-spacing: normal;
}


/* layout
-----------------------------------------*/

#header {
position: fixed;
width:100%;
min-width:1200px;
background-color:rgba(255,255,255,.8);
box-shadow:0 5px 10px rgba(255,255,255,.8);
z-index: 100;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
font-weight:600;
}
#index #header {
opacity:0;
}
#index #header.fixed {
    opacity:1;
}
#header h1 {
width:72px;
padding:12px;
border:solid 2px #7ecef4;
background-color:#824f32;
position:absolute;
top:10px;
left:50%;
margin-left: -50px;
}
	#header h1 i {
	font-size:72px;
	color:#fff;
}
#contWrap {
padding:200px 0 0 0;
width:100%;
min-width:1200px;
overflow: hidden;
position:relative;
}
#index #contWrap {
margin: -20px 0 0 0;
}
	#contWrap .bkImg {
	position:absolute;
	z-index: -50;
	}
	#contWrap .bkImg.img01 {
	top:800px;
	left:50%;
	margin-left:474px;
	}
	#contWrap .bkImg.img02 {
	top:1700px;
	left:50%;
	margin-left:-956px;
	}
	#contWrap .bkImg.img03 {
	top:2500px;
	left:50%;
	margin-left:442px;
	}

#footer {
padding:30px 0 15px;
background: url(../images/common/ftBK.jpg) center center;
letter-spacing: 0.05em;
font-weight:600;
}
#footer dl {
width:960px;
margin:0 auto 80px;
}
#footer dt {
width:645px;
float: left;
font-size:75%;
}
	#footer dt li {
	width:230px;
	float: left;
	padding:0 10px 0 30px;
	}
	#footer dt li a {
	display: block;
	width: 100%;
	padding:15px 0 10px;
	border-bottom: dotted 1px #824f32;
	position:relative;
	}
	#footer dt li a::after {
	display:inline-block;
	position:absolute;
	content: "＞";
	font-size:75%;
	top:16px;
	right:0;
	}
#footer dd {
width:315px;
float: left;
padding:10px 0 0 0;
}
#footer dd h5 {
padding:15px 0;
}
#footer dd p {
line-height: 170%;
letter-spacing:0;
}
#copy {
font-size:70%;
}

/* Navigation */
#nav {
background:url(../images/common/hdBK.jpg) center top repeat-x;
font-weight: 600;
}
#nav ul {
padding:45px 0 0;
width:1170px;
margin:0 auto;
}
@media all and (-ms-high-contrast:none){
  #nav ul {
width:1190px;
} /* IE10 */
}
#nav li {
float:left;
font-size:75%;
text-align: center;
letter-spacing: 0.1em;
}
#nav li span {
display: block;
height:30px;
overflow:hidden;
}
#nav li i {
opacity:1;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
}
#nav li i:hover {
opacity: 0.6;
}
	#hdGateaux { padding:0 37px 0 48px; border-right: solid 1px #824f32; }
	#hdMaison { padding:0 37px 0 38px; border-right: solid 1px #824f32; }
	#hdChef { padding:0 37px 0 38px; margin-right: 266px; }
	#hdCours { padding:0 37px 0 34px; border-right: solid 1px #824f32; }
	#hdInfo { padding:0 34px 0 34px; margin-right: 6px; }
	
	#hdGateaux i { font-size:74px; }
	#hdMaison i { font-size:67px; }
	#hdChef i { font-size:40px; }
	#hdCours i { font-size:51px; }
	#hdInfo i { font-size:98px; }

.hdFBpc {
display: block;
text-align: right;
margin:5px 0;
}

/* contents
------------------------------------ */

/* common */
#pageTit {
text-align: center;
max-width:1200px;
margin:0 auto 60px;
padding:0 0 2px 0;
border-bottom: solid 2px #ad8376;
}
	#pageTit h2{
	padding:0 0 20px 0;
	border-bottom: solid 1px #ad8376;
	font-size:115%;
	letter-spacing: 0.2em
	}

.column2 li {
width:50%;
float:left;
}
.column3 li {
width:33%;
float: left;
}

.notis {
text-align: center;
color: #76a4ba;
}

.popImg1, .popImg2, .popImg3 {
opacity:0;
}

/* index */
	#loading img {
	position: absolute;
	top:50%;
	left:50%;
	margin:-72px 0 0 -110px;
	opacity:0.5;
	}
	#loading {
	z-index: 9998;
	display: block;
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background-color: #fff;
	opacity:1;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
	}
	#loading.loaded {
	opacity:0;
	z-index:-99;
	}
#topImg {
width:100%;
height:680px;
position: relative;
overflow: hidden;
text-align: center;
color:#fff;
}
	@-webkit-keyframes topImg {
	0% { transform: scale(1); }
	5% { transform: scale(1); }
	45% { transform: scale(1.2); }
	55% { transform: scale(1.2); }
	95% { transform: scale(1); }
	100% { transform: scale(1); }
	}
	@keyframes topImg {
	0% { transform: scale(1); }
	5% { transform: scale(1); }
	45% { transform: scale(1.2); }
	55% { transform: scale(1.2); }
	95% { transform: scale(1); }
	100% { transform: scale(1); }
	}
	#topImg::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(../images/index/hd.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	animation: topImg 40s linear infinite;
	z-index:-10;
	}
#topLogo {
position:absolute;
width:140px;
padding:24px;
top:50%;
margin-top:-96px;
left:50%;
margin-left:-96px;
border:solid 2px #7ecef4;
background-color:rgba(62,20,5,0.45);
}
	#topLogo i {
	font-size:140px;
	}
#downBtn {
position:absolute;
width:100%;
padding:0 0 5px 0;
bottom:0;
z-index:10;
}
	#downBtn a {
	color:#fff;
	font-size:30px;
	}
	#downBtn a i {
	opacity: 0.7;
	}

#topProd {
width:820px;
margin:0 auto 110px;
}
.topProd2 {
width:160px;
padding:80px 15px 0 0;
}
.topShop {
width:260px;
padding:20px 0 0 35px;
}

#topSaison {
width:820px;
margin:0 auto 130px;
padding:43px 0 10px;
background:url(../images/index/saisonBK01.png) no-repeat;
position:relative;
}
	#topSaison::after {
	display:block;
	width: 100%;
	position:absolute;
	content: " ";
	height:22px;
	bottom:-22px;
	left:0;	background:url(../images/index/saisonBK02.png) no-repeat;
	}
#topSaison h5 {
padding:10px 0;
border-bottom: solid 1px #824f32;
width:740px;
margin:0 auto 30px;
text-align: center;
letter-spacing: 0.1em;
}
#topSaison ul {
width: 776px;
margin:0 auto 30px;
}
#topSaison li {
width:200px;
padding:0 29px;
border-right: solid 1px #824f32;
}
#topSaison .saisonImg {
display:block;
width:200px;
height:150px;
overflow:hidden;
}
#topSaison li:last-child {
    border-right: none;
}
	#topSaison li.noborder {
	border:none;
	}
	#topSaison p.newIcon {
	margin:20px 0 0;
	line-height:120%;
	}
	#topSaison p.tit {
	margin:0 0 10px 0;
	}
	#topSaison p.content {
	margin:0 0 10px 0;
	}
#topSaison .btn {
width:720px;
margin:0 auto;
}

#topMap {
width:820px;
margin:0 auto 150px;
}
#topMap dt {
width: 470px;
padding:0 40px 120px 0;
float:left;
}
	.shopTit {
	width: 258px;
	height:31px;
	overflow: hidden;
	}
	.shopTit i {
	font-size:258px;
	}
#topMap dd {
width:310px;
float:left;
padding:50px 0 20px 0;
}
	#topMap dd h4 {
	padding:15px 0 30px;
	}
	#topMap p {
	line-height: 170%;
	}
#storeMap {
    width: 100%;
    height: 340px;
}

#topInfo {
width:820px;
margin:0 auto 150px;
padding:43px 0 10px;
background:url(../images/index/saisonBK01.png) no-repeat;
position:relative;
}
	#topInfo::after {
	display:block;
	width: 100%;
	position:absolute;
	content: " ";
	height:22px;
	bottom:-22px;
	left:0;	background:url(../images/index/saisonBK02.png) no-repeat;
	}
	#topInfo ul {
	padding:0 0 0 13px;
	}
	#topInfo li {
	width: 290px;
	padding:40px 50px 30px;
	float:left;
	}
#topInfo h5 {
padding:6px 0 15px;
text-align: center;
border-bottom: solid 1px #824f32;
margin:0 0 5px;
}
.topTopic {
padding:20px 0;
border-bottom:dotted 1px #824f32;
margin:0 10px;
position: relative;
}
.topTopic a {
display: block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.topTopic a:hover {
background-color:rgba(255,255,255,.3)
}
.topTopic .date {
padding:0 0 5px 0;
}
.topTopic.last {
border:none;
}
.topicsTit {
font-size:95%;
position: relative;
}
.topicsTit::after {
display:inline-block;
position:absolute;
content: "＞";
font-size:75%;
top:1px;
right:0;
}

.widget_bizcalendar h2 {
display:none;
padding-top:10px;
}
#biz_calendar {
  font-family: inherit;
  font-size:90%;
}
#biz_calendar p span.boxholiday {
  background-color: #e7d7c8;
}
#biz_calendar p span.boxeventday {
  background-color: #c7e9fa;
}
#biz_calendar table.bizcal {
  border: none;
  line-height: 1.6;
margin: 20px 0 10px;
border-collapse: separate;
}
#biz_calendar table.bizcal th {
  text-align: center;
  color: #824f32;
  background-color: #fff;
  border-bottom:solid 1px #b89d93;
  font-weight:inherit;
  margin-bottom:2px;
}
#biz_calendar table.bizcal th:first-child {
  color: #eb3e62;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: #7ecef4;
}
#biz_calendar table.bizcal td {
  color: #824f32;
  font-weight:inherit;
  border-top:solid 1px #fff;
  border-right:solid 1px #fff;
	padding: 3px 1px;
}
#biz_calendar table.bizcal .calmonth {
  font-weight: inherit;
  padding-bottom:5px;
}
#biz_calendar table.bizcal .holiday {
  background-color: #e7d7c8;
}
#biz_calendar table.bizcal .eventday {
  background-color: #c7e9fa;
}
#biz_calendar table.bizcal .today {
  font-weight: inherit;
  color: #824f32;
}
#biz_calendar table.bizcal .today a {
  font-weight: inherit;
  color: #824f32;
}
#biz_calendar table.bizcal img {
    vertical-align:top;
}

#topChef {
width:820px;
margin: 0 auto 90px;
}
#topChef dt {
width:170px;
text-align: center;
float: left;
padding:80px 66px 0 162px;
font-size:90%;
line-height:180%;
}

#topFB {
width:1040px;
margin: 0 auto 260px;
}

/* gateaux */
.gateauxList {
width:1190px;
margin:0 auto 80px;
position: relative;
}
	#anniversaire .gateauxList {
width:1020px;
}
.gateauxList img {
width:100%;
height:auto;
}
.gateauxList div.hidden {
  display: none;
}
.gateauxList li {
width:170px;
height:170px;
list-style:none;
}
#lesgateaux li.list1,
#lesgateaux li.list9,
#lesgateaux li.list18,
#lesgateaux li.list32,
#voyage li.list1,
#voyage li.list9,
#voyage li.list12,
#voyage li.list18,
#confiseries li.list1,
#confiseries li.list5,
#anniversaire .gateauxList li {
width:340px;
height:340px;
z-index:1;
}
	#cadeaux .gateauxList li {
	width:297px;
	height:297px;
	float:left;
	position:relative;
	}
	#cadeaux .gateauxList li a:hover {
	opacity: 1;
	}
	.gatPanel {
	position: absolute;
	width:100%;
	height:100%;
	text-align: center;
	top:0;
	left:0;
	background-color:rgba(73, 28, 15,.6);
	color:#fff;
	opacity:0;
	}
	.gatPanel:hover {
	opacity: 1;
	}

.gatPanel .logoMark {
padding:45px 0 15px 0;
}
	.gatPanel .logoMark i {
	font-size:35px;
	}
.gatPanel .gNameF {
font-size:160%;
letter-spacing: 0.1em;
padding:0 0 25px 0;
}
.gatPanel .gName {
font-size:110%;
padding:0 0 30px 0;
line-height:140%;
}
.gatPanel .price {
font-size:160%;
}
.gatPanel .price::before {
content: "¥ "
}
.gatPanel .price::after {
content: "（税抜）";
font-size:50%;
}

#gateauxCont {
width:920px;
margin:0 auto 260px;
}
#gateauxCont .contL {
width:500px;
margin:0 70px 0 10px;
padding:30px 0 0;
float:left;
}
	#gateauxCont .contL h3 {
	width:430px;
	line-height: 140%;
	padding: 0 35px 50px;
	}
	#gateauxCont .contL .contBox {
	border-left:solid 1px #824f32;
	border-right:solid 1px #824f32;
	}
	#gateauxCont .contL p {
	line-height: 170%;
	width:430px;
	padding: 0 34px 0;
	letter-spacing: 0.05em;
	}
#gateauxCont .contR {
width:340px;
float: left;
}
	#gateauxCont .contR .saison {
	padding:0 0 30px;
	}
	#gateauxCont .contR li {
	width:160px;
	padding:0 10px 10px 0;
	float: left;
	}
	#gateauxCont .contR .shop {
	padding:20px 0 0px;
	}
#lesgateaux #gateauxCont .lesgateaux,
#voyage #gateauxCont .voyage,
#confiseries #gateauxCont .confiseries,
#cadeaux #gateauxCont .cadeaux,
#anniversaire #gateauxCont .anniversaire {
display:none;
}

#prod01 {
width:820px;
margin: 0 auto 30px;
}
#prod02 {
width: 843px;
margin:0 auto 40px;
}
	#prod02 li {
	width:255px;
	padding:0 13px;
	}
#prod03 {
width:590px;
margin:0 auto 200px;
}
	#index #prod03 {
	margin:0 auto 160px;
	}

.fade-layer,
/*body#detail::before {
    content: '';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
}
body#detail.fade-layer-off:before{
    content: none;
}*/
.detailBody {
width:820px;
padding:5px;
position:relative;
}
.detailBody ul.cont {
width:690px;
margin:0 auto;
}
.detailBody .logoMark {
padding: 0 0 10px 0;
}
	.detailBody .logoMark i {
	font-size:30px;
	}
.detailBody .categ {
padding:0 0 35px 0;
}
.detailBody .gNameF {
font-size:200%;
padding:0 0 20px 0;
}
.detailBody .gName {
font-size:120%;
padding:0 0 10px 0;
line-height:140%;
}
.detailBody .price {
font-size:200%;
padding:0 0 30px 0;
text-align: right;
}
.detailBody .price::before {
content: "¥ "
}
.detailBody .price::after {
content: "（税抜）";
font-size:40%;
}

.swiper-button-next i,
.swiper-button-prev i {
font-size:30px;
}

/* ---dialog box−−− */
.close {
padding:5px 10px 10px 0;
text-align: right;
}
#mp-dialog {
  position:fixed;
  top:50%;
  left:50%;
  margin:-250px 0 0 -430px;
  width:830px;
  padding:10px;
  height:460px;
  background-color:#fff;
  border:solid 5px #7ecef4;
  z-index:1000;
  display:none;
}
#mp-dialog *:focus {
  outline:none;
}
#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color:#000;
  display:none;
}
#iframeContainer {
width:830px;
height:380px;
overflow: auto;
}
#iframeContainer object {
  width:830px;
  height:380px;
  border:none;
  background-color:#fff;
  overflow:visible;
}
@media screen and (min-width: 551px){
#cadeaux #mp-dialog {
height:530px;
margin:-290px 0 0 -430px;
}
#cadeaux #iframeContainer {
height:480px;
}
#cadeaux #iframeContainer object {
height:480px;
}
}

/* maison */
#maisonMap {
width:820px;
margin:0 auto 150px;
}
.maisonAdd {
padding:40px 0 0 0;
position: relative;
}
.maisonAdd li {
    display:inline-block;
	float:left;
}
	.maisonAdd .fL {
	border-right:solid 1px #824f32;
	padding:0 40px 20px 0;
	}
	.maisonAdd .fR {
	padding:0 0 0 40px;
	}
	.maisonFB {
	display: block;
	width:24px;
	position: absolute;
	top:40px;
	right: 0;
	}
	.shopTit {
	width: 258px;
	height:31px;
	overflow: hidden;
	}
	.shopTit i {
	font-size:258px;
	}
	.maisonAdd h4 {
	padding:15px 0 30px;
	}
	.maisonAdd p {
	line-height: 170%;
	}
_::-webkit-full-page-media, _:future, :root .maisonAdd p {
    font-weight:normal;
}
_::-webkit-full-page-media, _:future, :root .maisonAdd .fL {
	padding:0 30px 20px 0;
	}
.maisonCont {
width:700px;
margin: 0 auto 160px;
}
	.maisonCont h3 {
	padding:55px 0 50px;
	}
	.maisonCont h4 {
	font-family:Times New Roman, Times, serif;
	display: inline-block;
	font-size:200%;
	vertical-align: top;
	padding:0 25px 20px 0;
	font-style: italic;
	letter-spacing: 0.05em;
	font-weight: 300;
	}
	.maisonCont h5 {
	display: inline-block;
	padding:5px 0 0;
	vertical-align: top;
	font-size: 110%;
	letter-spacing: 0.1em;
	}
	.maisonCont.cont3 p {
	padding:0 0 100px 0;
	}

/* chef */
#chefImg {
padding:0 0 150px 0;
}
#career {
width:940px;
margin:0 auto 160px;
}
#career .fL table {
margin:0 0 0 30px;
}
#career td {
padding:5px 10px;
font-size:80%;
line-height: 160%
}
#career th {
text-align: center;
padding:0 0 20px 0;
font-size:110%;
letter-spacing: 0.5em
}
#career .year {
padding:5px 20px 5px 0;
border-right:solid 1px #824f32;
}
#career .loca {
padding:5px 10px 5px 20px;
white-space: nowrap;
}
#career .jusyo {
padding:5px 10px 5px 20px;
}

#book {
width: 980px;
margin: 0 auto 160px;
}
#book h3 {
width: 820px;
margin: 0 auto 35px;
text-align: center;
border-bottom:solid 1px #824f32;
padding: 0 0 10px 0;
font-size:200%;
font-style: italic;
letter-spacing: 0.05em;
}
#book .catch {
text-align: center;
padding:0 0 40px;
color:#76a4ba;
}
#book ul {
width:900px;
margin:0 0 0 80px;
}
#book li {
min-height:200px;
}
#book .bookSample {
float: left;
margin-right:25px;
}
#book li h5 {
line-height: 170%;
}
#chefFB {
width: 460px;
margin: 0 auto 260px;
}

/* cours */
#coursCont {
width:700px;
margin:25px auto 285px;
padding:20px 0;
position:relative;	background:url(../images/page/coursBK.png) repeat-y;
}
	#coursCont::before {
	display: block;
	position: absolute;
	width:100%;
	height:25px;
	content: " ";
	top:-25px;
	left:0;	background:url(../images/page/coursBK01.png) no-repeat;
	}
	#coursCont::after {
	display: block;
	position: absolute;
	width:100%;
	height:25px;
	content: " ";
	bottom:-25px;
	left:0;	background:url(../images/page/coursBK02.png) no-repeat;
	}
#coursCont table {
margin:0 0 50px 10px;
font-size:85%;
}
#coursCont table.last {
margin:0 0 20px 10px;
}
#coursCont th {
width:160px;
text-align: center;
vertical-align: middle;
border-right:solid 1px #824f32;
line-height: 180%;
}
#coursCont h4 {
font-size: 145%;
font-style: italic;
padding:0 0 8px 0;
}
#coursCont td {
padding:0 0 0 30px;
line-height: 180%;
vertical-align: middle;
}

/* information */
#list #pageTit,
#blog #pageTit {
margin-bottom:20px;
}
#list #main {
padding:0 0 260px;
}
#catLink {
width:1200px;
margin:0 auto 70px;
text-align: right;
font-size:85%;
}
#catLink li {
display: inline-block;
padding:0 10px;
border-right:solid 1px #824f32;
}
#catLink li.noborder {
border: none;
}
.infoList {
width: 961px;
margin: 0 auto 70px;
}
.infoList li {
width:200px;
height:300px;
margin:0 0 70px -1px;
padding: 0 19px 10px 20px;
border-left:solid 1px #824f32;
border-right:solid 1px #824f32;
float: left;
}
.listImg {
width:200px;
height:150px;
overflow:hidden;
background-color:#efefef;
}
.listImg img {
width:200px;
height:auto;
}
.infoList h4 {
line-height: 120%;
font-size:100%;
}

.pagenation {
width:1000px;
margin:0 auto;
text-align: right;
}
.pagenation li {
width: 20px;
height: 20px;
display: inline-block;
border:solid 1px #824f32;
text-align: center;
font-size:90%;
margin:0 3px;
}
.pagenation li.prev,
.pagenation li.next {
width:auto;
border:none;
}
.pagenation li a {
display: block;
height: 100%;
}
.pagenation li a,
.pagenation li.active {
padding-top:3px;
}
.pagenation li.active {
height:17px;
color:#fff;
background-color:#7ecef4;
border:solid 1px #7ecef4;
}

.infoBlog {
width:960px;
margin:0 auto 160px;
}
.meta {
width:118px;
padding: 15px 0;
margin:0 40px 0 0;
text-align: center;
border-left:solid 1px #824f32;
border-right:solid 1px #824f32;
float: left;
}
	.meta .cat {
	font-size: 75%;
	margin:0 0 30px;
	}
	.meta .date {
	line-height: 170%;
	}
.blogImg {
width: 360px;
padding:0 40px 0 0;
float:left;
}
.blogCont {
width: 400px;
float: left;
}
	.blogCont h3 {
	line-height: 120%;
	padding:25px 0 50px;
	}
	.blogCont p {
	padding:0 0 1em;
	}

.pageNation {
text-align: center;
margin:0 0 50px;
}
.pageNation img {
margin:0 0 40px;
}
.pageNation li {
font-family:Helvetica , sans-serif;
font-weight: normal;
padding:0 22px;
}
.pageNation li span {
display: inline-block;
width:40px;
font-size:75%;
padding-top:2%;
}
.pageNation li.next {
border-left:solid 1px #824f32;
}
.pageNation li.next:first-child {
    border: none;
}

#month {
width: 900px;
margin:0 auto 250px;
border-top:dotted 1px #824f32;
padding:20px 0 0;
font-size:75%;
}
#month h4,
#month li {
float: left;
}
#month h4 {
width:60px;
padding: 0 0 0 10px;
}
#month li {
width:68px;
border-right:solid 1px #824f32;
text-align: center;
}
#month li:last-child {
border:none;
}

/*Wordpress-----------------------------------------*/
.edit-link {
	display:none;
}
.sharedaddy {
	width:100%;
	text-align:right;
	padding-top:30px;
}
#workBox .sharedaddy h3,
#topics .sharedaddy h3,
.screen-reader-text {
	display:none;
}

/*mobile
-----------------------------------------*/
/*mobile対応*/
#btnOpen,
#btnClose {display:none;}
.hdFBmob {display: none;}
#downBtnDetail,
.downarrow { display: none; }

@media screen and (max-width: 550px){

body {
width:100%;
}
#header {
position:fixed;
width:100%;
min-width:100%;
height:60px;
background-color:transparent;
box-shadow:none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
background:url(../images/common/mobHd.png) center bottom repeat-x;
background-size:auto 100%;
}
#index #header {
opacity:1;
}
#index #header.fixed {
    opacity:1;
}
#header h1 {
width:60px;
padding:10px;
left:50%;
margin-left: -45px;
}
	#header h1 i {
	font-size:60px;
}
#btnOpen,
#btnClose {
display:block;
width:38px;
position:absolute;
top:15px;
right:20px;
}
#btnOpen a,
#btnClose a {
font-size:38px;
color:#fff;
}

#contWrap {
padding:160px 0 0 0;
width:100%;
min-width:100%;
}
#index #contWrap {
margin: 0;
}
	#contWrap .bkImg {
	display: none;
	}

#footer {
width:auto;
padding:0 20px 10px;
background: url(../images/common/mobNav.png) center top no-repeat;
}
#footer dl {
width:auto;
margin:0 auto 40px;
}
#footer dt {
width:100%;
float: none;
}
	#footer dt li {
	width:auto;
	float:none;
	padding:0;
	}
	#footer dt li a {
	display: block;
	width: auto;
	padding:15px 20px 10px 10px;
	line-height: 140%;
	font-size:110%;
	}
#footer dd {
width:auto;
float:none;
padding:50px 0 0 0;
letter-spacing: 0;
}
#footer dd h5 {
padding:15px 0;
}
#copy {
font-size:50%;
}

/* Navigation */
#nav {
display: none;
background:url(../images/common/mobNav.png) center top repeat;
background-size: 100% auto;
z-index: 500;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#nav ul {
padding:45px 0 0;
width:240px;
}
#nav ul::before {
display: block;
content: "\e903";
font-family: montplus;
font-size:60px;
color:#fff;
font-weight: normal;
text-align: center;
padding:0 0 20px 0;
}
#nav li {
float:none;
text-align: center;
letter-spacing: 0.1em;
}
#nav li span,
#nav li i {
display: none;
}
	#hdGateaux,
	#hdMaison,
	#hdChef,
	#hdCours {
	padding:0;
	margin:0;
	border-bottom: dotted 1px #824f32;
	border-right:none;
	}
	#hdInfo {
	padding:0px;
	margin:0;
	}
#nav li a {
display: block;
padding:20px 0;
font-size:140%;
}
.menuShop img {
width:180px;
height: auto;
}
#nav li .hdFBpc {
display: none;
}
#nav li .hdFBmob {
display: inline;
margin-top: -20px;
}

/* common */
#pageTit{
width:auto;
margin:0 20px 60px;
}

/* index */
#loading {
      z-index:9000;
	}
#topImg {
display:none;
z-index:9997;
position:fixed;
top:0;
height: 100%;
background:url(../images/index/hdMob.jpg) center center no-repeat;
background-size:auto 100%;
}
	#topImg::after {
	display:none;
	}

#topLogo {
display:none;
position:absolute;
width:100px;
padding:10px;
top:50%;
margin-top:-60px;
left:50%;
margin-left:-60px;
border:solid 2px #7ecef4;
background-color:rgba(62,20,5,0.45);
}
	#topLogo i {
	font-size:100px;
	}
#downBtn {
display: none;
}

#topProd {
width:auto;
margin:0 auto 110px;
padding:0 20px;
}
	#topProd .column2 img {
	width:98%;
	}
#topProd ul.inline-block {
text-align: center;
}
.topProd2 {
width:32.3%;
padding:20px 1% 0 0;
}
.topShop {
width:200px;
padding:20px 0 0 0;
}
#index #prod03 {
margin-bottom: 80px;
}

#topSaison {
width:auto;
margin:0 20px 100px;
padding:20px;
background:none;
border:double 3px #824f32;
}
	#topSaison::after {
	display:none
	}
#topSaison h5 {
width:98%;
}
#topSaison ul {
width:98%;
margin:0 auto;
}
#topSaison li {
width:100%;
padding:0 0 30px;
border:none;
}
	#topSaison .saisonImg {
	display: block;
	text-align: center;
	width: 100%;
	height: 200px;
	}
	#topSaison .saisonImg img {
	width:80%;
	}
	#topSaison p.cont {
	padding:20px 0 10px;
	height:auto;
	}
#topSaison .btn {
width:98%;
text-align: center;
}

#topMap {
width:auto;
margin:0 auto 100px;
padding: 0 20px;
}
#topMap dt {
width: auto;
padding:0 0 20px;
float:none;
}
	.shopTit {
	width: 258px;
	height:31px;
	overflow: hidden;
	}
	.shopTit i {
	font-size:258px;
	}
#topMap dd {
width:auto;
float:none;
padding:0 0 20px;
}
	#topMap dd h4 {
	padding:15px 0 30px;
	}
	#topMap p {
	line-height: 170%;
	}
#topMap iframe {
width:100%;
}

#topInfo {
width:auto;
margin:0 20px 100px;
padding:20px;
background:none;
border:double 3px #824f32;
}
	#topInfo::after {
	display:none
	}
	#topInfo ul {
	padding:0;
	}
	#topInfo li {
	width: auto;
	padding:0 0 30px;
	float:none;
	}
#topInfo .topicsTit {
    padding:0 20px 0 0;
}

#topChef {
width:auto;
margin: 0 20px 90px;
}
#topChef dt {
width:auto;
float: none;
padding:0 0 500px;
background: url(../images/index/chefImgM.jpg) center bottom no-repeat;
background-size: 320px auto;
}
#topChef dd {
display: none;
}

#topFB {
width:auto;
margin: 0 20px 100px;
}
#topFB .column2 li {
width:100%;
float: none;
padding:0 0 30px 0;
}

/* gateaux */
#prod01,
#prod02,
#prod03 {
width:auto;
margin:0 auto 10px;
padding:0 20px;
}
	#prod01 .column2 img,
	#prod03 .column2 img {
	width:98%;
	}
	#prod02 li {
    width: 30%;
    padding: 0 2% 10px;
	}
	#prod02 li:first-child {
	margin-left:-2%;
	}
	#prod03 {
	margin-bottom:110px;
	}

.gateauxList {
width:auto;
margin: 0 20px 50px;
position:static;
text-align: center;
}
#anniversaire .gateauxList {
width:auto;
margin: 0 20px 50px;
}
.gateauxList img {
width:100%;
height:auto;
}
.gateauxList ul {
    letter-spacing: -.40em;
}
.gateauxList li {
width:31%;
height:auto;
padding:5px 1%;
display: inline-block;
position:static!important;
letter-spacing:normal;
}
#lesgateaux li.list1,
#lesgateaux li.list9,
#lesgateaux li.list18,
#lesgateaux li.list32,
#voyage li.list1,
#voyage li.list9,
#voyage li.list12,
#voyage li.list18,
#confiseries li.list1,
#confiseries li.list5 {
width:31%;
height:auto;
}
#anniversaire .gateauxList li {
width:280px;
height:280px;
padding:5px;
}
	#cadeaux .gateauxList li {
	width:31%;
	height:auto;
	padding:5px 1%;
	display: inline-block;
	position: relative;
	}
	.gatPanel {
	display:none;
	}

#gateauxCont {
width:auto;
margin: 0 20px 100px
}
#gateauxCont .contL {
width:100%;
margin:0;
padding:0 0 80px;
float:none;
}
	#gateauxCont .contL h3 {
	width:100%;
	padding: 0 0 30px;
	}
	#gateauxCont .contL .contBox {
	border:none;
	}
	#gateauxCont .contL p {
	width:auto;
	padding: 0 10px;
	letter-spacing: none;
	}
#gateauxCont .contR {
width:100%;
float:none;
text-align: center;
}
	#gateauxCont .contR img {
	width:100%;
	}
	#gateauxCont .contR .saison {
	padding:0 0 10px;
	}
	#gateauxCont .contR li {
	width:47%;
	padding:0 1% 10px;
	float:none;
	display: inline-block;
	}
	#gateauxCont .contR .shop {
	padding:10px 0 0px;
	}
	
#mp-dialog {
  top:50%;
  left:50%;
  margin:-230px 0 0 -165px;
  width:300px;
  padding:10px;
  height:450px;
overflow: hidden;
}
#iframeContainer {
width:100%;
height:400px;
overflow: hidden;
}
#iframeContainer object {
  width:100%;
  height:400px;
  overflow:hidden;
}
.swiper-wrap {
height:400px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
}

.detailBody {
width:280px;
padding:0;
margin:10px auto;
}
.detailBody ul.cont {
width:100%;
}
.detailBody .column2 li {
    width: 100%;
    float: none;
	text-align:center;
	padding:0 0 30px 0;
}
.detailBody .column2 li img[width="330"] {
width:280px;
height:auto;
}
.detailBody .column2 li .pt10 {
padding-top:30px;
}
.detailBody .column2 li .pl50 {
padding-left:0;
}
.detailBody .price {
text-align: center;
}
.detailBody .column2 li p {
text-align: left;
}
.detailBody .column2 li p.txtR {
text-align: right;
}
	.post-navigation .nav-previous {
	left:0;
	}
	.post-navigation .nav-next {
	right:0;
	}
#downBtnDetail {
display: block;
position:absolute;
top:270px;
left:0;
width:100%;
padding:5px 0 0;
text-align: center;
z-index:300;
background-color: rgba(255, 255, 255, .5);
}

/* maison */
#maisonMap {
width:auto;
margin: 0 20px 50px;
}
#maisonMap dt {
width: 100%;
padding:0;
float:none;
}
#maisonMap dd {
width: 100%;
padding:30px 0;
float:none;
}
#maisonMap iframe {
width:100%;
}
.maisonAdd {
padding:40px 0 0 0;
position: static;
}
.maisonAdd li {
   width:100%;
}
	.maisonAdd .fL {
	border:none;
	padding:0 0 20px;
	}
	.maisonAdd .fR {
	padding:0 0 20px;
	}
	.maisonFB {
	display: block;
	width:48px;
	position: static;
	}
_::-webkit-full-page-media, _:future, :root .maisonAdd p {
    font-weight:600;
	}
.maisonCont {
width:auto;
margin: 0 20px 60px;
}
	.maisonCont h3 {
	line-height: 160%;
	padding:30px 0 50px;
	}
	.maisonCont h4 {
	letter-spacing: 0;
	padding: 0 15px 20px 0;
	}
	.maisonCont h5 {
	letter-spacing: 0;
	}
	.maisonCont.cont3 p {
	padding:0 0 50px 0;
	}

/* chef */
#chefImg {
width:auto;
margin: 0 20px 50px;
padding:0;
}
#career {
width:auto;
margin: 0 20px 50px;
}
#career .column2 li {
    width:100%;
    float:none;
}
#career .fL table {
margin:0 0 50px;
}
#career .year {
white-space: nowrap;
}

#book {
width:auto;
margin: 0 20px 50px;
}
#book h3 {
width: 100%;
}
#book .catch {
line-height: 160%;
}
#book ul {
width:100%;
margin:0 0 40px;
}
#book li {
width:46%;
padding:0 2% 30px;
}
#book .bookSample {
float: none;
margin:0 auto 10px;
}
#chefFB {
width:auto;
margin: 0 20px 60px;
}

/* cours */
.notis {
width:auto;
margin: 0 20px;
}
#coursCont {
width:auto;
margin: 0 10px 160px;
padding:30px 20px;
position:static;
background:none;
border:double 3px #824f32;
}
	#coursCont::before {
	display: none;
	}
	#coursCont::after {
	display: none;
	}
#coursCont table {
margin:0 0 40px;
width:100%;
}
#coursCont table.last {
margin:0;
}
#coursCont th {
display:block;
width:100%;
padding:0 0 10px 0;
margin:0 0 20px 0;
text-align: center;
border-right:none;
border-bottom:solid 1px #824f32;
}
#coursCont td {
display:block;
padding:0;
}

/* information */
#list #pageTit,
#blog #pageTit {
margin-bottom:20px;
}
#list #main {
padding:0 0 160px;
}
#catLink {
width:auto;
margin:0 20px 70px;
text-align: center;
}
.infoList {
width: auto;
margin: 0 20px;
}
.infoList li {
width:auto;
margin:0 0 80px;
padding: 0;
border:none;
float:none;
}
.listImg {
width:280px;
height:210px;
overflow:hidden;
margin:0 auto;
line-height: 1em;
}
.listImg img {
width:100%;
height:auto;
}

.pagenation {
width:auto;
margin:0 20px;
text-align: center;
}

.infoBlog {
width:auto;
margin:0 20px 60px;
}
.meta {
width:100%;
padding: 0;
margin:0;
text-align: left;
border:none;
float: none;
}
	.meta .cat {
	margin:0;
	}
	.meta .date {
	margin:0 0 10px 0;
	}
	.meta .date br {
	display:none;
	}
.blogImg {
width: 100%;
float:none;
text-align:center;
}
.blogCont {
width:100%;
float: none;
}
	.blogCont h3 {
	padding:25px 0 30px;
	}

#month {
width: auto;
margin:0 20px 50px;
}
#month h4 {
float: none;
padding: 0 0 10px 0;
}
#month li {
width:68px;
border:none;
padding:0 0 10px;
}

.arrowCover {
position:absolute;
width:100%;
bottom:0;
height:20px;
background-color:#fff;
}
.downArrow {
	display:block;
	position:fixed;
	left:50%;
	top:380px;
	padding-top: 20px;
}
.downArrow span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	border-left: 1px solid #824f32;
	border-bottom: 1px solid #824f32;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-5px, 5px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-5px, 5px);
		opacity: 0;
	}
}

}

@media screen and (max-width: 400px){
.gateauxList div.hidden,
.gateauxList li {
width:47%
}
.gateauxList li.big,
#lesgateaux li.list1,
#lesgateaux li.list9,
#lesgateaux li.list18,
#lesgateaux li.list32,
#voyage li.list1,
#voyage li.list9,
#voyage li.list12,
#voyage li.list18,
#confiseries li.list1,
#confiseries li.list5 {
width:47%;
}
	#cadeaux .gateauxList li {
	width:47%;
	}
}