@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

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

body{
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	height: 100%;
	color: #000;
	line-height: 1em;
	letter-spacing: 0.1em;
	overflow-x: hidden;
	font-family: 'Noto Sans JP', sans-serif;
}

html{
}

body, html{
	height: 100%;
}

*{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.clearfix:after{
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
}

.clear{
	clear: both;
}

.left{
	float: left;
}

.right{
	float: right;
}

.block{
	overflow: hidden;
}

.drawr{
	display: none;
}

img{
	backface-visibility: hidden;
}

a{
	transition: 0.1s;
}
a img{
	transition: 0.3s;
}

a:hover img{
	opacity: 0.8;
	backface-visibility: hidden;
}

.tab{overflow:hidden;}
.tab li{
	box-sizing: border-box;
	width:50%;
	background-color: #b39642;
	color:#ffffff;
	float: left;
	border-left: 1px solid #b39642;
	border-right: 1px solid #b39642;
	border-top: 1px solid #b39642;
	font-size: 24px;
	line-height: 24px;
	padding: 25px 0px;
	height: auto !important;
	line-height: inherit !important;
}
.tab li.select{
	background-color: #fafaf0;
	color:#000000;
}
.content li{
	background-color: #fafaf0;
	border-left: 1px solid #b39642;
	border-right: 1px solid #b39642;
	border-bottom: 1px solid #b39642;
	padding: 30px 25px 0px 25px;
}
.hide {display:none;}
.thum-img{
	overflow: hidden;
}
.thum-img div{
	float: left;
	margin: 0px 9px 30px;
}
.thum-img div p{
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	letter-spacing: 0.005em;
}
#content-d li{
	padding: 35px 15px 0px 15px;
}
#content-d li img{
	width: 245px;
}
#content-d .thum-img div{
	margin: 0px 5px 30px;
	width: 245px;
}




.tab2{overflow:hidden;}
.tab2 li{
}
.tab2 li.select{
}
.content2 li{
	text-align: left;
}
.hide {display:none;}


/*----------------------------menu----------------------------*/

/* :::::: toggle button (right):::::: */
 
#navTgl {
  display: none;
}
 
label.openx,
label.close {
  cursor: pointer;
  position: fixed;
  top: 12px;
  right: 0;
}
 
.openx {
  display: none;
  z-index: 10;
  margin-right: 15px;
  background-image: url(../image/common/hum.png);
  background-size: 30px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 30px;
  height: 30px;
  font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
}
 
#navTgl:checked + .open {
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
}
 
.close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
 
/* :::::: drawer menu :::::: */
 
nav.menu {
  z-index: 1;
  text-align: left;
  position: fixed;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  background-color: #fafaf0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}
 
#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

nav.menu p{
	padding: 15px 0px;
}
 
nav.menu p,
nav.menu li a {
  color: #000;
}
 
nav.menu p {
  text-align: center;
}
 
nav.menu ul {
  padding: 0;
  list-style-type:none;
}
 
nav.menu li {
  border-bottom: 1px solid #b39642;
  font-size: 12px;
  line-height: 1.4;
}

nav.menu li span{
	padding-left: 10px;
	font-size: 10px;
}
 
nav.menu li:first-child {
  border-top: 1px solid #b39642;
}
 
nav.menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
}
 
nav.menu li a:hover {
  background-color: #b39642;
  color:#fff;
}

/*----------------------------requisite----------------------------*/

#globalheader{
	width: 100%;
	background-color: rgba(255,255,255,0.75);
	padding: 20px 0px;
	position: fixed;
	z-index: 1;
}

#globalheader #header{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

#globalheader #header h1{
	float: left;
	margin-top: 3px;
    width: 15%;
}

#globalheader #header ul{
	float: left;
	overflow: hidden;
}

#globalheader #header ul li{
	float: left;
	font-size: 12px;
	margin-left: 18px;
	background-repeat: no-repeat;
	background-position: right top 2px;
}

#globalheader #header ul li a{
	color:#000;
	text-decoration: none;
}

#globalheader #header ul li a:hover{
	text-decoration: underline;
}

