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

.wrap_fv {
position: relative;
background: var(--gray10);
z-index: 1;
}

@media only screen and (min-width: 768px) {
.wrap_fv {
padding: 30px 0;
}

}/* min-width: 768px */



/* fv_slider */
.category-head_slider li.slick-slide {
position: relative;
height: 500px;
}
.category-head_slider.short li.slick-slide {
height: 450px;
}

.category-head_slider .slick-slide img {
object-fit: cover;
width: 100%;
height: 380px;
}
.category-head_slider li.slick-slide:after {
position: absolute;
bottom:0;
left:0;
content: "";
display: block;
width: 100%;
height: 80%;
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
z-index: 2;
}

.category-head_slider li.slick-slide > p {
position: absolute;
top:0;
left:50%;
translate: -50%;
width: 100%;
padding: 40px 0;
text-align: center;
font-size: min(4.2vw,var(--20px));
font-weight: 700;
color: #FFF;
}
.category-head_slider li.slick-slide a {
position: absolute;
bottom:0;
left:0;
display: block;
padding: 0 30px 5px 0;
text-align: right;
width: 100%;
height: 40px;
background: rgba(0,0,0,.3);
color: #FFF;
font-size:min(5vw, var(--18px));
z-index: 5;
}
.category-head_slider li.slick-slide a > span {
display: inline-block;
padding: 0 10px 10px;
}
.category-head_slider li.slick-slide a > span:after {
position: absolute;
right:20px;
bottom:8px;
content: "";
display: block;
width: 148px;
height: 9px;
background: url(../images/common/arrow_link_white.svg) no-repeat right bottom;
background-size: 100%;
}

.category-head_slider .slick-dots li button:before {
background: var(--gray10);
}
.category-head_slider .slick-dots li.slick-active button:before {
background: var(--light-blue);
}


@media only screen and (min-width: 768px) {
.category-head_slider .slick-slide {
margin: 0 5px;
}
.category-head_slider.short li.slick-slide {
height: 500px;
}
.category-head_slider li.slick-slide:after {
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%);
}
.category-head_slider li.slick-slide > p {
font-size: min(1.8vw,var(--20px));
width: calc(100% - 12vw);
max-width: 920px;
text-align: right;
top:min(22vw,250px);
z-index: 10;
}
.category-head_slider .slick-slide img {
height:540px;
}
.category-head_slider li.slick-slide a {
height: 50px;
padding-bottom: 20px;
padding-right: 20px;
background: rgba(0,0,0,.5);
}
.category-head_slider li.slick-slide a > span:after {
right:30px;
bottom:12px;
}
.category-head_slider li.slick-slide a > span {
padding: 0 30px 10px 10px;
}
.category-head_slider .slick-dots li button:before {
background: #FFF;
}
.category-head_slider .slick-dots li.slick-active button:before {
background: var(--light-blue);
}

}/*min-width: 768px*/


@media only screen and (min-width: 1320px) {
.category-head_slider .slick-slide img,
.category-head_slider.short li.slick-slide img {
height: min(40vw,550px);
}
.category-head_slider li.slick-slide > p {
width: calc(100% - 160px);
}
}/* min-width: 1320px */


@media only screen and (min-width: 1600px) {
}/*min-width: 1800px*/


.wrap_fv > .wrapper {
position: absolute;
top:0;
left:50%;
translate: -50%;
}
.wrap_fv > .category-head_slider + .wrapper {
top:140px;
}

.wrap_fv .fv_picture {
position: relative;
height: 470px;
}
.wrap_fv .fv_picture:before {
position: absolute;
bottom:0;
left:0;
content: "";
display: block;
width: 100%;
height: 70%;
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(14, 48, 81,1) 40%, rgba(14, 48, 81,1) 100%);
}

.wrap_fv > .wrapper .col-7,
.wrap_fv > .wrapper .col-5 {
padding-bottom: 0;
}

