body {
    line-break: strict;
    margin: 0;
    padding: 0;
    outline: none;
    background: #edede6;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: Avenir, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

#wrap {
    justify-content: center;
    height: 100vw;
}

/*◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀ */
.body_title,
.body_text {
    text-align: left;
}

.prev-arrow,
.next-arrow {
    width: 2.5vw;
    position: absolute;
    z-index: 100;
}

.prev-arrow {
    margin-top: 70vw;
    margin-right: 20vw;
}

.next-arrow {
    margin-top: -330vw;
    margin-right: 27.5vw;
}

/*ーーーーーーーーーーー------------------------------------------ */
/*ーーーーーーーーーーーページ */
#slider {
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    touch-action: pan-y;
}

/*◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀ */
.slide-item {
    width: 50vw;
    height: 400vw;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.slide-item img {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: 1vw;
}

.page_img {
    box-shadow: 0px 5px 15px 0px rgba(39, 39, 39, 0.3)
}

#num {
    margin-left: 24vw;
    margin-top: 1.7vw;
    font-size: 2vw;
    position: absolute;
}

/*ーーーーーーーーーーーページ */
.inhr_1,
.inhr_2 {
    margin-left: 2.5%;
    width: 95%;
}

.inhr_1 {
    margin-top: 6vw;
    margin-bottom: 1.5vw;
}

.inhr_2 {
    margin-top: 2vw;
    margin-bottom: 3.5vw;
}

.additional_details {
    /*ページ画像下部エリア*/
    margin-left: 0vw;
    width: 50vw;
    /*background: #ccc;*/
}

.body_title {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 2vw;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: bold;
}

.body_text {
    width: 95%;
    margin-left: 2.5%;
    margin-top: -1.5rem;
    line-height: 1.8rem;
    text-align: justify
}

.komidashi {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    color: #c62525;
}

.sub_text {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 0.5rem;
    line-height: 1.8rem;
    text-align: justify
}

.img01 {
    width: 70%;
    height: auto;
    margin-left: 1.5%;
    margin-top: 1.5rem;
    box-shadow: none;
}

.manual {
    margin-top: 2rem;
}

.manual_img {
    margin-top: 1rem;
    width: 95%;
    margin-left: 2.5%;
}

.manual_img img {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    width: 100%;
    ;
}

.manual_note_p {
    margin-top: 1rem;
    margin-bottom: 0rem;
    width: 91%;
    margin-left: 2.5%;
    background: #000;
    color: #fff;
    line-height: 1.4rem;
    padding: 2% 2% 2% 2%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー下部ボタン指定 */
#open {
    text-decoration: none;
    border-style: none;
    position: absolute;
    z-index: 1;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5vw;
    outline: none;
    height: 3vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#a1b5ff), to(#0087d8));
    background: -webkit-linear-gradient(top, #a1b5ff 0%, #0087d8 100%);
    background: linear-gradient(to bottom, #a1b5ff 0%, #0087d8 100%);
    color: #fff;
    width: 10vw;
    margin-left: 26.3vw;
    margin-top: 69.75vw;
}

/*ーーーボタン共通指定 */
.closed {
    font-size: 1.2vw;
    text-decoration: none;
    cursor: pointer;
    border-style: none;
    display: none;
    outline: none;
    margin-top: 15.7vw;
    width: 11.3vw;
    margin-left: -12.1vw;
    border-radius: 1.6vw;
    height: 3.2vw;
    background: #ff0000;
    color: #fff;
    animation: flash 1s ease infinite;
}

@keyframes flash {
    10% {
        background: #FFF;
    }
}

#dummy {
    visibility: hidden;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー下部ボタン指定 */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーP内リンク／複数店舗 */
.link_box {
    width: 95%;
    margin-top: 0.5rem;
}

.in_link {
    background: #ff9900;
    padding: 0.5vw 2vw 0.5vw 2vw;
}

.in_sns {
    background: #00c4ff;
    padding: 0.5vw 1vw 0.5vw 1vw;
}

.in_yb {
    background: #1abc9c;
    padding: 0.5vw 1vw 0.5vw 1vw;
}

.in_link,
.in_sns,
.in_yb {
    text-decoration: none;
    border-radius: 1.5vw;
    font-size: 1.2vw;
    color: #fff;
    margin-left: 1vw;
}

/*ーーー電話・地図ボタン指定 */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーP内リンク／複数店舗 */
/*ーーーーーーーーーーー一覧 */
#thumbnail-list {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.thumbnail-item img {
    margin-top: -0.5vw;
    width: 8vw;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #999;
}

.space {
    height: 3vw;
}

#n_n {
    font-size: 1.2vw;
    color: #fff;
    margin-top: -0.5vw;
    display: flex;
    justify-content: center;
}

