@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#Tour_conductor_titletop {
    width: 100%;
    height: 280px;
    background: url(/tentsuki/images/bg.jpg) center 80%;
    background-size: ;
    position: relative
}
#Tour_conductor_titletop hgroup {
    width: 100%;
    position: absolute;
    top: 24%
}
#Tour_conductor_titletop hgroup h1 {
    font-size: 25px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 4px black, 6px 6px 8px black;
    margin: 0 auto;
    padding: 0;
    border-bottom: none
}
#Tour_conductor_titletop hgroup .sub_title {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 4px black, 6px 6px 8px black;
    margin: 0 auto 10%;
    padding: 0;
}
.btnMV_wrap {
    width: 90%;
    margin: auto
}
.btnMV_wrap .btn a {
	display: block;
	background: #FFF;
	color: #20206a;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	border-radius: 50px;
	border: 2px solid #20206a;
}

/*プラン*/
#OverseasTours_with_TourConductors__plan_section {
    background: #20206A;
    padding: 1% 0;
}
#OverseasTours_with_TourConductors__plan_section_Nav {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}
#OverseasTours_with_TourConductors__plan_section_Nav h2 {
    border: none;
    font-weight: bold;
}
#OverseasTours_with_TourConductors__plan_section_Nav li:first-child {
    width:100%;
    text-align: center;
}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure {width: 40%;}
#OverseasTours_with_TourConductors__plan_section_Nav li.country {width: 58%;}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure,
#OverseasTours_with_TourConductors__plan_section_Nav li.country {
    font-size: 0.85em;
    display: flex;
    align-items: center;
    gap: 2%;
    justify-content: right;
    position: relative
}
#OverseasTours_with_TourConductors__plan_section_Nav li span {font-size: 0.8em;}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure {margin-right: 2%}
#OverseasTours_with_TourConductors__plan_section_Nav li select{
	max-width: 145px;
    background-color: #FFF;
    padding: 5px 15px 8px 10px;
    border-radius: 3em;
}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure:after,
#OverseasTours_with_TourConductors__plan_section_Nav li.country:after{
    content: "";
    width: 5px;
    height: 5px;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    position: absolute;
    top:48%;
    right: 10px
}
#OverseasTours_with_TourConductors__plan_wrapper > div  {
	overflow-x: scroll !important;
}
#OverseasTours_with_TourConductors__plan_wrapper > div ul {
    width: fit-content;
    display: flex;
	margin: 10px 0;
}
#OverseasTours_with_TourConductors__plan_wrapper li {
    width: 330px;
    font-size: 14px;
    color:#3C3D47;
    background: #FFF;
    margin: 0 5px;
    padding: 10px 15px 20px;
    border-radius: 10px;
    box-sizing: border-box;
    transition-duration: 0.5s;
}
#OverseasTours_with_TourConductors__plan_wrapper li.hidden_d,
#OverseasTours_with_TourConductors__plan_wrapper li.hidden_c {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#OverseasTours_with_TourConductors__plan_wrapper li dd.ico_country {
    width: fit-content;
    color: #FFF;
    font-size: 0.8em;
    background: #C9A333;
    margin-bottom: 3%;
    padding: 5px;
    border-radius: 3px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dt {margin-bottom: 3%;}
