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

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/

/*デバイスの横幅が750px以下の場合*/

@media only screen and (max-width: 768px) {


    /* form */
    #form {
        height: initial;
    }

    #form .form {
        width: 96%;
        margin: 0 auto;
        padding: 40px 0;
    }

    #form .form h2 {
        padding-top: 0;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-family: 'Spectral', serif;
        float: none;
        line-height: initial;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #form .form form {
        float: none;
        height: initial;
        margin: 0 auto;
        width: 300px;
    }

    #form .form form span {
        margin-right: 10px;
        font-size: 14px;
    }

    #form .form form span:nth-last-of-type(1) {
        margin-right: 0;
    }

    #form .form form i {
        color: #fff;
        font-size: 20px;
        margin-left: 5px;
        position: absolute;
        left: -30px;
        top: 5px;
    }

    #form .form form select,
    #form .form form .dynDate input {
        height: 30px;
        font-size: 12px;
    }

    #form .form form select {
        text-indent: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #form .form form span {
            margin-right: 13.3px;
            font-size: 12px;
        }

        #form .form form select {
            text-indent: 20px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #fff;
            padding-left: 0;
        }

        #form .undecided label {
            color: #fff;
        }

        #form .form form .undecided {
            display: block;
            padding: 20px 0;
        }

        #form .undecided label {
            display: block;
            color: #fff;
            height: 30px;
        }

        #form .form form .undecided ul {
            display: block;
            height: 30px;
        }

        #form .form form .undecided ul li {
            display: block;
            height: 30px;
        }
    }

    #form .form form .bookingDate {
        width: 100%;
    }

    #form .form form .dynDate {
        width: calc(100% - 25px);
        margin: 0 auto 10px;
        display: block;
        max-width: initial;
        margin-right: 0;
        position: relative;
    }

    #form .form form .dynDate input {
        width: 47%;
    }


    #form .form form .bookingNights select,
    #form .form form .bookingRooms select {

        width: 52px;

    }

    #form .form form .bookingNights:after,
    #form .form form .bookingRooms:after {
        font-family: FontAwesome;
        content: "\f0d7";
        position: absolute;
        color: #000;
        top: 50%;
        margin-top: -8px;
        right: 25px;
    }

    #form .form form .dynPersons select {
        width: 52px;
    }

    #form .form form .dynPersons:after {
        font-family: FontAwesome;
        content: "\f0d7";
        position: absolute;
        color: #000;
        top: 50%;
        margin-top: -8px;
        right: 40px;
    }

    /*
  #form .form form .undecided{
    display: inline-block!important;
    width: 100%;
    margin: 10px auto 20px;
  }
   */
    #form .form form .undecided ul {
        width: 160px;
        display: block;
        margin: 0 auto;
    }

    #form .form form .undecided ul:after {
        content: " ";
        display: block;
        clear: both;
    }

    #form .form form .undecided ul li {
        width: 48%;
        float: left;
    }

    #form .form form .undecided ul li:nth-of-type(1) {
        margin-bottom: 0;
        margin-right: 4%;
    }

    #form .form form .dynSubmit {
        display: inline-block !important;
    }

    /*Radio Check*/
    #form .undecided input[type=checkbox] {
        display: none;
    }

    #form .undecided label {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        padding: 0 0 0 0;
        border-radius: 8px;
        vertical-align: middle;
        cursor: pointer;
        font-size: 14px;
        text-indent: 20px;
    }

    #form .undecided label:after {
        -webkit-transition: border-color 0.2s linear;
        transition: border-color 0.2s linear;
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        margin-top: -10px;
        width: 16px;
        height: 16px;
        border: 1px solid #fff;
        content: '';
    }

    #form .undecided label:before {
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        position: absolute;
        top: 50%;
        left: 6px;
        display: block;
        margin-top: -7px;
        width: 5px;
        height: 9px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #form .undecided input[type=checkbox]:checked+label:before {
        opacity: 1;
    }

    #form .form button {
        margin-top: 20px;
        background: #ab8b10;
        border: 0;
        color: #fff;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        margin-left: 0;
    }

    #form .form button p {
        display: inline-block;
        font-family: YuGothic, 'Yu Gothic', sans-serif;
        position: relative;
        font-weight: bold;
    }

    #form .form button p:before {
        font-family: FontAwesome;
        content: "\f002";
    }


    .btn_spinfo {
        margin-top: 5%;
        background: #ab8b10;
        border: 0;
        color: #fff;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        overflow: hidden;
    }

    #form .form .btn_spinfo a {
        display: block;
        font-family: YuGothic, 'Yu Gothic', sans-serif;
        position: relative;
        font-weight: bold;
        width: 100% !important;
        text-align: center;
        font-size: 12px;
        padding-top: 14px;
        padding-right: 0;
        padding-bottom: 14px;
        padding-left: 10px !important;
    }

    .btn_spinfo a:before {
        font-family: FontAwesome;
        content: "\f0f7";
    }



    .topics_box {
        width: 93%;
        padding: 4%;
        margin-top: 5%;
        border: 1px solid #c91518;
        color: #c91518;
        font-size: 12px;
    }


    /*210607追加*/
    /*2#plan .topicsslider li{
        margin-left: 0;
        margin-right: 0;
}
#plan .topicsslider li img{
        width: 100%;
}
#plan .topicsslider{
        width: 100%;
}*/

    #slide_topics {
        padding: 0;
        background-color: #fff;
    }

    #slide_topics li {
        width: 100%;
        float: left;
        height: 415px;
        padding-bottom: 15px;
        text-align: center;
        background: #FFF;
        margin: 0 1% 40px 1%;
        border: 1px solid #b1a281;
    }



    /* room */
    #room {
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
    }

    #room .room {
        width: 93%;
        margin: 0 auto;
        position: relative;
    }

    #room ul li {
        margin-left: 0;
        margin-right: 0;
    }

    #room ul li .img img {
        width: 100%;
    }

    #room .room_txt {
        margin-top: 20px;
        position: initial;
        top: initial;
        left: initial;
        color: #fff;
        width: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px;
    }

    #room .room_txt .btn_clear {
        width: 140px;
        height: 30px;
        padding: 0px;
        font-size: 13px;
        line-height: 30px;
        color: #fff;
        border: 1px solid #fff;
        margin: 10px auto 0;
    }

    #room .room_txt h2 {
        font-size: 20px;
        font-weight: 500;
        font-family: 'EB Garamond', serif;
        margin-bottom: 10px;
        text-align: center;
    }

    #room .room_txt .txt {
        font-size: 12px;
        line-height: 1.6;
        font-family: YuMincho, 'Yu Mincho', serif;
    }

    #room #slide_room .slick-prev {
        left: -8px;
    }

    #room #slide_room .slick-next {
        right: -8px;
    }

    /* restaurant */
    #restaurant {
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
    }

    #restaurant .restaurant {
        width: 93%;
        margin: 0 auto;
        position: relative;
    }

    #restaurant ul li {
        margin-left: 0;
        margin-right: 0;
    }

    #restaurant ul li .img img {
        width: 100%;
    }

    #restaurant .restaurant_txt {
        margin-top: 20px;
        position: initial;
        top: initial;
        left: initial;
        color: #fff;
        width: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px;
    }

    #restaurant .restaurant_txt .btn_clear {
        width: 140px;
        height: 30px;
        padding: 0px;
        font-size: 13px;
        line-height: 30px;
        color: #fff;
        border: 1px solid #fff;
        margin: 10px auto 0;
    }

    #restaurant .restaurant_txt h2 {
        font-size: 20px;
        font-weight: 500;
        font-family: 'EB Garamond', serif;
        margin-bottom: 10px;
        text-align: center;
    }

    #restaurant .restaurant_txt .txt {
        font-size: 12px;
        line-height: 1.6;
        font-family: YuMincho, 'Yu Mincho', serif;
    }

    #restaurant #slide_restaurant .slick-prev {
        left: -8px;
    }

    #restaurant #slide_restaurant .slick-next {
        right: -8px;
    }



    /* news */
    #news {
        padding: 40px 0;
    }

    #news .news {
        width: 93%;
        margin: 0 auto;
    }

    #news .fltbox {
        max-width: initial;
    }

    #news .fltbox .boxL .head01 {
        margin-bottom: 10px;
        padding-top: 0;
    }

    #news .fltbox .boxL .btn_clear a {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #news .fltbox .boxR {
        width: 100%;
    }

    #news .fltbox .boxR ul li a {
        display: block;
        padding: 15px 0;

    }

    #news .fltbox .boxR ul li .day {
        font-size: 15px;
        font-family: 'EB Garamond', serif;
        height: 20px;
        line-height: 20px;
    }

    #news .fltbox .boxR ul li .tug {
        font-size: 12px;
        display: inline-block;
        height: 20px;
        line-height: 20px;
    }

    #news .fltbox .boxR ul li .txt {
        display: block;
        width: 100%;
        font-size: 12px;
        margin-top: 5px;
    }

    /* gallery */
    /* #gallery {
        padding: 40px 0;
    }

    #gallery ul {
        max-width: initial;
    }

    #gallery ul li {
        max-width: initial;
    }

    #gallery ul li img {
        width: 100%;
    } */

    /* 20180517 */
    .pickup_bnr {
        margin: 0 auto 20px;
        width: 100%;
    }


    /* 20180727 */
    #bana {
        width: 96%;
        margin: 5% 2%;
    }

    #bana img {
        width: 100%
    }

    #bana #pc {
        display: none;
    }

    #bana #sp {
        display: block;
    }

    #map {
        padding-top: 40px;
    }

    #access {
        padding: 40px 0 40px 0;
        background: #f4f4f4;
    }

    #access .btn_clear {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .accessBox01 {
        width: 50%;
        padding: 10px;
        border-top: 1px solid #b1a281;
        border-left: 1px solid #b1a281;
        border-bottom: 1px solid #b1a281;
        float: left;
        height: 400px;
    }

    .accessBox01 th {
        font-weight: bold;
        color: #b1a281;
        text-align: center;
        border-top: 1px solid #b1a281;
        font-size: 0.8em;
    }

    .accessBox01 th span {
        color: #b1a281;
        margin-right: 5px;
        font-size: 1em;
    }

    .sp_line img {
        width: 100%;
    }

    .accessTxt01 {
        width: 19%;
        font-weight: bold;
        font-size: 0.7em;
        display: none;
    }

    .accessTxt02 {
        font-size: 0.8em;
        padding-left: 5px;
    }

    .accessTxt03 {
        text-align: center;
        font-size: 0.8em;
    }

    .accessTxt03 span {
        margin: 0 5px;
        font-size: 20px;
        font-weight: bold;
        color: #b1a281;
    }

    .accessBox02 {
        width: 50%;
        border-top: 1px solid #b1a281;
        border-bottom: 1px solid #b1a281;
        border-left: 1px solid #b1a281;
        float: left;
        height: 200px;
    }

    .accessBox02 th {
        font-weight: bold;
        color: #b1a281;
        text-align: center;
        border-top: 1px solid #b1a281;
        padding: 5px;
        font-size: 0.8em;
    }

    .accessBox02 th span {
        color: #b1a281;
        margin-right: 5px;
        font-size: 1em;
    }

    .accessBox03 {
        width: 50%;
        border-top: 1px solid #b1a281;
        border-bottom: 1px solid #b1a281;
        border-left: 1px solid #b1a281;
        float: left;
        height: 200px;
    }

    .accessBox03 th {
        font-weight: bold;
        color: #b1a281;
        text-align: center;
        border-top: 1px solid #b1a281;
        font-size: 0.8em;
    }

    .accessBox03 th span {
        color: #b1a281;
        margin-right: 5px;
        font-size: 1em;
    }

    .accessTbl {
        width: 95%;
        margin: auto;
        border: 1px solid #b1a281;
        border-bottom: none;
        font-size: 13px;
    }


    .accessTbl tr td {
        border-bottom: 1px solid #b1a281;
        float: left;
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .accessTbl tr td div {
        margin-bottom: 10px;
    }

    .accessTbl tr td div:last-of-type {
        margin-bottom: 0;
    }

    .accessTbl tr td div h3 {
        color: #b1a281;
        padding: 10px 0;
    }

    .accessTbl tr td div h3 span {
        margin-right: 5px;
        font-size: 18px;
    }

    .accessTbl tr td div dl {
        margin: 0 0 10px 0;
        text-align: left;
    }


    .accessTbl tr td div dl dt {
        width: 20%;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }

    .accessTbl tr td div dl dd {
        width: 65%;
        margin: 0 0 0 10%;
        display: inline-block;
        line-height: 2em;
    }


    .accessTbl tr td div p span {
        margin: 0 5px;
        font-size: 20px;
        font-weight: bold;
        color: #b1a281;
    }

    .nosp {
        display: none !important;
    }

    /*20190212*/

    .cyou0212>div {
        float: none;
        max-width: 360px;
        width: 100%;
        margin: 0 auto 5%;
        height: auto;
    }

    .cyou0212>div img {
        width: 100%;
    }

    .cyou0212>div:nth-of-type(3) {
        margin: 0 auto 5%;
    }




    /* tokuten_service */
    #tokuten {
        width: 100%;
        background: #fff;
        margin-top: 30px;
        height: 100%;
    }

    #tokuten_service .tokuten_service {
        width: 93%;
        padding: 40px 0 50px;
    }

    #tokuten_service h2 {
        font-size: 20px;
        color: #a38b4c;
        text-align: center;
        margin-bottom: 20px;
    }

    #tokuten_service h2 span {
        font-size: 15px;
        line-height: 1.6;
    }

    #tokuten_service h2 i {
        font-size: 16px;
        display: block;
        line-height: 35px;
    }

    #tokuten_service .fltbox {
        width: 100%;
    }

    #tokuten_service .fltbox .boxL,
    #tokuten_service .fltbox .boxR {
        width: 100%;
    }

    #tokuten_service .tokuten_box {
        padding: 10px;
        margin-bottom: 20px;
    }

    #tokuten_service .tokuten_box h3 {
        font-size: 16px;
        margin: 10px auto 0;
    }


    .tokuten_boxW {
        width: 100%;
        overflow: hidden;
        background: #fff;
        padding: 0 15px 15px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .tokuten_boxW h3 {
        color: #a38b4c;
        font-size: 16px;
        text-align: center;
        margin: 20px auto 10px;
    }

    .tokuten_main {
        padding-top: 12px;
        width: 100%;
        overflow: hidden;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .tokuten_main h4 {
        font-size: 20px;
        width: 100%;
        margin: 0.5em 0 1em;
        background: linear-gradient(transparent 60%, #e8e9ef 60%);
    }

    /* .txt02 {
        font-size: 20px;
        width: 100%;
        margin: 0.5em 0 1em;
        background: linear-gradient(transparent 60%, #eef0b1 60%) !important;
    }

    #footer .txt02 {
        font-size: 20px;
        width: 100%;
        margin: 0.5em 0 1em;
        background: none !important;
    } */

    .tokuten_main .img {
        width: 400px;
        max-width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .tokuten_main .txt {
        text-align: left;
        font-size: 12px;
        padding-right: 0;
    }

    .tokuten_main .txt p {
        font-size: 12px;
        text-align: left;
    }

    li.linelast {
        border-bottom-style: none;
    }

    .tokutenboxL {
        width: 400px;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .tokutenboxR {
        width: 400px;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .tokutenbox li {
        font-size: 12px;
        line-height: 1.4;
        border-top: 1px dashed #c7c0af;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
    }


    #tokuten_service .tokuten_box li {
        font-size: 12px;
        padding: 5px 0;
        line-height: 1.6;
    }

    #tokuten_service .boxR .tokuten_box:nth-of-type(1) {
        padding: 10px;
    }

    #tokuten_service .boxR .tokuten_box:nth-of-type(2) {
        padding: 10px;
    }

    #tokuten_service .tokutenbtm p {
        font-size: 12px;
    }

    #tokuten_service table th {
        font-size: 12px;
        width: 35%;
    }

    #tokuten_service table td {
        font-size: 14px;
    }

    #tokuten h2 {
        text-align: center;
        font-size: 20px;
        font-family: 'Spectral SC', serif;
        color: #a38b4e;
        padding-top: 40px;
    }

    #tokuten h2 span {
        display: block;
        font-size: 14px;
        font-family: YuMincho, 'Yu Mincho', serif;
        line-height: 2;
    }

    /* 191018ポイントシステム追加 */

    #tokuten .botan a {
        width: 80%;
        padding: 10px;
        font-size: 14px;
        margin: 25px auto 10px;
    }

    /* 191127ポイント追加 */
    #top .point_top_sp {
        left: 49%;
        top: 12%;
        visibility: visible !important;
    }

    .point_top_sp img {
        width: 50% !important;
        margin-top: 1%;
    }

    /*200220楽天アワードnews*/
    .aw_news {
        width: 90%;
        margin: 0 5% 3%;
    }

    .aw_news img {
        width: 100%;
    }

    /*200220楽天アワードtop*/
    .head01 a img {
        margin-bottom: 2%;
    }

    /* 200311コロナ */
    .kokuchi {
        border: 1px solid #9e8b63;
        padding: 2% 5% 4.5%;
        margin: 0 0 7% 0;
    }

    .kokuchi h3 {
        text-align: center;
        margin: 2.5% auto 4.5%;
        border-bottom: 1px solid #9e8b63;
        padding-bottom: 1.5%;
        line-height: 1.4;
    }

    .corona {
        line-height: 1.4;
        margin-bottom: 4%;
        text-align: left;
    }

    ul.alist li {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    ul.alist {
        padding: 0;
        background-color: #fff;
    }
}

