/*
Theme Name: PlatinumFish
Author: GourmetPartners
Description: PlatinumFish original theme
*/

@charset "utf-8";


/*------------------------------------------
 ページ共通
-------------------------------------------*/

@media screen and (min-width: 768px) {
.subpage-wrapper{
	margin-top: 60px;
}
}
.sub-page-top{
    width: 100%;
    background: url(../img/subpage_top_bg.jpg);
    text-align: center;
    padding-top: 65px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
@media (min-width:522px){
.sub-page-top{
    padding-top: 70px;
    padding-bottom: 10px;
}
}
@media (min-width:768px){
.sub-page-top{
    padding-top: 70px;
    padding-bottom: 10px;
}
}
@media (min-width:1301px){
.sub-page-top{
    padding-top: 100px;
    padding-bottom: 20px;
}
}
.sub-page-top h1{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
@media (min-width:768px){
.sub-page-top h1{
	font-size: 25px;
}
}
.sub-page-top span{
    display: block;
    margin-top: 5px;
    font-family: 'EB Garamond', serif;
}
.sub-page-top img{
	height: auto;
    max-width: 2000px;
    max-height: 300px;
    margin: 0 auto;
}
.sub-page-top img.subpage-top-sp{
	display: none;
}


.breadcrumbs {
  margin-bottom: 20px;
  font-size: 90%;
  text-align: center;
  padding: 0 20px;
}
.breadcrumbs a{
  text-decoration: underline;
}
body.page-template-page-shop-detail .breadcrumbs{
  display: none;
}


/*------------------------------------------
コンセプト concept
-------------------------------------------*/
.concept-contents{
	margin-bottom: 30px;
}
.concept-contents .concept-img img{
	width: 100%;
}
.concept-contents section h3{
	color: #887546;
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.5;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
.concept-contents section h3{
    font-size: 20px;
}
}

.about-text-box{
  background: #fff;
  padding: 25px;
  background: rgba(255,255,255,0.9);
}
@media screen and (min-width: 992px) {
.about-text-box{
  padding: 40px;
}
}
.about-text-box section h3{
  font-size: 16px;
  color: #b2995b;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
.about-text-box section h3{
  font-size: 25px;
  margin-bottom: 15px;
}
}
.about-text-box section h3 span{
  font-size: 12px;
  letter-spacing: 2px;
  display: block;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
.about-text-box section h3 span{
  font-size: 15px;
}
}
.about-text-box section p{
  color: #333;
}
.about-text-box section hr.about-title-line{
  border-bottom: 2px solid #b2995b;
  width: 80px;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
.about-text-box section hr.about-title-line{
  width: 120px;
  margin-bottom: 15px;
}
}
.about-container{
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.about-container{
  margin-bottom: 120px;
}
}
@media screen and (min-width: 992px) {
.about-container{
  margin-bottom: 100px;
}
}
@media screen and (min-width: 768px) {
.about-container-02{
  margin-bottom: 50px;
}
}
.about-container-01 .about-text-box{
    margin-left: 40px;
    margin-top: -50px;
}
@media screen and (min-width: 544px) {
.about-container-01 .about-text-box{
    margin-left: 20px;
}
}
@media screen and (min-width: 768px) {
.about-container-01 .about-text-box{
    margin-left: 30px;
    margin-top: -80px;
}
}
@media screen and (min-width: 992px) {
.about-container-01 .about-text-box{
    margin-left: -100px;
    margin-top: 50px;
}
}

.about-container-02 .about-text-box{
    margin-top: -30px;
}
@media screen and (min-width: 544px) {
.about-container-02 .about-text-box{
    margin-left: 20px;
}
}
@media screen and (min-width: 768px) {
.about-container-02 .about-text-box{
    margin-left: 20px;
}
}
@media screen and (min-width: 992px) {
.about-container-02 .about-text-box{
    margin-top: 0px;
    margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.about-container-02 .about-photo-box{
    margin-left: 0;
    margin-top: -80px;
}
}
@media screen and (min-width: 992px) {
.about-container-02 .about-photo-box{
    margin-left: -100px;
    margin-top: -50px;
}
}
.about-photo-box{
  padding-right: 0;
  padding-left: 0;
}

.about-rinen-container-fluid{
  background: url(../img/bg_rinen.png) no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
.about-rinen-container-fluid{
  padding-top: 80px;
}
}
.about-rinen-container h3{
    font-size: 20px;
    color: #b2995b;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
.about-rinen-container h3{
    font-size: 30px;
    color: #b2995b;
    margin-bottom: 40px;
}
}
.about-rinen-container h3 span{
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1.2;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
.about-rinen-container h3 span{
  font-size: 15px;
}
}
.about-rinen-container div{
  text-align: center;
}
.about-rinen-container .about-rinen-read{
  margin-bottom: 20px;
}
.about-rinen-container .about-rinen-read img{
  width: 90%;
  max-width: 740px;
}
.about-rinen-image{
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
.about-rinen-image{
  margin-top: 50px;
}
}
.about-rinen-image img{
  width: 90%;
  max-width: 960px;
}

.about-rinen-container article{
  margin-top: 50px;
}
.about-rinen-container section{
  margin-bottom: 20px;
  text-align: left;
}
.about-rinen-container section{
  margin-bottom: 20px;
}
.about-rinen-container section h3{
  text-align: left;
  font-size: 16px;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.about-rinen-container section h3{
  font-size: 25px;
}
}
.about-rinen-image img{
  width: 90%;
  max-width: 960px;
}
.about-rinen-container section h3:first-letter{
  font-size: 30px;
}
@media screen and (min-width: 768px) {
.about-rinen-container section h3:first-letter{
  font-size: 40px;
}
}
/*------------------------------------------
 店舗一覧　shoplist
-------------------------------------------*/
.shop-list-wrapper .shop-list{
	margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.shop-list-wrapper .shop-list{
    margin-bottom: 60px;
}
}
.shop-list-wrapper .shop-list:nth-child(odd){
    background: #191919;
    padding-top: 25px;
    padding-bottom: 25px;
}
@media screen and (min-width: 522px) {
.shop-list-wrapper .shop-list:nth-child(odd){
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}
}
.shop-list-wrapper .shop-img-box{
	padding-right: 0;
}
@media screen and (min-width: 522px) {
.shop-list-wrapper .shop-img-box{
	padding-right: 15px;
}
}
.shop-list-wrapper .shop-img-box a img{
    backface-visibility: hidden;
    transition: 0.6s ;
}
.shop-list-wrapper .shop-img-box a img:hover{
  transition-property: all;
  transition: 0.6s linear;
  opacity: 0.8;
}
.shop-list-wrapper .shop-list-name{
  text-align: left;
}
@media screen and (min-width: 768px) {
.shop-list-wrapper .shop-list-name{
    margin-top: 20px;
    margin-bottom: 15px;
	line-height: 1.5;
}
}
.shop-list-wrapper .shop-list-name a{
    color: #b2995b;
    font-weight: bold;
    font-size: 14px;
}
@media screen and (min-width: 522px) {
.shop-list-wrapper .shop-list-name a{
    font-size: 16px;
	line-height: 1.5;
}
}
.shop-list-wrapper .shop-text-box{
	margin-top: 15px;
}
@media screen and (min-width: 768px) {
.shop-list-wrapper .shop-text-box{
	margin-top: 0;
}
}
.shop-list-wrapper .shop-text-box p{
    font-size: 11px;
    margin: 10px 0 8px;
}
@media screen and (min-width: 522px) {
.shop-list-wrapper .shop-text-box p{
    font-size: 14px;
    margin: 10px 0;
}
}
.shop-list-wrapper .shop-text-box .contact-box{
	width: 100%;
}
.shop-list-wrapper .shop-text-box-list{
	margin-bottom: 6px;
}
.shop-list-wrapper .shop-text-box-list li{
	font-size: 10px;
  color: #b5ad97;
}
@media screen and (min-width: 768px){
.shop-list-wrapper .shop-text-box-list li{
    font-size: 12px;
}
}
@media screen and (min-width: 768px){
.shop-list-wrapper .shop-text-box .contact-box a {
    font-size: 16px;
}
}
.shop-list-wrapper .shop-text-box p.btn-store-detail{
	margin: 0;
}
.shop-list-wrapper .shop-text-box p.btn-store-detail a{
    display: block;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    color: #b2995b;
}
@media screen and (min-width: 768px){
.shop-list-wrapper .shop-text-box p.btn-store-detail a{
    font-size: 14px;
}
}
.shop-list-wrapper .shop-text-box .contact-box+p{
    border-left: 1px solid #b1985a;
    padding-left: 10px;
}
@media screen and (min-width: 768px){
.shop-list-wrapper .shop-text-box .contact-box+p{
    line-height: 1.6;
}
}
.contact-box a:last-child:before{
  content: "\f095\0020";
  font-family: FontAwesome;
}
.contact-box a:last-child:before{
  content: "\f095\0020";
  font-family: FontAwesome;
}
.contact-box a.btn-web-reserve:before{
  content: "\f105\0020";
  font-family: FontAwesome;
}
.contact-box a:nth-child(2):before{
  content: "\f095\0020";
  font-family: FontAwesome;
}
.contact-box a{
    backface-visibility: hidden;
    transition: 0.2s ;
}
.contact-box a:hover{
  transition-property: all;
  transition: 0.2s linear;
  opacity: 0.75;
}

/*------------------------
 店舗一覧　フィルター
------------------------*/

.mixup-container .mix{
    display: none;
}
ul#shop-filter-list{
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (min-width: 768px){
ul#shop-filter-list{
    margin: 30px 0 60px;
}
}
ul#shop-filter-list li{
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #b2995b;
    color: #b2995b;
    width: 49%;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px){
ul#shop-filter-list li{
    width: 19%;
    font-size: 16px;
}
}
ul#shop-filter-list li.active{
    background: #b2995b;
    color: #000;
}