#OverseasTours_with_TourConductors__plan_wrapper li dt h3 {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dt img {border-radius: 5px;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .txt_apeal {
    font-size: 0.85em;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date div {
    background: #F1F3F5;
    text-align: center;
    padding: 3px 0;
    margin-bottom: 3%;
    font-size: 0.8em;
    border-radius: 3px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .date {
    font-weight: bold;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .date strong {color: #E74444;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .txt_annotation {font-size: 0.75em;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .txt_price {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    color: #E74444;
    margin: 10px 0 15px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .plan_btn {
    background-color: #F29A16;
    color: #FFF !important;
    text-align: center;
    font-size: 1.1em;
    margin: auto;
    padding: 12px 25px 15px;
    border-radius: 3em;
    display: block;
}

/*スライダー*/
#slider_tentsuki li.slick-slide{margin: 0 5px;}

/*History*/
#target_history p.no-history {
	width: 96vw;
	text-align: center;
	font-size: 14px;
	color: #777;
}
#target_history.itemList li {
	width: 48%!important;
	margin: 0 1%!important;
}
#target_history.itemList li:nth-of-type(n+3) {display:none!important;}

/* --------------------start_TCTour-------------------- */
.TCTour__wrap {
    font-weight: 400;
    font-style: normal;
    background-color: #eab400;
}
.TCTour__inner {padding: 0 14px 48px 14px;}
.TCTour__head--txt {
    padding: 24px 14px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.TCTour__wrap h2 {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}
.TCTour__wrap h2 img {width: 100% !important;}
.TCTour__head--txt h3 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 1;
}
.TCTour__head--txt h3 span {font-size: 0.7em;}
.TCTour__head--txt p {
    font-size: 14px;
    text-align: left;
    line-height: 1.7;
}
.case__list--item {
    background-color: #fff;
    padding: 32px 16px;
    border-radius: 8px;
    position: relative;
}
.case__list--item:not(:last-child) {margin-bottom: 32px;}
.case__list--icon {
    position: absolute;
    display: block;
    width: 64px;
    top: -16px;
    left: 0px;
}
.case__list--box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.case-txt01 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px;
}
.case-txt02 {font-size: 14px;}
.case-arrow {
    text-align: center;
    padding: 16px 0;
    font-size: 16px;
    font-weight: bold;
}
.case01 .case-arrow,
.case01 .case-box02 .case-txt01 {color: #1e92dd;}
.case02 .case-arrow,
.case02 .case-box02 .case-txt01 {color: #de535b;}
.case03 .case-arrow,
.case03 .case-box02 .case-txt01 {color: #2aa899;}
/* --------------------end_TCTour-------------------- */

#click__more_plan {display: none!important}

/*SPスクロール無し*/
.scrollbox.no_slider::-webkit-scrollbar,
.scrollbox.no_slider::-webkit-scrollbar-track,
.scrollbox.no_slider::-webkit-scrollbar-thumb {display:none!important;}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
#Tour_conductor_titletop {
    width: 100%;
    height: 280px;
    background: url(/tentsuki/images/bg.jpg) center 80%;
    background-size: ;
    position: relative
}
#Tour_conductor_titletop hgroup {
    width: 100%;
    position: absolute;
    top: 20%
}
#Tour_conductor_titletop hgroup h1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 4px black, 6px 6px 8px black;
    margin: 0 auto;
    padding: 0;
    border-bottom: none
}
#Tour_conductor_titletop hgroup .sub_title {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-shadow: 3px 3px 4px black, 6px 6px 8px black;
    margin: 0 auto 3%;
    padding: 0;
}
.btnMV_wrap {
    width: 640px;
    margin: auto
}
.btnMV_wrap .btn a {
	display: block;
    background: #FFF;
    color: #20206a;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    border-radius: 25px;
    transition-duration: 0.25s;
    border: 2px solid #20206a;
}
.btnMV_wrap .btn a:hover {
	opacity:1;
	background: #20206A;
	color: #FFF!important
}

/*プラン*/
#OverseasTours_with_TourConductors__plan_section {background: #20206A;}
#OverseasTours_with_TourConductors__plan_section_Nav {
    font-size: 18px;
    color: #FFF;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 2%;
}
#OverseasTours_with_TourConductors__plan_section_Nav h2 {
    border: none;
    margin: auto;
    font-weight: bold;
    padding: 0;
}
#OverseasTours_with_TourConductors__plan_section_Nav li {
    width: 50%;
    text-align: center;
}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure {width: 20%;}
#OverseasTours_with_TourConductors__plan_section_Nav li.country {width: 30%;}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure,
#OverseasTours_with_TourConductors__plan_section_Nav li.country {
    display: flex;
    align-items: center;
    gap: 5%;
    justify-content: right;
    position: relative
}
#OverseasTours_with_TourConductors__plan_section_Nav li select{
	max-width: 200px;
    background-color: #FFF;
    font-size: 16px;
    padding: 10px 25px 12px 15px;
    border-radius: 3em;
}
#OverseasTours_with_TourConductors__plan_section_Nav li.departure:after,
#OverseasTours_with_TourConductors__plan_section_Nav li.country:after{
    content: "";
    width: 5px;
    height: 5px;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    position: absolute;
    top:48%;
    right: 10px
}
#OverseasTours_with_TourConductors__plan_wrapper {
    height: 850px;
    min-height: 85px;
    max-height: fit-content;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}
