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

/* PC
---------------------------------------------------------------------- */

#mainheader .pc_nav ul li a,
#mainheader .pc_nav ul li a *,
#mainheader .open {
    color: #595757;
}

#mainheader .open span {
    background-color: #595757;
}

.min-txt {
    font-family: "Noto Serif JP", serif;
}

.logo {
    width: 80%;
    max-width: 800px;
}

/* .full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    translate: -50% 0;
} */


/* 2025/11/27 いちごフェア　ここから */

.bg1 {
    background-color: #f3c2c0;
}


@media screen and (max-width:1000px) {
    .mainw {
        width: 90%;
        max-width: 840px;
    }
    footer .mainfooter {
        margin-top:  0;
    }
}


/* strawberry-sec
---------------------------------------------------------------------- */
  #strawberry-sec {
      margin-top: 134px;
  }

@media screen and (max-width: 1000px) {
      #strawberry-sec {
          margin-top: 14vw;
      }
}


/* mv
---------------------------------------------------------------------- */
#mv {
      width: 100%;
      /* height: 100vh; */
      height: auto;
    }
/*     #mv picture {
        width: 100%;
        height: 100%;
    }
    #mv picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    } */


@media screen and (max-width:1000px) {

    #mv {
      width: 100%;
      height: auto;
    }

/*     #mv picture {
        width: 100%;
        height: 100%;
    }
    #mv picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 */

}


/* section01
---------------------------------------------------------------------- */
#section01 {
    padding: 20px 0;
}

#section01 ul {

}

#section01 ul li {
    margin-bottom: 10px;
}

@media screen and (max-width:1000px) {
    #section01 {
        padding: 4vw 0 0;
    }
    #section01 ul li {
        margin-bottom: 4vw;
    }
}



/* section02
---------------------------------------------------------------------- */
#section02 {
    padding: 20px 0;
}

#page-nav {
    display: flex;
    margin: 50px 0;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    align-items: center;
}

#page-nav li {
    width: 25%;
    height: 5em;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

#page-nav a {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid #000000;
    position: relative;
    padding: .5em 0 2em 0;
    box-sizing: content-box;
    font-family: 'Open Sans', 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: #000;
    font-weight: normal;
}

#page-nav a::after {
    content: '';
    display: block;
    width: 100%;
    height: 2.5em;
    background: url(../images/arrow.svg) no-repeat center bottom / 30% 30%;
    position: absolute;
    bottom: 1em;
    left: 50%;
    translate: -50% 0;
}

#page-nav li:last-of-type a {
    border-right: 1px solid #000000;
}

@media screen and (max-width:1000px) {
    #section02 {
        padding: 0 0 4vw;
    }
    #page-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
    #page-nav li {
        height: auto;
    }
    #page-nav a {
        padding: 0.5em 0 0;
        height: 12vw;
        font-size: 2.3vw;
        font-weight: normal;
        place-content: normal;
        box-sizing: border-box;
        font-family: 'Open Sans', 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    }
    #page-nav li:first-child a {
        padding: 1.5em 0 0;
    }
    #page-nav a::after {
        bottom: 0.8em;
        height: 2em;
    }
    #page-nav {
        /* margin: 40px 0; */
    }
}



/* section03
---------------------------------------------------------------------- */
#section03 {
    padding: 50px 0;
}

.ttl {
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.ttl span {
    display: inline-block;
    position: relative;
}

#section03 .ttl span::before {
    content: "";
    display: inline-block;
    width: 177px;
    height: 136px;
    background: url('../images/obj_stb01.png') center no-repeat;
    background-size: contain;
    position: absolute;
    left: -177px;
    top: 50%;
    transform: translateY(-75%);
}
.conceptTxtImg {
    display: flex;
    justify-content: flex-end;
    gap: 3%;
    margin-bottom: 45px;
}
.conceptTxtImg .txt {
    width: calc((745 / 1100) * 100%);
}
.conceptTxtImg .txt p {
    font-size: 21px;
    line-height: 1.7;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
}
.conceptTxtImg .txt p.pd1 {
    padding-left: 1em;
}
.conceptTxtImg .txt p .small {
    font-size: 16px;
}
.conceptTxtImg .img {
    width: calc((278 / 1100) * 100%);
}
.conceptTxtImg .img>div {
    margin-bottom: 20px;
}
#section03 .txt2 {
    width: 91.819%;
    margin: 0 auto 75px;
    position: relative;
}
#section03 .txt2::after {
    content: "";
    display: inline-block;
    width: 228px;
    height: 72px;
    background: url('../images/obj_stb02.png') center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -20px;
    right: 0;
}
#section03 .txt2 p {
    font-size: 21px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