#globalheader #header ul li:nth-child(1){
	background-image: url(../image/common/icon1.png);
	padding-right: 12px;
}
#globalheader #header ul li:nth-child(2){
	background-image: url(../image/common/icon2.png);
	padding-right: 12px;
}

#globalheader #header ul li:nth-child(3){
	background-image: url(../image/common/iconkfh.png);
	padding-right: 12px;
}

#globalheader #header ul li:nth-child(4){
	background-image: url(../image/common/icon3.png);
	padding-right: 12px;
}
#globalheader #header ul li:nth-child(5){
	background-image: url(../image/common/icon4.png);
	padding-right: 12px;
}
#globalheader #header ul li:nth-child(6){
	background-image: url(../image/common/icon5.png);
	padding-right: 12px;
}
#globalheader #header ul li:nth-child(7){
	background-image: url(../image/common/icon6.png);
	padding-right: 12px;
}
#globalheader #header ul li:nth-child(8){
	background-image: url(../image/common/icon7.png);
	padding-right: 18px;
}
#globalheader #header ul li:nth-child(9){
	background-image: url(../image/common/icon8.png);
	padding-right: 12px;
}

#smp-ft-fixed li:nth-child(1){
	background-image: url(../image/common/icon7.png);
	background-repeat: no-repeat;
	background-position: right 15% top;
}

#smp-ft-fixed li:nth-child(2){
	background-image: url(../image/common/icon8.png);
	background-repeat: no-repeat;
	background-position: right 15% top 3px;
	border: none;
}

#smp-ft-fixed{
	width: 100%;
	position: fixed;
	bottom: 0px;
	display: block;
	background-color: #fff;
	padding: 10px 0px;
	font-size: 12px;
}
#smp-ft-fixed li{
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
	border-right: 1px solid #000;
}

#smp-ft-fixed li span{
	display: block;
	font-size: 10px;
}

#smp-ft-fixed a{
	color:#000;
	text-decoration: none;
}

#globalheader #header ul li span{
	display: block;
	font-size: 7px;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
}

#main-frame{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	padding: 20px 0px 0px;
}

#main-frames{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	padding: 10px 0px 75px;
}

p#important-txt{
	text-align: right;
	font-size: 12px;
}

p#important-txt a{
	color:#000;
	text-decoration: underline;
}

p#important-txt a:hover{
	text-decoration: none;
}

#globalfooter{
	background-color: #242424;
	padding: 20px 0px 15px;
	text-align: center;
	color:#fff;
}

address{
	font-style: inherit;
	font-size: 12px;
}

h2.sub-ttl{
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	padding-top: 25px;
	padding-bottom: 25px;
}

.st-spc{
	margin-top: 35px;
}

h2.sub-ttl span{
	display: block;
	padding-top: 5px;
	font-size: 10px;
	line-height: 10px;
}

.banner-list{
	overflow: hidden;
	margin-bottom: 30px;
}

.banner-upper{
	padding-top: 70px;
	/*padding-bottom: 30px;*/
}

#about-banner{
	text-align: center;
	padding: 65px 0px 50px;
}


.banner-list div {
    /*float: left;*/
    margin-bottom: 3%;
    display: inline-block;
	width: calc(95%/2);
}
.banner-list div:nth-child(odd) {
    margin-right: 40px;
}
.banner-list div.center {
    float: none;
    text-align: center;
    margin-right: 0;
}
.banner-list div:last-child {
    margin-right: 0;
}

.banner-u-sp {
    display: none !important;
}
.banner-u-pc {
    display: inline-block!important;
}

@media only screen and (max-width: 767px){
.banner-list div {
    float: none;
    margin-bottom: 4%;
	width: 100%;
}
.banner-list div:nth-child(odd) {
    margin-right: 0;
}
.banner-u-pc {
    display: none !important;
}
 .banner-u-sp {
    display: block !important;
    float: left !important;
    width: calc(96%/2) !important;
    margin-right: 4% !important;
}
.banner-u-sp:nth-child(even) {
    margin-right: 0 !important;
}

}


ul#blog-clum,
ul#footer-banner,
ul#products{
	text-align: center;
}

ul#products{
	padding-top: 100px;
}