#OverseasTours_with_TourConductors__plan_wrapper ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    transition-duration: 0.25s;
}
#OverseasTours_with_TourConductors__plan_wrapper li {
    width: calc(94% / 3);
    font-size: 16px;
    color:#3C3D47;
    background: #FFF;
    margin: 0 1% 2%;
    padding: 1% 2% 2%;
    border-radius: 10px;
    box-sizing: border-box;
    transition-duration: 0.25s;
}
#OverseasTours_with_TourConductors__plan_wrapper li.hidden_d,
#OverseasTours_with_TourConductors__plan_wrapper li.hidden_c {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#OverseasTours_with_TourConductors__plan_wrapper li dd.ico_country {
    width: fit-content;
    color: #FFF;
    font-size: 0.8em;
    background: #C9A333;
    margin-bottom: 3%;
    padding: 5px;
    border-radius: 3px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dt {margin-bottom: 3%;}
#OverseasTours_with_TourConductors__plan_wrapper li dt h3 {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dt img {border-radius: 5px;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .txt_apeal {
    font-size: 0.85em;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date div {
    background: #F1F3F5;
    text-align: center;
    padding: 3px 0;
    margin-bottom: 3%;
    font-size: 0.8em;
    border-radius: 3px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .date {
    font-weight: bold;
    margin-bottom: 3%;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .date strong {color: #E74444;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .departure_date .txt_annotation {font-size: 0.75em;}
#OverseasTours_with_TourConductors__plan_wrapper li dd .txt_price {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    color: #E74444;
    margin: 10px 0 15px;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .plan_btn {
    background-color: #F29A16;
    color: #FFF !important;
    text-align: center;
    font-size: 1.1em;
    margin: auto;
    padding: 12px 25px 15px;
    border-radius: 3em;
    display: block;
	transition-duration: 0.25s;
}
#OverseasTours_with_TourConductors__plan_wrapper li dd .plan_btn:hover {
	opacity:1;
	background-color: #EDAD4A;
}

/*スライダー*/
#slider_tentsuki li.slick-slide{margin: 0 5px;}

/*History*/
#target_history p.no-history {
	width: 100vw;
	max-width: 1080px;
	text-align: center;
	font-size: 18px;
	color: #777;
}
#target_history.itemList {margin: 0 auto 25px;}
#target_history.itemList li {
	width: 250px;
	margin: 0 10px;
}
#target_history.itemList li:nth-of-type(n+5) {display:none!important;}

/* --------------------start_TCTour-------------------- */
.TCTour__wrap {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto 5%;
    border-radius: 16px;
    padding: 48px 24px;
    font-weight: 400;
    font-style: normal;
    background-color: #eab400;
}
.TCTour__inner {padding: 0;}
.TCTour__head {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.TCTour__head h2 {
    width: 45%;
    border: none;
    margin: auto;
}
.TCTour__head h2 img {border-radius: 16px;}
.TCTour__head--txt {
    width: 47%;
    color: #fff;
    font-weight: bold;
    padding: 0 0 0 3%;
    text-align: left;
}
.TCTour__head--txt h3 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 1;
}
.TCTour__head--txt h3 span {font-size: 0.7em;}
.TCTour__head--txt p {
    font-size: 16px;
    text-align: left;
    line-height: 1.7;
}
.case__list--item {
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 32px;
}
.case__list--item:not(:last-child) {margin-bottom: 32px;}
.case__list--icon {
    position: absolute;
    display: block;
    width: 64px;
    top: -16px;
    left: 0px;
}
.case__list--box {
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-items: center;
}
.case-txt01 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 16px;
}
.case-txt02 {font-size: 16px;}
.case-arrow {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.case01 .case-arrow,
.case01 .case-box02 .case-txt01 {color: #1e92dd;}
.case02 .case-arrow,
.case02 .case-box02 .case-txt01 {color: #de535b;}
.case03 .case-arrow,
.case03 .case-box02 .case-txt01 {color: #2aa899;}
.case__list--img {
    width: 40%;
    flex-shrink: 0;
}
.case__list--txt {width: 60%;}
.case-txt01 {
    text-align: left;
    font-size: 20px;
}
/* --------------------end_TCTour-------------------- */

#click__more_plan {
    color: #FFF;
    font-size: 20px;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    padding: 50px 0 25px;
    text-align: center;
    /*background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(185, 24, 32, 1) 50%);*/
	background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(32, 32, 106, 1) 50%);
    cursor: pointer;
}
#click__more_plan b {
    transform: rotate(90deg);
    position: inherit;
    margin: 0 0 0 -25px;
    font-size: 20px;
}

/*PCスクロールなし*/
.scrollbox::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-thumb {display:none!important;}

}