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

body.ko{
    color: #333;
    font-family:"Malgun Gothic","Yoon Gothic", sans-serif;
}

/*body.ko .atractions-status-wrap .remarks,
body.ko .lift-status-wrap .status-list li .info span { display: none; }*/


body.ko .skiptranslate {
    position: absolute;
    z-index: -1;
    height: 1px !important;
    opacity: 0;
    overflow: hidden;
}
body.ko #google_language_translator {
    position: absolute;
    z-index: -1;
    height: 1px !important;
    opacity: 0;
    overflow: hidden;
}


/* -------------------------------- 韓国版　PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {

    body.ko #gNav .sub-nav-wrap > ul > li{
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 700;
    }

    body.ko #gNav .sub-nav-wrap > ul > li > ul > li{
        font-family:"Malgun Gothic","Yoon Gothic", sans-serif;
        font-weight: normal;
    }

    body.ko #gNav02 .language-wrap h3,
    body.ko #gNav02 .weather-wrap h3{
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 900;
    }

    /* ----------------------------------------

    メインタイトル部分

    ---------------------------------------- */
 
        body.ko .main-ttl-wrap01 h2.ttl01{
            font-family: "Noto Sans KR", sans-serif;
            font-weight: 900;
        }
    
    /* ----------------------------------------

    営業カレンダー

    ---------------------------------------- */
    
    body.ko .celender-wrap .pq-calendar-m-area:before{
        display: inline-block;
        content: '/';
        margin-right: 8px;
    }
    
    /* ----------------------------------------

    リフト・コース運行状況

    ---------------------------------------- */
    
    body.ko .lift-trail-map-wrap .status-info-list li, body.ko .lift-trail-map-wrap .course-info-list li{
        width: auto;
    }
    
    body.ko .lift-trail-map-wrap .status-info-list li+li,body.ko .lift-trail-map-wrap .course-info-list li+li{
        margin-left: 3%;
    }
    
    /* ----------------------------------------

    宿泊検索

    ---------------------------------------- */
    

    body.ko ._hotel-box .hotel-wrap dl dt label {
        font-size: 13px;
    }
    
    body.ko ._hotel-box .hotel-wrap dl dt{
        font-size: 13px;
        vertical-align: top;
        color: #333;
    }
    
    body.ko ._hotel-box .hotel-wrap dl dd{
        top:-1px;
    }
    
    body.ko #gNav02 > ul > li.hotel-nav span{
        font-size: 14px;
    }
    
    body.ko .sp-menu.mm-menu a,
    body.ko  .sp-menu.mm-menu a:active,
    body.ko .sp-menu.mm-menu a:hover,
    body.ko  .sp-menu.mm-menu a:link,
    body.ko .sp-menu.mm-menu a:visited{
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-weight: normal;
    }
    
    body.ko ._hotel-box .hotel-wrap .hotel-select{
        padding: 3px 2px 2px 2px;
    }
    
    body.ko ._hotel-box .hotel-wrap .check-out,
    body.ko ._hotel-box .hotel-wrap .airport-end,
    body.ko ._hotel-box .hotel-wrap .rooms-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .children-number{
        width: 49.95%;
        margin-left: 0.1%;
    }
    
    body.ko ._hotel-box .hotel-wrap .check-in,
    body.ko ._hotel-box .hotel-wrap .check-out,
    body.ko ._hotel-box .hotel-wrap .airport-start,
    body.ko ._hotel-box .hotel-wrap .airport-end,
    body.ko ._hotel-box .hotel-wrap .member,
    body.ko ._hotel-box .hotel-wrap .rooms-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .adults-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .children-number{
        width: 49.95%;
        margin-top: 0;
        padding: 2px;
    }
    
    body.ko ._hotel-box .hotel-wrap dd:before{
        border-top: 10px solid #747474;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        right: 10px;
        bottom: 14px;
    }
    
    body.ko ._hotel-box .hotel-wrap select,
    body.ko ._hotel-box .hotel-wrap input{
        padding: 6px 8px;
        height: 38px;
    }
    
    body.ko ._hotel-box .hotel-wrap button{
        width: 205px;
        height: 38px;
        line-height: 24px;
        padding: 6px 12px;
    }
    
    body.ko ._hotel-box .hotel-wrap .hotel_submitlink{
        width: 205px;
        line-height: 38px;
    }
    
    body.ko #gNav02 li.hotel-nav .hotel-select{
        padding: 2px; 
    }
    
    body.ko #gNav02 li.hotel-nav dd:before{
        border-top: 10px solid #747474;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        right: 10px;
        bottom: 14px;
    }
    
    body.ko #gNav02 li.hotel-nav dl dt{
        font-size: 13px;
        margin-bottom: 0;
        color: #333;
    }
    
    body.ko #gNav02 li.hotel-nav dl dd{
        top:-1px;
    }
    
    body.ko #gNav02 li.hotel-nav select,
    body.ko #gNav02 li.hotel-nav input{
        padding: 6px 8px;
        height: 38px;
    }
    
    body.ko #gNav02 li.hotel-nav .check-out,
    body.ko #gNav02 li.hotel-nav .airport-end,
    body.ko #gNav02 li.hotel-nav .rooms-number,
    body.ko #gNav02 li.hotel-nav .children-number{
        width: 49.95%;
        margin-left: 0.1%;
    }
    
    body.ko #gNav02 li.hotel-nav .check-in,
    body.ko #gNav02 li.hotel-nav .check-out,
    body.ko #gNav02 li.hotel-nav .airport-start,
    body.ko #gNav02 li.hotel-nav .airport-end,
    body.ko #gNav02 li.hotel-nav .member,
    body.ko #gNav02 li.hotel-nav .rooms-number,
    body.ko #gNav02 li.hotel-nav .adults-number,
    body.ko #gNav02 li.hotel-nav .children-number{
       width: 49.9%;
        margin-top: 0;
        padding: 2px;
    }
    
    body.ko #gNav02 li.hotel-nav button{
        width: 205px;
        height: 38px;
        line-height: 24px;
        padding: 6px 12px;
    }
    
    body.ko #gNav02 li.hotel-nav .hotel_submitlink{
        width: 205px;
        line-height: 38px;
    }
    
    body.ko #gNav02 li.hotel-nav label{
        margin-bottom: 0;
    }
    
    body.ko #gNav02 li.hotel-nav input::placeholder,
    body.ko ._hotel-box .hotel-wrap input::placeholder{
        color:#999;
    }
    
    body.ko #gNav02 li.hotel-nav input,
    body.ko #gNav02 li.hotel-nav select,
    body.ko ._hotel-box .hotel-wrap input,
    body.ko ._hotel-box .hotel-wrap select{
        color: #555;
    }
        
}