#section03 .img2 {

}

@media screen and (max-width:1000px) {
    .ttl {
        margin-bottom: 6vw;
    }
    #section03 {
        padding: 4vw 0 6.66667vw;
    }
    #section03 .ttl img {
        width: calc((319 / 750 ) * 100vw);
    }

    #section03 .ttl span::before {
        content: "";
        display: inline-block;
        width: 20.26667vw;
        height: 15.6vw;
        background: url('../images/obj_stb01.png') center no-repeat;
        background-size: contain;
        position: absolute;
        left: -20.2667vw;
        top: 50%;
        transform: translateY(-75%);
    }
    .conceptTxtImg {
        display: block;
        margin-bottom: 6vw;
    }
    .conceptTxtImg .txt {
        width: 100%;
        padding: 0 1em;
        position: relative;
    }
    .conceptTxtImg .txt p {
        /* font-size: calc(( 26 / 750 ) * 100vw); */
        font-size: 3.46667vw;
        line-height: 1.7;
        letter-spacing: 0.13vw;
        margin-bottom: 6vw;
    }
    .conceptTxtImg .txt p.pd1 {
        padding-left: 1em;
        padding-right: 1em;
        /* font-size: calc(( 23 / 750 ) * 100vw); */
        font-size: 3.06667vw;
        margin-top: 37vw;
    }
    .conceptTxtImg .txt p .small {
        /* font-size: calc(( 16 / 750 ) * 100vw); */
        font-size: 2.13334vw;
    }
    .conceptTxtImg .img {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 30vw;
        left: 0;
        right: 0;
    }
    .conceptTxtImg .img>div {
        margin-bottom: 0;
        width: 48%;
    }
    #section03 .txt2 {
        width: 90%;
        margin: 0 auto 12vw;
        position: relative;
    }

    #section03 .txt2::after {
        content: "";
        display: inline-block;
        width: calc((228 / 750) * 100vw );
        height: calc((72 / 750) * 100vw );
        background: url('../images/obj_stb02.png') center no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -6vw;
        right: 0;
    }

    #section03 .txt2 p {
        font-size: 3.46667vw;
        line-height: 1.7;
        letter-spacing: 0.13vw;
    }

}



/* section04
---------------------------------------------------------------------- */
#section04 {
    padding: 50px 0;
}

#section04 .ttl span::before {
    content: "";
    display: inline-block;
    width: 104px;
    height: 82px;
    background: url('../images/obj_stb03.png') center no-repeat;
    background-size: contain;
    position: absolute;
    right: -80px;
    bottom: 40px;
}

.companyList {
    justify-content: space-between;
    flex-wrap: wrap;
}

.companyList li {
    width: calc( (540 / 1100) * 100% );
    padding: calc( ( 45 / 1100) * 100% );
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    margin-bottom: 45px;
}

.companyList li .img {
    margin-bottom: 40px;
}

.companyList li .txt {
    margin-bottom: 45px;
}

.companyList li .txt h4 {
    text-align: center;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 35px;
}
.companyList li .txt h4.long {
    font-size: 35px;
}

.companyList li .txt p {
    font-size: 21px;
    line-height: 1.7;
    letter-spacing: 1.5px;
}

.companyList li .subBox {
    margin-top: auto;
}

.companyList li .subBoxImg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.companyList li .subBoxImg .subBoxImgPic {
    width: 49%;
}

.clink1 {
    width: 100%;
    max-width: 490px;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #8b0000;
    border-radius: 10px;
    color: #FFF;
    font-size: 33px;
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.4);
    font-family: "Noto Serif JP", serif;
}

.vHidden {
    visibility: hidden;
}