ul#blog-clum li{
	display: inline-block;
	list-style: none;
	*display: inline;  
	*zoom: 1;
	margin: 0px 10px;
	width: 370px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

ul#products li{
	display: inline-block;
	list-style: none;
	*display: inline;  
	*zoom: 1;
	margin: 0px 5px;
}

ul#footer-banner li{
	display: inline-block;
	list-style: none;
	*display: inline;  
	*zoom: 1;
	margin: 0px 10px;
}

ul#blog-clum li p{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0px 10px 5px;
	text-align: left;
}

ul#blog-clum li span{
	display: block;
	font-size: 14px;
	padding-bottom: 5px;
}

.wp-list a{
	display: block;
	width: 300px;
	margin: 60px auto 0;
	height: 40px;
	line-height: 40px;
	border: 1px solid #000;
	font-size: 12px;
	color:#000;
	text-align: center;
	text-decoration: none;
}

.wp-list a:hover{
	background-color: #000;
	color:#fff;
}

#insta{
	text-align: center;
	margin-bottom: 30px;
}

#tringle{
	text-align: center;
	height: 14px;
}

#tringle a:hover img{
	opacity: 1;
}

#tringle img{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#pagetop{
	text-align: center;
	padding-bottom: 25px;
}

#footer-nav{
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
}

#footer-nav p{
	padding-bottom: 5px;
	display: inline-block;
	font-size: 12px;
	margin: 0px 10px;
}

#footer-nav p a{
	color:#fff;
	text-decoration: none;
}

#footer-nav p a:hover{
	text-decoration: underline;
}

.main-imgs{
	height: 442px;
	background-repeat: no-repeat;
	background-position: center top;
}

.main-imgs h2{
	font-size: 40px;
	line-height: 40px;
	color:#fff;
	padding-top: 205px;
	font-weight: 500;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}

.main-imgs h2 span{
	display: block;
	font-size: 22px;
	line-height: 22px;
	padding-top: 10px;
	font-weight: 300;
}

#reserve{
	background-image: url(../image/reserve/bg.jpg);
}

#shop-list{
	background-image: url(../image/shoplist/bg.jpg);
}

#restaurant-cafe{
	background-image: url(../image/restaurant-cafe/bg.jpg);
}
#kfh{
	background-image: url(../image/kfh/bg.jpg);
	/*background-size: 1440px;*/
}

#patisserie{
	background-image: url(../image/patisserie/PK_1101brandtop.jpg);
}

#site-map{
	background-image: url(../image/sitemap/bg.jpg);
}

#about-us{
	background-image: url(../image/aboutus/bg.jpg);
}

#about-r-us{
	background-image: url(../image/aboutus/restaurant/aboutRestaurant_bg_photo.png);
}

#about-p-us{
	background-image: url(../image/aboutus/patisserie/aboutPatisserie_bg_photo.png);
}

#about-c-us{
	background-image: url(../image/aboutus/cafe/cafe_top_1440_442.jpg);
}

#blog{
	background-image: url(../image/blog/bg.jpg);
}

#news{
	background-image: url(../image/news/bg.jpg);
}

p#pan{
	/*padding-top: 25px;*/
	font-size: 12px;
	text-align: left;
	padding-bottom: 6%;
}
/*div#main-frames h2:first-child{
	margin-bottom: 6%;
}*/

p#pan a{
	color:#000;
	text-decoration: none;
}

p#pan a:hover{
	text-decoration: underline;
}

h2.center-ttl{
	padding-top: 40px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
}

p.center-txt{
	padding-top: 40px;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 300;
	padding: 20px 0px 55px;
}

p#choose{
	background-color: #f9f9ef;
	padding: 25px 0px;
	border-top: 1px solid #b29542;
	border-bottom: 1px solid #b29542;
	font-size: 26px;
	line-height: 26px;
	color:#ae9242;
	font-weight: 500;
}

.choose-clum{
	overflow: hidden;
	padding-top: 50px;
}

.choose-clum .d-left,
.choose-clum .d-right{
	width: 590px;
	overflow: hidden;
}

.choose-clum .d-left{
	float: left;
}

