@font-face {
    font-family: ITCGaramondStd;
    src: url('font/ITCGaramondStd-BkCond.otf');
}
html{
    overflow: hidden;
    max-height: 100vh;
}
body{
    max-height: 100vh;
    height: 100vh;
    width: 100vw; 
    overflow: hidden;
    margin: auto;
    background-color: #fff;
    font-family: "Noto Sans TC",  sans-serif, Arial, Helvetica, "微軟正黑體", Microsoft JhengHei, Apple LiGothic, "蘋果儷中黑";
}
.loading{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 900;
    top: 0;
    left: 0;
}
.loading img{
    width: 20vw;
}
.first_cover{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 899;
    top: 0;
    left: 0;
}
.header{
    z-index: 90;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 86vw;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 18.2vw;
}
.tobag img{
    width: 9.2vw;
    display: block;
    margin: auto;
}
.tobag span{
    font-size: 2.57vw;
    font-weight: 700;
    position: relative;
}
.tobag span::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -.7vw;
    left: 0;
    background-color: #000;
}
.logo{
    width: 14.7vw;
}
.openmenu{
    width: 9.3vw;
}
.page{
    height: 100vh;
    width: 100vw;
    background-image: url('img/book_yellow.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.page_wrapper{
    width: 97vw;
    height: 86vh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    /* border: solid 1px #f00; */
    margin-top: 18vw;
}
.popup{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.75);
    z-index: 999;
}
.popup_wrapper{
    background-image: url('img/paper_clip.png');
    background-size: 100% 100%;
    width: 95vw;
    height: 123.8vw;
    position: absolute;
    left: 0;
    right: 2vw;
    top: 15vw;
    margin: auto;
}
.popup_close{
    width: 9.3vw;
    height: 9.3vw;
    background-image: url('img/btn_close.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 3vw;
    top: 21vw;
}
.popup_login .popup_wrapper{
    padding-top: 30vw;
    box-sizing: border-box;
}
.title_100{
    width: 56vw;
    margin: 2vw auto 0;
}
.popup_ticket{
    width: 72vw;
    transform: rotate(-4deg);
    margin: 5vw auto;
}
.popup_friend{
    z-index: 999;
}
.btn_l{
    background-image: url('img/btn_l.png');
    width: 40.9vw;
    height: 10.7vw;
    background-size: 100% 100%;
    font-weight: 700;
    font-size: 4.7vw;
    text-align: center;
    padding-top: 1.8vw;
    margin: auto;
    box-sizing: border-box;
}
.btn_notfriend, .btn_friend{
    display: none;
}
.popup_friend .popup_ticket,
.popup_nakayama .popup_ticket,
.popup_breeze .popup_ticket{
    width: 48vw;
    padding-top: 30vw;
    padding-bottom: 2vw;
    transform: rotate(-4deg);
    margin: 5vw auto;
    position: relative;
 }
 .popup_nakayama .popup_ticket,
 .popup_breeze .popup_ticket{
    padding-top: 35vw;
 }
 .ticket_arrow{
    position: absolute;
    bottom: -6vw;
    right: -5vw;
    transform: rotate(70deg);
 }
 .ticket_star{
    position: absolute;
    bottom: 20vw;
    left: -10vw;
 }
.menu{
    background-image: url('img/book_white.png');
    z-index: 101;
    overflow: hidden;
}
.close_menu{
    position: absolute;
    width: 9.3vw;
    top: 3.7vw;
    right: 7vw;
}
.menu_logo{
    width: 14.7vw;
    margin: auto;
}
.menu_item_area{
    width: 58.8vw;
    margin: 9vw auto;
}
.menu_item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 5.6vw;
    font-weight: 700;
}
.menu_item img{
    width: 8.17vw;
    margin-right: 3.7vw;
}
.menu_line{
    padding: 4.6vw 0 5.6vw; 
}
.menu_pen{
    width: 55.4vw;
    position: absolute;
    bottom: 9vw;
    right: -4vw;
}
.menu_man{
    position: absolute;
    bottom: 10vw;
    left: 5vw;
    width: 37vw;
    transform: rotate(-8.5deg);
}

