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

body {
    background: none !important;
}
@supports (-webkit-overflow-scrolling: touch) {
    body {
        background: none !important;
    }
    body:before {
        background: none !important;
    }
}
main {
    background: none;
}

.indexMain {
}
.indexMain .indexMainInn {
}
.indexMain .indexLogo {
    display: block;
    height: auto;
}
.indexMain .shopData {
}
.indexMain .shopName,
.indexMain .shopTel {
    text-shadow:
            0 0 15px #fff,
            0 0 15px #fff,
            0 0 10px #fff,
            0 0 10px #fff,
            0 0 5px #fff,
            0 0 5px #fff,
            0 0 3px #fff,
            0 0 3px #fff,
            0 0 3px #fff,
            0 0 3px #fff,
            0 0 1px #fff,
            0 0 1px #fff,
            0 0 1px #fff,
            0 0 1px #fff;
}
.indexMain .shopName {
    color: var(--mainColor);
    text-align: center;
}
.indexMain .shopTel {
    font-family: var(--fontEn);
    color: var(--mainColor);
    text-align: center;
}
.indexMain .shopTel:before {
    content: 'TEL:';
}
.indexMain .shopTelLink {
    color: var(--mainColor);
}
.indexMain .indexBtnBox {
}
.indexMain .enterBtn {
    font-family: var(--fontEn);
}
.indexMain .leaveNotes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-family: 'Josefin Sans', 'Kiwi Maru', serif;
}
.indexMain .leaveNotes01 {
    filter: drop-shadow(
        0 0 5px #fff
    );
}
.indexMain .leaveIcon {
    fill: var(--textColor);
}
.indexMain .leaveNotes02 {
    color: var(--textColor);
    text-shadow:
				0 0 5px #fff,
                0 0 5px #fff,
                0 0 3px #fff,
                0 0 3px #fff,
				0 0 1px #fff,
                0 0 1px #fff,
                0 0 1px #fff,
				0 0 1px #fff;
}
.indexMain .leaveLink {
    color: var(--textColor);
    text-decoration: underline;
}
.indexMain .indexMainbg {
}
.indexMain .indexMainbg .kvBg {
}
.indexMain .indexMainbg:after {
}


/* binbinBnr
-------------------------------------------------- */
.binbinBnr {
}
.binbinBnr .binbinBnr_link {
}
.binbinBnr .binbinBnr_image {
}


/* otherlink_list
-------------------------------------------------- */
.otherlink_list {
}
.otherlink_list .otherlink_item {
}
.otherlink_list .otherlink_link {
}
.otherlink_list .otherlink_image {
}


.subContainerWrap {
    background: rgba(255,255,255,0.85);
}
.subContainer {
}

/* shopExposition
-------------------------------------------------- */
.shopExposition {
    font-family: 'Josefin Sans', 'Kiwi Maru', serif;
}
.shopExposition .shopExpositionTitle {
    color: var(--textColor);
    font-weight: normal;
}
.shopExposition .shopExpositionTxt {
    color: var(--textColor);
}