.choose-clum .d-right{
	float: right;
}

.choose-clum p.d-name{
	clear: both;
	font-size: 24px;
	line-height: 24px;
	color:#ae9242;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 20px 0px;
}

.choose-clum .d-left-btn{
	float: left;
	margin-left: 15px;
}

.choose-clum .d-right-btn{
	float: right;
	margin-right: 15px;
}

.choose-clum .d-left-btn a,
.choose-clum .d-right-btn a{
	background-color: #ae9242;
	border: 1px solid #ae9242;
	width: 260px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	display: block;
	color:#f9f9ef;
	text-decoration: none;
}

.choose-clum .d-left-btn a:hover,
.choose-clum .d-right-btn a:hover{
	background-color: #f9f9ef;
	color:#ae9242;
}

.choose-clum p.d-txt{
	clear: both;
	font-size: 14px;
	line-height: 1.7em;
	padding: 20px 0px 0px;
}

p#inner-important{
	text-align: center;
	font-size: 12px;
	padding-top: 100px;
}

p#inner-important a{
	color:#000;
}

p#inner-important a:hover{
	text-decoration: none;
}

ul.sl-list{
	text-align: left;
}

ul.sl-list li{
	display: inline-table;
	list-style: none;
	*display: inline;  
	*zoom: 1;
	margin: 0px 12px;
	padding-bottom: 40px;
}

ul.sl-list li p{
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
	letter-spacing: 0.05em;
}

#sl-logo{
	text-align: center;
	padding: 45px 0px;
}

#shop-txt{
	text-align: center;
	padding-bottom: 15px;
}

#shop-company{
	text-align: center;
}

#shop-company img{
	margin: 0px 15px;
}

#abt-txt{
	text-align: center;
	padding-top: 45px;
	font-size: 18px;
	line-height: 2.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
}

.abt-clum{
	overflow: hidden;
	padding-top: 65px;
}

.abt-clums{
}

.abt-left .right,
.abt-right .left,
.abt-lefts .right,
.abt-rights .left{
	width: 600px;
	text-align: center;
}

.abt-lefts .right,
.abt-rights .left{
	padding-top: 40px;
}

.abt-left .right p.txt1,
.abt-right .left p.txt1{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	line-height: 20px;
	color:#aa8d42;
	padding-top: 5px;
	letter-spacing: 0.2em;
}

.abt-lefts .right p.txt1,
.abt-rights .left p.txt1{
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	line-height: 24px;
	color:#aa8d42;
	padding-top: 5px;
	letter-spacing: 0.2em;
}

.abt-lefts .right p.txt1 span,
.abt-rights .left p.txt1 span{
	font-size: 20px;
	line-height: 20px;
	color:#505050;
	padding-top: 20px;
	display: block;
}

.abt-left .right p.txt2,
.abt-right .left p.txt2{
	color:#505050;
	line-height: 1.8em;
	font-size: 14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 15px 0px 20px;
}

.abt-lefts .right p.txt2,
.abt-rights .left p.txt2{
	color:#505050;
	line-height: 2.2em;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 45px 0px 0px;
}

.abt-last{
	border-bottom: 1px solid #808080;
	padding-bottom: 100px;
}

#profile{
	padding: 60px 0px 50px;
}

#profile-d{
	overflow: hidden;
	padding-bottom: 55px;
	border-bottom: 1px solid #808080;
}

#profile-d .right{
	width: 780px;
}

#profile-d p.name{
	font-size: 24px;
	line-height: 24px;
	color:#aa8d42;
	padding-top: 3px;
	padding-bottom: 35px;
	text-align: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#profile-d p.txt{
	font-size: 13px;
	color:#505050;
	line-height: 1.8em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
}

#abt-line{
	margin-top: 70px;
	background-color: #e7e7d3;
	height: 20px;
}

#abt-line div{
	background-color: #aa8d42;
	width: 320px;
	height: 20px;
}

#shop-ttl{
	text-align: center;
	color:#b19442;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	padding-top: 45px;
	padding-bottom: 25px;
}

#shop-img-main{
	padding-bottom: 20px;
}