@media screen and (max-width: 1000px) {
    #section04 {
        padding: 6.66667vw 0;
    }

    #section04 .ttl img {
        width: calc((518 / 750 ) * 100vw);
    }

    #section04 .ttl span::before {
        content: "";
        display: inline-block;
        width: calc((90 / 750 ) * 100vw);
        height: calc((71 / 750 ) * 100vw);
        background: url('../images/obj_stb03.png') center no-repeat;
        background-size: contain;
        position: absolute;
        right: -9vw;
        bottom: 4.5vw;
    }

    .companyList {
        width: 82.66667vw;
        margin: auto;
    }

    .companyList li {
        width: 100%;
        padding: calc( ( 53 / 750) * 100% );
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        margin-bottom: 8vw;
    }

    .companyList li .img {
        margin-bottom: 5.33334vw;
    }

    .companyList li .txt {
        margin-bottom:  8vw;
    }

    .companyList li .txt h4 {
        text-align: center;
        font-size: 5.6vw;
        margin-bottom: 5.33334vw;
    }

    .companyList li .txt h4.long {
        font-size: 5.6vw;
    }

    .companyList li .txt p {
        font-size: 3.2vw;
        line-height: 1.75;
        letter-spacing: 0.2vw;
    }

    .companyList li .subBox {
        margin-top: auto;
    }

    .companyList li .subBoxImg {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4vw;
    }

    .companyList li .subBoxImg .subBoxImgPic {
        width: 49%;
    }
    .companyList li .subBoxImg .subBoxImgPic img {
        width: 100%;
    }

    .clink1 {
        width: 100%;
        max-width: initial;
        height: 11.46667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #8b0000;
        border-radius: 1.33334vw;
        color: #FFF;
        font-size: 5.06667vw;
        box-shadow: 0.66667vw 0.66667vw 1.06667vw 0px rgba(0, 0, 0, 0.4);
        font-family: "Noto Serif JP", serif;
    }

}



/* section05
---------------------------------------------------------------------- */
#section05 {
    padding: 50px 0;
    background-image: linear-gradient(90deg, #e78b88 1px, transparent 1px), 
    linear-gradient(#e78b88 1px, transparent 1px);

/*     background-position: 15px 15px;
    background-size: 31px 31px; */

    background-position: 0 0;
    background-size: 31px 31px;
}

#section05 .ttl {
    position: relative;
}

#section05 .ttl::before {
    content: "";
    display: inline-block;
    width: 55px;
    height: 55px;
    background: url('../images/obj_flo01.png') center no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

#section05 .ttl::after {
    content: "";
    display: inline-block;
    width: 55px;
    height: 55px;
    background: url('../images/obj_flo03.png') center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#section05 .ttl span::before {
    content: "";
    display: inline-block;
    width: 195px;
    height: 130px;
    background: url('../images/obj_stb04.png') center no-repeat;
    background-size: contain;
    position: absolute;
    left: -210px;
    bottom: 40px;
}

#section05 .ttl span::after {
    content: "";
    display: inline-block;
    width: 43px;
    height: 43px;
    background: url('../images/obj_flo02.png') center no-repeat;
    background-size: contain;
    position: absolute;
    right: -80px;
    top: -10px;
}

.imgBig {
    margin-bottom: 60px;
}

.buffetSingle {
    display: flex;
    margin-bottom: 60px;
}

.buffetSingle .img {
    width: 53.637%;
}
.buffetSingle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buffetSingle .txt {
    width: 46.3637%;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px 0 10px;
}

.buffetSingle .txt h4 {
    text-align: center;
    font-size: 29px;
    line-height: 1.3;
}

.buffetSingle .txt p.exp {
    font-size: 20px;
    line-height: 1.75;
    padding: 0 1.5em;
}

.buffetSingle .txt h5 {
    text-align: center;
    color: #FFF;
    font-size: 21px;
    line-height: 2.6;
    background-color: #e78b88;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), -2px -2px 6px rgba(0, 0, 0, 0.4);
}

.ttl2 {
    text-align: center;
    position: relative;
    font-size: 25px;
    margin-bottom: 40px;
}
.ttl2::before {
    content: "";
    width: calc(( 400 / 1100 ) * 100% );
    height: 1px;
    background-color: #313131;
    position: absolute;
    left: 0;
    top: 50%;
}
.ttl2::after {
    content: "";
    width: calc(( 400 / 1100 ) * 100% );
    height: 1px;
    background-color: #313131;
    position: absolute;
    right: 0;
    top: 50%;
}

.menu_list2 {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}

.menu_list2 li {
    width: 32%;
    margin-bottom: 40px;
    background-color: #FFF;
}

.menu_list2 li .img {
}

.menu_list2 li .img img {
    width: 100%;
}

.menu_list2 li .txt {
    padding: 1em;
    background-color: #FFF;
}

.menu_list2 li .txt h5 {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
}