.thumbnail-item {
    margin-top: 0px;
}

/*ーーーーーーーーーーー一覧 */
/*ーーーーーーーーーーー一覧／ボタン */
.closedbox {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 3vw;
    width: 47.5vw;
    position: absolute;
    z-index: 1;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1005;
    margin-top: 0px;
}

.noteb {
    margin-left: 0vw;
    width: 47.5vw;
    height: 100%;
    font-size: 1.2vw;
    line-height: 3.2vw;
    text-align: center;
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#a1b5ff), to(#0087d8));
    background: -webkit-linear-gradient(top, #a1b5ff 0%, #0087d8 100%);
    background: linear-gradient(to bottom, #a1b5ff 0%, #0087d8 100%);
    color: #fff;
}

#dummy {
    visibility: hidden;
}

/*ーーーーーーーーーーー一覧／ボタン */
/*ーーーーーーーーーーー一覧 */
#thumbnail-list {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.thumbnail-item img {
    margin-top: -0.5vw;
    width: 8vw;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #999;
}

.navibox {
    width: 47.5vw;
    height: 44vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1005;
    overflow: auto;
    margin-top: -390vw;
    background: rgba(0, 0, 0, 0.61);
    display: none;
}

.space {
    height: 3vw;
}

#n_n {
    font-size: 1.2vw;
    color: #fff;
    margin-top: -0.5vw;
    display: flex;
    justify-content: center;
}

.thumbnail-item {
    margin-top: 0px;
}

/*ーーーーーーーーーーー一覧 */
/*ーーーーーーーーーーーTOPボタン */
.gotop {
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}

.gotop::before {
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    transform: rotate(-45deg);
}

.gotop:hover {
    opacity: 1;
}

/*ーーーーーーーーーーーTOPボタン */
/*ーーーーーーーーーーー動画 */
.movie_text {
    margin-top: -2vw;
    margin-bottom: 1.5vw;
    margin-left: 1.2vw;
}

.youtube-wrap {
    width: 100%;
    height: 100%;
    margin-top: -0.3rem;
    margin-bottom: 3rem;
}

.youtube-wrap img {
    border-radius: 1.5rem;
}

/*ーーーーーーーーーーー動画 */
/*ーーーーーーーーーーーアコーディオン／音声 */
.summary {
    padding-left: 2.5%;
    width: 97%;
    margin-bottom: 0.2em;
    background: #fff;
}

.summary[open] {
    padding-left: 5%;
}

.details {
    width: 95%;
    margin-left: 2.5%;
    transition: 0.7s;
}

.details[open] {
    height: 90px;
    background: #fff;
}

.audio {
    padding-left: 2.5%;
}

.shop {
    margin-top: 1rem;
    width: 95%;
    margin-left: 2.5%;
}

/* 禁則処理 */
#slider {
    touch-action: auto;
}

/* スマホのピンチ操作を有効にする */
html.enable-javascript .slider-sample {
    visibility: hidden;
}

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript.window-load .slider-sample {
    visibility: visible;
}

/* 画像すべてを読み終えたら、対象を表示する */
.top_text {
    /*animation: moveimg 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;*/
    animation: fadeIn 4s forwards;
}

.additional_details {
    position: relative;
}

.box {
    width: 22vw;
    height: auto;
    position: absolute;
    top: -69vw;
    left: 14vw;
    box-shadow: none important;
}

.DivLink {
    position: relative;
    top: -98rem;
    left: 26rem;
    width: 22rem;
    height: 22rem;
    background: #ccc;
}

.DivLink .Link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ーーーーーーーーーーーーーーーーーーーーーー*/