#shop-innerbtn{
	overflow: hidden;
	margin: 25px 0 75px 0;
}

#shop-detail{
	width: 1065px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 80px;
}

#shop-detail .left{
	width: 500px;
}

#shop-detail .right{
	width: 502px;
}

#shop-detail .right img{
	padding-top: 30px;
	height: auto;
}

#shop-detail .left table{
	border-top: 1px solid #787878;
}

#shop-detail .left table th{
	border-bottom: 1px solid #787878;
	padding: 25px 0px;
	text-align: left;
	color:#b19442;
	width: 105px;
	line-height: 1.8em;
	vertical-align: top;
}

#shop-detail .left table td{
	border-bottom: 1px solid #787878;
	padding: 25px 0px;
	font-size: 16px;
	color:#323232;
	text-align: left;
	vertical-align: top;
	line-height: 1.8em;
	letter-spacing: 0em;
}

#more-kihachi{
	text-align: center;
	margin-top: 55px;
}

#inner-more{
	text-align: center;
	padding-bottom: 35px;
}

#blog-box{
	overflow: hidden;
	padding-top: 40px;
}

#blog-box .cont{
	width: 800px;
	float: left;
}

#blog-box .article{
	width: 300px;
	float: right;
}

#blog-box .article h3,
#relation h3{
	font-size: 18px;
	line-height: 18px;
	border-bottom: 1px solid #000;
	color:#b39642;
	padding-bottom: 5px;
	letter-spacing: 0em;
	text-align: left;
}

#blog-box .article .article-d{
	margin-top: 10px;
	overflow: hidden;
}

#relation .article-d{
	margin-top: 15px;
	overflow: hidden;
}

#relation .article-d img{
	width: 100px;
	height: 100px;
}

#relation{
	margin-top: 50px;
	border-bottom: 1px solid #000;
	margin-bottom: 55px;
	padding-bottom: 15px;
}

#blog-box .article .article-d .left{
	border: 2px solid #b39642;
	padding: 2px;
	box-sizing: border-box;
}

#blog-box .article .article-d .left img{
	width: 90px;
	height: 90px;
}

#relation .article-d .left{
	margin-left: 5px;
	margin-right: 10px;
}

#relation .article-d .right{
	width: 700px;
	padding-top: 10px;
	color:#6e6e6e;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	float: left;
}

#blog-box .article .article-d .right{
	width: 187px;
	padding-top: 3px;
	color:#6e6e6e;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

#blog-box .article .article-d .right span{
	display: block;
	padding-top: 5px;
	font-size: 13px;
	line-height: 1.4em;
	color:#b39642;
	font-weight: bold;
}

#relation .article-d .right span{
	display: block;
	padding-top: 5px;
	font-size: 18px;
	line-height: 1.4em;
	color:#b39642;
	font-weight: bold;
}

#side-link{
	overflow: hidden;
	padding-top: 20px;
}

.blog-d{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b4b4b4;
}

.blog-d img{
	max-width:190px;
	height:auto;
}

#blog-box .cont .right{
	width: 590px;
	text-align: left;
}

#blog-box .cont .right h3{
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 5px;
	color:#b39642;
	text-decoration: none;
}

#blog-box .cont .right h3 a{
	color:#b39642;
	text-decoration: none;
}

#blog-box .cont .right p{
	padding-top: 25px;
	font-weight: bold;
	color:#6e6e6e;
	font-size: 16px;
}

.writer{
	overflow: hidden;
	/*padding-top: 20px;*/
}

.writer .icon{
	float: left;
}

.writer .icon img{
	width: 42px;
	height: 42px;
	border-radius: 21px;
}

.writer .name{
	line-height: 40px;
	font-size: 18px;
	padding-left: 10px;
	float: left;
}

.writer .name a{
	color:#000;
	text-decoration: none;
}

.writer .name a:hover{
	color:#000;
	text-decoration: underline;
}

p#s-day{
	text-align: left;
	color:#6e6e6e;
	font-size: 16px;
	font-weight: bold;
}

h3#s-ttl{
	text-align: left;
	font-size: 28px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 5px;
	color: #b39642;
	padding-top: 15px;
}