@media screen and (max-width: 1000px) {

    #section05 {
        padding: 6.66667vw 0;
        background-image: linear-gradient(90deg, #e78b88 1px, transparent 1px), 
        linear-gradient(#e78b88 1px, transparent 1px);
        background-position: 0 0;
        background-size: 4.13334vw 4.13334vw;
    }

    #section05 .ttl {
        position: relative;
    }

    #section05 .ttl::before {
        content: "";
        display: inline-block;
        width: calc((37 / 750) * 100vw);
        height: calc((36 / 750) * 100vw);
        background: url('../images/obj_flo01.png') center no-repeat;
        background-size: contain;
        position: absolute;
        left: -6.5vw;
        bottom: -4vw;
    }

    #section05 .ttl::after {
        content: "";
        display: inline-block;
        width: calc((37 / 750) * 100vw);
        height: calc((36 / 750) * 100vw);
        background: url('../images/obj_flo03.png') center no-repeat;
        background-size: contain;
        position: absolute;
        right: 1.33334vw;
        top: 50%;
        transform: translateY(-50%);
    }

    #section05 .ttl span::before {
        content: "";
        display: inline-block;
        width: calc((131 / 750) * 100vw);
        height: calc((87 / 750) * 100vw);
        background: url('../images/obj_stb04.png') center no-repeat;
        background-size: contain;
        position: absolute;
        left: -15vw;
        top: 4vw;
    }

    #section05 .ttl span::after {
        content: "";
        display: inline-block;
        width: calc((29 / 750) * 100vw);
        height: calc((29 / 750) * 100vw);
        background: url('../images/obj_flo02.png') center no-repeat;
        background-size: contain;
        position: absolute;
        right: 5.2vw;
        top: 1vw;
    }

    #section05 .ttl img {
        width: calc((435 / 750 ) * 100vw);
    }

    .imgBig {
        width: 81.33334vw;
        margin: auto;
        margin-bottom: 10.66667vw;
    }
    .imgBig img {
        width: 100%;
    }


    .buffetSingle {
        display: block;
        width: 81.33334vw;
        margin: auto;
        margin-bottom: 10.66667vw;
    }

    .buffetSingle .img {
        width: 100%;
    }
    .buffetSingle .img img {
        width: 100%;
        height: auto;
    }

    .buffetSingle .txt {
        width: 100%;
        background-color: #FFF;
        padding: 4.66667vw 0;
    }

    .buffetSingle .txt h4 {
        text-align: center;
        font-size: 3.866667vw;
        line-height: 1.3;
        margin-bottom: 5.3vw;
    }

    .buffetSingle .txt p.exp {
        font-size: 2.66667vw;
        line-height: 1.75;
        padding: 0 2em;
        margin-bottom: 3.33334vw;
    }

    .buffetSingle .txt h5 {
        text-align: center;
        color: #FFF;
        font-size: 3.2vw;
        line-height: 2.3;
        background-color: #e78b88;
        text-shadow: 0.26667vw 0.26667vw 0.8vw rgba(0, 0, 0, 0.4), -0.26667vw -0.26667vw 0.8vw rgba(0, 0, 0, 0.4);
    }

    .ttl2 {
        text-align: center;
        position: relative;
        font-size: 3.73334vw;
        margin-bottom: 6vw;
    }
    .ttl2::before {
        content: "";
        width: calc(( 180 / 750 ) * 100% );
        height: 1px;
        background-color: #313131;
        position: absolute;
        left: 0;
        top: 50%;
    }
    .ttl2::after {
        content: "";
        width: calc(( 180 / 750 ) * 100% );
        height: 1px;
        background-color: #313131;
        position: absolute;
        right: 0;
        top: 50%;
    }

    .menu_list2 {
        display: flex;
        gap: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .menu_list2 li {
        width: 48%;
        margin-bottom: 4.66667vw;
        background-color: #FFF;
    }

    .menu_list2 li .img {
    }

    .menu_list2 li .img img {
        width: 100%;
    }

    .menu_list2 li .txt {
        padding: 0.5em 0;
        background-color: #FFF;
    }

    .menu_list2 li .txt h5 {
        text-align: center;
        font-size: 2.53334vw;
        line-height: 1.2;
    }

}



/* section06
---------------------------------------------------------------------- */
#section06 {
    padding: 50px 0 70px;
}
.merchandiseDetail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.merchandiseDetail .img {
    width: 46.3637%;
    position: relative;
}

.merchandiseDetail .img::before {
    content: "";
    display: inline-block;
    width: 146px;
    height: 164px;
    background: url('../images/obj_stb05.png') center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    left: -60px;
    top: -60px;
}