.title_category-top {
display: none;
text-align: center;
color: #FFF;
font-size: min(7.5vw,28px);
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.2;
text-shadow: 0 0 6px rgba(0,0,0,.8);
}
.title_category-top > small.en {
display: block;
margin-bottom: 5px;
text-align: center;
font-weight: 700;
font-size: 50%;
letter-spacing: 0.3em;
}
.title_category-top > figure {
width: min(8vw,40px);
margin: 5px auto 0;
}
.title_category-top + p {
padding: 40px 0;
text-align: center;
font-size: min(4.2vw,var(--20px));
font-weight: 700;
color: #FFF;
}



@media only screen and (min-width: 768px) {
.wrap_fv > .wrapper {
top:50%;
translate: -50% -50%;
}
.wrap_fv > .category-head_slider + .wrapper {
top:42%;
translate: -50% -42%;
}
.wrap_fv .fv_picture {
height: 540px;
}
.wrap_fv .fv_picture:before {
display: none;
}
.wrap_fv .fv_picture img {
object-fit: cover;
width: 100%;
height: 540px;
}

.wrap_fv > .wrapper .col-7,
.wrap_fv > .wrapper .col-5 {
padding-top: 0;
}
.wrap_fv > .wrapper .col-5 {
padding-right: 0;
}
.wrap_fv > .wrapper .col-7 {
padding-right: min(16vw,160px);
}
.title_category-top {
display: block;
text-align: right;
font-size: min(4.4vw,46px);
}
.title_category-top > small.en {
text-align: right;
font-size: 40%;
}
.title_category-top > figure {
margin: 3px 10px 10px auto;
}
.title_category-top + p {
display: block;
text-align: right;
}


}/*min-width: 768px*/



@media only screen and (min-width: 1260px) {
.title_category-top {
text-align: right;
font-size: min(5.5vw,56px);
}
.wrap_fv > .wrapper .col-7 {
padding-right: min(17vw,200px);
}
}/*min-width: 1260px*/




/* SEARCH */
/* fv内 */
.wrap_fv .box_category-search {
box-shadow: 0 0 10px rgba(0,0,0,.3);
padding:1.5rem min(3vw,30px) 2rem;
}


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

/* fv内 */
.wrap_fv .box_category-search {
padding:min(2vw,20px);
}
.wrap_fv .box_category-search dt {
font-size: min(1.6vw,var(--16px));
}
.wrap_fv .box_category-search .btn-blue_send {
width: 100%;
font-size: min(3vw, var(--16px));
padding: 2rem min(3vw,20px);
}

}/* min-width: 768px */


@media only screen and (min-width: 1025px) {

/* fv内 */
.wrap_fv .box_category-search {
padding:min(5vw,40px);
max-width: 410px;
}
.wrap_fv .box_category-search .btn-blue_send {
font-size: min(3.4vw, var(--18px));
}

}/* min-width: 1025px */



.popup_select-box .select_list {
display: flex;
flex-wrap: wrap;
}
.popup_select-box .select_list li {
position: relative;
margin: 3px;
padding: 3px 10px;
width: calc(50% - 6px);
max-width: 200px;
text-align: center;
border: 1px solid var(--text-color20);
border-radius: 5px;
cursor: pointer;
transition: var(--transition);
box-sizing: border-box;
}
.popup_select-box .select_list li:hover {
opacity: var(--bg-opacity);
}
.popup_select-box .select_list li.active {
background: var(--light-blue);
border-color: var(--light-blue);
color: #FFF;
font-weight: 700;
}
.popup_select-box .select_list li.active:before {
position: absolute;
top:8px;
left:10px;
content: "";
display: block;
width: 6px;
height: 10px;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
rotate: 45deg;
}





@media only screen and (min-width: 768px) {
.popup_select-box .select_list li {}
.popup_select-box .select_list li.active:before {
top:10px;
left:20px;
width: 8px;
height: 12px;
}
}/* min-width: 768px */







