@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:400,700&display=swap&subset=japanese');


html {
    font-size: 16px;
    line-height: 1;
}

body {
    font-size: 1rem;
    line-height: 1.6;
    color:#222;
    font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    overflow-x: hidden;
    background:#f3f3f3;
}

h2, h3, h4, dt, th {
    font-family:'Roboto', 'Noto Sans JP', sans-serif;
    font-weight: 800;
}

/* setting */
.ibp {
    width:100%;
    letter-spacing: -.5em;
}

.ib {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

a.box {
    width:100%;
    height: 100%;
    display: block;
}

a.btn, button a {
    color:#fff;
    background:#dc442d;
    padding: 1rem 2.6875rem;
    display: block;
}

button {
    background:none;
    border: none;
    padding: 0;
    color:#fff;
    line-height: 1;
}

button a {
    color:#fff;
    line-height: 1;
    text-decoration: none;
    transition: .3s;
}

.loadingBar {
    width: 0;
    height: 4px;
    background: #dc442d;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.2s linear 0s;
}

/* header */
#globalHeader {
    background:#fff;
}

/* page header */
.single-content .page-header {
    background:url(common/images/theme-10.jpg) center no-repeat;
    background-size: cover;
}

.arc-member .page-header {
    background:url(common/images/theme-1.jpg) center no-repeat;
    background-size: cover;
}

.page-id-89 .page-header {
    background:url(common/images/theme-2.jpg) center no-repeat;
    background-size: cover;
}

.page-id-122 .page-header {
    background:url(common/images/theme-9.jpg) center no-repeat;
    background-size: cover;
}

.page-id-140 .page-header {
    background:url(common/images/theme-4.jpg) center no-repeat;
    background-size: cover;
}

.page-id-142 .page-header {
    background:url(common/images/theme-5.jpg) center no-repeat;
    background-size: cover;
}

.page-id-143 .page-header {
    background:url(common/images/theme-6.jpg) center no-repeat;
    background-size: cover;
}

.page-id-146 .page-header {
    background:url(common/images/theme-7.jpg) center no-repeat;
    background-size: cover;
}

.privacy-policy .page-header {
    background:url(common/images/theme-8.jpg) center no-repeat;
    background-size: cover;
}

.archive-saiji .page-header {
    background:url(common/images/theme-3.jpg) center no-repeat;
    background-size: cover;
}

.privacy {
    text-align: left;
}

.privacy h3 {
    font-size: 1.05rem;
    margin-bottom: 10px;
    text-align: left;
}

.privacy ul,
.privacy ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.privacy ul {
    list-style: disc;
}

.privacy ol {
    list-style: decimal;
}

.privacy li {
    margin-left: 1.5em;
}

/* contact */
.contactForm input[type="text"][name="your-zipcode"] {
    width:40%;
}

/* sns */
.tw a i {
    color:#00acee !important;
}

.fb a i {
    color:#3b5998 !important;  
}

.insta a i {
    color:#D93177 !important;
}

.single-inner .date {
    text-align: right;
    font-size: .725rem;
}

.single-inner p + p {
    margin-top: 1em;
}

#faq dl + dl {
    margin-top: 2em;    
}

#faq dt:before {
    content:"Q";
    font-size:2rem;
    color:#dc442d;
    margin-right: 10px;
    vertical-align: middle;
}

#faq dd {
    padding: 20px;
    box-sizing: border-box;
    background:#fff;
    position: relative;
}

#faq dd:after {
    content:"Answer";
    font-size: 2rem;
    color:#ccc;
    position: absolute;
    bottom:-30px;
    right:10px;
}

.single-inner .inner a {
    color:orange;
    text-decoration: underline;
}

.single-inner .inner a:hover {
    color:orange;
    text-decoration: none;
}


#f-nav3 .footer-sponsord {
    letter-spacing: -1em;
}

#f-nav3 .footer-sponsord li {
    margin: 0;
    width:50%;
    padding-right: 5%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    line-height: 1.25;
    margin-bottom: 10px;
}

#f-nav3 .footer-sponsord li:nth-child(even) {
    margin-right: 0;
}

#f-nav3 .footer-sponsord li.id-338,
#f-nav3 .footer-sponsord li.id-407 {
    display: none;
}