/*------------------------------------------
店舗一覧 ボトム
-------------------------------------------*/
.shop-list-bottom ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop-list-bottom ul li{
	width: 48%;
	margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
.shop-list-bottom ul li{
	width: 32%;
	margin-bottom: 60px;
}
}
@media screen and (min-width: 1201px) {
.shop-list-bottom ul li{
	width: 23.5%;
}
}
.shop-list-bottom ul li h3{
	font-size: 12px;
	color: #b2995b;
	margin-top: 8px;
	margin-bottom: 0;
	font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 768px) {
.shop-list-bottom ul li h3{
	font-size: 15px;
    line-height: 1.4;
}
}
.shop-list-bottom ul li p{
	font-size: 10px;
}
@media screen and (min-width: 768px) {
.shop-list-bottom ul li p{
	font-size: 13px;
	margin-bottom: 5px;
}
}
.shop-list .contact-box{
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 768px) {
.shop-list .contact-box{
	justify-content: flex-start;
}
}
.shop-list .contact-box a{
	width: 48%;
	display: inline-block;
	font-size: 10px;
	padding: 4px 3px;
    background: #b1985a;
    color: #333;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
}
@media screen and (min-width: 768px) {
.shop-list .contact-box a{
	width: auto;
	font-size: 14px;
	padding: 3px;
    font-weight: bold;
    background: none;
    color: #fff;
    text-align: left;
    font-weight: normal;
    color: #b2995b;
}
.shop-list .contact-box a:first-child{
	margin-right: 10px;
	text-decoration: underline;
}
.shop-list .contact-box a:last-child:hover{
	text-decoration: none;
}
.shop-list .contact-box a:first-child{
    background: #b1985a;
    color: #333;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    align-self: center;
}
}

.contact-box a:nth-child(2){
  background: #e2af62;
}
@media screen and (min-width: 768px) {
.contact-box a:nth-child(2){
  background: none;
}
}
/*------------------------------------------
今週の空席状況確認ページ テーブル
-------------------------------------------*/

.week-calendar{
	margin-top: 60px;
}
.week-calendar td{
	border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.week-calendar table {
    /*border-top: 1px solid #4f4d47;*/
    border-right: 1px solid #4f4d47;
    width: 1000px;
    border-spacing: 0px;
    margin: 0 auto;
    border-radius: 6px;
}
.week-calendar th, .week-calendar td{
	border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: center;
    padding: 15px 5px;
}
.week-calendar th{
    background-color: #B89F63;
    color: #fff;
    padding: 15px 0;
    border-top: 1px solid #ffffff;
    font-weight: bold;
}
.week-calendar tbody{
	background: #F1F1F1;
    color: #333;
}
.week-calendar tbody tr td:first-child{
    background-color: #F1F1F1;
    color: #333;
    font-size: 0.9em;
    padding: 15px;
    min-width: 110px;
    font-weight: bold;
}
.week-calendar th.today{
	 background: #A74A49;
}

.week-calendar tbody tr td{
	min-width: 50px;
    font-size: 1.3em;
}
.gw-calendar tbody tr td{
	font-size: 1em !important;
}
.gw-calendar table{
	width: 100%;
}

.week-calendar tbody tr:nth-child(even) td:first-child{
	background: #FBFBFB;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F2EB), to(#E4DED0));
}
.week-calendar tbody tr:nth-child(even) td{
	background: #FBFBFB;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F2EB), to(#E4DED0));
}

.week-calendar .week-title{
	border-top: none;
}

h3.week-calendar-title {
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 40px;
    color: #b2995b;
}
p.week-calendar-info-sp{
	display: none;
}
p.week-calendar-info-pc{
	display: block;
}

@media screen and (max-width: 640px) {
	p.week-calendar-info-sp{
	display: block;
	font-size: 1.2em;
	background: #A74A49;
	padding: 20px 10px;
	font-weight: bold;
}
p.week-calendar-info-pc{
	display: none;
}
}

@media screen and (max-width: 800px) {
.week-calendar table{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.week-calendar thead{
    display: block;
    float: left;
}
.week-calendar th, .week-calendar td{
    display: block;
}
.week-calendar th{
	width: 45px;
	font-weight: bold;
}
.week-calendar tbody {
	display: block;
    width: auto;
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.week-calendar tbody tr{
     /*width: 60%;*/
     margin-right: -6px;
}
.week-calendar tr{
    font-size: 90%;
    display: inline-block;
}
.week-calendar tr{
    font-size: 100%;
    display: inline-block;
}
.week-calendar tr.week-title{
	margin-right: -6px;
}
.week-calendar th, .week-calendar td {
    border-left: none;
}
.week-calendar tbody td:first-child {
     background-color: #F1F1F1;
     color: #333;
     /*border-left: 1px solid #4f4d47;*/
}
.week-calendar tbody tr:nth-child(even) td:first-child{
	background: #E8E4DB;
}
.week-calendar tbody tr:nth-child(even) td{
	background: #E8E4DB;
}
}


/* -------------------------------------------------　
  コンテンツ
--------------------------------------------------- */

.contents {
	width: auto;
	padding: 0;
	background: #000;
}
.contentsInner {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.contents-container{
	width:100%;
	margin:30px auto 0;
	text-align:center;
}
.top-main-img .top-main-img-pc{
	display: none;
}
@media screen and (min-width: 522px) {
.top-main-img .top-main-img-pc{
	display: block;
}
}
.top-main-img .top-main-img-sp{
	display: block;
	width: 100%;
}
@media screen and (min-width: 522px) {
.top-main-img .top-main-img-sp{
	display: none;
}
}
#under-contents {
	background: #000;
}
#top-news-area {
	padding:30px 0 15px;
  margin-bottom: 60px;
}
@media screen and (min-width: 5768px) {
#top-news-area {
  margin-bottom: 30px;
}
}
.btn-tel  {
	display:inline-block;
    width: 160px;
    margin: 10px auto 20px;
    border: 1px solid #b2995b;
    color: #b2995b;
    padding: 10px;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 522px) {
  .btn-tel  {
      margin: 10px 0;
  }
}


/*------------------------------------------
フッター
-------------------------------------------*/

footer {
	width: 100%;
	text-align: center;
	background: #020202;
}
#footer-logo {
	margin:0 auto 5px auto;
	padding:30px 0 0 0;
}
p#copyright {
	color:#AC8F52;
	font-size:10px;
	padding:0 0 30px 0;
}
.footer-btn{
	border:1px solid #b2995b;
	padding: 5px 10px;
    color: #b2995b;
    display: inline-block;
    margin-bottom: 20px;
}
.contents-title{
  width: 100%;
  margin:0 0 35px 0;
  display: table;
  text-align: center;
  white-space: nowrap;
  color:#B1985A;
  font-size:24px;
  letter-spacing:1px;
  font-family: 'EB Garamond', serif;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.contents-title:after, .contents-title:before{
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.contents-title:after{
  border-left: 1em solid transparent;
}

.contents-title:before{
  border-right: 1em solid transparent;
}
h1.contents-title-sub{
	font-size: 2.2em;
  font-family: 'EB Garamond', serif;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#concept-page h1 , #shoplist-area h1 , #shoplist-area02 h1{
  margin:0 0 35px 0;
  display: table;
  text-align: center;
  white-space: nowrap;
  color:#B1985A;
  font-size:24px;
  letter-spacing:1px;
  font-family: 'EB Garamond', serif;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#concept-page h1:after, #concept-page h1:before , #shoplist-area h1:after, #shoplist-area h1:before , #shoplist-area02 h1:after, #shoplist-area02 h1:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.shop-list-bottom-container-fluid{
  margin-top: 50px;
}



/*-------------------------------------------
店舗詳細ページ
--------------------------------------------*/
.shop-read-container p{
    line-height: 1.7;
}
@media screen and (min-width: 768px) {
.shop-read-container p{
  text-align: center;
}
}
.shop-read h1{
    font-size: 20px;
    color: #887546;
    font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-align: center;
}
@media screen and (min-width: 768px) {
.shop-read h1{
    font-size: 35px;
    text-align: center;
    margin-top: 40px;
}
}
hr.shop-read-title-line{
    width: 80px;
    border-bottom: 2px solid #887546;
}
@media screen and (min-width: 768px) {
hr.shop-read-title-line{
    width: 120px;
}
}
.shop-read-container p{
  font-size: 13px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.shop-read-container p{
  font-size: 17px;
}
}
.shop-read p{
    color: #887546;
    font-size: 14px;
    font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.shop-read p{
    color: #887546;
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
}
}
.recommend-container-fluid{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.recommend-container-fluid{
    padding-top: 50px;
    padding-bottom: 50px;
}
}
.recommend-container section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#shop-contents-wrap section{
    margin: 25px 0;
}
@media screen and (min-width: 768px) {
#shop-contents-wrap section{
    margin:0;
}
}
#shop-contents-wrap section h3{
    font-size: 17px;
    color: #887546;
    font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
