@import"https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap";

#cduWrap {
    position: relative;
    width: 100%
}

.splookup_lovl {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #fff
}

.splookup_loader {
    position: absolute;
    left: calc(50% - 25px);
    top: 200px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 8px solid;
    border-color: #ccc rgba(0, 0, 0, 0);
    animation: splookup_loader_a 1s linear infinite
}

@keyframes splookup_loader_a {
    to {
        transform: rotate(0.5turn)
    }
}

#splookup_main {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: url("/bc/images/shop_top_megatrea/splookup/splookup_bg_sp.jpg") left top repeat-y;
    background-size: 1200px auto;
    font-family: "M PLUS 1", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px;
    color: #695f55
}

@media screen and (min-width: 1201px) {
    #splookup_main {
        background: url("/bc/images/shop_top_megatrea/splookup/splookup_bg_all.jpg") center top repeat-y;
        background-size: 5200px auto
    }
}

#splookup_main.splookup_sp {
    background: url("/bc/images/shop_top_megatrea/splookup/splookup_bg_sp.jpg") left top repeat-y;
    background-size: 100% auto
}

#splookup_main.splookup_sp br.sp {
    display: block
}

#splookup_main.splookup_pc br.sp {
    display: none
}

.splookup_contents {
    position: relative;
    width: 100%;
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto
}

.splookup_sp .splookup_contents {
    min-width: unset;
    max-width: unset
}

.splookup_contents li {
    list-style: none
}

.splookup_contents picture,
.splookup_contents img {
    display: block;
    width: 100% !important;
    height: auto !important;
    z-index: auto
}

.splookup_contents a {
    display: block;
    color: #695f55;
    text-decoration: none;
    transition-duration: .2s
}

.splookup_contents a:hover {
    transform: scale(1.03)
}

.splookup_block {
    position: relative;
    width: 100%
}

.splookup_block_01>.splookup_contents:before {
    content: "";
    position: relative;
    display: block;
    padding-top: 18%
}

.splookup_title_cp {
    position: relative;
    width: 35%;
    margin: 0 0 3.25% 32.416%
}

.splookup_title {
    position: relative;
    width: 55.666%;
    margin: 0 0 11.916% 22.166%;
    animation: a_splookup_title 1.5s linear 0s forwards
}

@keyframes a_splookup_title {
    0% {
        opacity: 0;
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }
}

.splookup_topmenu {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12.416%;
    font-family: "M PLUS 1", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 31.2px
}

.splookup_sp .splookup_topmenu {
    font-size: 3.25vw
}

.splookup_topmenu span.splookup_slash {
    margin: 0 1em
}

#splookup_reservation {
    position: relative;
    padding-bottom: 18%
}

.splookup_yoyaku_title {
    position: relative;
    width: 31.75%;
    height: 0;
    padding-top: 9.083%;
    margin: 0 0 0 33.333%;
    background: url("/bc/images/shop_top_megatrea/splookup/bg_yoyaku.png") left top no-repeat;
    background-size: 100% 100%
}

.splookup_sp .splookup_yoyaku_title {
    width: 50%;
    padding-top: 14.3%;
    margin: 0 0 0 25%
}

.splookup_yoyaku_title span {
    position: absolute;
    left: 6%;
    top: 0;
    width: 94%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    font-size: 32px
}

.splookup_sp .splookup_yoyaku_title span {
    font-size: 4.6666666667vw
}

.splookup_itemlist {
    position: relative
}

.splookup_itemlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 90%;
    margin: 0 auto
}

.splookup_itemlist li {
    width: 49.07%
}

.splookup_sp .splookup_itemlist li {
    width: 98.14%
}

.splookup_itemlist a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.splookup_itemlist a picture,
.splookup_itemlist a img {
    margin-bottom: 1%
}

.splookup_namebox {
    position: relative;
    width: 76.98%;
    background-color: hsla(0, 0%, 100%, .5);
    text-align: center;
    font-size: 14.4px;
    font-weight: 700
}

.splookup_sp .splookup_namebox {
    font-size: 2.25vw
}

.splookup_namebox p {
    padding: 5% 6%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    margin: -0.2em 0;
    min-height: 3.5em;
    font-family: "M PLUS 1", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px
}

.splookup_namebox p:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin: -1.778% 0 0 0;
    width: .6%;
    height: 100.83%;
    background: url("/bc/images/shop_top_megatrea/splookup/frame_l.svg") left top no-repeat;
    background-size: 100% 100%
}

.splookup_namebox p:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    margin: 1.555% 0 0 0;
    width: .6%;
    height: 101.667%;
    background: url("/bc/images/shop_top_megatrea/splookup/frame_r.svg") left top no-repeat;
    background-size: 100% 100%
}

.splookup_sp .splookup_namebox p:before {
    margin-top: -2%;
    height: 118%
}