.writer-bottom{
	padding-bottom: 30px;
}

#s-txts{
	font-size: 18px;
	line-height: 2.0em;
	text-align: left;
}

#s-txts img{
}

ul#sns-btn{
	margin-top: 40px;
	padding: 25px 0px;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	overflow: hidden;
}

ul#sns-btn li{
	float: left;
	margin-right: 10px;
}

.sp-button{
	background-color: #000;
	width: 10px !important;
	height: 10px !important;
}

.sitemapList{
	overflow: hidden;
	padding-top: 30px;
}

.sitemapList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 30%;
	margin: 0 10px 0 0;
	float: left;
	text-align: left;
}

.sitemapList ul li {
	margin: 0 0 30px;
	font-weight: bold;
}

.sitemapList ul li a {
	color: #222;
	text-decoration: none;
}

.sitemapList ul li a:hover {
	color: #222;
	text-decoration: underline;
}

.sitemapList ul li.small {
	font-size: 0.9em;
	margin: 0 0 20px;
	font-weight: normal;
}

.sitemapList ul li ul {
	float: none;
	width: 100%;
	margin: 20px 0 0px;
}

.sitemapList ul li ul li {
	margin: 0 0 20px 10px;
	font-weight: normal;
}

.textCenter{
	text-align: center;
	margin: 50px 0 40px;
	font-size: 24px;
	line-height: 24px;
}

p.policy_cont_txt{
	max-width: 840px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	line-height: 1.8em;
	color:#333;
	font-size: 14px;
}

p#contact-txt{
	text-align: left;
	font-size: 16px;
	line-height: 2.0em;
	color:#333;
}

p#contact-txt a{
	color:#000;
	text-decoration: underline;
}

p#contact-txt a:hover{
	text-decoration: none;
}

ul#news-clum{
	overflow: hidden;
	text-align: left;
}

ul#news-clum li,
ul#inner-news li{
	display: inline-block;
	width: 22.5%;
	vertical-align: top;
	margin: 0px 1% 35px;
}

ul#news-clum li img,
ul#inner-news li img{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

ul#news-clum li img{
	width: 100%;
	height: auto;
}

ul#news-clum li p span{
	font-size: 12px;
	display: block;
	padding-bottom: 5px;
}

ul#news-clum li p{
	font-size: 14px;
	line-height: 1.4em;
	padding-top: 10px;
}

p#news-category{
	text-align: center;
	font-size: 14px;
	padding: 40px 0px 0px;
}

p#news-category a{
	color:#000;
	text-decoration: none;
}

p#news-category a:hover{
	text-decoration: underline;
}

ul#top-news{
	overflow: hidden;
    text-align: left;
}

ul#top-news li{
	display: inline-block;
	margin: 0px 3px 15px;
	vertical-align: top;
}

ul#top-news li:nth-child(5){
	display: none;
}

ul#top-news li a.blck{
	position: relative;
	display: block;
	width: 278px;
	height: 278px;
}

ul#top-news li .caption {
	font-size:		14px;
	text-align: 		center;
	padding-top:		40%;
	color:			#fff;
	line-height: 1.6em;
	padding-left: 15px;
	padding-right: 15px;
}
ul#top-news li .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
ul#top-news li:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

ul#top-news li p{
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color:#fff;
	background-color: #b39642;
	/*padding: 15px 0px 15px 15px;*/
	padding:10px 0px 10px 15px;
}

ul#top-news li div.n-frame{
	border: 1px solid #b39642;
	padding: 4px;
	overflow: hidden;
	box-sizing: border-box;
}

ul#top-news li div.n-frame img{
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

ul#top-news li div.n-frame:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.inner-two{
	padding-top: 40px;
}

.inner-twos{
	padding-top: 20px;
}

#pts-banner{
	padding-top: 40px;
}

#wedding-banner{
	padding-top: 20px;
}

p#attn-txt{
	font-size: 16px;
	padding: 50px 0px 75px;
}

ul#inner-news{
	overflow: hidden;
}

ul#inner-news li{
	text-align: left;
}

ul#inner-news li p{
	font-size: 16px;
	padding-top: 10px;
	line-height: 1.4em;
}