#shop-contents-wrap section h3{
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
}
}
#shop-contents-wrap section p{
  font-size: 13px;
}
@media screen and (min-width: 768px) {
#shop-contents-wrap section p{
  font-size: 15px;
}
}
.shop-chara-container-fluid{
    padding-top: 30px;
    padding-bottom: 0;
}
@media screen and (min-width: 768px) {
.shop-chara-container-fluid{
    padding-top: 50px;
    padding-bottom: 50px;
}
}
.shop-chara-box{
    margin-bottom: 15px;
}
.shop-chara-container .shop-chara-box:last-child{
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.shop-chara-box{
    margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.shop-chara-box-text{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
}

.shop-information-container-fluid{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.shop-information-container-fluid{
    padding-top: 80px;
    padding-bottom: 80px;
}
}
@media screen and (min-width: 768px) {
.shop-information-container-fluid h2{
    margin-bottom: 50px;
}
}
.shop-information-container h3{
    font-size: 16px;
    text-align: left;
}
.shop-information-container>h3{
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 400;
    color: #B1985A;
}
@media screen and (min-width: 768px) {
.shop-information-container>h3{
    font-size: 28px;
}
}
@media screen and (min-width: 768px) {
.shop-information-box h3{
    font-size: 28px;
    text-align: center;
    letter-spacing: 2px;
}
}
.shop-information-box{
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.shop-information-box{
    margin-bottom: 0;
}
}
.shop-information-box hr{
    border-bottom: 1px dashed;
    margin: 10px 0;
}
@media screen and (min-width: 768px) {
.shop-information-box hr{
    width: 80px;
    border-bottom: 1px solid;
    margin: 0 auto 20px auto;
}
}
@media screen and (min-width: 768px) {
.shop-information-box ul{
    text-align: center;
}
}
.shop-information-box ul li{
    margin-bottom: 10px;
}
.shop-bottom-container{
}
.shop-bottom-container ul{
    display: flex;
    justify-content: space-between;
}
.shop-bottom-container ul li{
    width: 48%;
}
.shop-bottom-container ul li a{
    display: block;
    border: 1px solid #b2995b;
    padding: 12px 5px;
    text-align: center;
    font-weight: bold;
    color: #b2995b;
    font-size: 13px;
}
@media screen and (min-width: 768px) {
.shop-bottom-container ul li a{
    font-size: 20px;
}
}
#googlemap {
    width:100%;
    margin: 10px 0 40px;
}
@media screen and (min-width: 768px) {
#googlemap {
    margin: 45px 0 100px;
}
}

@media screen and (max-width: 543px) {
body.page-template-page-shop-detail .breadcrumbs{
  padding:0 15px;
  display: block;
  margin-top: 55px;
  text-align: left;
}
body.page-template-page-shop-detail .breadcrumbs span{
  font-size: 11px;
}
}

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

地方創生プロジェクト

--------------------------------------------*/
.chiho-sousei-read-container-fluid{
    background: url(../img/bg-japan_02.png) no-repeat;
    background-position: 70% 0;
}


.chihou-sousei-read-container{
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
.chihou-sousei-read-container{
  margin-top: 60px;
}
}
.chihou-sousei-read-container h2{
  margin-bottom: 20px;
  text-align: center;
}
.chihou-sousei-read-container h2 img{
  width: 300px;
}
@media screen and (min-width: 768px) {
.chihou-sousei-read-container h2 img{
  width: 544px;
}
}
.chihou-sousei-read-container h3{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #b0975a;
    margin: 20px 0;
}
@media screen and (min-width: 768px) {
.chihou-sousei-read-container h3{
    font-size: 28px;
    margin: 35px 0;
}
}
@media screen and (min-width: 768px) {
.chihou-sousei-read-container p{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
}
}