.cover{
    background-color: #BBDEFF;
    background-image: url('img/cover_bg.png');
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0 7vw 7vw 0;
    z-index: 105;
}
.cover_orange{
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}
.cover_frame{
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}
.cover_traveler{
    position: absolute;
    top: 75vw;
    left: 0;
}
.traveler_back{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.traveler_man{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    animation: bounce 1.5s infinite ease-in-out;
}
.traveler_front{
    position: relative;
}
.cover_white{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    top: 150vw;
}
.cover_guide{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5vw;
    left: 13vw;
}
.cover_guide img{
    width: 5.1vw;
    margin-right: 2vw;
}
.cover_guide span{
    font-size: 2.5vw;
    font-weight: 700;
    position: relative;
}
.cover_guide span::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -1vw;
    right: 0;
}
.cover_stamp{
    position: absolute;
    top: 4.4vw;
    right: 4.4vw;
}
.cover_title{
    width: 64vw;
    margin: 20vw auto;
    position: relative;
    left: 6vw;
}
.cover_btn{
    width: 60vw;
    position: absolute;
    left: 6vw;
    right: 0;
    margin: auto;
    /* bottom: 5vw; */
    top: 158vw;
}
.cover_usegold{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* bottom: 24vw; */
    top: 148vw;
    text-align: center;
    width: 92vw;
    margin-left: 8vw;
    font-size: 4.6vw;
    font-weight: 700;
}
.cover_usegold img{
    width: 7.5vw;
    margin-left: 2vw;
}
.cover_usegold span{
    position: relative;
    z-index: 1;
}
.cover_usegold span::before{
    content: '';
    display: block;
    width: 100%;
    height: 3vw;
    background-color: #F9EEB2;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.teach{
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    display: none;
    height: 100vh;
    overflow: hidden;
    background-color: rgb(0,0,0,1);
    z-index: 110;
    font-size: 3.7vw;
    font-weight: 700;
    color: #fff;
}
.teach .btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10vw;
    color: #000;
}
.teach_text1{
    position: absolute;
    top: 7vw;
    left: 22vw;
}
.teach_text2{
    position: absolute;
    top: 87vw;
    left: 34vw;
}
.teach_text3{
    position: absolute;
    top: 88vw;
    left: 4vw;
}
.teach span.orange{
    color: #FD962A;
}


