@charset "utf-8";




/* スマホ */
@media screen and (max-width: 800px) {

    .sp-nav {
        transition: 0.5s;
    }

.container {
    max-width: 95%;
}

header {
    display: block;
  }

html {
    font-size: 16px;
}


.btn {
    padding: 70px 0;
}
.btn.right {
    text-align: center;
}
.btn.left {
    text-align: center;
}

.breadcrumb-menu {
    padding: 38px 0 0 30px;
}




/* 一番上に戻るボタン */

.top {
    display: flex;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background-color: #B9936C;
    border-radius: 45px;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s;
}

.top.show {
    opacity: 1;
    transform: none;
}

.top_arrow {
    border-right: 1px solid #fdfdfd;
    border-top: 1px solid #fdfdfd;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    margin: auto;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 0;
}


.global-footer {
    height: unset;
}

.global-footer-box {
    display: block;
    text-align: center;
    height: unset;
    padding: 50px 0;
}
.global-footer__site-logo {
    margin: 0 0 50px 0;
    width: 90%;
}

.gnav-footer {
    margin: 0 auto;
}

.gnav__icon-menu-footer {
    margin: 50px auto 0 auto;
    width: 150px;
    justify-content: space-between;
}

.copyright {
    padding: 0 0 50px 0;
    line-height: 22px;
    font-size: 14px;
}


/* トップページ */
.slide.second {
   background-position: 77%;
  }

.mainvisual__text {
    position: absolute;
    bottom: calc(10vh);
}
.mainvisual__title {
    font-size: 60px;
    line-height: 77px;
}
.mainvisual__subtitle {
    font-size: 20px;
    text-align: left;
    line-height: 30px;
}

/*top イベント */
.events {
    height: 450px;
}

.events__titlebox {
    padding: 40px 0;
    text-align: center;
}

.events__title {
    font-size: 100px;
}

.events__subtitle {
    top: 105px;
}


/*top ラインナップ */
.lineup-area {
    display: flex;
    flex-direction: column;
    height: 1900px;
}

.lineup-item1,.lineup-item2,.lineup-item3,.lineup-item4,.lineup-item5,.lineup-item6 {
    position: static;
}

.lineup-item1,.lineup-item3,.lineup-item5 {
    align-self: flex-start;
}
.lineup-item2,.lineup-item4 {
    align-self: flex-end;
    margin: 0 0 20px 0;
}

.lineup-item6 {
    order: -1;
    align-self: center;
    margin: 0 0 80px 0;
}

.lineup__subtitle {
    top: 134px;
}


/*top ニュース */
.news__titlebox {
    padding: 40px 0;
    text-align: center;
}

.news__title {
    font-size: 100px;
}

.news__subtitle {
    top: 105px;
}

.info-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.info-link {
    display: block;
}


.info-title {
    line-height: 27px;
}

/*top 問い合わせ */
.contact {
    padding: 50px 0 0 0;
    background:  url(../img/circle_back.png) no-repeat 120% / 80%;
}

.contact__titlebox {
    padding: 40px 0;
    text-align: center;
}

.contact__title {
    font-size: 90px;
}
.contact__subtitle {
    top: 93px;
}

.contact__tbody {
    display: table-row-group;
}

.contact__area th {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}
.contact__area td {
    display: block;
}
.contact__area {
    width: 85%;
}
.text_area {
    width: 100%;
}





/* イベント */
.btn-wrap {
    display: flex;
    justify-content: center;
    margin: 60px 0 0 0;
}

.btn-open {
    background-color: #B9936C;
    color: #fdfdfd;
    font-size: 16px;
    border: unset;
    border-radius: 20px;
    font-family: "Kiwi Maru";
    padding: 14px 60px;
    outline: 1px solid;
    outline-color: #B9936C;
    outline-offset: 0px;
    display: inline-block;
    transition: .3s;
    }
    
.btn-open:hover {
    animation: light .8s infinite;
   }

.btn-close {
    background-color: #B9936C;
    color: #fdfdfd;
    font-size: 16px;
    border: unset;
    border-radius: 20px;
    font-family: "Kiwi Maru";
    padding: 14px 60px;
    outline: 1px solid;
    outline-color: #B9936C;
    outline-offset: 0px;
    display: inline-block;
    transition: .3s;
}
.btn-close:hover {
    animation: light .8s infinite;
   }

.events-top {
    padding: unset;
}

.events-pagetitle {
    margin: 0 auto;
}

.two-column-container {
    display: block;
    margin: 100px 0;
}

.two-column-maincontents {
    width: 100%;
}
.events-menu {
    display: block;
}

.events-item {
    width: 100%;
    margin: 0 0 80px 0;
}
.two-column-sidebar {
    display: none;
}


/*イベント個別ページ*/
.news__description_line.date {
    font-size: 18px;
}
.news__description_line.place {
    font-size: 18px;
}


/* ラインナップ */
.lineup-top {
    padding: unset;
}

.lineup-pagetitle {
    margin: 0 auto;
}

.lineup-menu {
    display: block;
}

.lineup-item {
    width: 100%;
    margin: 0 0 70px 0;
}

.lineup-container {
    background: url(../img/circle_back.png) no-repeat 50% 32% / 100%;
}

.lineup__title {
    font-size: 90px;
}

.lineup__title.second {
font-size: 60px;
}

.lineup__subtitle.second {
    top: 223px;
}

.lineup__detail__content {
    display: block;
}

.lineup__detail__img {
    width: 100%;
}

.lineup__detail__description {
    margin: 60px 0 0 0;
}


/* ニュース一覧 */
.news-top {
    padding: unset;
}

.news-pagetitle {
    margin: 0 auto;
}

.news-list {
    width: 100%;
    margin: 60px 0 0 0;
}

.news-link {
    display: block;
}

.news-title {
    line-height: 27px;
}

.news__detail {
    display: block;
}
.news__detail__img {
    width: 100%;
}

.news__description {
    width: 100%;
}




/* カート */
.cart-top {
    padding: unset;
}

.cart-pagetitle {
    margin: 0 auto;
}

.cart-detail th {
padding: 10px 3px;
}

.cart-goods {
    display: block;
}

.cart-goods__img {
    width: 90%;
}
.cart-goods__name {
    margin: 10px 0 0 0;
    width: 100%;
}

.cart-total__price span {
    font-size: 20px;
}

/*お気に入り*/
.favorite-goods {
    display: block;
}

.favorite-goods__img {
    width: 90%;
}
.favorite-goods__name {
    margin: 10px 0 0 0;
    width: 100%;
}
.favorite-price {
    width: 33%;
}

/* 入力画面 */


.customer__area {
    width: 85%;
}

.customer__area th {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
}
.customer__area td {
    display: block;
}
.payment__area {
    width: 85%;
}

.payment__area th {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
}
.payment__area td {
    display: block;
}

.name_area {
    width: 100%;
}
.address_area {
    width: 100%;
}

.tel_area {
    width: 100%;
}

.mail_area {
    width: 100%;
}

.number_area {
    width: 100%;
}

.btn-area {
    display: flex;
    flex-direction: column-reverse;
}

.btn.confirm {
    padding: 0 0 72px 0;
}



}