/*ーーーーーーーーーーーーーーーーーーーー★★★★★★スマホ指定／480★★★★★★ーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media only screen and (max-device-width: 480px) {
    #wrap {
        width: 100vw;
    }

    .img01 {
        width: 96vw;
        margin-left: -2vw;
        margin-top: 6vw;
    }

    .prev-arrow,
    .next-arrow {
        width: 7vw;
        position: absolute;
        z-index: 1050;
    }

    .prev-arrow {
        margin-top: 134vw;
        margin-right: 38vw;
    }

    .next-arrow {
        margin-top: -966vw;
        margin-right: 56.5vw;
    }

    .inhr_1 {
        margin-top: 12.5vw;
        margin-bottom: 2vw;
    }

    .inhr_2 {
        margin-top: 2.5vw;
    }

    .inhr_1,
    .inhr_2 {
        width: 87vw;
    }

    .additional_details {
        margin-left: 4vw;
        width: 92vw;
    }

    /*ーーーーーーーーーーーtop */
    .manual {
        margin-top: 5vw;
        width: 97vw;
        margin-left: -2.5vw;
    }

    .manual img {
        width: 100%;
    }

    .navibuttonbox {
        display: grid;
        width: 100vw;
        grid-template-columns: 100%;
        position: fixed;
        top: 0px;
        left: 0;
        grid-template-rows: 6.5vw;
    }

    .title {
        font-size: 2vw;
        line-height: 5vw;
    }

    /*ーーーーーーーーーーーtop */
    /*ーーーーーーーーーーーページ */
    #slider {
        width: 100vw;
    }

    .slide-item {
        width: 92vw;
        height: 1100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slide-item img {
        width: 90%;
        margin-left: 5vw;
        margin-top: 3vw;
    }

    #num {
        margin-left: 46vw;
        margin-top: 3.5vw;
        font-size: 6vw;
    }

    /*ーーーーーーーーーーーページ */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー下部ボタン指定 */
    #open {
        font-size: 3vw;
        border-radius: 3vw;
        outline: none;
        height: 7vw;
        width: 24vw;
        margin-left: 5vw;
        margin-top: 133.5vw;
    }

    .closed {
        font-size: 3vw;
        border-radius: 3vw;
        width: 24vw;
        height: 7vw;
        margin-left: -20vw;
        margin-top: 16.5vw;
        background: #ff0000;
    }

    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    .shop {
        font-size: 3.5vw;
        margin-top: 0.5vw;
        margin-bottom: 1vw;
    }

    .link_box {
        width: 100%;
        margin-top: 1vw;
        margin-left: 2vw;
    }

    .in_link {
        padding: 0.5vw 3vw 0.5vw 3vw;
    }

    .in_sns {
        padding: 0.5vw 2vw 0.5vw 2vw;

    }

    .in_yb {
        padding: 0.5vw 2vw 0.5vw 2vw;
    }

    .in_link,
    .in_sns,
    .in_yb {
        border-radius: 3vw;
        font-size: 3vw;
        margin-left: 0.5vw;
    }

    /*ーーー電話・地図ボタン指定 */
    .body_title {
        font-size: 1.5rem;
        line-height: 1.8rem;
        margin-top: 5vw;
    }

    .body_text {
        line-height: 1.5rem;
        margin-top: -1.2rem;
    }

    .movie_text {
        margin-top: -1vw;
        margin-bottom: 4vw;
        margin-left: 3vw;
    }

    .sub_text {
        line-height: 1.5rem;
    }

    /*ーーーーーーーーーーー一覧 */
    #thumbnail-list {
        width: 85vw;
    }

    .thumbnail-item img {
        margin-top: -2vw;
        width: 18vw;
    }

    .navibox {
        width: 100vw;
        height: 102vw;
        margin-top: -1085vw;
    }

    .space {
        height: 6vw;
    }

    #n_n {
        font-size: 3vw;
        margin-top: 0vw;
    }

    .closedbox {
        width: 100vw;
    }

    .noteb {
        width: 100vw;
        height: 7vw;
        font-size: 3vw;
        line-height: 7vw;
    }

    .youtube-wrap {
        width: 95vw;
        margin-left: -2vw;
        margin-top: -2vw;
        margin-bottom: 10vw;
    }

    .youtube-wrap img {
        border-radius: 3vw;
    }

    /*ーーーーーーーーーーー一覧／ボタン */
}

/*media only screen */