.splookup_sp .splookup_namebox p:after {
    margin-top: 1.5%;
    height: 110%
}

.splookup_namebox:before {
    content: "";
    position: absolute;
    display: block;
    left: -2%;
    top: 0;
    width: 102%;
    height: 0;
    padding-top: .667%;
    background: url("/bc/images/shop_top_megatrea/splookup/frame_t.svg") left top no-repeat;
    background-size: 100% 100%
}

.splookup_namebox:after {
    content: "";
    position: absolute;
    display: block;
    right: -2%;
    bottom: 0;
    width: 102.5%;
    height: 0;
    padding-top: .667%;
    background: url("/bc/images/shop_top_megatrea/splookup/frame_b.svg") left top no-repeat;
    background-size: 100% 100%
}

.splookup_block_02 {
    background: url("/bc/images/shop_top_megatrea/splookup/bg_square.png") center top repeat;
    background-size: 1198px auto
}

.splookup_sp .splookup_block_02 {
    background-size: 100.166% auto
}

.splookup_block_02>.splookup_contents:before {
    content: "";
    display: block;
    padding-top: 3.167%
}

.splookup_block_02.splookup_block{
    padding-bottom:7%;
}

#splookup_near_rd {
    position: relative;
    padding-bottom: 7.5%
}

#splookup_near_rd h2 {
    position: relative;
    width: 29.166%;
    margin: 0 0 0 35.416%
}

.splookup_sp #splookup_near_rd h2 {
    width: 50%;
    margin: 0 0 0 25%
}

.splookup_ac1 {
    position: absolute;
    width: 17.666%;
    right: -18.08%;
    top: 0;
    mix-blend-mode: multiply
}

.splookup_ac2 {
    position: absolute;
    width: 15.416%;
    left: -17.75%;
    bottom: 0;
    mix-blend-mode: multiply
}

.splookup_block_03>.splookup_contents:before {
    content: "";
    display: block;
    padding-top: 4.583%
}

.splookup_msale_block {
    position: relative;
    width: 92.666%;
    margin: 0 0 0 4%
}

.splookup_msale_block:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 3.507%;
    background: url("/bc/images/shop_top_megatrea/splookup/msaleframe_t.png") center top no-repeat;
    background-size: 100% auto
}

.splookup_msale_block:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 4.316%;
    background: url("/bc/images/shop_top_megatrea/splookup/msaleframe_b.png") center top no-repeat;
    background-size: 100% auto;
    margin-bottom: 6.5%
}

.splookup_msale {
    position: relative;
    background: url("/bc/images/shop_top_megatrea/splookup/msaleframe_m.png") center top repeat-y;
    background-size: 100% auto;
    min-height: 500px
}

.splookup_msale h2 {
    position: relative;
    width: 43.255%;
    margin: 0 0 0 28.057%;
    padding-top: 2.967%
}

.splookup_sp .splookup_msale h2 {
    width: 65%;
    padding-top: 5%;
    margin: 0 0 0 17.5%
}

.splookup_about_lookup {
    background: url("/bc/images/shop_top_megatrea/splookup/splookup_bg_about.png") center top no-repeat;
    background-size: 1122px auto
}

.splookup_sp .splookup_about_lookup {
    background-size: 116.916% auto
}

#splookup_about {
    position: relative;
    padding-bottom: 9.16%
}

.splookup_about_box {
    position: relative;
    width: 60.833%;
    margin: 0 0 0 20.166%;
    background: url("/bc/images/shop_top_megatrea/splookup/splookup_about_bg.png") center top no-repeat;
    background-size: 100% 100%;
    margin-bottom: 5.25%
}

.splookup_about_box:before {
    content: "";
    display: block;
    padding-top: 42.111%
}

.splookup_about_box h2 {
    position: absolute;
    width: 31.428%;
    left: 34.658%;
    top: 0;
    margin-top: 3.726%
}

.splookup_about_tx1 {
    position: absolute;
    width: 81.739%;
    left: 6.956%;
    top: 0;
    margin-top: 18.385%
}

.splookup_about_tx2 {
    position: relative;
    width: 70.5%;
    margin: 0 0 0 14.583%
}

#splookup_picset {
    position: relative;
    width: 78.75%;
    margin: 0 0 0 10.25%;
    padding-bottom: 11.54%
}

.splookup_picset_bg {
    position: relative;
    z-index: 1
}

/* .splookup_pic1 {
    position: absolute;
    width: 34.101%;
    left: 4.13%;
    top: 0;
    margin-top: 1.536%;
    z-index: 2
} */

.splookup_pic1 {
    position: absolute;
    width: 34.101%;
    left: 19%;
    top: 0;
    margin-top: 1.536%;
    z-index: 2;
}
@media screen and (max-width:800px) { 
    .splookup_pic1 {
        left: 0;
    }
}