@media screen and (max-width:768px) {
    .pc {
        display: none;
    }
    
    html {
        overflow-x: hidden;
    }
    
    body {
        line-height: 1.7;
        overflow-x:hidden;
    }
    
    img {
        max-width:100%;
    }
    
    button {
        width:100%;
    }
    
    a:link, a:visited, a:hover {
        color:#222;
        text-decoration: none;
    }
    
    a:active {
        color:#dc442d;
        text-decoration: none;
    }
    
    button a:link, button a:visited, button a:active, button a:hover {
        color:#fff;
        text-decoration: none;
    }
    
    #globalHeader {
        background:#fff;
        padding:3.125vw;
        box-sizing: border-box;
    }
    
    #globalHeader #siteLogo {
        width:50%;
        margin-right: 30%;
        height: 7vw;
        text-indent:-9999px;
        vertical-align: middle;
    }
    
    #globalHeader #siteLogo a {
        background: url(common/images/logo.png) left center no-repeat;
        width:100%;
        background-size: contain;
        display: block;
    }
    
    #globalHeader #menuBar {
        width:20%;
        height: 7vw;
        vertical-align: middle;
        text-align: right;
        text-indent:-9999px;
        padding-left: 13%;
        box-sizing: border-box;
    }
    
    #globalHeader #menuBar span {
        background:url(common/images/menu-open.png) right center no-repeat;
        width:100%;
        height: 7vw;
        background-size: 80%;
        display: block;
    }
    
    #globalHeader #menuBar.active span {
        background:url(common/images/menu-close.png) right center no-repeat;
        width:100%;
        height: 7vw;
        background-size: 80%;
        display: block;
    }
    
    #spGlobalNav {
        display: none;
        position: absolute;
        top:13.25vw;
        left:0;
        width:100%;
        background:#fff;
        box-sizing: border-box;
        z-index: 101;
        border-top:3px double #333;
    }
    
    #spGlobalNav #spHeaderMenu {
        padding:3.125vw;
        box-sizing: border-box;
    }
    
    #spGlobalNav #spHeaderMenu li {
        line-height: 2.2;
        border-bottom:1px dashed #ccc;
        box-sizing: border-box;
        position:relative
    }
    
    #spGlobalNav #spHeaderMenu li:last-child {
        border-bottom:none;    
    }
    
    #spGlobalNav #spHeaderMenu li:after {
        position:absolute;
        top:0;
        right:0;
        content:url(common/images/arrow-right-small.png);
    }
    
    #spGlobalNav #spHeaderMenu li a {
        display: block;
        text-decoration: none;
        padding:0 1.125vw;
        color:#222;
    }
    
    #spGlobalNav #spHeaderMenu li a:active {
        color:#dc442d;
    }
    
    #spGlobalNav #spCall {
        background:#f2f2f2;
        padding:5.26725vw;
        box-sizing: border-box;
    }
    
    #spGlobalNav #spKyosan {
        padding:5.2675vw 3.125vw;
        box-sizing: border-box;
        background:#222;
        color:#fff;
    }
    
    #splash {
        width:100%;
        padding: 2em 0;
        background:url(common/images/top-splash-bg.jpg) 0 0 fixed;
        position:relative;
        background-size: contain;
        margin-bottom:0;
    }
    
    #splash .text-block {
        width:90%;
        /*
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
        */
        margin:auto;
    }
    
    #splash .text-block h2 {
        font-size: 3rem;
        color:#fff;
        text-align: center;
        line-height: 1.3;
    }
    
    #splash .text-block p {
        font-weight: bold;
        font-size: .875rem;
        color:#fff;
        text-align: center;
        margin-top:4.125vw;
    }
    
    #splash img {
    /*
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        */
    }
    
    #irai {
        background:#f68b00;
        position: relative;
        width:100%;
        padding: 0;
        margin-bottom: 21.875vw;
    }
    
    #irai .text-block h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    
    #irai .text-block p {
        font-size: .875rem;
    }
    
    #irai .text-block p.btn a {
        margin:3.125vw 0;
        background:#fff;
        text-align: center;
        width:100%;
        text-align: center;
        padding:3.125vw;
        box-sizing: border-box;
        display: block;
        text-decoration: none;
        color:#222;
    }
    
    #irai .text-block, #irai .image-block  {
        padding:3.125vw;
        box-sizing: border-box;
    }
    
    #news {
        margin-bottom: 11.875vw;
    }
    
    #news ul {
        padding:0 3.125vw;
        box-sizing: border-box;
    }
    
    #news li {
        padding:1.125vw;
        box-sizing: border-box;
        margin-bottom: 1.125vw;
    }
    
    #news li a .date {
        display: block;
        color:#999;
        text-decoration: none;
        font-size: .625rem;
    }
    
    #news li a .title {
        display: block;
        font-size: .875rem;
        color:#222;
    }
    
    #info {
        background: #fff;
        padding-top: 12vh;
    }
    
    #info .info-cont .text-block {
        padding:3.125vw;
        box-sizing: border-box;
        position:relative;
    }
    
    #info .info-cont .text-block h3 {
        font-size: 1.125rem;
        margin-bottom: 5px;
    }
    
    #info .info-cont .text-block p {
        font-size: .875rem;
    }
    
    #info .info-cont .text-block button {
        margin-top: 3.125vw;
    }
    
    #info .info-cont {
        margin-bottom: 6.5vw;
    }
    
    #info .info-cont2 {
        background:#f3f3f3;
    }
    
    #info .info-cont2 .top-1,
    #info .info-cont2 .top-2 {
        display: block;
        width:100%;
    }
    
    #info .info-cont2 .top-1 a,
    #info .info-cont2 .top-2 a {
        color:#222;
        text-decoration: none;
    }
    
    #info .info-cont2 .top-1 {
        margin-bottom: 3.125vw;
    }
    
    #info .info-cont2 h3 {
        padding:1.125vw 3.125vw;
        box-sizing: border-box;
        position:relative;
    }
    
    #info .info-cont2 p {
        font-size: .875rem;
        padding-left: 3.125vw;
        padding-right: 3.125vw;
        box-sizing: border-box;
    }
    
    .info-cont2 .more {
        text-align: right;
        margin-bottom: 5vw;
        margin-top: 2vw;
    }
    
    .info-cont2 .more a {
        text-decoration: underline;
        color:#dc442d;
    }

    /* footer
    ------------------------- */
    #globalFooter {
        margin-top: 15.1875vw;
        border-top:.78125vw solid #929292;
        background: url(common/images/footer-bg.jpg) 0 0 repeat;
        color:#fff;
        padding:5vw 3.125vw;
        box-sizing: border-box;
        color:#fff;
    }
    
    
    #globalFooter h2.footer-title {
        font-size: 1.25rem;
        margin-bottom: 1.25em;
    }
    
    #gloabalFooter h3 {
        font-size: 1.05rem;
        font-weight: bold;
    }
    
    #globalFooter .fnav, #f-nav3 {
        display: block;
    }
    
    #globalFooter #f-nav1,
    #globalFooter #f-nav2 {
        display: none;
    }
    
    #copyright {
        font-size: .525rem;
        text-align: center;
        margin-top: 3rem;
    }
    
    /* archive member
    ----------------------- */
    .archive-member ul {
        padding:0 3.125vw;
        box-sizing: border-box;
    }
    
    .archive-member li {
        width:48%;
        margin-right: 4%;
        font-size: .725rem;
        text-align: center;
    }
    
    .archive-member li:nth-child(even) {
        margin-right: 0;
    }
    
    .archive-member li h2 {
        text-align: center;
        font-size: .875rem;
        font-weight: bold;
    }

    
    /* page.php
    ----------------------- */
    .page-header {
        height: 16vh;
        text-align: center;
        position: relative;
        margin-bottom: 16.6875vw;
    }
    
    .page-title {
        color:#fff;
        font-size: 1.3175rem;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-weight: bold;
        width:100%;
    }
    
    .icon-section-title {
        text-align: center;
        position:relative;
        font-size: 2rem;
        line-height: 1;
        text-transform: uppercase;
    }

    .icon-section-title span {
        display: block;
        text-align: center;
        color:#395917;
        font-size: 13px;
        margin-top:9px;
        margin-bottom: 3.125vw;
    }

    .icon-section-title:before {
        content:url(common/images/icon-section-title-before.png);
        position:absolute;
        top:-50px;
        width:35px;
        height: 37px;
        margin:auto;
        left: 0;
        right:0;
        text-align: center;
    }
    
    /* single member
    ----------------------------- */
    #shop-hero {
        margin-bottom: 6.25vw;
    }
    
    #shop-hero img {
        width:100%;
        height: auto;
    }
    
    #shopLogo {
        margin:0 auto 3.125vw;
        text-align: center;
    }
    
    #shopLogo img {
        max-width:40%;
        height: auto;
    }
    
    .single-member-content .page-title {
        position:inherit;
        text-align: center;
        font-size: 1.5rem;
        text-align: center;
        padding: 0;
        transform: none;
        color:#222;
    }
    
    .single-member-header {
        margin-bottom: 6.8725vw;
    }
    
    #shopOwner {
        background:#fff;
    }
    
    #shopOwner #shopInfo1 {
        padding:3.125vw;
        box-sizing: border-box;
    }
    
    .seikyu-tip {
        display: none;
    }
    
    .seiyaku {
        margin-bottom: 3.125vw;
    }
    
    .seiyaku p {
        font-size: .625rem;
        text-align: right;
    }
    
    .seiyaku p i {
        font-size: .625rem;
        color:#dc442d;
    }
    
    #shopInfo1 .inner {
        font-size: .875rem;
        margin-bottom: 2rem;
    }
    
    #shopInfo1 .inner + .inner {
        margin-top: 3.125vw;
    }
    
    #shopInfo1 ul li + li {
        margin-left: 15px;
    }
    
    #shopInfo1 h2 span {
        margin:0 1.525vw;
        display: inline-block;
        vertical-align: middle;
    }
    
    
    #youtube, #foodGallery, #storeInfo {
        width:90%;
        margin:0 auto 2rem;
    }
    
    #youtube iframe {
        width:100%;
        height: auto;
    }
    
    #foodGallery {
        margin-bottom: 6em;
    }
    
    /* page.php
    --------------------------- */
    .pageSection .icon-section-title {
        margin-top: 80px;
    }
    
    .pageSection {
        width:100%;
        padding:0 3.125vw;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
    
    .pageSection h3 {
        margin:6.25vw auto 3.125vw;
        font-size: 1.5rem;
        text-align: center;
    }
    
    .saiji-result ul {
        width:100%;
    }
    
    .saiji-result li {
        padding:5px 8px;
        font-size: .875rem;
        width:100%;
        display: table;
        border-bottom:1px solid #ccc;
        box-sizing: border-box;
    }
    
    .saiji-result li:nth-child(even) {
        background:#e2e2e2;
    }
    
    .saiji-result li .date {
        display: table-cell;
        width:30%;
        font-size: .725rem;
    }
    
    .saiji-result li p {
        display: table-cell;
        width:70%;
    }
    
    .saiji-result li.saiji-header {
        color:#fff;
        background:#222;
    }
    
    .archive-member .blogList li {
        display: block;
        width:100%;
    }
    
    .archive-member .blogList li span {
        text-align: left;
    }
    
    .member-list li {
        margin-bottom: 3.125vw;
    }
    
    .member-list li .dir {
        color:#fff;
        font-size: .625rem;
        background:#395917;
        border-radius: 1.625vw;
        color:#fff;
        width:70%;
        margin:1.625vw auto 0;
        padding: 3px 0;
        box-sizing: border-box;
    }
    
    .member-list li .dir a {
        color:#fff;
    }
    
    .saiji-flow li {
        border-radius: 10px;
        background:#fff;
        padding: 3.125vw;
        box-sizing: border-box;
    }
    
    .saiji-flow h3 {
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0;
        text-align: left;
        font-size: 1.05rem;
    }
    
    .saiji-flow i {
        color:#999;
        margin: 4.6875vw auto;
        transform: rotate(90deg);
        text-align: center;
        display: block;
        font-size: 2rem;
    }
    
    .saiji-flow h3 .step {
        color:#dc442d;
        margin-right: 10px;
    }
    
    .daihyo {
        text-align: right;
        margin-top: 6.25vw;
    }
    
    #storeCont .ibp {
        letter-spacing: normal;
        margin-bottom: 1.5625vw;
    }
    
    #storeCont .ib {
        display: block;
        font-size: .875rem;
        font-weight: normal;
    }
    
    #storeCont h3 {
        margin-bottom: 1.5625vw;
    }
    
    #f-nav3 ul, #spKyosan ul {
        letter-spacing:-.5em; 
    }
    
    #f-nav3 li, #spKyosan li {
        display: inline-block;
        width:50%;
        vertical-align: top;
        letter-spacing: normal;
    }
    
    #f-nav3 li a, #spKyosan li a {
        color:#fff;
        font-size: .725rem;
    }
    
    #contactArea {
        padding: 3.125vw;
        box-sizing: border-box;
    }
    
    .contactForm dl {
       margin-top: 3.125vw;
        box-sizing: border-box;
    }
    
    .contactForm dt {
        font-weight: 400;
        font-size: .875rem;
    }
    
    .contactForm dt span {
        margin-left: 1.625vw;
        border-radius: 4px;
        background:#395917;
        color:#fff;
        font-size: .625rem;
        padding: 2px 4px;
    }
    
    .contactForm input[type="text"],
    .contactForm input[type="tel"],
    .contactForm input[type="email"],
    .contactForm textarea {
        border:1px solid #ccc;
        background:#fff;
        width:100%;
        padding:1.625vw;
        box-sizing: border-box;
        font-size: .875rem;
    }
    
    .contactForm input[name="your-address"] {
        margin-top: 1.625vw;
    }
    
    .contactForm input[type="submit"] {
        color: #fff;
        line-height: 1;
        text-decoration: none;
        transition: .3s;
        background: #dc442d;
        padding: 1rem 0;
        width: 80%;
        display: block;
        margin-top: 1rem;
        border: 1px solid #dc442d;
        outline: 0;
        transition: .2s;
        cursor: pointer;
        margin:auto;
    }

    .shopSNS-button {
        text-align: right;
    }
    
    .single-content .inner {
        padding: 3.125vw;
        box-sizing: border-box;
    }
    
    .single-format-standard .page-header {
        margin-bottom: 6vw;
    }
    
    .shopItemInfo {
        padding: 6.25vw;
        box-sizing: border-box;
    }
    
    .shopItemInfo h3 {
        font-weight: 400;
        font-size: 1.05rem;
        margin-bottom: 10px;
    }
    
    .mp4 {
        width:94%;
        margin:0 auto 40px;
    }
    
    .mp4 img, .mp4 video {
        width:100%;
        height: auto;
    }
    
    #foodGallery .foods {
        display: block;
        width:100%;
    }
    
    #foodGallery .foods img {
        width:100%;
        height: auto;
    }
    
    #storeCont h3 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    
    #shop-hero button.slick-arrow {
        display: none !important; 
    }
    
    .single-post h2 {
        margin-top: 6.25vw;
        margin-bottom: 3.125vw;
    }
    
    .single-post img {
        margin:3.125vw auto;
        text-align: center;
        width:100%;
        height: auto;
        display: block;
    }
    
}