.chihou-sousei-menu-container{
    margin-top: 40px;
    padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.chihou-sousei-menu-container{
    margin: 50px auto 0;
    padding-bottom: 50px;
}
}
.chihou-sousei-menu-container ul{
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.chihou-sousei-menu-container ul{
  max-width: 800px;
  margin: 0 auto;
}
}
.chihou-sousei-menu-container ul li{
border-left: 1px solid;
    width: 33%;
    margin-bottom: 15px;
    padding-left: 15px;
    color: #b0975a;
    padding-right: 15px;
    /* font-size: 12px; */
    text-align: center;
}
.chihou-sousei-menu-container ul li:last-child{
  border-right: 1px solid;
}
@media screen and (min-width: 768px) {
.chihou-sousei-menu-container ul li{
  width: 33%;
  text-align: center;
}
}
.chihou-sousei-menu-container ul li a{
  font-size: 13px;
  color: #b0975a;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
.chihou-sousei-menu-container ul li a{
  font-size: 20px;
}
}
.chihou-sousei-menu-container ul li a:hover{
  letter-spacing: 2px;
}
.chihou-sousei-menu-container ul li:before{
  font-family: FontAwesome;
  content: '\f0da\00a0';
}
.project-kikkake-container-fluid{
  background-color: #00203f;
  background: linear-gradient(90deg,#00203f 0,#000009 100%);
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.project-kikkake-container-fluid .inner{
  background: url(../img/kugiri-arrow_black.png) no-repeat top center;
}
.project-kikkake-container{
  padding-top: 50px;
}
.chihou-sousei-contents-title{
    font-size: 18px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #333;
    font-weight: 600;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
.chihou-sousei-contents-title{
    font-size: 38px;
    font-weight: 600;
    margin-top: 30px;
}
}
.chihou-sousei-contents-title-gold{
    color: #b0975a;
}
hr.chihou-sousei-title-line{
  border-bottom: 1px solid
}
hr.chihou-sousei-title-line-gold{
  border-bottom: 1px solid #b0975a;
  width: 80px;
  margin-top: 15px;
}
.project-kikkake-container .row{
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
.project-kikkake-container .row{
  margin-top: 50px;
}
}
.project-kikkake-container .row section{
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
.project-kikkake-container .row section{
  margin-top: 0;
}
}
.project-kikkake-container .row section h3{
  font-size: 17px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #b0975a;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
.project-kikkake-container .row section h3{
  font-size: 20px;
  font-weight: 400;
}
.project-kikkake-container .row section:nth-child(2){
  margin-top: 30px;
}
}
.project-rekishi-container-fluid{
  background: #fff;
  padding-bottom: 40px;
}
.project-rekishi-container-fluid .rekishi-box-container-fluid:nth-child(even){
  background: #f3f3f3;
}
.project-rekishi-container{
  padding-top: 30px;
  padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
.project-rekishi-container{
    padding-bottom: 30px;
    padding-top: 60px;
}
}
.rekishi-box-container-fluid{
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
.rekishi-box-container-fluid{
  padding-top: 40px;
  padding-bottom: 40px;
}
}
@media screen and (min-width: 1200px) {
.rekishi-box-container-fluid{
  padding-top: 40px;
  padding-bottom: 80px;
}
}
.rekishi-box-container > .row{
    align-items: center;
}
@media screen and (min-width: 992px) {
.rekishi-box-container > .row{
    align-items: flex-start;
}
}
.rekishi-box-container .project-title{
  padding-left: 0;
  background: linear-gradient(to right, #f3f3f3, #ffffff);
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 544px) {
.rekishi-box-container .project-title{
  background: none;
}
}
@media screen and (min-width: 992px) {
.rekishi-box-container .project-title{
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
}
}
.project-rekishi-container-fluid .rekishi-box-container-fluid:nth-child(odd) .rekishi-box-container .project-title{
  background: linear-gradient(to right, #ffffff, #f3f3f3)
}
@media screen and (min-width: 544px) {
.project-rekishi-container-fluid .rekishi-box-container-fluid:nth-child(odd) .rekishi-box-container .project-title{
  background: none;
}
}

.rekishi-box-container .project-title h3{
  margin-top: 10px;
  font-size: 20px;
  color: #484848;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
.rekishi-box-container .project-title h3{
  font-size: 26px;
  margin-top: 0;
}
}
.rekishi-box-container .project-title span{
    color: #a78022;
    font-weight: bold;
}
@media screen and (min-width: 992px) {
.rekishi-box-container .project-title span{
  font-size: 18px;
}
}
@media screen and (min-width: 992px) {
.project-information{
    margin-left: 240px;
    margin-top: -220px;
}
}
@media screen and (min-width: 1200px) {
.project-information{
    margin-left: 285px;
    margin-top: -280px;
}
}

.rekishi-box-container .project-text{
  margin: 20px 0;
  color: #333;
}
ul.project-photo-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 992px) {
ul.project-photo-list{
  flex-wrap: nowrap;
}
}
ul.project-photo-list li{
    width: 23%;
    margin-bottom: 10px;
    margin-right: 2%;
}
@media screen and (min-width: 992px) {
ul.project-photo-list li{
  max-width: 150px;
  margin-right: 10px;
  margin-bottom: 0;
}
}


/*-----------------------
  食育プロジェクト
-------------------------*/
.syokuiku-project-container-fluid {
    background-color: #00203f;
    background: linear-gradient(90deg,#00203f 0,#000009 100%);
    padding-bottom: 30px;
}
@media screen and (min-width:768px) {
.syokuiku-project-container-fluid {
    padding-bottom: 80px;
}
}
.syokuiku-project-container-fluid .inner {
    background: url(../img/kugiri-arrow_white.png) no-repeat top center;
    padding-left: 0;
    padding-right: 0;
}
.syokuiku-project-header-container{
  padding-top: 80px;
}
@media screen and (min-width: 768px){
.syokuiku-project-header-container{
  padding-top: 120px;
}
}
.syokuiku-project-header{
  text-align: center;
}
.syokuiku-project-header h2 img{
  width: 280px;
}
@media screen and (min-width: 768px){
.syokuiku-project-header h2 img{
  width: 413px;
}
}
.syokuiku-project-main{
  margin: 30px 0;
}
@media screen and (min-width: 768px){
.syokuiku-project-main{
  margin: 50px 0;
}
}
.syokuiku-project-main img{
  width: 90%;
}
.syokuiku-project-header h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #b0975a;
    margin: 20px 0;
}
@media screen and (min-width: 768px){
.syokuiku-project-header h3 {
    font-size: 28px;
}
}
.syokuiku-project-header p{
    text-align: left;
}
@media screen and (min-width: 768px){
.syokuiku-project-header p{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
}
}
.gold-header-container-fluid{
  background: #b2995b;
  padding: 20px 0;
  margin: 20px 0;
}
@media screen and (min-width: 768px){
.gold-header-container-fluid{
  margin: 50px 0 40px;
}
}
@media screen and (min-width: 768px){
.gold-header-container-fluid{
  padding: 40px 0;
}
}
.gold-header-container-fluid h3{
    margin: 0 auto;
    font-size: 17px;
    font-weight: bold;
}
@media screen and (min-width: 768px){
.gold-header-container-fluid h3{
    font-size: 25px;
}
}
.syokuiku-project-event-container>.row{
  justify-content: space-between;
}
.syokuiku-project-box {
  background: #fff;
  max-width: 100%;
  padding: 15px;
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
}
@media screen and (min-width: 768px){
.syokuiku-project-box {
  max-width: 49%;
  padding: 30px;
  margin-right: 0;
  margin-left: 0;
}
}
.syokuiku-project-box span{
  color: #b0975a;
  font-weight: bold;
}
.syokuiku-project-box span{
  line-height: 1.0;
}
.syokuiku-project-box h4{
  color: #333;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 768px){
.syokuiku-project-box h4{
  font-size: 20px;
}
}
.syokuiku-project-box hr{
    border-bottom: 1px solid #333;
    width: 80px;
    margin-top: 15px;
    margin: 0;
}

.syokuiku-event-info-container{
  margin-top: 15px;
}
@media screen and (min-width: 768px){
.syokuiku-event-info-container{
  margin-top: 20px;
  padding-right: 10px;
}
}
.syokuiku-event-photo{
  padding-left: 0;
  padding-right: 10px;
}
@media screen and (min-width: 768px){
.syokuiku-event-photo{
  padding-right: 15px;
}
}
.syokuiku-event-text{
  padding-left: 0;
  padding-right: 0;
}
.syokuiku-event-text p{
  color: #333;
  font-size: 12px;
}
@media screen and (min-width: 544px){
.syokuiku-event-text p{
  font-size: 14px;
}
}

.syokuiku-gallery-container-fluid .gold-header-container-fluid{
  margin-top: 0;
}









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

  0523 追記

------------------------------*/
  /* 遷移位置調整 */

  #info_shop,
  #access_shop,
  #menu_shop,
  #shop-menu-container {
    padding-top: 60px;
    margin-top: -60px;
  }


.course-container-fluid .container{
  max-width: 1000px;
}
/* navi */
ul.shop-page-nav {
  /*height: 80px;*/
  padding: 0;
  margin: 70px -15px 100px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
 @media screen and (max-width: 543px) {
    ul.shop-page-nav {
    height: 50px;
    margin: 25px -15px;
  }
}
ul.shop-page-nav li {
  width: 30%;
  background-color:#fff;
  border-bottom: 4px solid #897445;
}
ul.shop-page-nav li a {
  display: block;
  text-decoration: none;
  color:#333;
  text-align: center;
  border-right:1px solid #897445;
}
ul.shop-page-nav li:last-child a {
  border-right: 0;
}
ul.shop-page-nav li a p {
  color: #333;
  margin-bottom: 0;
  line-height: 70px;
  font-size: 18px;
}
@media screen and (max-width: 543px) {
  ul.shop-page-nav li a p {
    line-height: 50px;
    font-size: 13px;
  }
}
/* hover */
ul.shop-page-nav li a:hover {
  background-color: #897445;
  transform: 1s;
}
ul.shop-page-nav li a:hover p {
  color: #fff;
  transform: 1s;
}
ul.shop-page-nav li.active {
  background-color: #897445;
}
ul.shop-page-nav li.active a p {
  color: #fff;
}

/* title補完 */
.margin-area-wrap {
  margin: 15px -15px;
}

/* accesテキスト */
.access-text {
  margin-bottom: 35px;
}
.access-text dl {
  width: 100%;
  display: table;
  font-size: 14px;
  line-height: 1.5em;
  box-sizing: border-box;

  margin-bottom: 0;
}
.access-text dl:last-child,
.access-text dt.bb-n,
.access-text dd.bb-n {
  border-bottom: none;
}
.access-text dt {
  width: 30%;
  color: #fff;
  font-size: 14px;
  letter-spacing: 4px;
  font-weight: 400;
  background-color: #3e3a39;
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #565555;
}
@media screen and (max-width: 543px) {
  .access-text dt {
    letter-spacing: 0;
  }
}
.access-text dd {
  width: 70%;
  color: #333;
  background-color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #d4d4d4;
}
.access-text a {
  color: #897445;
  text-decoration: underline;
}
/* googlemap テキストリンク */
.googlemap-textlink-wrap {
  margin: 0 30px 30px;
}
.googlemap-textlink-wrap a {
  text-decoration: underline;
}
/* お問合せ */
.googlemap-container-fluid {
  background-color: #fff;
  padding: 30px 0;
}
.googlemap-container-fluid h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 17px;
  color: #887546;
  text-align: center;
  margin-bottom: 15px;
}
.googlemap-container-fluid p.sup {
  text-align: center;
  color: #333;
  margin-top: -30px; /* h2さわれないため */
}
@media screen and (max-width: 543px) {
  .googlemap-container-fluid p.sup {
     margin-top: -15px; /* h2さわれないため */
  }
}
/* お問合せ */
.contact-list {
  margin: 0 auto;
  text-align: center;
}
.contact-list a.tell .pc {
  display: inline;
}
.contact-list a.tell .sp {
  display: none;
}
@media screen and (max-width: 543px) {
  .contact-list a.tell .pc {
    display: none;
  }
  .contact-list a.tell .sp {
    display: inline;
  }
}
.contact-list a.tell {
  width: 80%;
  display: inline-block;
  font-size: 16px;
  padding: 15px;
  margin: 15px 0 5px;
  background: #B1985A;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 543px) {
  .contact-list a.tell {
     width: 100%;
   }
}
.contact-list a.tell::before {
  content: "\f095\0020";
  font-family: FontAwesome;
  margin-right: 10px;
}
.contact-list a.web {
  width: 80%;
  display: inline-block;
  font-size: 16px;
  padding: 15px;
  margin: 15px 0 0;
  background: #f39801;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 543px) {
  .contact-list a.web {
    width: 100%;
    margin: 25px 0 15px;
  }
}
.contact-list a.web:hover,
.contact-list a.tell:hover {
  opacity: 0.7;
}
.contact-list a.web::after {
  content: "\f105\0020";
  font-family: FontAwesome;
  margin-left: 15px;
}
.contact-list a.form {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
/* メニュー */
.course-container-fluid h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 100%;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color: #887646;
  margin-bottom: 0;
  letter-spacing: 2px;
}
@media screen and (max-width: 543px) {
  .course-container-fluid h2 {
    line-height: 50px;
    font-size: 15px;
  }
}
.course-menu-box {
  width: 100%;
  border-bottom: 1px solid #484848;
  padding: 30px 0;
  overflow: auto;
}
@media screen and (max-width: 543px) {
   .course-menu-box {
     padding: 15px 0;
   }
}
.course-menu-box .course-title{
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media screen and (min-width: 544px) {
.course-menu-box .course-title{
  justify-content: flex-start;
}
}
.course-menu-box .course-title h3{
  font-size: 14px;
  margin-bottom: 0;
  width: 75%;
}
@media screen and (min-width: 544px) {
.course-menu-box .course-title h3{
  font-size: 20px;
  margin-right: 20px;
  width: auto;
}
}
.course-menu-box .course-title h3+p{
  font-size: 14px;
  color: #d2b86d;
}
@media screen and (min-width: 544px) {
.course-menu-box .course-title h3+p{
  font-size: 20px;
}
}
.course-menu-img {
  margin-right: 15px;
  align-self: flex-start;
}
@media screen and (max-width: 544px) {
  .course-menu-img {
  margin-right: 0;
  padding-right: 0;
  }
}
.course-menu-img img {
   width: 100%;
  }
.course-menu-text {
  flex: 1;
  }
 .course-menu-text p {
  word-break: break-all;
  font-size: 12px;
}
@media screen and (min-width: 544px) {
.course-menu-text p {
  font-size: 16px;
}
}
 .course-menu-text a.course {
  width: 120px;
  display: inline-block;
  font-size: 16px;
  padding: 5px 10px;
  margin: 0 15px 0 0;
  background: #fff;
  color: #333;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
 }
 .course-menu-text a.reserve {
  width: 120px;
  display: inline-block;
  font-size: 16px;
  padding: 5px 10px;
  margin: 0;
  background: #f39801;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
 }
 @media screen and (max-width: 543px) {
  .course-menu-text a.course,
  .course-menu-text a.reserve {
     font-size: 12px;
     width: 70px;
     padding: 5px 0;
     margin: 0 5px 10px 0;
  }
}

dl.course-line-up{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
dl.course-line-up{
  padding: 0;
  margin-top: 0;
}
}
dl.course-line-up dt{
  background: #ddd;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
dl.course-line-up dt{
  font-size: 14px;
}
}
dl.course-line-up dt:last-child{
  border-bottom: 1px solid #ccc;
}
dl.course-line-up dd{
  padding: 10px;
  margin: 0;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 70%;
  box-sizing: border-box;
  font-size: 12px;
  text-align: left;
}
@media screen and (min-width: 768px) {
dl.course-line-up dd{
  font-size: 14px;
}
}
dl.course-line-up dd:last-child{
  border-bottom: 1px solid #ccc;
}
.tanpin-container-fluid{
  margin-top: 50px;
}
.tanpin-container-fluid h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 100%;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color: #887646;
  margin-bottom: 0;
  letter-spacing: 2px;
}
@media screen and (max-width: 543px){
.tanpin-container-fluid h2 {
    line-height: 50px;
    font-size: 15px;
}
}
.tanpin-container{
  margin-top: 50px;
}
.tanpin-box{
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: 20px;
  border-top: 1px dotted #988e76;
  padding-top: 20px;
  justify-content: space-between;
}
.tanpin-box img{
  width: 50px;
}
@media screen and (min-width: 768px) {
.tanpin-box img{
  width: 100px;
}
}
.tanpin-box .tanpin-name{
  margin-bottom: 0;
  margin-left: 15px;
}
.tanpin-price{
  margin-bottom: 0;
  margin-left: 10px;
  color: #d2b86d;
}
.tanpin-title-area {
  display: flex;
  align-items: center;
}

.menu-button {
  text-align: center;
  margin: 30px auto;
  max-width: 300px;
}
.menu-button a {
width: 100%;
display: inline-block;
font-size: 16px;
padding: 15px 30px;
margin: 15px 0 0;
color: #b2995b;
text-align: center;
border: 1px solid #b2995b;
}
.menu-button a::after {
    content: "\f105\0020";
font-family: FontAwesome;
margin-left: 15px;
}
.menu-button a:hover {
background: #B2995B;
color: black !important;
}
/* モーダル追記 */
.remodal {
  padding: 15px !important;
}
@media screen and (min-width: 768px) {
.remodal {
  padding: 35px !important;
}
}
.remodal h2 {
  font-size: 22px;
  font-weight: bold;
}
.menu-modal .access-text dt {
  letter-spacing: 0;
}
.menu-modal .access-text dd {
  text-align: left;
}
.menu-modal > div{
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
.menu-modal > div{
  margin-top: 0;
}
}





/*------------------------------------------
 店舗スライダー
-------------------------------------------*/

/* .slideShow
------------------------- */
.slideShow{
  width: 100% !important;
}
.slideShow {
    margin: 0 auto;
    text-align: left;
    display: none;
}
.slideShow .mainView {
    width: 100%;
    text-align:center;
    position: relative;
    overflow: hidden;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView .mainView-shopname {
    background: #000;
    width: auto;
    padding: 20px 3%;
    color: #B1985A;
    background: rgba(0,0,0,0.6);
    margin: 0 auto;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 600;
    letter-spacing: 0.1em;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.slideShow .mainView ul li img {
    width: 100%;
}

.slideShow .thumbNail {
    max-width: 440px;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 768px) {
.slideShow .thumbNail {
    max-width: 600px;
}
}
.slideShow .thumbNail ul {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.slideShow .thumbNail ul li {
    width: 24% !important;
    cursor: pointer;
}
.slideShow .mainView .mainView-shopname {
    display:none;
}
.slideShow .mainView .mainView-shopname p {
    font-size: 25px;
    font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 400;
    margin-bottom: 0;
}
.slideShow .mainView .mainView-shopname p span{
    display: block;
    font-size: 15px;
}
@media screen and (min-width: 768px) {
.slideShow .mainView .mainView-shopname {
    display: block;
    top: 40%;
}
}
.slideShow .thumbNail {
    margin:10px auto 0 auto;
}
@media screen and (min-width: 768px) {
.slideShow .thumbNail {
    margin:20px auto 0 auto;
}
}
.slideShow .thumbNail ul li {
    padding: 0 4px;
}
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
.slideShow ul li a img{
    backface-visibility: hidden;
    transition: none ;
}
.slideShow ul li a img:hover{
  transition: none;
  opacity: 1.0;
}

/*------------
ループスライダー
-------------*/
@media screen and (min-width: 768px) {
#loopSlide{
    margin-top: 70px;
}
}
.simply-scroll-container {
 position: relative;
}
.simply-scroll-clip {
 position: relative;
 overflow: hidden;
}
.simply-scroll-list {
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.simply-scroll-list li {
 float: left;
 padding: 0;
 margin: 0;
 width: 300px;
 height: 165px;
}
.simply-scroll-list li img {
 display: block;
}

@media screen and (max-width: 543px) {
.simply-scroll-list li {
 float: left;
 margin: 0;
 width: 150px;
 height: auto;
}
}


/*----------------------------
詳細ページのinformationボタンが1つの場合はこちら 倶楽部、EX
------------------------------*/
.page-id-88 .shop-menu02　, .page-id-2868 .shop-menu02 {
	float: none;
	width: auto;
    margin: 0 2%;
}


/*----------------------------
営業日案内
------------------------------*/
.holiday-information{
	background: #AA8F52;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 10px;
	font-size: 1.2em;;

}
.holiday-information h3.holiday-text{
    font-weight: bold;
    color: #FFF;
    margin-bottom: 20px;
    border-bottom: 1px dotted #FFF;
    padding-bottom: 20px;
}
.holiday-information p{
	width: 100% !important;
}
.holiday-information span{
	background: #404040;
	padding: 2px 10px;
	display: inline-block;
	margin: 0 5px 10px;
}



/*----------------------------------------------------------------
タグ実装
------------------------------------------------------------------*/

ul.tag-area {
	padding: 0;
	list-style: none;
	margin: 0 0 15px 0;
}
ul.tag-area li {
    display: inline-block;
	margin: 0 5px 5px 10px;
    padding: 0;
}
ul.tag-area li p {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 1em;
    background-color: #3498db;
    border-radius: 0 3px 3px 0;
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 5px 0 0 0;
}
ul.tag-area li p::before {
    position: absolute;
    top: 0;
    left: -10px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #3498db transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    -webkit-transition: .2s;
    transition: .2s;
}
ul.tag-area li p::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #000;
	border-radius: 100%;
}
ul.tag-area li span {
	display: block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

ul.tag-area li.tag-tyokketu p {
	background-color: #2B243A;
}
ul.tag-area li.tag-tyokketu p::before {
	border-color: transparent #2B243A transparent transparent;
}


ul.tag-area li.tag-meat p {
	background-color: #734041;
}
ul.tag-area li.tag-meat p::before {
	border-color: transparent #734041 transparent transparent;
}


ul.tag-area li.tag-wine p {
	background-color: #800E0E;
}
ul.tag-area li.tag-wine p::before {
	border-color: transparent #800E0E transparent transparent;
}


ul.tag-area li.tag-chef p {
	background-color: #22716D;
}
ul.tag-area li.tag-chef p::before {
	border-color: transparent #22716D transparent transparent;
}


ul.tag-area li.tag-syokuzai p {
	background-color: #797333;
}
ul.tag-area li.tag-syokuzai p::before {
	border-color: transparent #797333 transparent transparent;
}


ul.tag-area li.tag-lunch p {
	background-color: #1A4B61;
}
ul.tag-area li.tag-lunch p::before {
	border-color: transparent #1A4B61 transparent transparent;
}


ul.tag-area li.tag-sake p {
	background-color: #494B4C;
}
ul.tag-area li.tag-sake p::before {
	border-color: transparent #494B4C transparent transparent;
}


ul.tag-area li.tag-room p {
	background-color: #492552;
}
ul.tag-area li.tag-room p::before {
	border-color: transparent #492552 transparent transparent;
}

ul.tag-area li.tag-beer p {
	background-color: #A58226;
}
ul.tag-area li.tag-beer p::before {
	border-color: transparent #A58226 transparent transparent;
}



/*----------------------------------------------------------------
その他
------------------------------------------------------------------*/
#pagetop{
    position:fixed;
    right:20px;
    bottom:15px;
    cursor:pointer;
}
.pagetop-btn {
	width:100%;
	height:50px;
	margin:-10px 15px 0 auto;
	padding:0;
	text-align:right;
}
.pagetop-btn a {
	color:#B1985B;
	margin:0 30px 0 0;
	padding:0;
	font-size:100px;
}
.contents-box-container{
	padding: 40px 0;
	text-align: center;
}

.underinner {
	 width:100%;
	 max-width:1200px;
	 margin:0 auto;
}

div.pagination-link{
	margin-top: 50px;
}

p.previous-link{
	float: left;
}
p.previous-link a{
    background: #B1985B;
    color: #000;
    padding: 8px 20px;
}
p.next-link{
	float: right;
}
p.next-link a{
    background: #B1985B;
    color: #000;
    padding: 8px 20px;
}

.pagination-link a:hover{
	background: #6F5A25;
}

#pagetop{
    position:fixed;
    right:20px;
    bottom:15px;
}
@media (max-width: 543px){
#pagetop {
    right: 10px;
    bottom: 15px;
}
}
@media (max-width: 543px){
#pagetop img {
    width: 35px;
}
}
/*----------------------------------------------------------------
recent-news
------------------------------------------------------------------*/
div.news-container{
	margin: 30px auto;
	max-width: 900px;
	text-align: left;
}
dl.news-list{
    /*padding: 20px;*/
    width: 100%;
    text-align: left;
}
dl.news-list dt{
	float: left;
	clear: left;
    font-weight: normal;
    color: #FFF;
    width: 20%;
    line-height: 1.6;
    padding: 10px 0;
}
dl.news-list dd{
	float: left;
    width: 70%;
    /*margin-bottom: 10px;*/
    padding: 10px 0;
    line-height: 1.6;
    font-weight: bold;
}

p.news-kugiri-line{
	border-bottom: 1px solid rgba(0,0,0,1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    margin: 0 0 10px;
    clear: both;
}



/*------------------------------------------
news詳細ページ
-------------------------------------------*/
.news-single-day{
	color: #B1985A;
}

.news-entry-box h2{
    padding: 5px 0 20px;
    border: 1;
    border-bottom: 1px dashed #B1985A;
    margin-bottom: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

.news-entry-box h3{
	margin: 40px 0 10px;
    font-size: 1.3em;
    color: #f0daa5;
    font-weight: bold;
}

.news-entry-box h4{
	margin: 10px 0;
	color: #DAB996;
}

.news-entry-box a.button{
	display: block;
    border: 1px solid #b2995b;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #b2995b;
    font-size: 1.2em;
    margin: 30px auto 0 auto;
    width: 80%;
    max-width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-entry-box a.button:hover{
    color: #ccc;
}

/*-----------------------------------------
お問い合わせフォーム
/*----------------------------------------*/

.wpcf7 input{padding: 5px;}

#contact-form-container{
	width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

table.contact-form{
    width: 100%;
    border-collapse: collapse;
}

table.contact-form th{
    width: 30%;
    text-aligh: left;
    background: #B2995B;
    font-weight: bold;
}

table.contact-form td{
    background: #ffffff;
    text-align: left;
}

table.contact-form th, table.contact-form td{
    padding: 20px;
    border: 1px solid #7D6D35;
    color: #000;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form th span {
	color: #FFFFFF;
    /* font-weight: bold; */
    margin-left: 5px;
}
#address-pref {
    margin-bottom: 10px;
}
.submit-btn{
    text-align: center;
}
#contact-form-container input[type="submit"]{
    margin-top: 30px;
    border: 1px solid #D4AB4C;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af9966+0,af8c3a+100 */
background: #af9966; /* Old browsers */
background: -moz-linear-gradient(top,  #af9966 0%, #af8c3a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #af9966 0%,#af8c3a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #af9966 0%,#af8c3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9966', endColorstr='#af8c3a',GradientType=0 ); /* IE6-9 */
    padding: 10px 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
	width: 80%;
    height: 45px;
}
/*#contact-form-container input[type="button"]{
    margin-top: 30px;
    border: 0;
    background: #B14342;
    padding: 10px 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    margin-left: 16px;
}*/
span.wpcf7-list-item{
    display: block;
    margin-bottom: 10px;
}
p.contact-text{
    margin-bottom: 10px;
}
.wpcf7c-conf{
    background-color: #F5F5CB !important;
}
.wpcf7c-elm-step2{
    color: #FD0000 !important;
}
.wpcf7-mail-sent-ok{
    padding: 20px;
}

.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}

.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}

.sent .contact-input-area{
	display: none;
}
.thanks-mail{
	display: none;
	padding: 20px;
}
.thanks-mail h2{
	font-size: 1.5em !important;
    margin-bottom: 30px !important;
    color: #B2995B !important;
}
.sent .thanks-mail{
	display: block !important;
	padding: 20px !important;
}
.wpcf7-form.sent .wpcf7-mail-sent-ok {
	display: none !important;
}

.page-id-46 h3{
    font-size: 1.3em;
}
.page-id-46 h3 a{
    text-decoration: underline;
    color: #B2995B;
}
.contact-input-area img.ajax-loader{
	display: none;
}
.otoiawase-information section ul{
	margin-top: 10px;
}
.otoiawase-information section ul li{
	font-size: 13px;
	margin-bottom:10px;
}


/*-----------------------------------------
お問い合わせフォーム オリジナル
/*----------------------------------------*/
.original-form-container{
	width: 100% !important;
    max-width: 980px !important;
    margin: 30px auto 80px !important;
}
table.original-form input{
	width: 100%;
}
h3.original-form-title{
    padding: 15px 0;
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #FFF;
}



/*-----------------------------------------
Web予約ページ
/*----------------------------------------*/
#tc-widget[data-layout='horizontal'] .tc-h1, #tc-widget[data-layout='horizontal'] .tc-h2 {
	display: none!important;
}