ul#inner-news li p span{
	font-size: 14px;
	padding-bottom: 5px;
	display: block;
}

#news-innner-list a{
	display: block;
	margin: 0px auto;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color:#000;
	text-decoration: none;
	border: 1px solid #000;
}

#news-innner-list a{
	text-decoration: none;
}

#news-innner-list a:hover{
	text-decoration: none;
	background-color: #dcdcdc;
}

#inner-footer-banner{
	overflow: hidden;
	padding-top: 75px;
}

.pts-news{
	padding-top: 100px;
}

#pst-banner{
	padding-top: 75px;
}

h3#common-ttl{
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 26px;
	line-height: 26px;
	padding: 55px 0px 0px;
}

p.common-txt{
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	line-height: 22px;
	padding: 25px 0px;
	margin-top: 55px;
	margin-bottom: 25px;
	font-weight: bold;
}

.cmn-clum{
	overflow: hidden;
}

.cmn-left .right,
.cmn-right .left{
	width: 575px;
	line-height: 2.0em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	font-size: 15px;
}

.cmn-lefts .right{
	width: 675px;
	line-height: 2.0em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	font-size: 15px;
}

.cmn-lefts2 .left p{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-top: 15px;
	text-align: left;
	font-size: 15px;
}

.cmn-lefts2 .right{
	width: 440px;
	line-height: 2.0em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	font-size: 15px;
}

.left-margin{
	margin: 0px 10px;
}

p#other-txt{
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 100px 0px 25px;
	letter-spacing: 0.3em;
}

ul#other-shop{
	text-align: center;
	padding-bottom: 100px;
}

ul#other-shop li{
	display: inline-block;
	margin: 0px 2px;
}

ul#other-shop li p{
	font-size: 12px;
	padding-top: 15px;
}

p#call-staff{
	text-align: center;
	line-height: 2.6em;
	border-top: 1px solid #ccc;
	font-size: 12px;
	padding-top: 95px;
}

#smp-ft-fixed{
	display: none;
}

h3.tab-ttl{
	background-color: #b19442;
	overflow: hidden;
	color:#fff;
	margin-bottom: 20px;
	margin-top: 100px;
}

h3.tab-ttl p{
	font-size: 18px;
	line-height: 18px;
	float: left;
	font-weight: 300;
	padding: 10px;
}

h3.tab-ttl ul{
	float: right;
	padding: 10px 10px 0px 0px !important;
}

h3.tab-ttl ul li{
	float: left;
	border-left: 1px solid #fff;
	padding: 2px 10px;
	font-weight: 300;
}

.content2 li{
	overflow: hidden;
}

.content2 li .tab-clum{
	border-bottom: 1px solid #787878;
	padding-bottom: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}

.content2 li .tab-clum .t-img{
	float: left;
}

.content2 li .tab-clum .t-txt{
	float: left;
	padding-left: 40px;
	font-size: 18px;
	letter-spacing: 0em;
	line-height: 2.2em;
	font-weight: 300;
	text-align: left;
	padding-top: 5px;
	width: 625px;
}

.content2 li .tab-clum .t-txt span{
	font-weight: bold;
}

.content2 li .tab-clum .t-btn{
	float: right;
	padding-top: 70px;
}

.add-shop-list ul,
.add-shop-list .newsList{
	margin-top: 0px !important;
}

.add-shop-list li{
	text-align: left;
}

.add-shop-list img{
	margin-bottom: 10px;
}

.entry{
	text-align: left;
}

.entryBody{
	padding-top: 25px;
	margin-top: 25px;
}

.entry h2{
	font-size: 24px;
	line-height: 24px;
	padding-top: 15px;
}

#shopMenu .tabMenu_aoyama li,
#shopMenu .tabMenu_aoyama{
	width: auto !important;
	height: auto !important;
	line-height: inherit !important;
}

.note{
	line-height: 2.0em;
}

.menuText,
.newsList .col-xs-3{
	text-align: left;
}

.modalWrapper h2{
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 10px;
}

.entrybody p{
	font-size: 14px;
	line-height: 1.4em;
}

#shopList{
	display: block;
}

