@charset "UTF-8";
/*-----------------------------------------
/*
/* 共通部分 layout
/*
/*----------------------------------------*/
body {
	/*font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;*/
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 14px;
	background-color:#fff;
	color:#333335;
	/*min-width:1116px;*/
}

h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }

a:link { color:#7a6a55; text-decoration:none; display:inline-block; }
a:visited { color:#7a6a55; text-decoration:none; display:inline-block; }
a:hover { color:#7a6a55; text-decoration:none; display:inline-block; opacity:0.7;}

.ta-left{ text-align:left !important; }
.ta-right{ text-align:right !important; }
.ta-center{ text-align:center !important; }

/* margin */
.mb-h{ margin-bottom: 18px; }
.mb-1{ margin-bottom: 36px; }
.mb-2{ margin-bottom: 72px; }

/**/
.color-blue { color: #0260b3; }
.color-gray { color: #99999a; }

/* font-size */
small{font-size:12px;line-height: 1.5em !important;}
.fs-25{font-size: 25px;}
.fs-40{font-size: 40px;}
.fs-48{font-size: 48px;}

/*img*/
.kv-bar img
{ width:100%;max-width:640px; }
#instagram ul img,#shop-info .container img
{ width:100%;}

/* font-weight */
.fwB{ font-weight: bold; }


/* block 
/*---------------------------------------*/

/*body{background-color:#ccc;}*/
.inner{max-width:1200px;margin:0 auto;}
.row{margin:0;}


/* section */
section{width:100%;padding:50px 0;box-sizing:border-box;}
section.black{ background-color:#000;}
section.bg{ background-image:url(../images/common/bg-menu.png);background-repeat:repeat;}


/* bnr-link */
.bnr-link{
	padding:50px 0;
}
.bnr-link ul{
	text-align:center;
	overflow: hidden;
}
.bnr-link ul li{
	float: left;
	width:25%;
	padding: 0 10px;
	box-sizing:border-box;
}
.bnr-link ul li img{
	width:100%;
}


/* header 
/*---------------------------------------*/
#top-head {
	top:-100px;
	/*position:fixed;*/
	position:absolute;
	width:100%;
	margin:100px auto 0;
	padding:30px 0 0;
	background-color:#fff;
	box-shadow:0px 0px 3px 0px #000000;
}
/*#top-head:after {
	content:"";
	display:block;
	width:1000px;
	height:1px;
	margin: 30px auto 0;
	background-color:#f00;
}*/
#top-head .inner{
	position:relative;
	padding-top: 10px;
	height: 160px;
}

/* nav */
#top-head .logo{
	text-align:center;
}
#global-nav ul{
	margin: 1rem auto;
  text-align: center;
}
#global-nav ul li{
	display:inline;
}
#global-nav ul li a{
	padding:0 15px;
}

/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 0;
	height: 160px;
	background: #fff;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	z-index: 999;
}
/*#top-head.fixed .logo {
	width:25%;
	text-align:left;
	margin-left:20px;
}*/
/*#top-head.fixed .logo img{
	width:50%;
}*/
/*#top-head.fixed #global-nav {
	position: absolute;
  bottom: 0;
	left: 0;
}*/
#top-head.fixed #global-nav ul li a {
	color: #333;
	margin: 0;
	padding: 0 25px;
}
 
/* Fixed /
#top-head.fixed {
    padding-top: 15px;
    background: rgba(255,255,255,.7);
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed:after {
    width: 100%;
    margin-top: 20px;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}*/