/*-----------------------------------------
404 エラーページ
/*----------------------------------------*/
.error-404{
	margin-top: 160px;
	padding: 0 20px;
}
.error-404 h2{
	font-size: 2em;
	margin-bottom: 10px;
}
.error-contents{
	margin: 20px 0;
}
.error-contents h3{
	font-size: 1.2em;
	color: #b2995b;
	margin-bottom: 10px;
}
.error-after ul li:last-child a{
	text-decoration: underline;
}




/*-----------------------------------------
wp-pagenavi 設定
/*----------------------------------------*/
.wp-pagenavi {
	margin-top: 40px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span{
	text-decoration: none;
    border: 1px solid #5D4908 !important;
    padding: 5px 10px !important;
    margin: 2px;
    background: #B0975A;
    color: #000;
}
.wp-pagenavi span.current {
    font-weight: normal !important;
    background: #FFF !important;
}

/*-----------------------------------------
レシピページ/
*----------------------------------------*/
div.recipepage-contents{
	width: 100%;
	max-width: 900px;
	margin: 50px auto 0;
}

.recipepage-img{
	width: 45%;
}

.recipepage-img img{
}

.recipepage-lead{
	margin: 0 auto 30px;
	padding-bottom: 30px;
}
.recipepage-lead .recipepage-img{
	background:#424242;
	float:left;
}
.recipepage-lead .recipepage-txtarea{
	text-align:left;
	float:right;
	width:50%;
}
.recipepage-lead .recipepage-txtarea ul{
	margin: 5px 0 40px;
	text-align: right;

}
.recipepage-lead .recipepage-txtarea ul li{
	border:1px solid #fff;
	display:inline-block;
	padding:8px 15px;
	margin-left:20px;
}
.recipepage-lead .recipepage-txtarea p span.cat-name{
	display:block;
	background:#b99f64;
	float:left;
	padding:5px 7px;
	color:#000;
	margin-bottom:10px;
	border-radius:8px;
}
.recipepage-lead .recipepage-txtarea h1{
	color:#b99f64;
	font-size:1.8em;
	line-height:1.2;
	margin-bottom:10px;
	border-bottom:1px solid #b99f64;
	clear:both;
	padding-bottom:10px;
}

.recipepage-comment{
	display:table;
	border:1px solid #b99f64;
	margin:0 auto 30px;
	width:100%;
	background:#E4E4E4;
	color:#333;
}
.recipepage-comment .comment-title{
	display:table-cell;
	background:#b99f64;
	color:#000;
	font-size:18px;
	vertical-align:middle;
	width:25%;
}
.recipepage-comment .comment-text{
	display:table-cell;
	vertical-align:middle;
}
.recipepage-comment .comment-text ul{
	margin:10px 20px;
}
.recipepage-comment .comment-text ul li{
	text-align:left;
	list-style:disc inside;
	font-size:1.2em;
	padding:10px 0;
	padding-left:1.0em;
	text-indent:-1.0em;
}


.recipepage-items{
	border:1px solid #b99f64;
	margin:0 auto 30px;
	width:100%;
}

.recipepage-items tr th{
	background:#b99f64;
	color:#000;
	font-size:18px;
}
.recipepage-items tr th,
.recipepage-items tr td{
	padding:10px 15px;
	text-align:left;
	border:1px  solid #b99f64;
	border-collapse:collapse;
	font-size: 1.1em;
}
.recipepage-items span.stuff{
	display:block;
	float:left;
}
.recipepage-items span.right{
	display:block;
	float:right;
}

.recipepage-howto{
	border:1px  solid #b99f64;
	width:100%;
	margin:0 auto 30px;

}
.recipepage-howto h2{
	background:#b99f64;
	color:#000;
	font-size:18px;
	padding:10px 15px;
	text-align:left;
}

.recipepage-howto ol {
    counter-reset: li;
    list-style: none;
	margin:10px 15px;
	font-size: 1.2em;
}
.recipepage-howto ol li{
	text-align:left;
	margin-bottom:15px;
	padding-left:1.5em;
	text-indent:-1.5em;
	line-height: 1.5;
}
.recipepage-howto li:before {
    color: #b99f64;
    font-weight: bold;
	font-size:18px;
    counter-increment: li;
    content: counter(li) ". ";
}

.recipepage-navi{
	background:#121212;
	padding:30px 0;
}
.recipepage-navi .navi-link{
	width:80%;
}
p.designer_photo{
	display: inline;
	zoom:1;
}
p.recipe-designer-name{
	display: inline;
	zoom:1;
    padding-left: 20px;
}
div.recipe-designer p{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
p.designer_photo img{
	max-width: 150px;
	border-radius: 150px;
}
.match-height-box img{
	width: 100%;
}




/*-----------------------------------------
レシピページ アーカイブ/
*----------------------------------------*/
div.recipepage-archive{
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
}

div.recipe-thumb{
    width: 23%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 1%;
    border: 4px solid #9C8A4A;
    background: #FFFBEE;
}

div.recipe-thumb h3.recipe-store-name{
	margin-bottom: 10px;
    margin: 15px 0 5px;
    background: #B4AA87;
    padding: 5px;
    border-radius: 8px;
    color: #FFF;
    font-size: 0.9em;
}
div.recipe-thumb span.recipe-genre{
    display: inline-block;
    padding-bottom: 5px;
    color: #B4AA87;
}
div.recipe-thumb p.recipe-name{
    color: #B2995B;
    font-size: 1.1em;
    border-top: 2px dotted #B4AA87;
    margin-top: 5px;
    padding: 8px 0;
    font-weight: bold;
}
div.recipe-thumb a{
	display: inline-block;
}
.recipepage-navi .pagination-link{
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

ul.monthly-list li{
    background: #B4AA87;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    border: 2px solid #72632E;;
}
ul.monthly-list li a{
	color: #FFF;
}
ul.monthly-list li a:hover{
	color: #FFF;
	text-decoration: underline;
}
p.designer-thumb{
	margin-bottom: 10px;
}
p.designer-thumb img{
	max-width: 60px;
	border-radius: 60px;
}

/*-----------------------------------------
メールマガジン募集
*----------------------------------------*/
#sp {
   text-align: center;
   border: solid 1px #666666;
   margin: 30px auto 0;
   width: 95%;
   max-width: 980px;;
}
#sp p {
   font-size: 1em;
   color: #666666;
   line-height: 130%;
   border: 0px;
   margin: 0px;
   padding: 20px 10px;
}
#sp th {
   color: #FFFFFF;
   text-align: center;
   padding: 20px 10px;
   font-size: 1.3em;
   background-color: #B4AA87;
}
#sp td {
   background-color: #FFFFFF;
   padding-bottom: 30px;
}
input.mail-magazine-form{
	height: 30px;
	display: block;
	margin: 0 auto 20px;
	padding: 0 10px;;
}
input.mail-magazine-btn{
	height: 30px;
	width: 60px;
}
input.mail-magazine-btn-touroku{
	height: 30px;
	width: 100px;
}