/* pop up select - rent a car */
.select_car-model {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.select_car-model li {
display: inline-flex;
gap:5px;
align-items: center;
margin: 3px;
padding: 3px 8px;
width: calc(50% - 6px);
border: 1px solid var(--text-color20);
border-radius: 5px;
cursor: pointer;
transition: var(--transition);
box-sizing: border-box;
}
.select_car-model li > strong {
display: inline-block;
font-size: min(3.4vw,14px);
}
.select_car-model li:hover {
opacity: var(--bg-opacity);
}
.select_car-model li > figure {
width: min(25vw,46px);
}
.select_car-model li.active {
background: var(--light-blue);
border-color: var(--light-blue);
color: #FFF;
}
.select_car-model li.active > strong {
font-weight: 700;
}



@media only screen and (min-width: 768px) {
#r-car .popup_select-box {
width: min(80vw,1000px);
}
.select_car-model {
justify-content:flex-start;
}
.select_car-model li {
width: calc(33.3% - 6px);
}

}/* min-width: 768px */





@media only screen and (min-width: 1025px) {
.select_car-model li {
padding: 6px 8px;
width: calc(25% - 6px);
}

}/* min-width: 1025px */



@media only screen and (min-width: 1320px) {
.select_car-model li {
width: calc(20% - 6px);
}

}/* min-width: 1025px */







/* PARTS */
.head_icon_28.turtle {
gap:min(3vw,15px);
letter-spacing: normal;
}
.head_icon_28.turtle:before {
content: "";
display: inline-block;
width: min(13vw,60px);
height: 30px;
background: url(../images/common/icon_car_turtle.svg) no-repeat left center;
background-size: 100%;
}
.head_icon_28.turtle.activity:before {
background-image: url(../images/common/icon_activity_turtle.svg);
}
.head_icon_28.turtle.bus:before {
background-image: url(../images/common/icon_bus_turtle.svg);
}
.head_icon_28.turtle.hotel:before {
background-image: url(../images/common/icon_hotel_turtle.svg);
}
.head_icon_28.turtle.car:before {
background-image: url(../images/common/icon_car_turtle.svg);
}
.head_icon_28.turtle.gourmet:before {
background-image: url(../images/common/icon_gourmet_turtle.svg);
}
.head_icon_28.turtle.ticket:before {
background-image: url(../images/common/icon_ticket_turtle.svg);
}

@media only screen and (min-width: 768px) {
.head_icon_28.turtle {
letter-spacing:0.1em;
}

}/*min-width: 768px*/





/* list_tour-btn */
.head_icon_28 + .list_tour-btn {
margin-top:min(5.3vw,30px);
}
.list_tour-btn {
display: flex;
flex-wrap: wrap;
}
.list_tour-btn > li {
width: calc(33.3% - 5px);
margin-right: 5px;
}
.list_tour-btn > li:nth-child(n + 4) {
margin-top: 5px;
}
.list_tour-btn > li:nth-child(3n) {
margin-right: 0px;
}
.list_tour-btn > li > a {
display: block;
}
.list_tour-btn > li figure {
position: relative;
}
.list_tour-btn > li figure:after {
position: absolute;
bottom: 0;
left:0;
content: "";
display: block;
width: 100%;
height: 60%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.8) 100%);
}
.list_tour-btn > li img {
display: block;
object-fit: cover;
width: 100%;
height: 105px;
border-radius: 8px;
}
.list_tour-btn > li figure > figcaption {
position: absolute;
bottom:10px;
left:0;
display: block;
width: 100%;
text-align: center;
color: #FFF;
font-size: var(--15px);
font-weight: 700;
z-index: 2;
}

.list_tour-btn.text-out > li figure:after {
display: none;
}
.list_tour-btn.text-out > li figure > figcaption {
position: static;
margin: .5rem 0 1rem;
color: var(--font-color);
line-height: 1.5;
}