/* 210610 */

.news_topic {
    height: auto;
}

@media screen and (max-width:650px) {

    .slick-prev,
    .slick-next {
        width: 45px !important;
        height: 45px !important;
    }

    .slick-prev:before,
    .slick-next:before {
        background-size: contain;
        width: 45px !important;
        height: 45px !important;
        display: block;
    }

    .news_topic h2 {
        font-size: 4.0vw;
    }

    .topic_important {
        padding: 15px;
        font-size: 16px;
        line-height: 150%;
    }

    .topics_box.corona {
        font-size: 14px;
    }

    .topics_box.corona a {
        padding: 4%;
    }
}

/* 220831　ポップアップ */
@media only screen and (max-width: 768px) {
    .top_lightbox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, .8);
        z-index: 2547483645;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: .3s;
    }

    .top_lightbox.active {
        opacity: 1;
        pointer-events: auto;
    }

    .top_lightbox div {
        background: #fff;
        width: 90%;
        /* max-width: 650px; */
        padding: 14% 5%;
        text-align: center;
        position: relative;
        box-sizing: border-box;
        border: 3px solid #caa670;
        /* height: 70vh; */
        overflow-y: auto;
        min-height: 250px;
        margin-top: -10%;
    }

    .top_lightbox div img {
        max-width: 100%;
        display: block;
        margin: 0 auto 20px;
    }

    .top_lightbox div p {
        margin-bottom: 30px;
        text-align: center;
        font-size: 14px;
    }

    .top_lightbox div p strong {
        font-size: 4.0vw;
        font-weight: bold;
        display: block;
        width: 95%;
    }

    .top_lightbox div p strong.popup_strong {
        font-size: 3.8vw;
        padding: 5% 0;
        border: none;
    }

    .top_lightbox div p strong.popup_strong span {
        font-size: 5.0vw;
        color: red;
        position: relative;
        z-index: 1;
    }

    .top_lightbox div p strong.popup_strong span::after {
        content: "";
        width: 100%;
        height: 7px;
        background-color: #fff141;
        position: absolute;
        bottom: 4px;
        left: 0;
        z-index: -2;
    }

    .top_lightbox div .close {
        position: absolute;
        top: 15px;
        right: 10px;
        width: 30px;
        height: 20px;
        cursor: pointer;
        opacity: 1.0;
    }

    .top_lightbox div .close::before,
    .top_lightbox div .close::after {
        content: '';
        width: 100%;
        height: 2px;
        background: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .top_lightbox div .close::before {
        transform: rotate(45deg);
    }

    .top_lightbox div .close::after {
        transform: rotate(-45deg);
    }

    .top_lightbox div .btn {
        cursor: pointer;
        padding: 10px;
        display: block;
        margin: auto;
        line-height: 100%;
        height: auto;
        width: 210px;
        border: 1px solid #9e8b63;
        margin: 30px auto 0;
    }

    .top_lightbox div .btn::after {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .top_lightbox div {
        height: auto;
    }

    .top_lightbox div p {
        font-size: 3.2vw;
    }

    .top_lightbox div .btn {
        padding: 10px 0px 10px 5px;
    }
}

/* 230207 */
@media screen and (max-width:650px) {
    .reserve_link {
        padding: 15% 0 10%;
    }

    .reserve_link ul {
        margin: 6% auto;
        justify-content: center;
        width: 95%;
        max-width: 100%;
    }

    .reserve_link ul li {
        max-width: 100%;
        width: 40%;
        margin: 0 2% 4%;
    }

    .reserve_link ul li a {
        padding: 8% 5%;
        width: 100%;
    }

    /* 230502_topics_banner */
    .topics_banner {
        width: 90%;
        margin: 5% auto 0;
    }

    #tripla_area {
        margin: 0 auto 3%;
    }

    /* 230522 */
    .top_lightbox.all .link_box a.btn {
        font-size: 4.0vw;
    }
}

