/*
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;
    }
}