@media only screen and (min-width: 768px) {
.list_tour-btn > li {
width: calc(25% - 8px);
margin-right: 10px;
}
.list_tour-btn > li:nth-child(3n) {
margin-right: 10px;
}
.list_tour-btn > li:nth-child(4n) {
margin-right: 0px;
}
.list_tour-btn > li:nth-child(n + 4) {
margin-top: 0;
}
.list_tour-btn > li:nth-child(n + 5) {
margin-top: 10px;
}

.list_tour-btn > li img {
height: min(16vw,180px);
}
.list_tour-btn.text-out > li img {
height: min(16vw,140px);
}
.list_tour-btn.text-out > li figure:after {
display: none;
}
.list_tour-btn.text-out > li figure > figcaption {
margin-bottom: 0;
}

}/*min-width: 768px*/




@media only screen and (min-width: 1025px) {
.list_tour-btn > li {
width: calc(16.7% - 26px);
margin-right: 30px;
}
.list_tour-btn > li:nth-child(3n),
.list_tour-btn > li:nth-child(4n) {
margin-right: 30px;
}
.list_tour-btn > li:nth-child(6n) {
margin-right: 0px;
}
.list_tour-btn > li:nth-child(n + 4),
.list_tour-btn > li:nth-child(n + 5) {
margin-top: 0;
}
.list_tour-btn > li:nth-child(n + 7) {
margin-top: 30px;
} 

}/*min-width: 768px*/


.list_tour-text a {
position: relative;
display: inline-block;
padding: 2px 12px 2px 0;
margin-right: 17px;
}
.list_tour-text a:after {
position: absolute;
top:50%;
translate: 0 -50%;
right:0;
content: "";
display: block;
width: 9px;
height: 9px;
border-top: 1px solid var(--gray60);
border-right: 1px solid var(--gray60);
rotate: 45deg;
}

.link_special-btn {
line-height: 1.6;
}
.link_special-btn img {
display: block;
object-fit: cover;
width: 100%;
height: min(50vw,215px);
border-radius: 10px;
}
.link_special-btn h3 {
margin: 1.5rem 0 1rem;
}





/* box_border-round -- グルメ、チケット等デフォルトのツアーリスト */
.box_border-round {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 20px;
box-sizing: border-box;
border-bottom: 1px solid var(--text-color20);
}
.box_border-round > figure,
.box_border-round .tour_head {
position: relative;
width: calc(50% - 10px);
}
.box_border-round > figure img {
display: block;
object-fit: cover;
width: 100%;
height: 140px;
border-radius: 8px;
}
.box_border-round .tour_head .tag {
display: inline-block;
padding: .4rem .8rem;
background: var(--deep-blue);
font-size:min(2.6vw,var(--12px));
color: #FFF;
font-weight: 700;
line-height: 1.2;
border-radius: 3px;
}
#activity .box_border-round .tour_head .tag {background-color: var(--activity-color);}
#bus .box_border-round .tour_head .tag {background-color: var(--bus-color);}
#hotel .box_border-round .tour_head .tag {background-color: var(--hotel-color);}
#stay .box_border-round .tour_head .tag {background-color: var(--hotel-color);}
#car .box_border-round .tour_head .tag {background-color: var(--car-color);}
#gourmet .box_border-round .tour_head .tag {background-color: var(--gourmet-color);}
#restaurant .box_border-round .tour_head .tag {background-color: var(--gourmet-color);}
#ticket .box_border-round .tour_head .tag {background-color: var(--ticket-color);}

.box_border-round .tour_head p.plan_head,
.box_border-round .tour_head p > a {
margin-top: .3rem;
color: var(--deep-blue);
font-weight: 700;
font-size:min(3.4vw,var(--18px));
line-height: 1.6;
}
.box_border-round .tour_price {
margin-top: .5rem;
width: 100%;
}
.box_border-round .tour_price > span {
display: inline-block;
margin-right: 10px;
font-size:min(3vw,var(--16px));
font-weight: 500;
line-height: 1.2;
}
.box_border-round .tour_price > span.text {
color: var(--deep-pink);
font-weight: 600;
font-size:min(5vw,var(--18px));
line-height: 1.5;
}

