@charset "utf-8";

/* -------------------------------------------------- */
/*  tourtype
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .infolist_tour {
        margin-top: 1em !important;
    }
    .infolist_tour:before {
        display: none !important;
    }
    ul li#infoli, .cmn_wrap {
        width: 100% !important;
    }
    .item_block {
        width: 100%;
    }
    .item_block p.title {
        margin: 0.5em 0 0.75em;
    }
    .table1 table th, .table1 table td {
        display: block;
        width: calc(100% - 4em - 2px);
    }
    .table1 table th {
        border-bottom: 0;
    }
    .table1 table th:after {
        display: none;
    }
    .block_space {
        margin-bottom: 1.5em;
    }
}

/* -------------------------------------------------- */
/*  ttypeDetail
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .eyecatch {
        display: none;
    }
    #tourtype {
        flex-wrap: wrap;
    }
    #tourtype p.image, #tourtype p.text {
        width: 100%;
        margin-top: 1em;
    }
    #tourtype p.image img {
        margin-bottom: 0;
        vertical-align: bottom;
    }
}

/* -------------------------------------------------- */
/*  tourDetail
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .dtl_h2 {
        font-size: 16px;
    }
    .dtl_h4 {
        font-size: 14px;
        margin: 1em 0;
    }
    #slider1 {
        width: 94vw !important;
        max-width: 94vw !important;
    }
    #tourtype .tour_naiyou {
        width: 100%;
        margin: 0;
        padding-top: 1em;
    }
    #tourtype .tour_naiyou table tr th {
        border-right: dashed 1px #bbb;
    }
    #tourtype .tour_naiyou table tr:nth-child(1) th, #tourtype .tour_naiyou table tr:nth-child(1) td {
        font-size: 14px !important;
    }
    .block_space.cmn_wrap .calender table {
        display: block;
        width: 100%;
        overflow: scroll;
    }
    .block_space.cmn_wrap .calender table tbody {
        display: table;
    }
    .block_space.cmn_wrap .calender table td {
        white-space: nowrap;
        padding: 0.5em;
    }
    .deparv.label, .meal.label {
        white-space: nowrap;
    }
    .table1 table td img {
        width: auto;
    }
    .listview .date {
        white-space: nowrap;
        padding-right: 0.5em;
    }
    .listview .reserve {
        white-space: nowrap;
        padding-left: 0.5em;
    }
}

/* -------------------------------------------------- */
/*  touReserve1
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    img[alt="ツアー 予約申込フォーム"],
    img[alt="ツアー 予約申込フォーム"] + br,
    img[alt="ツアー 予約申込フォーム"] + br + br,
    img[alt="ツアー 予約申込フォーム"] + br + br + center,
    img[alt="ツアー 予約申込フォーム"] + br + br + center + br,
    img[alt="ツアー 予約申込フォーム"] + br + br + center + br + br,
    img[alt="ツアー 予約申込フォーム"] + br + br + center + br + br + br,
    .tour_wrap #title_syousai0 + br {
        display: none;
    }
    img[alt="ツアー 予約申込フォーム"] + br + br + center + br + br + br + #title_syousai0:before {
        content: "ツアー予約申込フォーム";
        display: block;
        position: inherit;
        font-weight: bold;
        background: #1e329f;
        color: #fff;
        padding: 0.75em 0.25em 0.75em 0.5em;
        margin: 0 auto 1em;
        line-height: 1;
    }
    .tour_wrap table[width="900"] {
        margin-bottom: 0;
    }
    .tour_wrap table[width="900"] + br,
    .tour_wrap table[width="900"] + br + br {
        display: none;
    }
    .tour_wrap table[width="900"] + br + br + table[width="900"] {
        margin: 1em 0 4em;
    }
}

/* -------------------------------------------------- */
/*  touReserve2
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .tour_wrap input {
        width: 39vw;
    }
    .tour_wrap input[type="radio"], .tour_wrap input[type="checkbox"] {
        width: auto;
    }
    .tour_wrap input + span[class="red"] {
        display: block;
    }
    .tour_wrap .table1.cmn_wrap table tr {
        border: 0;
    }
    .tour_wrap .table1.cmn_wrap table th, .tour_wrap .table1.cmn_wrap table td {
        padding: 0.5em;
        width: calc(100% - 1em);
        border: 1px solid #bbb;
    }
    .tour_wrap .table1.cmn_wrap table th {
        border-bottom: 0;
    }
    .tour_wrap input[name="tour_kigen_check"] {
        margin-top: 2em;
    }
    .tour_wrap .table2.cmn_wrap table th {
        white-space: nowrap;
        padding: 0.5em;
    }
    .tour_wrap .table2.cmn_wrap table td {
        padding: 0.5em;
    }
    .tour_wrap .table2.cmn_wrap table td img {
        width: auto;
    }
    .tour_wrap .table2 + br,
    .tour_wrap .table2 + br + br {
        display: none;
    }
}

/* -------------------------------------------------- */
/*  新ツアータイプ詳細
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .item_block_new {
        width: calc(100% - 2em);
    }
    .item_block_new .flexArea {
        flex-direction: column;
    }
    .item_block_new .leftArea {
        width: 100%;
        margin-right: 0;
    }
    .item_block_new .rightArea {
        margin-top: 1em;
    }
    .item_block_new .rightArea .naiyou table,
    .item_block_new .rightArea .naiyou table tbody,
    .item_block_new .rightArea .naiyou table tr,
    .item_block_new .rightArea .naiyou table th,
    .item_block_new .rightArea .naiyou table td {
        display: block;
        width: 100%;
        padding: 0;
    }
    .item_block_new .rightArea .naiyou table th {
        background: none;
        color: #f70;
        border: 0;
        margin-top: 0.5em;
    }
    .item_block_new .rightArea .naiyou table td {
        display: block;
        padding: 0.15em 1em 0.25em;
        width: calc(100% - 2em);
        border-bottom-color: #eee;
    }
    .item_block_new .rightArea .naiyou table td.price {
        padding: 0.5em 0 0.25em;
        width: 100%;
        font-size: 22px;
        border-bottom: 0;
    }
    .item_block_new .rightArea .naiyou table td.rightBorder {
        border-right: 0;
    }
    .item_block_new .rightArea p {
        margin: 1em 0 0;
    }
    .item_block_new .rightArea p a {
        padding-top: 0.75em;
        padding-bottom: 0.75em;
    }
}

/* -------------------------------------------------- */
/*  新ツアー詳細
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .calender table td {
        min-width: 11em;
        height: 5em;
        line-height: 1.3;
    }
    .block_space .calender .calenderHead .prev span,
    .block_space .calender .calenderHead .prev a,
    .block_space .calender .calenderHead .next a {
        padding: 0.25em 0.5em;
        font-size: 14px;
    }
    /* ラジオボタンの非表示化 */
    input[name="listNaviRadio"] { display: none; }
    /* コンテンツ部分の非表示化 */
    #list1 { display: none; }
    #list2 { display: none; }
    #list3 { display: none; }
    #list4 { display: none; }
    #list5 { display: none; }
    /* 出し分け */
    #list1_radio:checked + #list2_radio + #list3_radio + #list4_radio + #list5_radio + .listNaviTab + #list1 { display: block; }
    #list2_radio:checked + #list3_radio + #list4_radio + #list5_radio + .listNaviTab + #list1 + #list2 { display: block; }
    #list3_radio:checked + #list4_radio + #list5_radio + .listNaviTab + #list1 + #list2 + #list3 { display: block; }
    #list4_radio:checked + #list5_radio + .listNaviTab + #list1 + #list2 + #list3 + #list4 { display: block; }
    #list5_radio:checked + .listNaviTab + #list1 + #list2 + #list3 + #list4 + #list5 { display: block; }
    /* タブ部分のデザイン */
    .listNaviTab label {
        padding: 5px 8px;
        border-radius: 3px 3px 0 0;
        font-weight: bold;
        font-size: 12px;
        color: #fefefe;
        background: #1e329f;
        transition: .5s;
        cursor: pointer;
        opacity: 0.5;
    }
    .listNaviTab div {
        position: relative;
    }
    .listNaviTab div::after {
        content: "";
        position: absolute;
        left: -3%;
        top: 0;
        width: calc(100% + 6%);
        border-bottom: #1e329f 4px solid;
    }
    #list1_radio:checked + #list2_radio + #list3_radio + #list4_radio + #list5_radio + .listNaviTab label[for="list1_radio"] {
        opacity: 1;
    }
    #list1_radio + #list2_radio:checked + #list3_radio + #list4_radio + #list5_radio + .listNaviTab label[for="list2_radio"] {
        opacity: 1;
    }
    #list1_radio + #list2_radio + #list3_radio:checked + #list4_radio + #list5_radio + .listNaviTab label[for="list3_radio"] {
        opacity: 1;
    }
    #list1_radio + #list2_radio + #list3_radio + #list4_radio:checked + #list5_radio + .listNaviTab label[for="list4_radio"] {
        opacity: 1;
    }
    #list1_radio + #list2_radio + #list3_radio + #list4_radio + #list5_radio:checked + .listNaviTab label[for="list5_radio"] {
        opacity: 1;
    }
    /* ツアーのポイント内に画像を表示 */
    .block_space .dtl_tour_point .flexBetween {
        justify-content: flex-start;
        flex-direction: column;
    }
    .block_space .dtl_tour_point .flexBetween > div:nth-child(2) {
        margin-left: 0;
        margin-top: 0.75em;
    }
    .block_space .dtl_tour_point .flexBetween > div > img {
        width: 100%;
    }
}