/* -------------------------------- 韓国版　SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {
    
    /* ----------------------------------------

    メインタイトル部分

    ---------------------------------------- */
    
     body.ko .main-ttl-wrap01 h2.ttl01{
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 900;
    }
    
    /* ----------------------------------------

    アコーディオン

    ---------------------------------------- */
    
    body.ko .read-btn::after{
        content:'상세 보기';
    }
    
    body.ko .read-trigger:checked ~ .read-btn::after{
        content:'닫기';
    }
    
    /* ----------------------------------------

    リフト＆コース運行状況

    ---------------------------------------- */
    
    body.ko .lift-status-wrap .status-list .info-box p.time:before{
        content: '운행 예정 시간';
    }
    
    body.ko .lift-status-wrap .status-list .info-box p.level:last-child:before{
        content: '레벨';
    }
    
    /* ----------------------------------------

    営業カレンダー

    ---------------------------------------- */
    
    body.ko .celender-wrap .pq-calendar-m-area:before{
        display: inline-block;
        content: '/';
        margin-right: 4px;
    }
    
    body.ko .celender-wrap .pq-calendar-picker-m-next-area, body.ko .celender-wrap .pq-calendar-picker-m-prev-area{
        top: -8px;
    }
    
    body.ko .celender-wrap .pq-calendar-picker-m-next-area, body.ko .celender-wrap .pq-calendar-picker-m-prev-area{
        top: -8px;
    }
    
    /* ----------------------------------------

    宿泊検索

    ---------------------------------------- */
    
    
    body.ko ._hotel-box .hotel-wrap dl dt{
        font-size: 13px;
        color: #333;
    }
    
    body.ko ._hotel-box .hotel-wrap dl dd{
        top:-1px;
    }
    
    body.ko ._hotel-box .hotel-wrap .hotel-select{
        padding: 3px 2px 2px 2px;
    }
    
    body.ko ._hotel-box .hotel-wrap .check-out,
    body.ko ._hotel-box .hotel-wrap .airport-end,
    body.ko ._hotel-box .hotel-wrap .rooms-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .children-number{
        width: 49.95%;
        margin-left: 0;
    }
    
    body.ko ._hotel-box .hotel-wrap .check-in,
    body.ko ._hotel-box .hotel-wrap .check-out,
    body.ko ._hotel-box .hotel-wrap .airport-start,
    body.ko ._hotel-box .hotel-wrap .airport-end,
    body.ko ._hotel-box .hotel-wrap .member,
    body.ko ._hotel-box .hotel-wrap .rooms-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .adults-number,
    body.ko ._hotel-box .hotel-wrap .panel:first-child .children-number{
        width: 49.95%;
        margin-top: 0;
        padding: 2px;
    }
    
    body.ko ._hotel-box .hotel-wrap dd:before{
        border-top: 10px solid #747474;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        right: 10px;
        bottom: 14px;
    }
    
    body.ko ._hotel-box .hotel-wrap select,
    body.ko ._hotel-box .hotel-wrap input{
        padding: 6px 8px;
        height: 38px;
    }
    
    body.ko ._hotel-box .hotel-wrap button{
        width: 170px;
        height: 38px;
        line-height: 24px;
        padding: 6px 12px;
    }
    
    body.ko ._hotel-box .hotel-wrap .hotel_submitlink{
        width: 170px;
        line-height: 38px;
    }
    
    body.ko .sp-menu02 .hotel-wrap .hotel-select{
        padding: 3px 2px 2px 2px; 
    }
    
    body.ko .sp-menu02 .hotel-wrap dd:before{
        border-top: 10px solid #747474;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        right: 10px;
        bottom: 14px;
    }
    
    body.ko .sp-menu02 .hotel-wrap dl dt{
        font-size: 13px;
        margin-bottom: 0;
        color: #333;
    }
    
    body.ko .sp-menu02 .hotel-wrap dl dd{
        top:-1px;
    }
    
    body.ko .sp-menu02 .hotel-wrap select,
    body.ko .sp-menu02 .hotel-wrap input{
        padding: 6px 8px;
        height: 38px;
    }
    
    body.ko .sp-menu02 .hotel-wrap .check-out,
    body.ko .sp-menu02 .hotel-wrap .airport-end,
    body.ko .sp-menu02 .hotel-wrap .rooms-number,
    body.ko .sp-menu02 .hotel-wrap .children-number{
        width: 49.95%;
        margin-left:0;
    }
    
    body.ko .sp-menu02 .hotel-wrap .panel:first-child .adults-number,
    body.ko .sp-menu02 .hotel-wrap .panel:first-child .children-number{
         width: 49.95%;
        margin-top: 2px;
    }
    
    body.ko .sp-menu02 .hotel-wrap .panel:first-child .children-number{
        width: 49.95%;
        margin-left: 0;
    }
    
    body.ko .sp-menu02 .hotel-wrap .check-in,
    body.ko .sp-menu02 .hotel-wrap .check-out,
    body.ko .sp-menu02 .hotel-wrap .airport-start,
    body.ko .sp-menu02 .hotel-wrap .airport-end,
    body.ko .sp-menu02 .hotel-wrap .member,
    body.ko .sp-menu02 .hotel-wrap .rooms-number,
    body.ko .sp-menu02 .hotel-wrap .adults-number,
    body.ko .sp-menu02 .hotel-wrap .children-number{
       width: 49.95%;
        margin-top: 0;
        padding: 2px;
    }
    
    body.ko .sp-menu02 .hotel-wrap button{
        width: 170px;
        height: 38px;
        line-height: 24px;
        padding: 6px 12px;
    }
    
    body.ko .sp-menu02 .hotel-wrap .hotel_submitlink{
        width: 170px;
        line-height: 38px;
    }
    
    body.ko .sp-menu02 .hotel-wrap label{
        margin-bottom: 0;
    }
    
    body.ko .sp-menu02 .hotel-wrapinput::placeholder,
    body.ko ._hotel-box .hotel-wrap input::placeholder{
        color:#999;
    }
    
    body.ko .sp-menu02 .hotel-wrap input,
    body.ko .sp-menu02 .hotel-wrap select,
    body.ko ._hotel-box .hotel-wrap input,
    body.ko ._hotel-box .hotel-wrap select{
        color: #555;
        font-size: 14px;
    }
    
    body.ko ._hotel-box .hotel-wrap .datepicker.check-in dd:before,
    body.ko ._hotel-box .hotel-wrap .datepicker.check-out dd:before,
    body.ko .sp-menu02 .hotel-wrap .datepicker.check-in dd:before,
    body.ko .sp-menu02 .hotel-wrap .datepicker.check-out dd:before{
        right: 8px;
        bottom: 9px;
        content: '';
        width: 20px;
        height: 20px;
    }
}