.box_border-round .tour_price > span > strong {
display: inline-block;
font-size: 170%;
font-weight: 600;
color: var(--deep-pink);
font-family:"Outfit", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.box_border-round .tour_price > span > strong > small {
font-size: 60%;
}

.box_border-round .tour_copy {
margin: .5rem 0;
line-height: 1.6;
font-weight: 400;
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 60px;
}

.box_border-round .tour_link {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
}
.box_border-round .tour_link > p {
width: 100%;
}
.box_border-round .tour_link > p.review {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.box_border-round .tour_link > p.review > span {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
.box_border-round .tour_link > p.review > span strong {
font-family: var(--font-family-en);
font-size:min(4.6vw,20px);
font-weight: 600;
}
.box_border-round .tour_link > p.review > span strong + a {
display: inline-block;
margin-left: .5rem;
color: var(--deep-blue);
border-bottom: 1px solid var(--deep-blue);
}
.box_border-round .tour_link > p.review .review-star {
width: min(48%,100px);
margin-right: 5px;
}
.box_border-round .tour_link > p > .btn_blue_arrow {
display: block;
padding-left: 1rem;
padding-right: 1rem;
}


/* PAGER */
.link_pager {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.link_pager > a {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
margin:0 2px;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--gray20);
font-family: var(--font-family-en);
font-weight: 500;
font-size: min(3.6vw,var(--17px));
color: var(--gray60);
text-align: center;
line-height: 1;
}
.link_pager > a.current {
background: var(--deep-blue);
color: #FFF;
font-weight: 600;
}
.link_pager > a.prev,
.link_pager > a.next {
width: 28px;
margin:0 10px;
background-color: none;
background: url(../images/common/arrow_deep-gray.svg) no-repeat center center;
background-size: 100%;
}
.link_pager > a.prev {
transform:scale(-1,1)
}



@media only screen and (min-width: 768px) {
.box_border-round {
padding: min(4vw,30px) min(2vw,30px) min(2vw,30px);
border: 1px solid var(--text-color20);
height: 100%;
border-radius: 10px;
}
.box_border-round > figure img {
height: 200px;
}
.box_border-round .tour_head p.plan_head,
.box_border-round .tour_head p > a {
font-size:min(1.7vw,var(--16px));
line-height: 1.7;
}
.box_border-round .tour_head {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.box_border-round .tour_head .tag {
position: absolute;
top:-25px;
right:-15px;
}
.box_border-round .tour_price {
margin-top: 0;
}
.box_border-round .tour_price > span {
display: block;
font-size:min(1.4vw,var(--14px));
}
.box_border-round .tour_copy,
.box_border-round .tour_link {
padding-top: 2rem;
width: calc(50% - 5px);
}
.box_border-round .tour_copy {
height: 95px;
font-size:min(1.6vw,var(--15px));
}
.box_border-round .tour_link {
flex-wrap: wrap;
}
.box_border-round .tour_link > p.review {
justify-content: center;
}
.box_border-round .tour_link > p.review > span strong {
font-size:min(1.8vw,18px);
}

.link_pager > a {
margin:0 5px;
font-size: min(2vw,var(--15px));
}

}/* min-width: 768px */




.view_num {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.view_num > small {
display: inline-block;
font-weight: 500;
margin-left: 10px;
}

.bg-gray input.search_date {
background-color: #FFF;
}
.category .bg-gray input.search_date {
position: relative;
border: 1px solid var(--font-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 8;
}




/* favorite */
.box_border-round .btn_delete {
position: absolute;
top:-10px;
left:-5px;
display:inline-block;
padding: .6rem 1.5rem;
border-radius: 10px;
background: var(--text-color20);
font-size: min(2.6vw,12px);
font-weight: 500;
line-height: 1;
cursor: pointer;
z-index: 50;
}



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

.box_border-round .btn_delete {
top:0;
left:0;
border-radius: 0;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}


}