.home_map{
    width: 95.5vw;
}
.map_block{
    /* border: solid 1px #f00; */
    position: absolute;
}
.map_flash{
    color: #00672A;
    font-size: 3.7vw;
    font-weight: 700;
}
.map_title{
    background-image: url('img/map_title.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    box-sizing: border-box;
    padding-top: 1.6vw;
    position: absolute;
}
.map_nakayama{
    width: 53vw;
    height: 40vw;
    top: 16vw;
}
.map_nakayama .map_title{
    width: 26vw;
    height: 9.6vw;
    left: 17vw;
}
.map_breeze{
    width: 39vw;
    height: 45vw;
    top: 57vw;
    right: 7vw;
}
.map_breeze .map_title{
    width: 26vw;
    height: 9.6vw;
    left: 6vw;
}
.map_a11{
    width: 53vw;
    height: 38vw;
    top: 106vw;
    left: 9vw;
}
.map_a11 .map_title{
    background-image: url('img/map_title2.svg');
    width: 30.6vw;
    height: 9.6vw;
    right: -2vw;
}
.map_share{
    width: 20vw;
    height: 36vw;
    top: 60vw;
    left: 5vw;
}
.map_share_title{
    position: absolute;
    background-image: url('img/map_share_title.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 19.1vw;
    height: 9.6vw;
    right: 0vw;
    color: #fff;
    font-size: 3.7vw;
    font-weight: 700;
    text-align: center;
    padding-top: 1.5vw;
    animation: bounce 3.5s infinite ease-in-out;
}
.map_mark{
    width: 13vw;
    position: absolute;
    animation: bounce 2s infinite ease-in-out;
}
.location_mark{
    display: block;
    width: 7.5vw;
    margin: .3vw auto 0;
}
.map_mark_title{
    width: 13vw;
    height: 5.5vw;
    background-image: url('img/map_mark_title.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #585858;
    text-align: center;
    font-size: 2.5vw;
    font-weight: 700;
    padding-top: .6vw;
    box-sizing: border-box;
    margin: auto;
}
.map_nc3{
    top: 16vw;
    left: 54vw;
}
.map_nc1{
    top: 14vw;
    left: 78vw;
}
.map_marka11{
    top: 114vw;
    left: 64vw;
}
.map_mark_new .map_mark_title{
    background-image: url('img/map_mark_title2.svg');
    height: 9vw;
    padding-top: 1.3vw;
    box-sizing: border-box;
    position: relative;
}
.map_nc1906{
    top: 29vw;
    left: 66vw;
    animation: bounce 1.5s 1s infinite ease-in-out;
}
.map_breeze1906{
    top: 77vw;
    left: 37vw;
    animation: bounce 1.5s 1s infinite ease-in-out;
}
.new_mark{
    position: absolute;
    top: -6vw;
    left: 0;
    right: 0;
    margin: auto;
    width: 10vw;
}
.map_man{
    width: 16vw;
    position: absolute;
    top: 52vw;
    left: 27vw;
}
@keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-1.3vw);
    }
}
.pushop_title{
    margin: auto;
}
.pushop_top{
    width: 93vw;
    height: 66.1vw;
    background-size: contain;
    margin: auto;
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url('img/paper_white.png');
    position: relative;
}
.pushop_photo{
    width: 40vw;
    height: 53.7vw;
    background-size: 100% 100%;
    position: relative;
    top: 7.2vw;
}
.pushop_info{
    position: absolute;
    left: 44vw;
    top: 14vw;
    font-size: 3.7vw;
}
.info_item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2vw;
    font-weight: 500;
}
.info_tag{
    font-weight: 700;
    margin-right: 2.5vw;
    position: relative;
}
.info_tag span{
    position: relative;
    z-index: 1;
}
.info_tag::before{
    display: block;
    content: '';
    position: absolute;
    width: 110%;
    height: 2.3vw;
    top: 1.2vw;
    left: -5%;
    background-color: #FFC78D;
    z-index: 0;
    border-radius: 1vw;
}
.pushop_arrow1{
    width: 7.2vw;
    position: absolute;
    top: 74vw;
    left: 20vw;
}
.pushop_arrow2{
    width: 12.4vw;
    position: absolute;
    top: 76vw;
    left: 40vw;
}
.pushop_bot{
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    margin-top: 1vw;
}
.pushop_bot .pushop_bot_l{
    width: 45.8vw;
    height: 53.7vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    font-size: 3.6vw;
    line-height: 1.3;
    padding-top: 6vw;
    box-sizing: border-box;
}
.blt_title{
    position: absolute;
}
.pushop_bot span.orange{
    color: #FD962A;
    font-weight: 700;
}
.hatena{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 1vw auto;
}
.bl_init{
    display: block;
    /* display: none; */
}
.bl_fin{
    display: none;
    /* display: block; */
}