#shopMenu .reserve{
	background-color: #fafaf0;
	border: 1px solid #b39642;
	font-size: 16px;
	padding: 25px 25px;
	margin-top: 25px;
}

h3.tab-ttl ul li:hover{
	cursor: pointer;
	padding-bottom: 9px;
	border-bottom: 3px solid #fff;
}

.fs-block .shopMenuInfoPrice:nth-child(n+4),
.shopMenuInfoPrice:nth-child(n+4), .outerButton{
	display: block !important;
	padding: 0px 12px 30px 5% !important;
}

.fs-block p.note{
	display: block !important;
}

.shopMenuInfoPrice ul .price{
	right: 0px !important;
}

/* カウンターの初期化 */
.count-list .wpp-list {
    counter-reset: wpp-ranking;
}
/* カウンターの値を表示 */
.count-list .wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.count-list .wpp-list li {
    position: relative;
    list-style-type: none;
    margin-bottom: 5px;
}
.count-list .wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background-color: #b39642;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.wpp-thumbnail{
	display: inline;
	float: none !important;
	margin: 0 0px 0 0 !important;
}

#blog-box .article .article-d .right a{
	color:#b39642;
	text-decoration: none;
}

/*↓Add↓*/
#blog-box p{
	margin-bottom:30px;
}

#blog-box img{
	max-width:100%;
	height:auto;
}
/*↑Add↑*/
.related_post_title,
.wp_rp_footer,
#wp_rp_first{
	display: none !important;
}

#relation img{
	width: 100px;
	height: 100px;
}

ul.related_post li{
	min-height: auto !important;
	overflow: hidden;
}

.wp_rp_publish_date{
	padding-top: 10px;
	width: 100%;
    color: #6e6e6e;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: left;
}

ul.related_post .wp_rp_title{
	width: 100%;
	display: block;
    padding-top: 5px;
    font-size: 18px;
    line-height: 1.4em;
    color: #b39642;
    font-weight: bold;
    text-align: left;
}

.ts-fab-header{
	margin-top: 10px;
}

.ts-fab-list{
}

#top-frame{
	border: none;
}

ul#blog-clum li img{
	width: 370px;
	height: auto !important;
}

#prev-navt{
	padding-top: 50px;
	margin-top: 75px;
	border-top: 1px solid #969696;
}

#prev-navt .prev{
	float: left;
}

#prev-navt .next{
	float: right;
}

.pagenavi{
	padding-top: 50px;
}

.pagenavi .prev,
.pagenavi .next{
	display: none;
}

.pagenavi a{
	border: 1px solid #b39642;
	color:#b39642;
	text-decoration: none;
	padding: 10px 17px;
}

.pagenavi .current{
	background-color: #b39642;
	color:#fff;
	padding: 10px 17px;
}

ul#blog-clum li a{
	color:#000;
	text-decoration: none;
}

ul#blog-clum li a:hover{
	text-decoration: underline;
}

.blog-d .left,
.blog-d .left img{
	width: 190px;
	height: auto;
}

.slider-pro{
	overflow: hidden;
}

#foodhall-link {
    padding-top: 75px;
}

#patisserie-link{
	padding-top: 75px;
}

#pat-add{
	padding-top: 0px;
}

.sitemapList ul li.blank{
	padding: 0 0 0 20px;
    background-image: url(../img/sprite.png);
    background-position: 0px -132px;
    background-repeat: no-repeat;
    background-position: 0px -138px;
}

.newsEntry .caption{
	font-size: 14px;
	text-align: left;
	line-height: 1.6em;
}

.newsEntry p{
	text-align: left;
}

.follow{
	overflow: hidden;
	float: none;
	clear: both;
	padding-top: 10px !important;
	margin-left: 65% !important;
}

.follow li{
	float: none !important;
	display: inline-block;
	vertical-align: top;
}

.follow li a{
	font-size: 14px !important;
}

.fbLike{
	margin-left: 10px;
}

#restaurantContents .breadcrumb .follow li:first-child{
	padding-right: 0px;
}

#restaurantContents .breadcrumb .follow li, #profileContents .breadcrumb .follow li{
	position: static;
}