.splookup_pic1 img {
    transform: rotate(-12deg)
}

/* .splookup_pic2 {
    position: absolute;
    width: 34.005%;
    left: 34.774%;
    top: 0;
    margin-top: 4.803%;
    z-index: 2
} */

.splookup_pic2 {
    position: absolute;
    width: 34.005%;
    left: 36.774%;
    top: 20%;
    margin-top: 4.803%;
    z-index: 2;
}

@media screen and (max-width:800px) { 
    .splookup_pic2 {
        left: 30.774%;
        top: 0;
    }
}

.splookup_pic2 img {
    transform: rotate(7deg)
}

/* .splookup_pic3 {
    position: absolute;
    width: 34.101%;
    left: 65.898%;
    top: 0;
    margin-top: 1.825%;
    z-index: 2
} */

.splookup_pic3 {
    position: absolute;
    width: 34.101%;
    left: 54.898%;
    top: 0;
    margin-top: 1.825%;
    z-index: 2;
}

@media screen and (max-width:800px) { 
    .splookup_pic3 {
        left: 61.898%;
    }
}

.splookup_pic3 img {
    transform: rotate(-4deg)
}

/* .splookup_star1 {
    position: absolute;
    width: 3.458%;
    left: 34.293%;
    top: 0;
    margin-top: 41.882%;
    z-index: 3
} */

.splookup_star1 {
    position: absolute;
    width: 3.458%;
    left: 45.293%;
    top: 0;
    margin-top: 41.882%;
    z-index: 3;
}

@media screen and (max-width:800px) { 
    .splookup_star1 {
        left: 25.293%;
    }
}

/* .splookup_star2 {
    position: absolute;
    width: 4.514%;
    left: 59.173%;
    top: 0;
    margin-top: 0%;
    z-index: 3
} */

.splookup_star2 {
    position: absolute;
    width: 4.514%;
    left: 75.173%;
    top: 0;
    margin-top: 0%;
    z-index: 3;
}

@media screen and (max-width:800px) { 
    .splookup_star2 {
        left: 55.173%;
    }
}

/* .splookup_star3 {
    position: absolute;
    width: 6.82%;
    left: 0%;
    top: 0;
    margin-top: 23.342%;
    z-index: 3
} */

.splookup_star3 {
    position: absolute;
    width: 6.82%;
    left: -13%;
    top: 0;
    margin-top: 23.342%;
    z-index: 3;
}

@media screen and (max-width:800px) { 
    .splookup_star3 {
        left: -5%;
    }
}

/* .splookup_clip {
    position: absolute;
    width: 12.103%;
    left: 83.765%;
    top: 0;
    margin-top: 36.119%;
    z-index: 3
} */

.splookup_clip {
    position: absolute;
    width: 12.103%;
    left: 67.765%;
    top: 0;
    margin-top: 36.119%;
    z-index: 3;
}

@media screen and (max-width:800px) { 
    .splookup_clip {
        left: 82.765%;
    }
}

.splookup_point_title {
    position: relative;
    width: 37.666%;
    margin: 0 0 11.25% 30.416%;
    z-index: 1
}

.splookup_point_title h2 {
    position: absolute;
    width: 63.938%;
    left: 15.929%;
    top: 0;
    margin-top: 25.221%;
    display: block;
    z-index: 2
}

.splookup_li {
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1))
}

/* .splookup_p1 {
    position: relative;
    width: 76.666%;
    margin: 0 0 13.166% 11.166%
} */

.splookup_p1 {
    position: relative;
    width: 76.666%;
    margin: 0 0 13.166% 20%;
}

@media screen and (max-width:800px) { 
    .splookup_p1 {
    margin: 0 0 13.166% 11.166%
}
}

.splookup_p1_num {
    position: absolute;
    width: 31.956%;
    left: 1.739%;
    top: 0;
    margin-top: -3.153%
}

.splookup_p1_tx {
    position: absolute;
    width: 45.434%;
    left: 6.086%;
    top: 0;
    margin-top: 21.63%
}

.splookup_p1_pic {
    position: absolute;
    width: 30.217%;
    left: 64.021%;
    top: 0;
    margin-top: 1.413%
}

/* .splookup_p2 {
    position: relative;
    width: 76.666%;
    margin: 0 0 13.166% 11.916%
} */

.splookup_p2 {
    position: relative;
    width: 76.666%;
    margin: 0 0 13.166% 0%;
}

@media screen and (max-width:800px) { 
    .splookup_p2 {
    margin: 0 0 13.166% 11.916%
}
}

.splookup_p2_num {
    position: absolute;
    width: 36.739%;
    left: 60.652%;
    top: 0;
    margin-top: -3.153%
}