.merchandiseDetail .txt {
    width: 53.637%;
    padding: 0 1.5em;
}

.merchandiseDetail .txt p {
    font-size: 21px;
    line-height: 1.7;
}

.merchandiseItemList {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
    margin-bottom: 270px;
    position: relative;
}

.merchandiseItemList::after {
    content: "";
    display: inline-block;
    width: 340px;
    height: 56px;
    background: url('../images/obj_flo04.png') center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -160px;
    left: 50%;
    transform: translateX(-50%);
}

.merchandiseItemList li {
    width: 32%;
    margin-bottom: 40px;
    background-color: #FFF;
}

.merchandiseItemList li .img {
}

.merchandiseItemList li .img img {
    width: 100%;
}

.merchandiseItemList li .txt {
    padding: 1em;
    background-color: #FFF;
}

.merchandiseItemList li .txt h5 {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
}
.merchandiseItemList li.commingsoon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translateY(-50%) translateX(-50%) rotate(-15deg);
    width: min( calc((700 /1100) * 100vw) , 700px );
    border-radius: 10px;
}
.merchandiseItemList .commingsoon h6 {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background-color: #8b0000;
    padding: 0.8em 0;
    font-size: 32px;
    border-radius: 10px;
}

.clink2 {
    width: 100%;
    max-width: 890px;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #754c24;
    border-radius: 10px;
    color: #FFF;
    font-size: 33px;
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.4);
    margin: auto;
    font-family: "Noto Serif JP", serif;
}


@media screen and (max-width: 1000px) {

    #section06 {
        padding: 6.66667vw 0 10.66667vw;
    }

    #section06 .ttl img {
        width: calc((500 / 750 ) * 100vw);
    }

    .merchandiseDetail {
        width: 74vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
        margin-bottom: 5.3vw;
    }

    .merchandiseDetail .img {
        width: 100%;
        position: relative;
    }

    .merchandiseDetail .img::before {
        content: "";
        display: inline-block;
        width: calc((125 / 750) * 100vw);
        height: calc((141 / 750) * 100vw);
        background: url('../images/obj_stb05.png') center no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 2;
        left: -6vw;
        top: -9vw;
    }

    .merchandiseDetail .txt {
        width: 100%;
        background-color: #FFF;
        padding: 1em 1.5em;
    }

    .merchandiseDetail .txt p {
        font-size: 2.66667vw;
        line-height: 1.75;
    }

    .merchandiseItemList {
        display: flex;
        gap: 2%;
        flex-wrap: wrap;
        margin-bottom: 24vw;
        position: relative;
    }

    .merchandiseItemList::after {
        content: "";
        display: inline-block;
        width: 45.33334vw;
        height: 7.46667vw;
        background: url('../images/obj_flo04.png') center no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -14vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .merchandiseItemList li {
        width: 48%;
        margin-bottom: 4.66667vw;
        background-color: #FFF;
    }

    .merchandiseItemList li .img {
    }

    .merchandiseItemList li .img img {
        width: 100%;
    }

    .merchandiseItemList li .txt {
        padding: 0.5em 0;
        background-color: #FFF;
    }

    .merchandiseItemList li .txt h5 {
        text-align: center;
        font-size: 2.53334vw;
        line-height: 1.2;
    }

    .merchandiseItemList li.commingsoon {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        transform: translateY(-50%) translateX(-50%) rotate(-15deg);
        width: 75vw;
        border-radius: 2vw;
    }
    .merchandiseItemList .commingsoon h6 {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        background-color: #8b0000;
        padding: 0.8em 0;
        font-size: 4vw;
        border-radius: 2vw;
    }

    .clink2 {
        width: 100%;
        max-width: initial;
        height: 9.8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #754c24;
        border-radius: 3vw;
        color: #FFF;
        font-size: 4.4vw;
        box-shadow: 0.66667vw 0.66667vw 1.06667vw 0px rgba(0, 0, 0, 0.4);
        margin: auto;
        font-family: "Noto Serif JP", serif;
    }

}


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

@media screen and (min-width:1001px) {
    .pc_none {
        display: none;
    }
    a.cbtn {
        transition: 0.3s opacity;
    }
    a.cbtn:hover {
       opacity: .8;
    }

}


/* SP header + contents
---------------------------------------------------------------------- */
@media screen and (max-width:1000px) {

    .sp_none {
        display: none;
    }

}