.recipe-member-information{
    max-width: 980px;
    margin: 30px auto 0 !important;
    text-align: left;
    background: #E2D197;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recipe-member-information h2,.recipe-sample-information h2{
	font-size: 1.6em;
    margin-bottom: 20px;
    /*margin-top: 30px;*/
    font-weight: bold;
    text-shadow: 1px 1px 0 #E6DBB2;
    line-height: 1.5;
    border-bottom: 2px dotted #333333;
    padding-bottom: 5px;
    color: #333;
}
.recipe-member-information p,.recipe-sample-information p{
	font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #333333;
    font-weight: bold;
}
.recipe-member-information a,.recipe-sample-information a{
    color: #333333;
    font-weight: bold;
    text-decoration: underline;
}
.recipe-member-information span{
    color: #D55959;
    font-weight: bold;
}
.recipe-member-information ul{
    color: #333;
    font-size: 1.2em;
}
.recipe-member-information ul li{
	margin-bottom: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.recipe-member-information span.number{
    font-size: 1.5em;
    color: #CD5151;
}
.resipe-members-section{
	margin-bottom: 70px;
}
.recipe-members-tokuten-sp{
	display: none;
}

.recipe-sample-information{
    max-width: 980px;
    margin: 40px auto 0 !important;
    text-align: left;
    background: #ECDCBA;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pf-movie-box{
	margin: 30px 0;
	max-width: 100%;
}



/*-----------------------------------------
イベントページ
*----------------------------------------*/
ul.event-list{
	margin-bottom: 20px;
}
ul.event-list li{
	margin: 1%;
	float: left;
	margin-bottom: 20px;
}
ul.event-list li img{
	max-width: 280px;
}
.monthly-event-list{
	margin-bottom: 60px;
}
.monthly-event-list .wp-pagenavi{
	margin-top: 20px;
}
@media (min-width:481px) and (max-width:820px){
	ul.event-list li{
		margin: 1%;
		float: left;
		width: 48%;
	}
	ul.event-list li img{
		max-width: 100%;
	}
}

@media (max-width:544px){
	ul.event-list li{
		width: 48%;
		margin-bottom: 10px;
	}
	ul.event-list li img{
		max-width: 100%;
	}
}

.event-bnr-area{
	margin-bottom: 30px;
}
.event-bnr-area h3{
    font-size: 1.2em;
    background-color: #b1985a;
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 15px;
    margin-top: 30px;
    font-weight: bold;
    color: #fff;
}
.event-bnr-area-info{
    background: #fff;
    margin-top: 20px;
}
.event-bnr-area-info p{
	padding: 0 20px 30px;
    color: #000;
    line-height: 1.8;
    font-size: 1.1em;
}
.event-information-area{
	margin-bottom: 30px;
}
.event-information-area h3{
	color: #b89f63;
	font-size: 1.4em;
	line-height: 1.5;
	margin-bottom: 20px;
}
.post-type-archive-event a.btn{
	width: 80%;
}
.post-type-archive-event .shoplink-area{
    width: 100%;
    margin: 50px auto 100px;
}
@media (max-width:544px){
.post-type-archive-event .shoplink-area {
    margin: 30px auto 80px;
}
}


/*-----------------------------------------
ニュースページ
*----------------------------------------*/

.post a{
	color: #B2995B;
	text-decoration: underline;
  font-weight: bold;
}
.post a:hover{
	color: #d4a83c;
}
.post p{
	margin-bottom: 15px;
  line-height: 1.8;
}
.post a.btn{
    text-decoration: none;
    background: #b1985b;
    color: #333;
    font-weight: bold;
}
.post a.btn:hover{
	opacity: 0.8;
}
.post-link-box{
background: #ffffff;
    padding: 20px;
    margin: 30px 0;
    border: 3px solid #b1985b;
    text-align: center;
}
.post-link-box a{
  font-size: 16px !important;
}
/* -------------------------------------------------------------------------　

  タブレット

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


@media (min-width:481px) and (max-width:820px){

.sub-page-top{
	padding-top: 40px;
}

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

  481-820 ニュースページ

------------------ */
div.news-container{
	padding: 20px;
}

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

  544-820 パンくず

------------------ */
body.page-template-page-shop-detail .breadcrumbs{
	padding:0 20px;
	display: block;
}


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

  544-820 レシピページ

------------------ */
div.recipepage-contents{
	width: 90%;
}
.recipepage-lead .recipepage-img{
	float: none;
	width: 100%;
}
.recipepage-lead .recipepage-img img{
	width: 100%;
}
.recipepage-lead .recipepage-txtarea{
	float: none;
	width: 100%;
}
.recipepage-lead .recipepage-txtarea ul{
	margin-top: 20px;
}
div.recipe-thumb{
	width: 31%;
}

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

  544-820 - メールマガジン募集

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

input.mail-magazine-form{
	width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;

}
input.mail-magazine-btn{
	display: block;
	margin: 0 auto;
	height: 30px;
	margin-top: 20px;
	width: 90%;

}
input.mail-magazine-btn-touroku{
	display: block;
	margin: 0 auto;
	height: 50px;
	margin-top: 20px;
	width: 90%;
}
}





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

  スマートフォン 544px以下