@media only screen and (max-width: 768px) {

    /* 230817 */
    #point .point {
        width: 87%;
        margin: 0 auto;
    }

    .obsession_flex .obsession_txt h3 {
        font-size: 20px;
        margin: 5% auto;
    }

    .obsession_flex .obsession_txt strong {
        font-size: 16px;
    }

    .obsession_flex .obsession_txt p {
        font-size: 14px;
    }

    .obsession_flex .obsession_txt p {
        line-height: 170%;
    }


    .pagetop_member {
        bottom: 32px;
    }

    .ft_member_menu {
        padding: 0;
    }

    .ft_member_btn {
        width: 100%;
    }

    .point .obsession_txt,
    .point .obsession_img {
        width: 100%;
    }

    .obsession_flex .obsession_txt strong {
        width: 100%;
        line-height: 18px;
    }

    .sp_none {
        display: none !important;
    }

    #point {
        padding: 80px 0 20px 0 !important;
    }
}


.ft_member_menu li {
    font-size: 3.7vw;
    height: 35px;
}

.member_a {
    display: block;
}

.flex {
    display: block;
}

.obsession_flex .obsession_img img {
    width: 100%;
}

.point .obsession_flex.reverse .obsession_txt div {
    margin: 33px auto;
    max-width: 75%;
}

.point .obsession_flex .obsession_txt div {
    margin: 33px auto;
}

#point {
    padding: 0;
}

.obsession_flex {
    margin: 0 auto;
}



.sp_summer {
    width: 100%;
    margin-bottom: 4%;
}