@charset "utf-8";

/* メインビジュアル
============================================================================= */
.mv-area { background: url("/kokunai/area/izuhakone/_images/bg-mv-01.jpg") no-repeat center top; background-size: cover; }


/*  grid
============================================================================= */
.ly_grid{ -ms-flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; margin-left:-16px;}
.ly_grid .ly_grid__item{ -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; margin-left:16px;}
.ly_grid.-recommend .ly_grid__item{ width: calc(33.33333% - 16px);}
/*  recommend
============================================================================= */
.plan__item{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
.plan__item a{
    color: #323743;
    transition: 0.4s ease;
    opacity: 1;
    min-height: 0%;
}
.plan__item a:hover{
    color: #323743;
    opacity: .6;
    text-decoration: none;
}
.plan__item-images{
    width: 100%;
}
.plan__item-images img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.plan__item-destination{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.2rem;
    line-height: 1.3;
    flex-direction: row;
    width: calc(100% - 30px);
    margin: 15px 15px 0;
}
.plan__item-detail-icon{
    order: 2;
}
.plan__item-detail-icon li{
    position: relative;
    line-height: 1.3;
    display: inline;
    background-color: #EAF0F7;
    border-radius: 10px;
    padding: 6px 12px 6px 32px;
    font-size: 1.4rem;
}
.plan__item-detail-icon li:before{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-family: 'kkrs-dp' !important;
    text-decoration: none;
    speak: none;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.plan__item-detail-icon li.icon-air:before { content: "\e918";}
.plan__item-detail-icon li.icon-jr:before { content: "\e969";}
.plan__item-day{
    order: 1;
    font-weight: bold;
    font-size: 1.8rem;
    color: #3498DB;
}
.plan__item-detail{
    margin: 12px;
}
.plan__item-title{
    font-size: 1.8rem;
    font-weight: bold;
}
.plan__item-lead{
    margin-top: 8px;
    font-size: 1.4rem;
}
.plan__item-price{
    margin-top: 8px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #cc0d21;
}
.plan__item-price em{
    font-size: 2.6rem;
    font-weight: bold;
}
.plan__item-note{
    font-size: 1.2rem;
    text-align: center;
}
.area-coupon .dom-featlist{
    margin: 16px 0 0 -16px;
} 
/* 地図から探す
============================================================================= */
.domtour-modal-area__map{
    height: 490px;
    background: url(/kokunai/area/izuhakone/_images/map.gif) no-repeat 0 0;
}
.domtour-modal-area__map-list-01 > li{
    position: absolute;
    z-index: 2;
    text-align: center;
    background: #fff;
}
.domtour-modal-area__map-list-01 > li a{
    display: block;
    min-width: 70px;
    white-space: nowrap;
    color: #333;
    font-size: 1.5rem;
    line-height: 1;
    padding: 10px;
    text-decoration: none;
    border: solid 1px #d6bc33;
    background-color: #f8d927;
}
.domtour-modal-area__pos-01{ left: 567px; top: 120px; }
.domtour-modal-area__pos-02{ left: 310px; top: 254px; }
.domtour-modal-area__pos-03{ left: 304px; top: 316px ;}
.domtour-modal-area__pos-04{ left: 370px; top: 185px; }
.domtour-modal-area__pos-05{ left: 420px; top: 230px; }
.domtour-modal-area__pos-06{ left: 355px; top: 400px; }
.domtour-modal-area__pos-07{ left: 555px; top: 162px; }
.domtour-modal-area__pos-08{ left: 580px; top: 205px; }
.domtour-modal-area__pos-09{ left: 568px; top: 246px; }
.domtour-modal-area__pos-10{ left: 550px; top: 287px; }
.domtour-modal-area__pos-11{ left: 520px; top: 330px; }
.domtour-modal-area__pos-12{ left: 475px; top: 415px; }
.domtour-modal-area__pos-13{ left: 680px; top: 78px; }
.domtour-modal-area__pos-14{ left: 410px; top: 330px; }
.domtour-modal-area__pos-15{ left: 275px; top: 455px; }
.domtour-modal-area__pos-16{ left: 480px; top: 373px; }

/* プラン選択 */
.map-plan-select { padding-top: 50px; }
.map-plan-select__list { display: flex; font-size: 1.8rem; justify-content: space-between; text-align: center; }
.map-plan-select__title { background-color: #115687; color: #fff; height: 60px; line-height: 60px; margin-right: 20px; position: relative; width: 230px; }
.map-plan-select__title::after { border-color: transparent transparent transparent #115687; border-style: solid; border-width: 30px 0 30px 20px; content: ""; height: 0; position: absolute; right: -20px; width: 0; }
.map-plan-select__item { position: relative; background-color: #fff; border: 1px solid #002f6b; color: #002f6b; display: block; height: 60px; line-height: 58px; transition: all .5s ease; width: 280px; }
.map-plan-select__item:hover { cursor: pointer; text-decoration: underline; }
.map-plan-select__item.is-active { border: 2px solid #cc0000; color: #cc0000; line-height: 56px; }
.map-plan-select__item.is-active:hover { text-decoration: none; }
.map-plan-select__item#js-dp-jr:before, .map-plan-select__item#js-dp-air:before, .map-plan-select__item#js-htl:before { display: inline-block; margin-right: 15px; font-family: 'jtb-dom' !important; text-decoration: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-bottom: 5px; color: #115687; }
.map-plan-select__item#js-dp-jr:before { font-size: 6.2rem; content: "\e974"; }
.map-plan-select__item#js-dp-air:before{ font-size: 6.2rem; content: "\e975"; }
.map-plan-select__item#js-htl:before   { font-size: 2.2rem; content: "\e934"; }
.map-plan-select__item.is-active#js-dp-jr:before { color: #cc0000; }
.map-plan-select__item.is-active#js-dp-air:before{ color: #cc0000; }
.map-plan-select__item.is-active#js-htl:before   { color: #cc0000; }
.map-flash { animation: flash .8s ease-out; }
@keyframes flash { from { opacity: 0; } to { opacity: 1; } }

#pref-map-inner{ position: relative; margin-top: 30px; }
#plan-jr  { display:none; }
#plan-air { display:none; }
#plan-htl { display:none; }
#plan-jr.plan-active  { display:block; }
#plan-air.plan-active { display:block; }
#plan-htl.plan-active { display:block; }

/* プラン選択 非表示 */
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK { pointer-events: none; cursor: initial; color: #333; border-color: #333; background: #efefef; opacity:0.4; }
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK#js-dp-jr:before { color: #333; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO#js-dp-jr:before { color: #333; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO#js-dp-jr:before { color: #333; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA#js-dp-jr:before { color: #333; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ#js-dp-jr:before { color: #333; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK#js-dp-jr:before { color: #333; }
.target_dept_kokunai_SPK .map-plan-select__item.plan-none-SPK#js-dp-air:before { color: #333; }
.target_dept_kokunai_SDJ .map-plan-select__item.plan-none-SDJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_KIJ .map-plan-select__item.plan-none-KIJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_TYO .map-plan-select__item.plan-none-TYO#js-dp-air:before { color: #333; }
.target_dept_kokunai_NGO .map-plan-select__item.plan-none-NGO#js-dp-air:before { color: #333; }
.target_dept_kokunai_HKJ .map-plan-select__item.plan-none-HKJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_OSA .map-plan-select__item.plan-none-OSA#js-dp-air:before { color: #333; }
.target_dept_kokunai_HIJ .map-plan-select__item.plan-none-HIJ#js-dp-air:before { color: #333; }
.target_dept_kokunai_FUK .map-plan-select__item.plan-none-FUK#js-dp-air:before { color: #333; }

/* MAP内ボタン非表示 */
.target_dept_kokunai_SPK .js-map.plan-area-none-SPK, 
.target_dept_kokunai_SDJ .js-map.plan-area-none-SDJ, 
.target_dept_kokunai_KIJ .js-map.plan-area-none-KIJ, 
.target_dept_kokunai_TYO .js-map.plan-area-none-TYO, 
.target_dept_kokunai_NGO .js-map.plan-area-none-NGO, 
.target_dept_kokunai_HKJ .js-map.plan-area-none-HKJ, 
.target_dept_kokunai_OSA .js-map.plan-area-none-OSA, 
.target_dept_kokunai_HIJ .js-map.plan-area-none-HIJ, 
.target_dept_kokunai_FUK .js-map.plan-area-none-FUK,
.js-map.plan-area-none-ALL { pointer-events: none; cursor: initial; color: #333; background-color: #999!important; border: solid 1px #666!important; }

/* 調整 */
.dom-modal { box-shadow: none; }
.map-sect__inner { max-width: 1150px; }
.mv-area { min-height: auto; }