.splookup_p2_tx {
    position: absolute;
    width: 32.608%;
    left: 55.869%;
    top: 0;
    margin-top: 21.521%
}

.splookup_p2_pic {
    position: absolute;
    width: 35.217%;
    left: 9.347%;
    top: 0;
    margin-top: -5.109%
}

.splookup_p2_pic_1 {
    display: block;
    position: relative;
    animation: a_splookup_pic2 3s linear 0s infinite
}

.splookup_p2_pic_2 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: a_splookup_pic2 3s linear -1.5s infinite
}

@keyframes a_splookup_pic2 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/* .splookup_p3 {
    position: relative;
    width: 76.666%;
    margin: 0 0 17.583% 11.166%
} */

.splookup_p3 {
    position: relative;
    width: 76.666%;
    margin: 0 0 17.583% 20%;
}

@media screen and (max-width:800px) { 
    .splookup_p3 {
    margin: 0 0 13.166% 11.166%
}
}

.splookup_p3_num {
    position: absolute;
    width: 37.5%;
    left: 1.739%;
    top: 0;
    margin-top: -3.044%
}

.splookup_p3_tx {
    position: absolute;
    width: 39.456%;
    left: 8.152%;
    top: 0;
    margin-top: 21.413%
}

.splookup_p3_pic {
    position: absolute;
    width: 47.391%;
    left: 55.434%;
    top: 0;
    margin-top: -11.414%
}

.splookup_piclist_block {
    position: relative;
    width: 83.667%;
    margin: 0 0 0 10.41%
}

.splookup_piclist_block:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 1.89%;
    background: url("/bc/images/shop_top_megatrea/splookup/piclist_frame_t.png") center top no-repeat;
    background-size: 100% auto
}

.splookup_piclist_block:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 18.73%;
    background: url("/bc/images/shop_top_megatrea/splookup/piclist_frame_b.png") center top no-repeat;
    background-size: 100% auto;
    margin-bottom: 14.03%
}

.splookup_piclist {
    position: relative;
    width: 100%;
    background: url("/bc/images/shop_top_megatrea/splookup/piclist_frame_m.png") center top repeat-y;
    background-size: 100% auto
}

.splookup_piclist ul {
    position: relative;
    width: 91.13%;
    padding: 1.79% 0;
    margin: 0 0 0 3.984%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.splookup_piclist li {
    position: relative;
    width: 32.021%;
    margin-bottom: 1.96%
}

.splookup_piclist_tx {
    position: absolute;
    width: 55.87%;
    left: 21.31%;
    bottom: 0;
    margin-bottom: 4.48%
}

#splookup_banners {
    margin-bottom: 13.91%
}

#splookup_banners ul {
    display: block;
    width: 58.3%;
    margin: 0 auto
}

#splookup_banners li {
    margin-bottom: 6.71%
}

#splookup_banners li a {
    border: 1px solid rgba(0, 0, 0, .1)
}

#splookup_banners li:last-child {
    margin-bottom: 0
}

.splookup_block_04 {
    background-color: #fff
}

.splookup_copyright {
    background-color: #695f55;
    padding: 10px 0
}

.splookup_copyright .splookup_contents ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.3;
    margin: -0.15em 0
}

.splookup_copyright li {
    display: inline-block;
    margin: 0 .5em;
    font-family: "Noto Sans JP", "M PLUS 1", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 14.4px;
    color: #fff
}

.splookup_sp .splookup_copyright li {
    font-size: 2.1666666667vw
}

.splookup_block_04>.splookup_contents_sns:after {
    content: "";
    display: block;
    padding-bottom: 11.91%
}

.splookup_sns_list {
    position: relative;
    width: 75.5%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 5.16%
}

.splookup_sp .splookup_sns_list {
    display: block
}

.splookup_sns {
    position: relative;
    width: 45.916%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.splookup_sp .splookup_sns {
    width: 100%;
    margin-bottom: 10%
}

.splookup_sp .splookup_sns:last-child {
    margin-bottom: 0%
}

.splookup_sns_icon {
    position: relative;
    width: 24.27%
}

div.splookup_sns_account {
    width: 68.93%;
    margin-left: 6.8%;
    font-size: 14.4px;
    line-height: 1.3
}

.splookup_sp div.splookup_sns_account {
    font-size: 3.3333333333vw
}

div.splookup_sns_account dt {
    display: block;
    line-height: 1.3;
    font-weight: 900;
    color: #000;
    font-family: "Noto Sans JP", "M PLUS 1", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px
}

div.splookup_sns_account dd {
    display: block;
    margin-bottom: 5%;
    font-family: "Noto Sans JP", "M PLUS 1", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 1px
}

.splookup_sns_i div.splookup_sns_account dd {
    margin-bottom: 11%
}

div.splookup_sns_account dd a {
    color: #838383
}