@media screen and (min-width:769px) {
    .sp {
        display: none;
    }
    
    a img {
        transition: .2s;
    }
    
    a:hover img{
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        opacity:0.8;
    }
    
    a:link, a:visited, a:active {
        color:#dc442d;
        text-decoration: underline;
    }
    
    a:active {
        font-weight: bold;
    }
    
    a:hover {
        color:#dc442d;
        text-decoration: none;
    }
    
    button a:link, button a:visited, button a:active {
        color:#fff;
        line-height: 1;
        text-decoration: none;
        transition: .3s;
    }
    
    button a:hover {
        background:rgba(220, 68, 45, 0.7);
    }
    
    .wrapper {
        width:1144px;
        margin-left: auto;
        margin-right: auto;
    }
        

    /* header
    -------------------------------------- */
    #logo a {
        background:url(common/images/logo.png) left center no-repeat;
        text-indent:-9999px;
        height: 35px;
        background-size: contain;
        display: block;
    }
    
    .pcHome {
        width:100%;
        padding: 28px 20px;
        box-sizing: border-box;
    }
    
    .pcSub {
        width:1144px;
        padding: 19px 0;
        margin:auto;
    }
    
    #globalHeader #logo {
        width:16%;
        box-sizing: border-box;
    }
    
    #globalHeader #headerButton {
        width:16%;
        box-sizing: border-box;
        text-align: right;
    }
    
    #globalHeader .inner .ib {
        vertical-align: middle;
    }
    
    #globalHeader #globalNav {
        text-align: center;
        width:68%;
    }
    
    #globalHeader #globalNav li {
        font-family:'Roboto', 'Noto Sans JP', sans-serif;
        text-transform: uppercase;
        line-height: 1;
        position: relative;
    }
    
    #globalHeader #globalNav li + li {
        margin-left: 4.224%;
    }
    
    #globalHeader #globalNav li a {
        color:#222;
        text-decoration: none;
        transition:.3s;
    }
    
    #globalHeader #globalNav li a:hover:after {
        color:#222;
        text-decoration: none;
        position: absolute;
        content:"";
        border-bottom:2px solid #dc442d;
        width: 50%;
        margin:auto;
        bottom:-8px;
        left: 25%;
    }
    
    #globalHeader .pcSub #globalNav li {
        font-size: 14px;
    }
    
    #globalHeader .pcSub #globalNav li + li {
        margin-left: 3.1%;    
    }
    
    #globalHeader .pcSub button {
        font-size: 12px;
    }
    
    @media screen and (max-width:1100px) {
        #headerButton {
            position:fixed;
            top:0;
            right:0;
            z-index: 100;
        }
        
        #youtube iframe {
            width:100%;
            height:auto;
        }
    }
    
    /* page header
    ---------------------------- */
    .page-header {
        width:100%;
        height: 280px;
        display: table;
        margin-bottom: 125px;
    }
    
    .page-header h1 {
        text-align: center;
        font-size: 36px;
        vertical-align: middle;
        display: table-cell;
        color:#fff;
        text-shadow:1px 0 5px rgba(120,120,120,.3);
        font-weight: bold;
    }
    
    .icon-section-title {
        text-align: center;
        position:relative;
        font-size: 36px;
        line-height: 1;
        text-transform: uppercase;
    }
    
    .icon-section-title span {
        display: block;
        text-align: center;
        color:#395917;
        font-size: 13px;
        margin-top:9px;
        margin-bottom: 40px;
    }
    
    .icon-section-title:before {
        content:url(common/images/icon-section-title-before.png);
        position:absolute;
        top:-50px;
        width:35px;
        height: 37px;
        margin:auto;
        left:0;
        right:0;
        text-align: center;
    }
    
    .archive-member .blogList li {
        width:100%;
    }
    
    
    
    
    
    /* article
    ------------------------------ */
    .archive-member {
        margin:auto;
        width:1144px;
    }
    
    .archive-member li {
        width:330px;
        margin-right: 77px;
        margin-bottom: 77px;
    }
    
    .archive-member li:nth-child(3n) {
        margin-right: 0;
    }
    
    .archive-member li .image-block {
        width:330px;
        height: 330px;
        overflow: hidden;
        position: relative;
        border-radius: 165px;
    }
    
    .archive-member li .image-block img {        
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height:100%;
        width:330px;
        height: 330px;
        object-fit: cover;
        transition: .2s;
    }

    .archive-member li .image-block img:hover {
        transform: scale(1.05) translate(-50%, -50%);
    }
    
    .archive-member li h2 a, .archive-member li h2 a:hover {
        color:#222;
        text-decoration: none;
    }
    
    .archive-member li h2 {
        margin-top: 18px;
        margin-bottom: 14px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }
    
    .archive-member li .dir a {
        border:1px solid #222;
        background:#fff;
        position:relative;
        width:248px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        display: block;
        margin:17px auto;
        font-size: 14px;
        color:#222;
        text-decoration: none;
        transition: .2s;
    }
    
    .archive-member li .dir a:after {
        content:url(common/images/arrow-right-small.png);
        position:absolute;
        right:10px;
        top:0;
    }
    
    .archive-member li .dir a:hover {
        color:#fff;
        background:#222;
    }
    
    .archive-member li .dir a:hover:after {
        content:url(common/images/arrow-right-small-white.png);
    }
    
    /* single member */
    .single-member-header {
        width:1144px;
        margin:auto;
    }
    
    #shop-hero .slick-arrow {
        display: none !important;
    }
    
    #shop-hero {
        margin-bottom: 100px;
    }
    
    #shop-hero .carGellery {
        width:1144px;
        height: 457px;
        overflow: hidden;
        position: relative;
    }
    
    #shop-hero .carGellery img {
        width:1144px;
        height: 457px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height:100%;
    }
    
    #shopLogo {
        text-align: center;
    }
    
    #shopLogo img {
        margin-bottom: 10px;
        max-width:200px;
        max-height: 90px;
    }
    
    .single-member-header h1.page-title {
        text-align: center;
        font-size: 36px;
        margin-bottom: 55px;
    }
    
    #shopOwner {
        margin-bottom: 60px;
    }
    
    #ownerPhoto, #storePhoto {
        width:48.077%;
        margin-right: 3.059%;
        vertical-align: middle;
    }
    
    #ownerPhoto img, #storePhoto img {
        width:100%;
        height: auto;
    }
    
    #shopInfo1, #storeCont {
        width:48.864%;
    }
    
    #shopInfo1 h2 {
        line-height: 1;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    #shopInfo1 h2 span {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        margin:0 15px;
    }
    
    #shopInfo1 .seiyaku {
        margin-top: 20px;
        font-size: 11px;
        font-weight: bold;
        position:relative;
    }
    
    #shopInfo1 .seiyaku span {
        display: inline-block;
    }
    
    #shopInfo1 .seiyaku i {
        color:#dc442d;
        font-size: 16px;
        vertical-align: middle;
    }
    
    .seikyu-tip {
        display: none;
        position: absolute;
        bottom:-75px;
        left: 0;
        width: 300px;
        font-size: 13px;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        font-weight: 400;
        box-shadow: 0 0 5px rgba(120,120,120,.4);
        text-align: center;
    }
    
    #youtube {
        margin:0 auto 70px;
        text-align: center;
    }
    
    #youtube iframe {
        max-width:1144px;
        max-height:400px;
    }
    
    #foodGallery {
        margin-bottom: 200px;
    }
    
    #foodGallery .foods {
        width:32%;
        height: 240px;
        margin-right: 2%;
        margin-bottom: 31px;
        overflow: hidden;
        position:relative;
    }
    
    #foodGallery .foods img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    #foodGallery .foods:nth-child(3n) {
        margin-right: 0;
    }
    
    #storeCont h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
    }
    
    #storeCont dl:nth-child(even) {
        background:#e2e2e2;
    }
    
    #storeCont dt {
        width:25%;
        font-size: 13px;
        font-weight: normal;
        vertical-align: middle;
        padding:3px 6px;
        box-sizing: border-box;
    }
    
    #storeCont dd {
        width:75%;
        vertical-align: middle;
        padding:3px 6px;
        box-sizing: border-box;
        font-size: 13px;
    }
    
    
    #storeCont .shopComment {
        font-size: 14px;
        margin-top: 20px;
    }
    
    .shopItemInfo {
        padding: 30px;
        box-sizing: border-box;
        margin: 0 auto 60px;
        border-top: 3px double #ccc;
        border-bottom: 1px solid #ccc;
    }
    
    .shopItemInfo .inner {
        width:750px;
        margin:0 auto;
    }
    
    .shopItemInfo .inner h3 {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 10px;
        text-align: center;
    }
    
    
    .mp4 {
        margin: 60px auto;
        width:750px;
    }
    
    .mp4 img, .mp4 video {
        width:750px;
        height: auto;
    }
    
    /* footer
    --------------------------- */
    #globalFooter {
        color:#fff;
        width:100%;
        margin-top: 100px;
        border-top:15px solid #929292;
        background:url(common/images/footer-bg.jpg) 0 0 repeat;
    }
    
    #globalFooter .footer-title {
        text-align: center;
        line-height: 1;
        font-size: 24px;
        line-height: 1;
        margin-bottom: 40px;
        padding-top: 55px;
    } 
    
    #globalFooter .inner {
        width:1144px;
        margin:auto;
        
    }
    
    #globalFooter a:link,
    #globalFooter a:active,
    #globalFooter a:visited {
        color:#fff;
        text-decoration: none;
    }
    
    #globalFooter a:hover {
        color:#fff;
        text-decoration: underline;
    }
    
    #f-nav1 {
        width:20%;
        font-size: 14px;
    }
    
    #f-nav2, #f-nav3 {
        width:40%;
        font-size: 14px;
    }
    
    #f-nav2 {
        padding:0 2%;
        box-sizing: border-box;
    }
    
    #globalFooter h3 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    #f-nav1 ul {
        list-style: disc;
    }
    
    #f-nav3 ul {
        list-style: circle;
    }
    
    #f-nav1 li, #f-nav3 li {
        margin-left: 1.5em;
        margin-bottom: 10px;
    }
    
    #f-nav2 li span {
        display: block;
    }
    
    #f-nav2 li span.date {
        color:#999;
    }
    
    #copyright {
        text-align: right;
        padding-top: 30px;
        padding-bottom: 50px;
        font-size: 11px;
        color:#999;
    }
    
    /* front page
    --------------------------------- */
    #frontPage #splash {
        width:100%;
        background:url(common/images/top-splash-bg.jpg) 0 0 repeat;
        margin-bottom: 120px;
    }
    
    #frontPage #splash .wrapper {
        position:relative;
        height: 76vh;
    }
    
    #frontPage #splash .wrapper img {
        position: absolute;
        top:-20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
        z-index: 1;
        width:auto;
        height: 86vh;
    }
    
    #frontPage #splash .wrapper .text-block {
        z-index: 10;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        margin: auto;
        color:#fff;
        text-align: center;
        width:100%;
    }
    
    #frontPage #splash .wrapper .text-block h2 {
        font-size: 72px;
        font-weight: bold;
        text-align: center;
    }
    
    #frontPage #splash .wrapper .text-block p {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }
    
    #irai {
        width:1470px;
        height: 500px;
        margin:0 auto 125px;
        background:#f68b00;
    }
    
    #irai .text-block,
    #irai .image-block {
        width:735px;
        height: 500px;
        vertical-align: middle;
    }
    
    #irai .text-block .inner {
        padding: 165px 60px 0 130px;
        box-sizing: border-box;
    }
    
    #irai .text-block .inner h3 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 30px;
    }
    
    #irai .text-block .inner h3 + p {
        margin-bottom: 25px;
    }
    
    #irai .text-block .inner p.btn a {
        border:1px solid #ccc;
        background:#fff;
        width:270px;
        height: 57px;
        display: block;
        line-height: 57px;
        text-align: center;
        text-decoration: none;
        color:#222;
        transition: .2s;
        position: relative;
    }
    
    #irai .text-block .inner p.btn a:after {
        content:url(common/images/arrow-right-small.png);
        position: absolute;
        top:0;
        right:20px;
    }
    
    #irai .text-block .inner p.btn a:hover {
        background:#dc442d;
        color:#fff;
        text-decoration: none;
    }
    
    #irai .text-block .inner p.btn a:hover:after {
        content:url(common/images/arrow-right-small-white.png);
    }
    
    .short .blogList {
        width:750px;
        margin:auto;
    }
    
    #info {
        margin-top: 150px;
    }
    
    #info .info-cont {
        background:#fff;
        height: 366px;
        margin-bottom: 60px;
    }
    
    #info .info-cont .ib {
        vertical-align: bottom;
        width:48%;
        margin-right: 4%;
    }
    
    #info .info-cont .ib img {
        width:100%;
        height: 366px;
        object-fit: cover;
    }
    
    #info .info-cont .ib:nth-child(2) {
        margin-right: 0;
    }
    
    #info .info-cont .text-block {
        padding-bottom: 35px;
        box-sizing: border-box;
    }
    
    #info .info-cont .text-block h3 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 1;
    }
    
    #info .info-cont .text-block1 {
        padding-right: 45px;
        box-sizing: border-box;
    }
    
    #info .info-cont .text-block2 {
        padding-left: 45px;
        box-sizing: border-box;
    }
    
    #info .info-cont button {
        float: right;
        margin-top: 20px;
    }
    
    #info .info-cont2 .ib {
        width:48%;
        margin-right: 4%;
    }
    
    #info .info-cont2 .ib:nth-child(even) {
        margin-right: 0;
    }
    
    #info .info-cont2 img {
        width:100%;
        height: auto;
        margin-bottom: 15px;
    }
    
    #info .info-cont2 h3 {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        margin-bottom: 5px;
    }
    
    #info .info-cont2 p {
        font-size: 14px;
    }
    
    #news li .date {
        width:20%;
        letter-spacing: 1px;
    }
    
    #news li .title {
        width:80%;
    }
    
    #news li a .date {
        color:#999;
        text-decoration: none;
    }
    
    #news li a .title {
        color:#222;
        text-decoration: none;
    }
    
    #news li a .title:hover {
        text-decoration: underline;
        color:#222;
    }
    
    .top-1 a, .top-2 a {
        color:#222;
        text-decoration: none;
    }
    
    /* 問い合わせ */
    #contactArea {
        width:750px;
        margin:auto;
    }
    
    .contactForm {
        margin:80px auto;
    }
    
    .contactForm dl {
        width:100%;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        margin-bottom: 10px;
    }
    
    .contactForm dt {
        width:30%;
        font-weight: normal;
        font-size: 14px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
    }
    
    .contactForm dt span {
        background:#395917;
        color:#fff;
        font-size: 11px;
        font-weight: bold;
        border-radius: 6px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        padding:3px 7px;
    }
    
    .contactForm dd {
        width:70%;
        font-weight: 400;
        font-size: 14px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
    }
    
    .contactForm input[type="text"],
    .contactForm input[type="date"],
    .contactForm select,
    .contactForm input[type="email"],
    .contactForm input[type="tel"] {
        border:1px solid #ccc;
        width:70%;
        padding:6px 12px;
        box-sizing: border-box;
    }
    
    .contactForm input[type="tel"] {
        width:40%;
    }
    
    .contactForm textarea {
        border:1px solid #ccc;
        width:100%;
        padding:6px 12px;
        box-sizing: border-box;
    }
    
    .contactForm input[type="submit"] {
        color: #fff;
        line-height: 1;
        text-decoration: none;
        transition: .3s;
        background: #dc442d;
        padding: 1rem 0;
        width:220px;
        display: block;
        margin-top: 1rem;
        border: 1px solid #dc442d;
        outline: 0;
        transition: .2s;
        cursor: pointer;
    }
    
    .contactForm input[type="submit"]:hover {
        background:#fff;
        color:#dc442d;
        text-decoration: none;
        border: 1px solid #dc442d;
    }
    
    #contactArea h2 {
        font-size: 
    }
    
    .contactForm h3 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .contactForm br {
        line-height: 2.2;
    }
    
    .contactForm table {
        width:100%;
        border:1px solid #ccc;
    }
    
    .contactForm th, .contactForm td {
        border:1px solid #ccc;
        padding:4px 8px;
    }
    
    .contactForm thead th {
        background:#222;
        color:#fff;
        text-align: center;
        font-size: 14px;
    }
    
    .contactForm tbody th,
    .contactForm tbody td {
        vertical-align: top;
        padding:6px 12px;
    }
    
    .contactForm tbody th {
        text-align: left;
        font-weight: 400;
        width:30%;
        font-size: 14px;
    }
    
    .contactForm tbody td {
        text-align: left;
    }
    
    .contactForm tbody tr:nth-child(odd) {
        background:#e4e4e4;
    }

    /* page
    ------------------------------- */
    .pageSection {
        margin-bottom: 80px;
    }

    .shortSection {
        width:750px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .pageSection h3 {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    
    .saiji-result li {
        display: table;
        width:100%;
        border-collapse: collapse;
        border-bottom: 1px solid #ccc;
    }
    
    .saiji-result span {
        display: table-cell;
        vertical-align: middle;
        padding:5px 8px;
        width:30%
        box-sizing: border-box;
    }
    
    .saiji-result p {
        width:70%;
        display: table-cell;
        vertical-align: middle;
        padding:5px 8px;
    }
    
    .saiji-header {
        background:#222;
        color:#fff;
    }
    
    .saiji-result li:nth-child(even) {
        background:#e2e2e2;
    }
    
    .single-content .shortArea .inner,
    .page-content .shortArea .inner {
        width:750px;
        margin:auto;
    }
    
    .page-content .shortArea p + p {
        margin-top: 1em;
    }
    
    .saiji-flow li {
        border-radius: 10px;
        padding:20px;
        box-sizing: border-box;
        background:#fff;
    }
    
    .saiji-flow li h3 {
        text-align: left;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 10px;
        font-size: 20px;
    }
    
    .saiji-flow li .step {
        font-family: 'Suez One', serif;
        font-size: 20px;
        color:#dc442d;
        margin-right: 10px;
    }
    
    .saiji-flow i {
        display: block;
        margin:30px auto;
        text-align: center;
        transform: rotate(90deg);
        font-size: 30px;
        color:#999;
        line-height: 1;
    }
    
    .daihyo {
        text-align: right;
        margin-top: 20px;
    }

    #shopInfo1 h3 {
        margin-top: 30px;
    }
    
    .shopSNS-button i {
        font-size: 22px;
    }

    .shopSNS-button {
        text-align: right;
        margin-bottom: 30px;
    }

    .shopSNS-button li {
        margin-left: 10px;
    }
    
    .single-format-standard .page-header {
        margin-bottom: 60px;
    }
    
    .single-format-standard .date {
        margin-bottom: 20px;
    }
    
    .single-format-standard footer .date {
        margin-bottom: 0;
    }
    
    .blog .blogList li {
        margin-bottom: 7px;
    }
    
    .single-post h2 {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 24px;
    }
    

    
    .single-post img {
        max-width: 100%;
        height: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .single-post img + img {
        margin-top: 30px;
    }

    #f-nav2 .blogList li + li {
        margin-top: 10px;
    }
    
    .category-page ul {
        text-align: left;
        width:1000px;
        margin: auto;
    }
    
    .category-page li {
        width:32%;
        margin-right: 2%;
        margin-bottom: 30px;
    }
    
    .category-page li:nth-child(3n) {
        margin-right: 0;
    }
    
    .category-page li a img {
        width:320px;
        height: 200px;
        object-fit: cover;
        overflow: hidden;
    }
    
    .category-page li a {
        text-decoration: none;
        color:#333;
    }
    
    .category-page li a:hover {
        color:orange;
        
    }
    
    @media screen and (max-width:1144px) {
        #globalHeader {
            width:100%;
            padding:28px 20px;
            box-sizing: border-box;
        }
        
        #globalHeader .pcHome,
        #globalHeader .pcSub {
            padding: 0;
        }
        
        #globalHeader #logo,
        #globalHeader #headerButton {
            width:11%;
        }
        
        #globalHeader #globalNav {
            width:78%;
        }
        
        #globalNav li {
            font-size: 13px;
        }
        
        #globalNav li + li {
            margin-left: 2.5%;
        }
        
        #globalHeader #headerButton button a {
            padding:14px 10px;
            box-sizing: border-box;
            font-size: 11px;
            font-weight: bold;
        }
        
        .wrapper {
            width:100%;
        }
        
        .wrapper img {
            max-width:100%;
            height: auto;
        }
        
        .archive-member {
            width:100%;
            padding:0 1.74825vw;
            box-sizing: border-box;
        }
        
        .archive-member li {
            width:32%;
            margin-right: 2%;
        }
        
        .archive-member li .image-block {
            width:28.84615vw;
            height: 28.84615vw;
        }
        
        .archive-member li img {
            width:100%;
            height: auto;
        }
        
        .dev2, .dev3, #globalFooter .inner {
            width:100%;
            padding:0 1.74825vw;
            box-sizing: border-box;
        }
        
        .dev2 .ib {
            width:48%;
            margin-right: 4%;
        }
        
        .dev2 .ib img {
            width:100%;
        }
        
        .dev2 .ib:nth-child(even) {
            margin-right: 0;
            margin-left: 0;
        }
        
        .dev3 .ib {
            width:32%;
            margin-right: 2%;
            margin-left: 0;
        }
        
        .dev3 .ib:nth-child(3n) {
            margin-right: 0;
            margin-left: 0;
        }
        
        #irai {
            width:98%;
            margin:0 auto 125px;
        }
        
        #irai .ib {
            width:50%;
            height: 500px;
        }
        
        #irai .ib img {
            width:100%;
            height: 500px;
            object-fit: cover;
        }
    }

    #f-nav3 ul {
        letter-spacing: -1em;
    }

    #f-nav3 li {
        width:48%;
        margin-right: 4%;
        margin-left: 0;
        margin-bottom: 0;
        letter-spacing: normal;
        display: inline-block;
        font-size: .725rem;
    }

    #f-nav3 li:nth-child(even) {
        margin-right: 0;
    }

    
}