.pushop_bot .pushop_bot_r{
    width: 45.8vw;
    height: 53.7vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    font-size: 3.7vw;
}
.pushop_nakayama{
    background-image: url('img/book_orange.png');
}
.pushop_nakayama .pushop_title{
    width: 58vw;
    height: 10.6vw;
    background-image: url('img/title_nakayama.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.pushop_nakayama .pushop_photo{
    background-image: url('img/pu_nakayama_new.png');
}
.pushop_nakayama .info_tag::before{
    background-color: #FFC78D;
}
.pushop_nakayama .pushop_map{
    width: 44.4vw;
    height: 23.4vw;
    background-image: url('img/nakayama_map.png');
    background-size: 100% 100%;
    position: absolute;
    right: 5vw;
    bottom: 10vw;
}
.pushop_nakayama .pushop_bot{
    margin-top: 5vw;
}
.pushop_nakayama .pushop_bot_l{
    background-image: url('img/noteLV1_blue.svg');
}
.pushop_nakayama .blt_title{
    background-image: url('img/nakayama_blt.png');
    background-size: 100% 100%;
    width: 41.9vw;
    height: 13.8vw;
    top: -9vw;
}
.pushop_nakayama .hatena{
    width: 12.1vw;
    height: 17.5vw;
    background-image: url('img/nakayama_hatena.png');
}
.pushop_nakayama .stamp_fin{
    width: 26.4vw;
    height: 32.9vw;
    background-size: 100% 100%;
    margin: 1vw auto;
    background-image: url('img/nakayama_fin.png');
}
.pushop_nakayama .pushop_bot_r{
    background-image: url('img/noteLV2_blue.svg');
    margin-top: 5vw;
    padding-top: 5vw;
    padding-left: 4vw;
    line-height: 1.3;
}
.pushop_nakayama .brt_title{
    position: absolute;
    width: 28vw;
    top: -5vw;
    left: 0;
    right: 0;
    margin: auto;
}
.pushop_br_nakayama .brimg{
    width: 15.6vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 17vw;
    margin: auto;
}
.btn_blue_light{
    background-image: url('img/btn_M_bl.svg');
    position: absolute;
    bottom: 5vw;
    left: 0;
    right: 0;
}
.pushop_br_nakayama_mem p{
    text-align: center;
    position: relative;
    right: 2vw;
    margin-bottom: 1vw;
}
.ncoin{
    width: 4.44vw;
    margin-right: 1vw;
    position: relative;
    top: 1vw;
}
.pushop_br_nakayama_mem .brt_title{
    left: 11vw;
}
.pushop_br_nakayama_mem .brimg{
    position: absolute;
    top: -7vw;
    left: 2vw;
    width: 11.2vw;
}

.pushop_breeze{
    background-image: url('img/book_blue.png');
}
.pushop_breeze .pushop_title{
    width: 75.2vw;
    height: 11.2vw;
    background-image: url('img/title_breeze.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.pushop_breeze .pushop_photo{
    background-image: url('img/pu_breeze2.png');
    /* background-image: url('img/photo_XY_coming.png'); */
}
.pushop_breeze .info_tag::before{
    background-color: #BBDEFF;
}
.pushop_breeze .pushop_map{
    width: 38.8vw;
    height: 23.6vw;
    background-image: url('img/breeze_map.png');
    background-size: 100% 100%;
    position: absolute;
    right: 8vw;
    bottom: 10vw;
}
.pushop_breeze .pushop_bot_l{
    background-image: url('img/noteLV1_yellow.svg');
}
.pushop_breeze .blt_title{
    background-image: url('img/breeze_blt.png');
    background-size: 100% 100%;
    width: 43.2vw;
    height: 13.3vw;
    top: -8vw;
    right: 4vw;
}
.pushop_breeze .hatena{
    width: 14.9vw;
    height: 17.5vw;
    background-image: url('img/breeze_hatena.png');
}
.pushop_breeze .stamp_fin{
    width: 28.7vw;
    height: 33.6vw;
    background-size: 100% 100%;
    margin: 1vw auto;
    background-image: url('img/breeze_fin.png');
}
.pushop_breeze .pushop_bot_r{
    background-image: url('img/breeze_br.png');
    width: 46.5vw;
    height: 62.4vw;
    padding-top: 15vw;
    padding-left: 6vw;
    line-height: 1.3;
}
.pushop_breeze .brt_title{
    background-image: url('img/noteLV1_yellow.svg');
}
.pushop_breeze .brimg{
    width: 20.7vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6vw;
    margin: auto;
}

.pushop_a11{
    background-image: url('img/book_yellow.png');
}
.pushop_a11 .pushop_title{
    width: 75.2vw;
    height: 11.2vw;
    background-image: url('img/title_a11flash.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.pushop_a11 .pushop_photo{
    background-image: url('img/pu_a11_new.png');
}
.pushop_a11 .info_tag::before{
    background-color: #FCDCE7;
}
.pushop_a11 .pushop_map{
    width: 35.7vw;
    height: 19.8vw;
    background-image: url('img/a11_map.png');
    background-size: 100% 100%;
    position: absolute;
    right: 8vw;
    bottom: 11vw;
}
.pushop_a11 .pushop_bot_l{
    background-image: url('img/noteLV1_pink.svg');
}
.pushop_a11 .blt_title{
    background-image: url('img/a11_blt.png');
    background-size: 100% 100%;
    width: 40vw;
    height: 16.4vw;
    top: -12vw;
    right: 3vw;
}
.pushop_a11 .hatena{
    width: 16.8vw;
    height: 16.8vw;
    background-image: url('img/a11_hatena.png');
}
.pushop_a11 .stamp_fin{
    width: 30.4vw;
    height: 29.9vw;
    background-size: 100% 100%;
    margin: 1vw auto;
    background-image: url('img/a11_fin.png');
}
.pushop_a11 .pushop_bot_r{
    background-image: url('img/a11_br.png');
    width: 46.5vw;
    height: 62.4vw;
    padding-top: 15vw;
    padding-left: 6vw;
    line-height: 1.35;
}
.pushop_a11 .brimg{
    width: 30.6vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3vw;
    margin: auto;
}
.checkbox_flex{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.checkbox{
    width: 5.6vw;
    height: 5.6vw;
    background-image: url('img/boxcheck.svg');
    background-size: 100% 100%;
    margin-right: 2vw;
    flex-shrink: 0;
}

.backtomap{
    text-align: center;
    font-size: 2.6vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    width: 20vw;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    margin: 2vw auto;
    /* bottom: 1vw; */
}
.backtomap span{
    position: relative;
}
.backtomap span::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    bottom: -1vw;
    right: 0;
}
.bag .backtomap{
    bottom: 5vw;
}
.onlyone{
    display: inline-block;
    position: absolute;
    bottom: 1vw;
    right: 3vw;
    font-size: 2.57vw;
    font-weight: 700;
}
.info_bottom{
    position: relative;
    margin-top: 3vw;
}

.nc1906, .nc1, .nc3{
    background-image: url('img/book_orange.png');
}
.breeze1906{
    background-image: url('img/book_blue.png');
}
.xya11{
    background-image: url('img/book_yellow.png');
}
.store_title{
    margin: auto;
}
.nc1906 .store_title{
    width: 89.7vw;
    height: 10.2vw;
    background-image: url('img/title_nc1906.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.nc1 .store_title{
    width: 62.9vw;
    height: 11.2vw;
    background-image: url('img/title_nc1.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.nc3 .store_title{
    width: 62.9vw;
    height: 11.2vw;
    background-image: url('img/title_nc3.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.breeze1906 .store_title{
    width: 74.9vw;
    height: 11.2vw;
    background-image: url('img/title_breeze1906.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.xya11 .store_title{
    width: 63.5vw;
    height: 11.2vw;
    background-image: url('img/title_xya11.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.store_top{
    width: 93.4vw;
    height: 66vw;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    /* background-image: url('img/store_top.png'); */
}
.nc1906 .store_top,
.nc1 .store_top,
.nc3 .store_top{
    background-image: url('img/paper_clip_s_blue.png');
}
.breeze1906 .store_top{
    background-image: url('img/paper_clip_s_yellow.png');
}
.xya11 .store_top{
    background-image: url('img/paper_clip_s_pink.png');
}
.store_info{
    position: absolute;
    top: 13vw;
    left: 8vw;
}
.store_info .info_tag::before{
    background-color: #BBDEFF;
}
.store_map{
    background-size: 100% 100%;
    position: absolute;
}
.nc1906 .store_map,
.nc1 .store_map,
.nc3 .store_map{
    background-image: url('img/store_map_nakayama.png');
    width: 39.7vw;
    height: 21.5vw;
    left: 8vw;
    bottom: 7vw;
}
.breeze1906 .store_map{
    background-image: url('img/store_map_breeze.png');
    width: 39.7vw;
    height: 19.6vw;
    left: 8vw;
    bottom: 7vw;
}
.xya11 .store_map{
    background-image: url('img/store_map_a11.png');
    width: 40.2vw;
    height: 20.6vw;
    left: 8vw;
    bottom: 7vw;
}
.store_photo{
    width: 40.2vw;
    height: 53.7vw;
    background-image: url('img/store_photo.png');
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 10vw;
}
.nc1906 .store_photo{
    background-image: url('img/photo_ZS_shop01.png');
}
.nc1 .store_photo{
    background-image: url('img/photo_ZS_shop02.png');
}
.nc3 .store_photo{
    background-image: url('img/photo_ZS_shop03.png');
}
.breeze1906 .store_photo{
    background-image: url('img/photo_XY_shop.png');
    /* background-image: url('img/photo_XY_shop_coming.png'); */
}
.xya11 .store_photo{
    background-image: url('img/photo_A11_shop.png');
}
.store_tape{
    position: absolute;
    right: 0;
    top: 4vw;
    width: 24.3vw;
}
.map_btn{
    width: 13.3vw;
    position: absolute;
}
.nc3 .map_btn{
    top: 31vw;
    left: 28vw;
}
.nc1 .map_btn{
    top: 31vw;
    left: 28vw;
}
.nc1906 .map_btn{
    top: 31vw;
    left: 18vw;
}
.breeze1906 .map_btn{
    top: 31vw;
    left: 18vw;
}
.xya11 .map_btn{
    top: 31vw;
    left: 28vw;
}
.pushop_nakayama .map_btn{
    top: 31vw;
    right: 3vw;
}
.pushop_breeze .map_btn{
    top: 26vw;
    right: 8vw;
}
.pushop_a11 .map_btn{
    top: 25vw;
    right: 10vw;
}

.store_bot{
    width: 89.2vw;
    height: 62.4vw;
    background-image: url('img/lineboard.svg');
    background-size: 100% 100%;
    margin: 3vw auto;
    box-sizing: border-box;
    /* padding-top: 8vw; */
    padding-left: 10vw;
    padding-right: 5vw;
    position: relative;
    display: flex;
    align-items: center;
}
.store_bot_new{
    position: absolute;
    top: 5vw;
    left: 52vw;
}
.store_bot_icebag{
    width: 23.1vw;
    position: absolute;
    top: 0;
    right: 0;
}
.store_bot_icecup{
    width: 19vw;
    position: absolute;
    top: 0;
    right: 5vw;
}
.over{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    display: none;
}
.checkbox_checked{
    background-image: url('img/checked.svg');
}
.store_bot .checkbox_flex{
    margin-bottom: 1vw;
}
.store_bot .checkbox_text{
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 1.25;
}
.store_bot .checkbox_text .checkbox_title{
    font-size: 3.7vw;
    font-weight: 700;
    margin-bottom: .5vw;
    position: relative;
    display: inline-block;
}
.store_bot .checkbox_text .checkbox_title span{
    z-index: 1;
    position: relative;
}
.store_bot .checkbox_text .checkbox_title::after{
    content: '';
    position: absolute;
    top: 1vw;
    left: -1%;
    width: 102%;
    height: 2.6vw;
    z-index: 0;
    border-radius: .5vw;
}
.cb_orange::after{
    background-color: #FD962A;
}
.cb_blue::after,.cb_blue::before{
    background-color: #BBDEFF;
}
.cb_yellow::after,.cb_yellow::before{
    background-color: #FFFFD6;
}
.cb_pink::after,.cb_pink::before{
    background-color: #FCDCE7;
}
.store_bot .checkbox_text .cb_yellow::before,
.store_bot .checkbox_text .cb_blue::before,
.store_bot .checkbox_text .cb_pink::before{
    content: '';
    position: absolute;
    bottom: 1vw;
    left: -1%;
    width: 102%;
    height: 2.6vw;
    z-index: 0;
    border-radius: .5vw;
}
.store .backtomap{
    bottom: 0;
}

.postcard{
    width: 93.5vw;
    margin: auto;
    position: relative;
}
.share_btn{
    width: 28vw;
    height: 11.2vw;
    position: absolute;
    background-image: url('img/btn_M_b.svg');
    background-size: 100% 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 12vw;
    font-size: 4.67vw;
    font-weight: 700;
    text-align: center;
    padding-top: 2.3vw;
    box-sizing: border-box;
}

.title_share{
    width: 36vw;
    margin: 41vw auto 0;
}
.popup_txt{
    text-align: center;
    font-size: 4.67vw;
    font-weight: 700;
    margin-top: 5vw;
    line-height: 1.45;
}
.popup span{
    color: #B7523A;
    display: block;
    text-align: center;
    margin: 4vw auto;
    font-size: 2.57vw;
    font-weight: 700;
    line-height: 1.2;
}
.popup_stamp{
    width: 19vw;
    position: absolute;
    bottom: 4.6vw;
    right: 4.6vw;
}

.bag_title{
    width: 44.4vw;
    margin: auto;
}
.bag_wrapper{
    width: 95vw;
    height: 131.5vw;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 3vw;
}
.bag_gold{
    background-image: url('img/bag_gold.png');
}
.bag_ticket{
    background-image: url('img/bag_ticket.png');
}
.bag_tag_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90vw;
    margin: auto;
    padding-right: 3vw;
    box-sizing: border-box;
}
.bag_tag{
    width: 33vw;
    height: 10vw;
}
.noticket{
    text-align: center;
    font-weight: 700;
    line-height: 1.45;
    padding-top: 5vw;
}

.backtolist{
    text-align: center;
    font-size: 3vw;
    font-weight: 500;
    margin-top: 2vw;
}
.backtolist span{
    position: relative;
}
.backtolist span::after{
    content:'';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -.5vw;
    background-color: #000;
}
.redeem_cloud{
    width: 90vw;
    height: 72vw;
    background-image: url('img/cload.png');
    background-size: 100% 100%;
    margin: 5vw auto 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding-top: 12vw;
}
.redeem_title{
    text-align: center;
    font-size: 7vw;
    font-weight: 700;
}
.qrcode{
    width: 25vw;
    margin: 4vw auto;
    padding: 2vw;
    box-sizing: border-box;
    border: solid 1px #000;
    border-radius: 3vw;
}
.online_code{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vw;
}
.input_code{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
}
.input_text{
    width: 39vw;
    height: 10.7vw;
    line-height: 7vw;
    font-size: 4.6vw;
    font-weight: 700;
    text-align: center;
    background-color: #E5E5E5;
    border: none;
    display: block;
    color: #000;
    box-sizing: border-box;
}
.input_fake{
    width: 39vw;
    height: 10.7vw;
    line-height: 7vw;
    font-size: 4.6vw;
    font-weight: 700;
    text-align: center;
    background-color: #E5E5E5;
    border: none;
    display: block;
    color: #000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
}
.btn_copy, .edit_btn{
    width: 13.5vw;
    height: 7.8vw;
    background-image: url('img/btn_S_o.svg');
    background-size: 100% 100%;
    font-size: 3.6vw;
    font-weight: 700;
    text-align: center;
    padding-top: 1.4vw;
    box-sizing: border-box;
    margin-left: 2vw;
}
.btn_flex{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vw;
}
.btn{
    width: 28vw;
    height: 11vw;
    background-size: 100% 100%;
    font-size: 4.6vw;
    font-weight: 700;
    text-align: center;
    padding-top: 2vw;
    box-sizing: border-box;
    margin: auto;
}
.btn_flex .btn{
    margin: 0 1vw;
}
.btn_blue{
    background-image: url('img/btn_M_b.svg');
}
.btn_orange{
    background-image: url('img/btn_M_o.svg');
}
select{
    width: 39.7vw;
    height: 8.6vw;
    display: block;
    background-image: url('img/select.png');
    background-size: 100% 100%;
    border: none;
    appearance: none;  /* 標準屬性 */
    -webkit-appearance: none; /* Safari & Chrome */
    -moz-appearance: none; /* Firefox */
    margin: 3vw auto;
    font-size: 4.6vw;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 2vw;
    position: relative;
    color: #000;
}
.prize_choose{
    /* display: none; */
}
.prize_redeem{
    display: none;
}
.edit_area{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
}
.size{
    font-size: 3vw;
    margin-right: 3vw;
    line-height: 1.35;
}
.prize_redeem .qrcode{
    margin: 1vw auto;
}
.redeem_icecream .input_text{
    height: 9vw;
    margin: 0;
    display: block;
    margin: auto;
    font-size: 3.6vw;
}
.current_ncoin{
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    margin: 2vw auto -3vw;
}
.redeem_ic{
    width: 17.3vw;
    position: absolute;
    right: 2vw;
    top: 5vw;
    transform: rotate(10deg)
}

.redeem_notice{
    width: 94vw;
    height: 71.5vw;
    background-image: url('img/paper_note.png');
    background-size: 100% 100%;
    margin: -3vw auto 0;
}
.redeem_notice_wrapper{
    /* border: solid 1px #f00; */
    width: 75vw;
    height: 53vw;
    overflow: scroll;
    position: relative;
    top: 5vw;
    left: 12vw;
}
.notice_title{
    color: #B7523A;
    font-size: 4.6vw;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.notice_title img{
    margin: 0 2vw;
}
.use_store{
    position: absolute;
    width: 24vw;
    height: 6vw;
    background-color: #FCDCE7;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0vw;
    right: 0vw;
    font-size: 3vw;
    font-weight: 500;
}
.use_store img{
    margin-right: 1vw;
}
.redeem_notice ul{
    padding-left: 2em;
    font-size: 3.7vw;
    line-height: 1.25;
}
.redeem_notice ul li{
    list-style-type: decimal;
}
.ticket_area{
    /* border: solid 1px #f00; */
    width: 85vw;
    height: 100vw;
    margin: auto;
    margin-left: 3vw;
    margin-top: 5vw;
    padding-top: 2vw;
    overflow: scroll;
}
.ticket_block{
    position: relative;
    margin-bottom: 10vw;
}
.ticket{
    width: 82vw;
    height: 34.7vw;
    background-image: url('img/coupon100_store.png');
    background-size: 100% 100%;
    margin: auto;
}
.ticket_btn{
    width: 29.2vw;
    height: 10.3vw;
    background-image: url('img/btn_M_p.svg');
    background-size: 100% 100%;
    position: absolute;
    right: 5vw;
    bottom: -5vw;
    text-align: center;
    line-height: 9vw;
    font-weight: 700;
}
.ticket_used{
    position: absolute;
    width: 23vw;
    top: 5vw;
    left: 35vw;
    /* display: none; */
}
.type-gold .ticket_block:nth-child(1) .ticket{
    transform: rotate(3deg)
}
.type-gold .ticket_block:nth-child(2) .ticket{
    transform: rotate(-4deg)
}

.type-ticket .ticket_block:nth-child(1) .ticket{
    transform: rotate(-2deg)
}
.type-ticket .ticket_block:nth-child(2) .ticket{
    transform: rotate(2deg)
}
.type-ticket .ticket_block:nth-child(3) .ticket{
    transform: rotate(-3deg)
}
.type-ticket .ticket_block:nth-child(4) .ticket{
    transform: rotate(1deg)
}
.type-ticket .ticket_block:nth-child(5) .ticket{
    transform: rotate(0deg)
}
.type-ticket .ticket_block:nth-child(6) .ticket{
    transform: rotate(-1deg)
}
.type-ticket .ticket_block:nth-child(7) .ticket{
    transform: rotate(4deg)
}

.guide_title{
    width: 42.5vw;
    margin: auto;
}
.storelist .page_wrapper{
    background-image: url('img/store_list.png');
    background-size: 100% 100%;
    width: 93vw;
    height: 84vh;
    margin-left: 2vw;
    box-sizing: border-box;
    padding-top: 20vw;
}
.close_storelist{
    position: absolute;
    width: 9.3vw;
    top: 7vw;
    right: 4vw;
}
.list_block{
    height: 63vh;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 80vw;
    margin-left: 10vw;
}
.list_region{
    font-size: 4.6vw;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vw;
    margin-top: 5vw;
}
.list_region img{
    margin: auto 2vw;
}
.list_region span{
    position: relative;
    z-index: 1;
    background-image: linear-gradient(transparent, #BBDEFF 20%, transparent 90%);
}
.list_item{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* left: 5vw; */
    margin-bottom: 2vw;
}
.list_item .map_btn{
    position: relative;
    flex-shrink: 0;
}
.city{
    width: 12.6vw;
    height: 7.47vw;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1.5px #000;
    border-radius: 4vw;
    font-size: 2.8vw;
}
.store_name{
    color: #7B7B7B;
    font-size: 3.7vw;
    width: 44vw;
    text-align: left;
    margin-left: 3vw;
}
.store_line{
    width: 70vw;
    margin: auto;
    position: relative;
    /* left: 5vw; */
    margin-bottom: 5vw;
}
.storelist_notice{
    width: 75vw;
    margin: auto;
    /* padding-left: 15vw; */
}
.storelist_notice ul{
    padding: 0;
    font-size: 3.7vw;
    line-height: 1.3;
}
li{
    margin-bottom: 1vw;
}
input:focus{
    border: none;
    outline: none;
}
.guide .page_wrapper{
    width: 90vw;
    margin: auto;
    margin-top: 18vw;
    font-size: 3.7vw;
    line-height: 1.3;
}
.guide_head{
    font-size: 4.6vw;
    font-weight: 700;
    margin-bottom: 5.6vw;
    line-height: 1.45;
}
.guide ul{
    padding-left: 2em;
}
ul.num li{
    list-style: decimal;
    margin-bottom: 3vw;
}
.guide_white{
    background-color: #fff;
    padding: 1vw 0 5vw;
    margin-right: 1em;
    border-radius: 1vw;
    margin-bottom: 3vw;
}
.guide_t{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4vw auto 2vw;
}
.guide_t span{
    font-size: 4.1vw;
    font-weight: 700;
    text-align: center;    
    background-image: linear-gradient(transparent 20%, #BBDEFF 21%, #BBDEFF 80%, transparent 90%);
    margin: 0 1vw;
}
.guide_flex{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 5vw;
    margin-bottom: 1vw;
}
.guide_tag{
    font-weight: 700;
    color: #B7523A;
    margin-right: 2vw;
}
.guide_gray{
    color: #7B7B7B;
}
ul.square{
    padding-left: 8vw;
    padding-right: 3vw;
}
ul.square li{
    list-style: square;
}
ul.circle li{
    list-style: circle;
    margin-top: 2vw;
}
.guide_red  {
    color: #B7523A;
}
.shoe_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    right: 2vw;
}
.shoe_flex img{
    width: 25vw;
    display: block;
    margin-bottom: 2vw;
}
.guide a, .redeem_notice a{
    text-decoration: underline !important;
}