/* transition */
#top-head,
#top-head:after,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 10px;
    top: 30px;
    width: 34px;
    height: 36px;
		margin-right:20px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/* kv
/*---------------------------------------*/
.kv{
	width: 100%;
	height: 470px;
	text-align: center;
	display: table;
	margin-top: 184px;
}
.kv-inner{
	display: table-cell;
	vertical-align: middle;
}
.kv img{
	width: 100%;
}
.kv img.logo{
	width: inherit;
}
.kv-bar{
	padding: 10px 0;
	text-align: center;
	background-color: #bfac92;
}
#pancake .kv{
	background-image:url(../images/pancake/header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#parfait .kv{
	background-image:url(../images/parfait/header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#drink .kv{
	background-image:url(../images/drink/header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}


/* top
/*---------------------------------------*/
/* shime */
#shime {color:#fff;}

/* insta */
#instagram ul{ display: table; }
#instagram ul li{
	width: 25%;
	margin-bottom: 20px;
	/*display: inline-block;*/
	display: inline-table;
	vertical-align: middle;
}
#instagram ul li img{
	width: 100%;
}
#instagram ul li .insta-list-bg{
	background-color: #F6F4F2;
	width: 100%;height: 100%;
	display: block;
}
/*#instagram .list img{ width:100%; }*/


/* shop-info */
#shop-info dl{
	overflow: hidden;
	font-size: 12px;
	border-bottom: solid 1px #7a6a55;
}
#shop-info dl dt{
	width: 30%;
	padding: 10px 0 3px;
	clear: both;
	float: left;
	border-top: solid 1px #7a6a55;
}
#shop-info dl dd{
	width: 70%;
	padding: 10px 0 3px;
	float: left;
	border-top: solid 1px #7a6a55;
}
#shop-info dl dd:first-child{
	border-top: none;
}

/* news */
#news dl{
	overflow: hidden;
	font-size: 14px;
	border-bottom: solid 1px #7a6a55;
}
#news dl dt{
	width: 30%;
	padding: 10px 0 3px;
	clear: both;
	float: left;
	border-top: solid 1px #7a6a55;
}
#news dl dd{
	width: 70%;
	padding: 10px 0 3px;
	float: left;
	border-top: solid 1px #7a6a55;
}
#news dl dd:first-child{
	border-top: none;
}


/* map */
	

/* link-btn */
p.link-btn{
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
	border: solid 2px #7a6a55;
	background-color: #fff;
}
p.link-btn a{
	display: block;
	text-align: center;
}
p.link-btn:hover{
	opacity: 0.7;
}
p.link-btn:hover a {
	color:#333;
}
/*#shime p.link-btn:hover a {
	color:#fefefe;
}*/
#shime p.link-btn:hover{
	opacity: 1;
}



/* pancake
/*---------------------------------------*/
#pancake #about img{
	width: 100%;
}
#pancake section .container h2 img{
	width: 100%;
}
#pancake p.category{
	display: inline-block;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
}
#pancake p.category.maple{background-color: #7a463a;}
#pancake p.category.maccya{background-color: #638c0b;}
#pancake p.category.kuromitsu{background-color: #362e2b;}
#pancake p.category.lunch{background-color: #d01e43;}

/* kids */
section.kids{background-color: #fdfce5;}
.kids .container{
	background-color: #fdfce5;
	border: 20px solid #fff;
	padding: 20px;
	box-sizing: border-box;
}

section.softdrink{
	background-color: #f9f4ed;
}

section.lunch{
	background-color: #ffaf56;
}


/* parfait
/*---------------------------------------*/
/* cremia */
section.cremia{background-color: #f0e9e1;}
.cremia .container{
	background-color: #f0e9e1;
	border: 10px solid #b28850;
	padding: 20px;
	box-sizing: border-box;
}


/* footer 
/*---------------------------------------*/
footer {color:#7a6a55;}
.foot-address, .copyright{
	text-align:center;
	font-size: 12px;
}
.copyright{
	padding:9px 0;
	border-top:solid 1px #7a6a55;
}

/* pagetop */
.pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
	font-size: 20px;
	background-color: #cccac6;
	display: inline-block;
	border-radius: 5px;
}
.pagetop a {
	padding: 5px 15px;
	display: block;
	color: #fff;
}
.pagetop a:hover {
	opacity: 0.7;
}

/*tel link*/
a[href^="tel:"] { cursor: default;opacity:1; }

/*.last div{
	display: inline-block;
	text-align: center;
}*/