.kumamoto0706 {
    margin: 150px auto;
    width:1144px;
}

.kumamoto0706 h2 {
    font-size: 32px;
    color:#fff;
    background:#dc442d;
    text-align: center;
    font-weight: 700;
    padding: 15px 0;
}

.kumamoto0706 h2 span {
    display: block;
    font-size: 16px;
}

.kumamoto0706 .inner {
    font-size: 16px;
    border:1px solid #ddd;
    padding:20px;
    box-sizing: border-box;
    background:#fff;
    border-top:none;
}

.kumamoto0706 .inner ol {
    margin:15px auto;
    list-style: decimal;
    padding: 20px;
    box-sizing: border-box;
    background:#f0f0f0
}

.kumamoto0706 .inner ol li + li {
    margin-top: 15px;
}

.kumamoto0706 .inner li {
    margin-left: 1.5em;
}

.kumamoto0706 p + p {
    margin-top: 15px;
}

.kumamoto0706 .inner .ibp {
    margin-top: 50px;
}

.kumamoto0706 .inner .ib {
    width:48%;
    text-align: left;
    margin-right: 4%;
}

.kumamoto0706 .inner .ib + .ib {
    margin-right: 0;
}

.kumamoto0706 .inner .ib h3 {
    border:1px solid #999;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    background:#333;
    color:#fff;
    font-weight: 400;
}

.kumamoto0706 .inner .ib.bussi ul {
    list-style: disc;
}

.kumamoto0706 .inner .ib h4 {
    background:#dedede;
    padding:5px 10px;
    box-sizing: border-box;
}

.kumamoto0706 .inner .ib ul + h4 {
    margin-top: 30px;
}

.kumamoto0706 .inner .basyo ul {
    margin:15px 0;
}

.kumamoto0706 .inner .basyo li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom:1px dashed #999;
    margin-left: 0;
}

.kumamoto0706 .inner .basyo li p + p {
    margin-top: 5px;
}

.kumamoto0706 .inner .basyo p.name {
    font-weight: 700;
    font-size: 17px;
}

@media screen and (max-width:768px) {
    .kumamoto0706 {
        margin:6vw auto;
        width:95%;
    }

    .kumamoto0706 h2 {
        padding: 0 3vw;
        box-sizing: border-box;
    }

    .kumamoto0706 .inner .ib {
        width:100%;
        display: block;
        margin: 0 0 6vw 0;
        word-break: break-all;
    }

    .kumamoto0706 .inner .basyo li {
        margin-left: 0;
    }


}