------------------------------------------------------------------------- */
@media (max-width:544px){

 #googlemap {
	width:100%;
	height: 250px !important;
}

.shop-imgset a img{
	opacity: 1;
}


.contents-title{
	font-size: 20px;
}

iframe{
	max-width: 100%;
}

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

  544 - NEWS&TOPICS　

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

div.news-container{
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


dl.news-list {
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

dl.news-list dt{
	float: none;
	clear: none;
	width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
dl.news-list dd{
	float: none;
	width: 100%;
  margin-bottom: 10px;
  padding: 0;
}

p.news-kugiri-line{
	margin: 0 -20px 10px -20px;
}

#top-news-area .contents-title{
	margin-bottom: 25px;
}
#top-news-area dl.news-list a{
	text-decoration: underline;
}


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

  544 - PICK UP　

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

.contents-box-left h2 {
	 letter-spacing:1px;
	 font-size:19px;
 }

 .contents-box-container h3{
 	 letter-spacing:1px;
	 font-size:19px;
 }

.contents-box-left .concept-img , .contents-box-right .concept-img-02 {
	float:none;
	width:95%;
	max-width:481px;
	margin:0 auto;
}
.contents-box-right .concept-img-02 {
	margin:30px auto 0 auto;
}


.contents-box-left .concept-txt , .contents-box-right .concept-txt-02 {
	max-width:90%;
	width:481px;
	float:none;
	margin:25px auto 0 auto;
}

 #shoplist-area h2 {
	margin: 0 auto 30px auto;
}