/* linkbnrList
-------------------------------------------------- */
.linkbnrList {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.linkbnrList .linkbnrListItem {
}
.linkbnrList .linkbnrLink {
    display: block;
}
.linkbnrList .linkbnrImage {
    display: block;
}

/* widget
-------------------------------------------------- */
.widget {
    text-align: center;
}

/* crosslinkList
-------------------------------------------------- */
.crosslinkList {
    display: flex;
    flex-wrap: wrap;
}
.crosslinkList .crosslinkListItem {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.crosslinkList .crosslinkLink {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.crosslinkList .crosslinkImg {
    display: block;
    width: 88px;
    height: 31px;
}
.crosslinkList .crosslinkShop {
    color: var(--mainColor);
    text-align: center;
    word-break: break-word;
}

/* footer
-------------------------------------------------- */
footer {
    background: var(--mainColor08);
    border-top: none;
}
footer .footerInn {
}
footer .footerTxt {
    color: #fff;
    text-align: center;
}
footer .footerCopy {
    color: #fff;
    text-align: center;
}
footer .footerLink {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .indexMain {
        height: 140vh;
        min-height: 1100px;
        overflow: hidden;
    }
    .indexMain .indexMainInn {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 60px;
    }
    .indexMain .indexLogo {
        width: 280px;
        margin-bottom: 15px;
    }
    .indexMain .shopData {
        margin-bottom: 25px;
    }
    .indexMain .shopName {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .indexMain .shopTel {
        display: flex;
        justify-content: center;
        align-items: first baseline;
        font-size: 40px;
    }
    .indexMain .shopTel:before {
        font-size: 33px;
        margin-right: 5px;
    }
    .indexMain .shopTelLink {
    }
    .indexMain .indexBtnBox {
        margin-bottom: 20px;
    }
    .indexMain .enterBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 610px;
        height: 100px;
        font-size: 64px;
        color: #fff;
        font-weight: bold;
        background: var(--mainColor);
        border: 5px solid var(--mainColor);
        box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
        margin-bottom: 30px;
        padding-top: 10px;
        transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    }
    .indexMain .enterBtn:hover {
        color: #fff;
        letter-spacing: 0.05em;
        background: var(--mainColor);
        opacity: 1.0 !important;
    }
    .indexMain .leaveNotes {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: rgba(255,255,255,0.5);
        width: 570px;
        margin: 0 auto;
        padding: 10px 20px;
    }
    .indexMain .leaveNotes01 {
        width: 12.5%;
    }
    .indexMain .leaveNotes01 svg {
        display: block;
    }
    .indexMain .leaveNotes02 {
        width: calc(87.5% - 15px);
        font-size: 18px;
        line-height: 1.4;
        margin-top: 5px;
    }
    .indexMain .leaveLink {
        margin: 0 2px;
    }
    .indexMain .indexMenu {
    }
    .indexMain nav {
        padding: 30px 0;
    }
    .indexMain .nav_items {
        width: 864px;
        text-align: center;
        margin: 0 auto;
    }
    .indexMain .nav_item {
        display: inline-block;
        padding: 0 10px;
        position: relative;
    }
    .indexMain .nav_item:after {
        position: absolute;
        top: 50%;
        right: -6px;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        content: '|';
        color: var(--mainColor);
        text-shadow:
                0 0 15px #fff,
                0 0 15px #fff,
                0 0 10px #fff,
                0 0 10px #fff,
				0 0 5px #fff,
                0 0 5px #fff,
				0 0 3px #fff,
				0 0 3px #fff,
                0 0 3px #fff,
                0 0 3px #fff,
				0 0 1px #fff,
                0 0 1px #fff,
                0 0 1px #fff,
				0 0 1px #fff;
    }
    .indexMain .nav_item.afterNone:after,
    .indexMain .nav_item:last-child:after {
        content: none;
    }
    .indexMain .nav_link {
        font-size: 22px;
        color: var(--mainColor);
        text-shadow:
                0 0 15px #fff,
                0 0 15px #fff,
                0 0 10px #fff,
                0 0 10px #fff,
				0 0 5px #fff,
                0 0 5px #fff,
				0 0 3px #fff,
				0 0 3px #fff,
                0 0 3px #fff,
                0 0 3px #fff,
				0 0 1px #fff,
                0 0 1px #fff,
                0 0 1px #fff,
				0 0 1px #fff;
    }
    .indexMain .indexMainbg {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .indexMain .indexMainbg:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        min-height: 900px;
        background: rgba(0,0,0,0.2);
    }
    .indexMain .indexMainbg .kvBg {
        width: 100vw;
        object-fit: cover;
    }

    /* binbinBnr
    -------------------------------------------------- */
    .binbinBnr {
        text-align: center;
        margin-bottom: 15px;
    }
    .binbinBnr .binbinBnr_link {
    }
    .binbinBnr .binbinBnr_image {
    }

    /* otherlink_list
    -------------------------------------------------- */
    .otherlink_list {
    }
    .otherlink_list .otherlink_item {
        text-align: center;
        margin-bottom: 10px;
    }
    .otherlink_list .otherlink_item:last-child {
        margin-bottom: 0;
    }
    .otherlink_list .otherlink_link {
    }
    .otherlink_list .otherlink_image {
    }


    .subContainerWrap {
        padding: 60px 0 40px;
    }
    .subContainer {
        width: 1180px;
        margin: 0 auto;
    }
    
    /* shopExposition
    -------------------------------------------------- */
    .shopExposition {
        margin-bottom: 60px;
    }
    .shopExposition .shopExpositionTitle {
        font-size: 16px;
        text-shadow:
                0 0 15px #fff,
                0 0 15px #fff,
                0 0 10px #fff,
                0 0 10px #fff,
				0 0 5px #fff,
                0 0 5px #fff,
				0 0 3px #fff,
				0 0 3px #fff,
                0 0 3px #fff,
                0 0 3px #fff,
				0 0 1px #fff,
                0 0 1px #fff,
                0 0 1px #fff,
				0 0 1px #fff;
        margin-top: 18px;
        margin-bottom: 3px;
    }
    .shopExposition .shopExpositionTxt {
        font-size: 16px;
        line-height: 1.8;
        text-shadow:
                0 0 15px #fff,
                0 0 15px #fff,
                0 0 10px #fff,
                0 0 10px #fff,
				0 0 5px #fff,
                0 0 5px #fff,
				0 0 3px #fff,
				0 0 3px #fff,
                0 0 3px #fff,
                0 0 3px #fff,
				0 0 1px #fff,
                0 0 1px #fff,
                0 0 1px #fff,
				0 0 1px #fff;
    }
    
    /* linkbnrList
    -------------------------------------------------- */
    .linkbnrList {
        margin-bottom: 50px;
    }
    .linkbnrList .linkbnrListItem {
        margin-bottom: 12px;
    }
    .linkbnrList .linkbnrListItem:last-child {
        margin-bottom: 0;
    }

    /* widget
    -------------------------------------------------- */
    .widget {
        margin-bottom: 50px;
    }

    /* crosslinkList
    -------------------------------------------------- */
    .crosslinkList {
        width: 972px;
        margin: 0 auto;
    }
    .crosslinkList .crosslinkListItem {
        width: calc(100% / 9);
        margin: 0 0 20px;
    }
    .crosslinkList .crosslinkLink {
    }
    .crosslinkList .crosslinkImg {
        margin-bottom: 2px;
    }
    .crosslinkList .crosslinkShop {
        font-size: 12px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    
    /* footer
    -------------------------------------------------- */
    footer {
        padding: 40px 0 calc(40px + 160px);
    }
    footer .footerInn {
        width: 1180px;
        margin: 0 auto;
    }
    footer .footerTxt {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    footer .footerCopy {
        font-size: 16px;
    }
}

@media all and (max-width: 767px) {
    main {
        padding-bottom: 0 !important;
    }
    .indexMain {
        padding-top: 0 !important;
    }
    .indexMain .indexMainInn {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vw;
        padding-top: 15vw;
    }
    .indexMain .indexLogo {
        width: 37.5vw;
        margin-bottom: 7.5vw;
    }
    .indexMain .shopData {
        margin-bottom: 3.5vw;
    }
    .indexMain .shopName {
        font-size: 3.25vw;
        font-weight: bold;
        line-height: 1.0;
        margin-bottom: 2vw;
    }
    .indexMain .shopTel {
        font-size: 6.67vw;
        line-height: 1.0;
    }
    .indexMain .shopTelLink {
    }
    .indexMain .indexBtnBox {
        background: rgba(255,255,255,0.85);
        padding: 5vw 0 4vw;
    }
    .indexMain .enterBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80.0vw;
        height: 15vw;
        font-size: 8.5vw;
        color: #fff;
        font-weight: bold;
        background: var(--mainColor);
        border: 3px solid var(--mainColor);
        margin: 0 auto 6vw;
        padding: 1.5vw 0 0;
    }
    .indexMain .leaveNotes {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 80.0vw;
        margin: 0 auto;
    }
    .indexMain .leaveNotes01 {
        width: calc(17.5% - 2.5vw);
        margin-right: 2.5vw;
    }
    .indexMain .leaveNotes02 {
        width: 82.5%;
        font-size: 3vw;
        line-height: 1.2;
        margin-top: -1.25vw;
    }
    .indexMain .leaveLink {
        margin: 0 0.5vw;
    }

    .indexMain .indexMenu {
        display: none;
    }

    .indexMain .indexMainbg {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateY(-50%);
        z-index: -1;
    }
    .indexMain .indexMainbg:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.25);
    }
    .indexMain .indexMainbg .kvBg {
        width: 100vw;
    }
    /*
    .indexMain .kvBg_video {
        width: 180vw;
    }
    */


    /* binbinBnr
    -------------------------------------------------- */
    .binbinBnr {
        background: rgba(255,255,255,0.85);
        padding: 0 10vw 2.5vw;
    }
    .binbinBnr .binbinBnr_link {
        display: block;
    }
    .binbinBnr .binbinBnr_image {
        display: block;
        width: 100%;
        height: auto;
    }


    /* otherlink_list
    -------------------------------------------------- */
    .otherlink_list {
        background: rgba(255,255,255,0.85);
        padding: 0 10vw;
    }
    .otherlink_list .otherlink_item {
        margin-bottom: 2.5vw;
    }
    .otherlink_list .otherlink_item:last-child {
        margin-bottom: 0;
    }
    .otherlink_list .otherlink_link {
        display: block;
    }
    .otherlink_list .otherlink_image {
        display: block;
        width: 100%;
        height: auto;
    }


    .subContainerWrap {
        padding: 4vw 6vw 0;
    }
    .subContainer {
    }
    
    /* shopExposition
    -------------------------------------------------- */
    .shopExposition {
        margin-bottom: 6vw;
    }
    .shopExposition .shopExpositionTitle {
        font-size: 3.125vw;
        margin-top: 3.5vw;
        margin-bottom: 0.75vw;
    }
    .shopExposition .shopExpositionTxt {
        font-size: 3.125vw;
        line-height: 1.8;
    }
    
    /* linkbnrList
    -------------------------------------------------- */
    .linkbnrList {
        margin-bottom: 6vw;
        padding: 0 3vw;
    }
    .linkbnrList .linkbnrListItem {
        margin-bottom: 3vw;
    }
    .linkbnrList .linkbnrListItem:last-child {
        margin-bottom: 0;
    }
    .linkbnrList .linkbnrImage {
        width: 100%;
        height: auto;
    }

    /* widget
    -------------------------------------------------- */
    .widget {
        margin-bottom: 6vw;
    }

    /* crosslinkList
    -------------------------------------------------- */
    .crosslinkList {
    }
    .crosslinkList .crosslinkListItem {
        width: 31.33%;
        margin: 0 1% 2.5vw;
        padding: 0;
    }
    .crosslinkList .crosslinkLink {
    }
    .crosslinkList .crosslinkImg {
        margin-bottom: 0.25vw;
    }
    .crosslinkList .crosslinkShop {
        font-size: 2.5vw;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    
    /* footer
    -------------------------------------------------- */
    footer {
        padding: 6vw 4vw 32.5vw;
    }
    footer .footerInn {
    }
    footer .footerTxt {
        font-size: 3.125vw;
        line-height: 1.6;
        margin-bottom: 5vw;
    }
    footer .footerCopy {
        font-size: 3.125vw;
    }
}