.groupshop-set {
	width:100%;
	max-width:481px;
	margin:0 auto;
	float:none;
    padding: 0px 0 50px;
    min-height: 100px;
    text-align: left;
}

.groupshop-infoarea {
	width:auto;
	margin:15px auto 0 auto;
	padding:0 20px;
	float:none;
}
.groupshop-set-50 .groupshop-infoarea{
	padding: 0;
	margin-bottom: 20px;
}
a.groupshop-img {
	width:100%;
	max-width:100%;
	margin:0 auto;
	float:none;
}

.shoplist-inner02 {
	padding:0;
}

#shoplist-area .shop-set , #shoplist-area02 .shop-set {
	width:48%;
	max-width:48%;
	float:left;
	margin:0 1%;
	padding:0 0 50px 0;
	text-align:left;
    min-height: 280px;
}
#shoplist-area .shop-set h3 {
	padding:0 1%;
	line-height:1.3em;
}
#shoplist-area .shop-set p {
	padding:0 1%;
	 font-size:11px;
 }

a.groupshop-img img {
	opacity:1;
}

.set-02{
	background: #10141D;
}


/* ------------------　
  544 - タグ実装
------------------ */
ul.tag-area li {
    display: inline-block;
    margin: 0 5px 15px 10px;
    padding: 0;
}
ul.tag-area li p {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 1em;
    background-color: #3498db;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
}
ul.tag-area li p::before {
    position: absolute;
    top: 0;
    left: -10px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #3498db transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    -webkit-transition: .2s;
    transition: .2s;
}

span.tel-link{
	border: 1px solid #B2995B;
    padding: 5px;
    display: inline-block;
}


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

  544 - 404エラー

------------------ */
.error-404{
	margin-top: 50px;
}
.error-404 h2{
	font-size: 2em;
	margin-bottom: 10px;
}
.error-contents{
	margin: 20px 0;
	text-align: left;
}
.error-contents h3{
	font-size: 1.2em;
	color: #b2995b;
	margin-bottom: 10px;
}
.error-after ul li:last-child a{
	text-decoration: underline;
}


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

  544 - レシピページ

------------------ */
div.recipepage-contents{
	width: 95%;
}
.recipepage-lead{
	margin-bottom: 0;
}
.recipepage-lead .recipepage-img{
	float: none;
	width: 100%;
}
.recipepage-lead .recipepage-img img{
	width: 100%;
}
.recipepage-lead .recipepage-txtarea{
	float: none;
	width: 100%;
}
.recipepage-lead .recipepage-txtarea ul{
	margin: 30px 0;
	text-align: left;
}
.recipepage-lead .recipepage-txtarea ul li{
	margin-left: 0;
	margin-bottom: 10px;
}
div.recipe-thumb{
	width: 48%;
	padding: 5px;
}
ul.monthly-list li{
    background: #B4AA87;
    display: block;
    padding: 10px 20px;
    margin: 10px;
    border: 2px solid #FFFBEE;
}
p.designer_photo img{
	max-width: 80px;
	border-radius: 80px;
}
p.designer-thumb{
	margin-bottom: 10px;
}
p.designer-thumb img{
	max-width: 40px;
	border-radius: 40px;
}

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

  544 - メールマガジン募集

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

input.mail-magazine-form{
	width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;

}
input.mail-magazine-btn{
	display: block;
	margin: 0 auto;
	height: 30px;
	margin-top: 20px;
	width: 90%;;
}
input.mail-magazine-btn-touroku{
	display: block;
	margin: 0 auto;
	height: 50px;
	margin-top: 20px;
	width: 90%;
}

.recipe-members-tokuten-pc{
	display: none;
}
.recipe-members-tokuten-sp{
	display: block;
}


}
/*max-544 表示を切り替えるウィンドウサイズの指定 ここまで*/

select{
	height: 35px;
	padding: 0 10px;
}
@media (max-width:768px){
/* ------------------　

  468 -　お問い合わせフォーム

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

#contact-form-container{
	width: 100%;
}

table.contact-form {
	/*margin: 0 -10px;*/
}
table.contact-form th, table.contact-form td{
    width: 100%;
    display: block;
    border-top: none;
    padding: 15px;
    text-align: left;
}
.contact-form tr:first-child th{
    /*border-top: 1px solid #ddd;*/
    text-align: left;
}
.contact-form input{
    /*height: 35px;*/
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #B2995B;
    vertical-align: middle;
}
input[type="text"]{
	border-radius: 5px;
    border: 1px solid #aaa;
    -webkit-appearance: none;
    height: 35px;
    max-width: 90% !important;
}
input[type="number"],input[type="tel"],input[type="email"]{
	border-radius: 5px;
    border: 1px solid #aaa;
    -webkit-appearance: none;
    max-width: 90% !important;
}

input[type="text"] ,
input[type="email"] ,
select {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Chrome, Safari */
}


.yubin input{
	width: 80px;
}

textarea{
	width: 95%;
	max-width: 90% !important;
}
table.original-form input[type="text"]{
	max-width: 100% !important;
}
#contact-form-container td span {
	font-size: 14px;
}
}