@charset "UTF-8";
/* CSS Document - header/footer/common  */

/* ページ表示時にフェードイン */
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

/* HEADER */
.header {
position: relative;
width: 100%;
display: flex;
align-items: center;
padding: 0 10px;
min-height: 50px;
box-sizing: border-box;
background: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
z-index: 100;
transition: all .2s;
}
.header > .wrapper {
justify-content: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.header .header_logo {
width: min(30vw,190px);
}

.header_nav {
display: none;
}
.header_info {
position: absolute;
right:50px;
top:0;
display: flex;
justify-content: flex-end;
width: calc(100% - 190px);
z-index: 110;
}
.header_info li {
position: relative;
width: 33.3%;
min-height: 50px;
font-family: var(--font-family-en);
font-size: min(2.8vw,12px);
font-weight: 500;
text-align: center;
line-height: 1;
}
.header_info li + li {
border-left: 1px solid #FFF;
}
.header_info li > a {
display: block;
padding-top: 6px;
text-align: center;
height: 100%;
box-sizing: border-box;
background: var(--palegray);
}
.header_info li > a span {
display: block;
padding-top: 6px;
margin: 4px auto 0;
box-sizing: border-box;
width: 23px;
height:23px;
background: #FFF;
text-align: center;
line-height: 1;
font-weight: 600;
border-radius: 50%;
}
.header_info li > a.cart {
background: var(--orange);
}
@media only screen and (min-width: 768px) {
.header {
position: fixed;
top:0;
padding: 10px 30px;
min-height: 80px;
background: hsl(0, 0%, 100%);
border-bottom: 3px solid var(--deep-blue);
}
.header > .wrapper {
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: 100%;
}
.header .header_logo {
width: min(16vw,190px);
}
.header_nav {
display: flex;
justify-content: center;
width:calc(68% - 120px);
}
.header_nav li {
position: relative;
}
.header_nav li + li:before {
position: absolute;
top:50%;
translate: 0 -50%;
content: "";
display: block;
width: 1px;
height: 15px;
background: var(--font-color);
}
.header_nav a {
position: relative;
display: block;
padding: 10px min(1.2vw,25px);
}
.header_nav a:after {
position: absolute;
bottom:-5px;
left:50%;
translate: -50%;
content: "";
display: block;
width: calc(100% - 25px);
height: 2px;
background: var(--blue);
transition: var(--transition);
transform-origin: 50% center;
transform: scaleX(0); 
}
.header_nav a:hover:after,
.header_nav a.current:after {
transform: scaleX(1);
}


.header_info {
top:14px;
right: 0;
width: min(32vw,300px);
}
.header_info li:first-child > a {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.header.scroll-nav {
padding: 0 30px;
min-height: 52px;
}
.header.scroll-nav .header_logo {
width: 140px;
}
.header.scroll-nav .header_nav a {
padding-top: 0;
padding-bottom: 0;
font-size: var(--15px);
}
.header.scroll-nav .header_nav a:after {
bottom: -13px;
}
.header.scroll-nav .header_info {
top:1px;
}





}/* header min-width: 768px */




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


@media only screen and (min-width: 1320px) {
.header_nav {
width:calc(100% - 420px);
}
}/* min-width: 1320px */




/* humberger */
.hmenu-wrapper{
position:fixed;
top:0;
right:0;
z-index: 500;
}
.hmenu{
width: 50px;
height:50px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 500;
}
.hmenu1{top:12px;}
.hmenu2{top:22px;}
.hmenu3{top:32px;}
.hmenu1,.hmenu2,.hmenu3 {
position:absolute;
left:13px;
height:3px;
width: 25px;
transition: all 0.3s ease-out;
display: inline-block;
background-color: var(--font-color);
}
.hmenuclick1,
.hmenuclick3 {top:22px;}
.hmenuclick2 {
display: none;
}
.hmenuclick1{transform: rotate(45deg);}
.hmenuclick3{transform: rotate(-45deg);}
.hmenu-back{
position: relative;
display: none;
position: fixed;
background:var(--palegray);
opacity: 1;
z-index: 300;
width: 100%;
height: 100%;
top:0;
left:0;
}


/* toggle_nav */
.toggle_nav {
display: none;
width: 100%;
height: 100vh;
position: fixed;
top:0;
left:50%;
transform: translateX(-50%);
z-index: 400;
overflow-y: auto;
background : var(--palegray);
padding: 20px 30px;
box-sizing: border-box;
}
.toggle_nav .logo {
padding-bottom: 10px;
}
.toggle_nav .logo img {
width: min(40vw,120px);
}
.toggle_nav .menu ul {
padding: 1rem 0;
border-bottom: 1px solid var(--lightgray);
}
.btn_sns {
display: flex;
justify-content: center;
gap:min(5vw,15px);
padding: 20px 30px;
box-sizing: border-box;
}
.btn_sns a {
display: block;
width: min(6.5vw,25px);
}
.toggle_nav .menu a {
display: inline-block;
padding: .5rem 0;
font-weight: 500;
font-size: min(3.4vw,14px);
}
.toggle_nav .menu a:after {
content: "";
display: inline-block;
margin-left: 5px;
width: 8px;
height: 8px;
border-right: 2px solid var(--font-color);
border-top: 2px solid var(--font-color);
rotate: 45deg;
}


@media only screen and (min-width: 768px) {
.hmenu-wrapper,.toggle_nav {
display: none;
}

}/* min-width: 768px */






/* FOOTER */
.footer {
padding-top:3rem;
background: var(--palegray);
}
.footer a {
display: inline-block;
}
.footer .footer_logo > img {
width: min(100%,225px);
}
.footer .footer_sns {
display: flex;
align-items: center;
justify-content: flex-end;
gap:min(2vw,15px);
}
.footer .footer_sns > a {
display: block;
width: min(8vw,35px);
}
.footer .footer_sns > a.youtube {
width: min(9vw,38px);
margin-left: min(0.5vw,3px);
}

.footer_menu {
padding-bottom: 0;
}
.footer_menu dl {
padding: 1rem 0;
border-top: 1px solid var(--lightgray);
}
.footer_menu dt {
position: relative;
font-weight: 600;
font-size: min(3.5vw,16px);
cursor: pointer;
}
.footer_menu dt:after {
position: absolute;
right:10px;
top:5px;
content: "";
display: block;
width: 9px;
height: 9px;
border-right: 1px solid var(--font-color);
border-bottom: 1px solid var(--font-color);
rotate: 45deg;
}
.footer_menu dt.close:after {
top:10px;
rotate: -135deg;
}
.footer_menu dd {
display: none;
padding-top: 10px;
}
.footer_menu dd a {
display: block;
padding: .3rem 0;
width: 50%;
line-height: 1.6;
}

.copyright {
padding: min(4vw,40px) 0 min(2vw,20px);
text-align: center;
font-family: var(--font-family-en);
font-size: min(2.4vw,var(--14px));
border-top: 1px solid var(--lightgray);
}





@media only screen and (min-width: 768px) {
.footer {
padding-top:4rem;
}
.footer_menu {
display: flex;
gap:min(1vw,60px);
}
.footer_menu dl {
border-top: none;
width: 100%;
}
.footer_menu dt {
margin-bottom: .8rem;
font-size: min(1.9vw,18px);
cursor: default;
}
.footer_menu dt:after {
display: none;
}
.footer_menu dd {
display: block;
}
.footer_menu dd a {
width: 100%;
}
.footer_menu dd .column-1 a {
width: 100%;
}

}/* FOOTER min-width: 768px */




@media only screen and (min-width: 1025px) {
.footer_menu dd a {
width: 50%;
}
.footer_menu dd .column-1 a {
width: 100%;
}


}/* FOOTER min-width: 1025px */





.btn_fixed {
position: fixed;
bottom:0;
left:0;
z-index: 100;
width: 100%;
}
.btn_fixed .btn_pagetop {
position:absolute;
bottom: min(3vw,30px);
right:30px;
display: block;
width: min(5vw,30px);
height: min(5vw,30px);
border-top: 1px solid var(--font-color);
border-left: 1px solid var(--font-color);
rotate:45deg;
text-indent: -9999px;
z-index: 103;
}

.btn_fixed .btn_comparison {
display: flex;
align-items: center;
justify-content: center;
padding: .6rem;
margin: 0 auto 10px;
width: min(80vw,180px);
background: #FFF;
border: 1px solid var(--font-color);
border-radius: 3px;
}
.btn_fixed .btn_comparison strong {
font-size: min(3.2vw,14px);
font-weight: 500;
text-align: center;
}

.btn_fixed .btn_comparison:hover {
opacity: 1;
background: var(--lightgray);
}
.btn_fixed .btn_comparison:before {
content: "";
display: inline-block;
vertical-align: middle;
margin:5px;
width: min(3.5vw,16px);
height: min(3.5vw,16px);
background: url(../images/common/icon_comparison.svg) no-repeat center center;
background-size: 100%;
}

.btn_fixed .btn_comparison > span {
display: inline-block;
padding-top: 6px;
box-sizing: border-box;
margin-left: 5px;
width: 23px;
height:23px;
background: var(--lightgray);
text-align: center;
line-height: 1;
font-size: var(--13px);
font-weight: 600;
border-radius: 50%;
}






@media only screen and (min-width: 768px) {
.btn_fixed {
left:auto;
right:0;
display: flex;
justify-content: flex-end;
width: 80px;
}
.btn_fixed .btn_comparison {
flex-wrap: wrap;
justify-content: center;
margin: 0 0 100px;
width: 45px;
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn_fixed .btn_comparison span,
.btn_fixed .btn_comparison strong {
display: block;
}
.btn_fixed .btn_comparison strong {
writing-mode:vertical-rl;
-ms-writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
font-family:sans-serif!important;
margin: 3px 0 6px;
}
.btn_fixed .btn_comparison > span {
font-size: 12px;
margin-left:0;
width: 25px;
height:25px;
}

}/* min-width: 768px */












/* COMMON */

article {}


@media only screen and (min-width: 768px) {
article {
padding-top: 80px;
}

}/*min-width: 768px*/






/* rayout */

/* text */
.t-blue {color: var(--blue);}
.t-orange {color: var(--orange);}
.t-red {color: var(--red);}
.t-black {color: var(--font-color);}

/* background */
.bg_gray {background: var(--palegray);}
.bg_lightgray {background: var(--lightgray);}

/* title */
.head_icon_26 {
display: flex;
align-items: center;
gap:min(2vw,10px);
font-size: min(4.5vw,var(--26px));
font-weight: 700;
}
.head_icon_26 .icon {
width: min(7vw, 46px);
}
.head_icon_26 > strong {
display: inline-block;
font-weight: 700;
}
.head_icon_26 + .list_tour-card {
margin-top: min(4vw,25px);
}
.head_icon_30 {
display: flex;
align-items: center;
gap:min(1vw,5px);
font-size: min(6vw,var(--30px));
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.2;
}
.head_icon_30 .icon {
width: min(7vw, 35px);
}
.head_icon_30 > small {
display: inline-block;
font-size: 60%;
}
.head_icon_30 .icon {
width: min(6vw, 26px);
}

.head_22 {
font-size: min(5vw, var(--22px));
font-weight: 700;
line-height: 1.5;
}




/* link button */
a.underline {
border-bottom: 1px dotted var(--font-color);
}
a.blueline {
text-decoration: underline;
color: var(--blue);
} 
.btn_round,
.btn_white_round,
.btn_lightgray_round {
position: relative;
display: block;
background:var(--font-color);
border: 1px solid var(--font-color);
padding: 1.5rem;
border-radius:30px;
font-weight: 700;
letter-spacing: 0.2em;
color: #FFF;
text-align: center;
line-height: 1.5;
cursor: pointer;
}
.btn_round:after {
position: absolute;
top:50%;
translate: 0 -50%;
right:min(7vw,25px);
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
rotate: 45deg;
}
.btn_round.prev:after {
right:auto;
left:min(7vw,25px);
border:none;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}
.btn_white_round {
background: #FFF;
color: var(--font-color);
}
.btn_lightgray_round {
border: none;
background: var(--lightgray);
color: var(--font-color);
}

.btn_gray_round,
.btn_gray_round_arrow {
position: relative;
display: block;
padding: 1.5rem;
box-sizing: border-box;
border-radius:30px;
background: var(--gray70);
border: 1px solid var(--gray70);
font-weight: 700;
letter-spacing: 0.2em;
color: #FFF;
text-align: center;
line-height: 1.5;
cursor: pointer;
}
.btn_gray_round_arrow::after {
position: absolute;
top:50%;
translate: 0 -50%;
right:min(7vw,25px);
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
rotate: 45deg;
}
.btn_gray_round_arrow.prev:after {
right:auto;
left:min(7vw,25px);
border:none;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}

.btn_blue_round,
.btn_blue_round_arrow {
position: relative;
display: block;
padding: 1.5rem;
box-sizing: border-box;
border-radius:30px;
background: var(--blue);
font-weight: 700;
letter-spacing: 0.2em;
color: #FFF;
text-align: center;
line-height: 1.5;
cursor: pointer;
}
.btn_blue_round_arrow {
padding: 1.5rem 4rem 1.5rem 2rem;
}
.btn_blue_round_arrow::after {
position: absolute;
top:50%;
translate: 0 -50%;
right:min(7vw,25px);
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
rotate: 45deg;
}


/* reviewの★ */
.review-star {
display: inline-block;
width:95px;
height: 18px;
background: url(../images/common/star-5.svg) no-repeat left center;
background-size: 100%;
}
.review-star.star0 {background-image:  url(../images/common/star-0.svg);}
.review-star.star1 {background-image:  url(../images/common/star-1.svg);}
.review-star.star2 {background-image:  url(../images/common/star-2.svg);}
.review-star.star3 {background-image:  url(../images/common/star-3.svg);}
.review-star.star4 {background-image:  url(../images/common/star-4.svg);}
.review-star.star5 {background-image:  url(../images/common/star-5.svg);}





@media only screen and (min-width: 768px) {
.head_icon_26 {
letter-spacing: 0.2em;
font-size: min(3vw,26px);
}
.head_icon_26 .icon {
width: min(4.5vw, 46px);
}
.btn_white_round,
.btn_lightgray_round {
padding: 1.5rem 4rem;
}
.btn_blue_round_arrow,
.btn_gray_round_arrow {
padding: 1.5rem 5rem;
}


}/* min-width: 768px */




/* parts */
hr.period {
margin:3rem auto;
border-top: 1px solid var(--font-color);
width: calc(100% - 40px);
max-width: 1280px;
}
hr.period.dot {
border-top-style: dotted;
}
hr.newline {
margin:1rem auto;
width: 100%;
}
a.anchor {
display: block;
padding-top: 70px;
margin-top: -70px;
}

.wrap_video video {
width: 100%;
}
.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%
}
.gmap > iframe {
width: 100%;
aspect-ratio: 16/9;
}

.trigger {
cursor: pointer;
transition: var(--transition);
}
.trigger:hover {
opacity: var(--bg-opacity);
}
.open_content {
display: none;
}

.list_disc > li {
position: relative;
padding-left: min(3.5vw,20px);
line-height: 1.6;
}
.list_disc > li + li {
margin-top: .6rem;
}
.list_disc > li:before {
position: absolute;
top:min(1.5vw,12px);
left:min(0.5vw,5px);
content: "";
display: block;
width: 6px;
height: 6px;
background: var(--gray50);
border-radius: 50%;
}

.list_default > li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: min(1vw,6px) 0;
border-top: 1px solid var(--gray20);
}
.list_default > li:last-child {
border-bottom: 1px solid var(--gray20);
}
.list_default > li > strong,
.list_default > li > span {
display: block;
box-sizing: border-box;
line-height: 1.5;
}
.list_default > li > strong {
width: 30%;
font-weight: 500;
}
.list_default > li > span {
width: 70%;
padding-left: 20px;
}



.table_default {
border-top: 1px solid var(--gray20);
border-left: 1px dotted var(--gray20);
}
.table_default th,
.table_default td {
padding: .5rem;
border-bottom: 1px solid var(--gray20);
border-right: 1px dotted var(--gray20);
line-height: 1.6;
}

.no_scroll {overflow: hidden;}

@media only screen and (min-width: 768px) {
/* COMMON */
.table_default td {
padding: 1rem;
}

hr.period {
margin:5rem auto;
width: calc(100% - 60px);
}
hr.newline {
margin:3rem auto;
}
.gmap > iframe {
aspect-ratio: 2.35/1;
}

}/* min-width: 768px */


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




/* お気に入り/比較表追加ボタン */
.check-btn {
position: relative;
display: inline-block;
padding: 6px 10px 6px 20px;
border-radius: 20px;
background: var(--lightgray);
border: 1px solid var(--lightgray);
font-size: min(3vw,13px);
font-weight: 500;
color: var(--gray50);
cursor: pointer;
transition: var(--transition);
}
.check-btn:hover {
opacity: var(--bg-opacity);
}
.check-btn.selected {
background: #FFF;
color: var(--font-color);
}
.check-btn.selected:before {
position: absolute;
top:5px;
left:8px;
content: "";
display: block;
width: 6px;
height: 10px;
rotate: 45deg;
}
.check-btn.favorite.selected:before {
border-bottom: 2px solid var(--orange);
border-right: 2px solid var(--orange);
}
.check-btn.comparison.selected:before {
border-bottom: 2px solid var(--blue);
border-right: 2px solid var(--blue);
}




@media only screen and (min-width: 768px) {
.check-btn {
font-size: min(1.5vw,13px);
}
.check-btn.favorite.selected {
border:1px solid var(--orange)
}
.check-btn.comparison.selected {
border:1px solid var(--blue)
}

}/* min-width: 768px */


@media only screen and (min-width: 1025px) {
.check-btn {
padding: 6px 15px 6px 30px;
}
.check-btn.selected:before {
top:6px;
left:13px;
}

}/* min-width: 1025px */






/* SLICK */
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 8px;
height: 8px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width:100%;
height: 100%;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
text-align: center;
border-radius: 50%;
opacity: 1;
background: var(--lightgray);
transition: background .5s;
}
.slick-dots li.slick-active button:before{
background: var(--font-color);
}

/* arrow */
.slick-slider .slick-arrow {
position: absolute;
top: 50%;
width: 15px;
height: 15px;
transform: rotate(45deg) translateY(-50%);
z-index: 50;
font-size: 0;
text-indent: -9999px;
}
.slick-slider .slick-prev {
left: 10px;
border-bottom: 2px solid var(--font-color);
border-left: 2px solid var(--font-color);
}
.slick-slider .slick-next {
right: 16px;
border-top: 2px solid var(--font-color);
border-right: 2px solid var(--font-color);
}
.slick-slider button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
padding: 0;
}



@media only screen and (min-width: 768px) {
.slick-dots {
bottom: -40px;
}
.slick-dots li{
width: 10px;
height: 10px;
margin: 0 6px;
}
.slick-slider .slick-arrow {
width: 30px;
height: 30px;
}
.slick-slider .slick-prev {
left: 20px;
}
.slick-slider .slick-next {
right: 40px;
}

}/* slick min-width: 768px */



/* TOUR SLIDER */
/* tour-slider */
.container.slide-wrap {
padding: 3rem min(2vw,10px) 5rem;
}
.container.slide-wrap + .slide-wrap {
padding-top: 0;
}
.slide-wrap .head_icon_28 {
padding:0 5px 10px;
}
.tour-slider.slick-slider .slick-arrow {
top:50%;
translate: 0 -50%;
width: min(10vw,46px);
height: min(10vw,46px);
transform: none;
}
.tour-slider.slick-slider .slick-prev {
left:-5px;
border: none;
background: url(../images/common/btn_slide-prev.svg) no-repeat center center;
background-size: cover;
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .4));
}
.tour-slider.slick-slider .slick-next {
right:-5px;
border: none;
background: url(../images/common/btn_slide-next.svg) no-repeat center center;
background-size: cover;
filter: drop-shadow(-2px 2px 5px rgba(0, 0, 0, .4));
}

/*ループさせないときの指定*/
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 1;
}



/* LIST TOUR CARD */
.list_tour-card .slick-track {
display: flex;
}
.list_tour-card .slick-slide {
height: auto !important;
}
.list_tour-card li {
position: relative;
width: min(60vw,270px);
margin: 0 5px;
}
.list_tour-card li a {
position: relative;
display: block;
}
.list_tour-card li figure {
position: relative;
}
.list_tour-card 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,.9) 80%, rgba(0,0,0,.9) 100%);
}
.list_tour-card li dl {
position: absolute;
bottom:10px;
left:50%;
translate: -50%;
padding: 10px;
box-sizing: border-box;
line-height: 1.5;
width: 100%;
color: #FFF;
}

.list_tour-card li strong.head {
display: block;
position: absolute;
bottom:10px;
left:50%;
translate: -50%;
padding: 10px;
box-sizing: border-box;
line-height: 1.5;
width: 100%;
color: #FFF;
font-size: min(3.4vw, var(--20px));
font-weight: 700;
text-align: center;
}

.list_tour-card li dl dt {
margin-bottom: .4rem;
font-size: min(3.4vw, var(--20px));
font-weight: 700;
text-align: center;
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.list_tour-card li dl dd {
font-size: min(2.2vw, var(--14px));
font-weight: 500;
text-align: center;
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.list_tour-card li img {
display: block;
object-fit: cover;
width: 100%;
height:180px;
border-radius: 10px;
}
.list_tour-card .rank {
position: absolute;
top:10px;
left:10px;
display: block;
padding-top: min(1.2vw,7px);
width: min(7vw,30px);
height: min(7vw,30px);
border-radius: 50%;
background: var(--orange);
text-align: center;
font-family: var(--font-family-en);
font-size: min(6vw,15px);
font-weight: 700;
color: #FFF;
line-height: 1;
z-index: 6;
}



/* LIST TOUR CARD RANKING */
.list_tour-card.ranking li img {
height:min(30vw,165px);
}
.list_tour-card.ranking  li figure:after {
display: none;
}

.list_tour-card h4 {
margin: 1rem 0 .5rem;
font-size: min(3.4vw, var(--20px));
font-weight: 700;
line-height: 1.6;
}
.list_tour-card h4 + p {
display: flex;
justify-content: space-between;
align-items: center;
}
.list_tour-card h4 + p > span {
display: block;
}
.list_tour-card h4 + p > span.review-star {
width: min(40%,90px);
}
.list_tour-card h4 + p > span.price {
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
gap:3px;
width:60%;
}
.list_tour-card h4 + p > span.price > small {
display: inline-block;
font-size: min(2vw, var(--12px));
}
.list_tour-card h4 + p > span.price strong {
padding-right: 5px;
font-weight: 700;
font-size: min(3.6vw, var(--22px));
letter-spacing: normal;
}





@media only screen and (min-width: 768px) {
.container.slide-wrap {
padding: 70px 20px 80px;
}
.slide-wrap .head_icon_28 {
padding: 0 20px 15px 20px;
}
.list_tour-card li {
margin:0 10px
}
.list_tour-card li img {
height: 225px;
}
.list_tour-card h4 {
font-size: min(2vw,18px);
}
.list_tour-card h4 + p > span.price strong {
font-size: min(2.4vw,20px);
}
.tour-slider.slick-slider .slick-prev {
left:-10px;
}
.tour-slider.slick-slider .slick-next {
right:-10px;
}
}/* min-width: 768px */



@media only screen and (min-width: 1260px) {
.container.slide-wrap {
margin: 0 auto;
max-width: 1320px;
}
.tour-slider.slick-slider .slick-prev {
left:-15px;
}
.tour-slider.slick-slider .slick-next {
right:-15px;
}

}/* min-width: 1260px */








/* LIST AREA CARD */
.list_area-card a {
display: block;
position: relative;
box-shadow: var(--shadow);
border-radius: 10px;
z-index: 1;
}
.list_area-card a img {
display: block;
object-fit: cover;
width: 100%;
height: min(32vw,200px);
border-radius: 10px;
}
.list_area-card a > span {
position: absolute;
bottom:min(3vw,20px);
left:50%;
translate: -50%;
font-size: min(3.4vw, var(--20px));
font-weight: 700;
color: #FFF;
text-align: center;
letter-spacing: 0.1em;
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
z-index: 2;
}
.list_area-card a:after {
position: absolute;
bottom: 0;
left:0;
content: "";
display: block;
width: 100%;
height: 60%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,.9) 80%, rgba(0,0,0,.9) 100%);
}





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

}/* min-width: 768px */






/* Form Parts */
/* form common parts */
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding-left: 28px;
vertical-align: middle;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 3px;
content: '';
background: var(--palegray);
}
.checkbox:before {
position: absolute;
top: 50%;
left:6px;
display: block;
margin-top: -10px;
width: 8px;
height: 16px;
border-right: 3px solid var(--blue);
border-bottom: 3px solid var(--blue);
content: '';
opacity: 0;
transform: rotate(45deg);
z-index: 10;
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}
::-webkit-input-placeholder {
color: var(--gray70);
opacity: 0.5;
}
::-moz-placeholder {
color: var(--gray70);
opacity: 0.5;
}
input:focus {outline:none;}

.radio_button + label {
position: relative;
padding-left: 30px;
margin-right: 30px;
cursor: pointer;
}
.radio_button + label::before {
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
width: 25px;
height: 25px;
background: var(--gray10);
border-radius: 50%;
}
.radio_button:checked + label::after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 5px;
width: 15px;
height: 15px;
background: var(--deep-blue);
border-radius: 50%;
}

.select {
background:#FFF url(../images/common/arrow_select.svg) no-repeat right 20px top 50%;
background-size: 15px;
padding: .8rem min(5vw,30px);
border-radius: 30px;
font-size:min(3.6vw,16px);
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--font-color);
border: 1px solid var(--font-color);
}


/* SEARCH */
.wrap_search_keyword {
position: relative;
}
input.search_keyword,
input.search_date {
display: block;
padding: .8rem min(5vw,30px);
border-radius: 6px;
width: 100%;
background:#FFF;
}
input.search_date {
background: #FFF url(../images/common/icon_cal_blue.svg) no-repeat right 20px center;
background-size:15px;
}
.wrap_search_keyword .btn_search {
position: absolute;
top:50%;
translate: 0 -50%;
right:0;
content: "";
display: block;
width: min(12vw,56px);
height: calc(100% - 20px);
background: url(../images/common/icon_search.svg) no-repeat right 50% center;
background-size: 18px;
text-indent: -9999px;
border-left: 1px solid var(--font-color);
} 

.btn-blue_send {
position: relative;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
padding:1.5rem min(3.6vw,50px);
width: 100%;
background : linear-gradient(90deg, rgba(0, 166, 233, 1) 0%, rgba(0, 128, 203, 1) 100%);
border-radius: 35px;
font-size: min(4.5vw,var(--20px));
font-weight: 700;
color: #FFF;
line-height: 1.5;
transition: var(--transition);
}
.btn-blue_send:after {
display: inline-block;
margin-left: 5px;
width: min(4.5vw,20px);
height: 20px;
content: "";
display: block;
background: url(../images/common/icon_search_white.svg) no-repeat center center;
background-size:100%;
}
.btn-blue_send:hover {
opacity: var(--bg-opacity);
}


@media only screen and (min-width: 768px) {
.btn-blue_send {
width: auto;
padding:2rem min(5vw,50px);
}

}/* min-width: 768px */





/* date picker */
.ui-datepicker.ui-widget.ui-widget-content {
box-sizing: border-box;
width: calc(100% - 20px);
background: #FFF;
font-size:140%;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
border-radius: 10px;
}
@media only screen and (max-width: 639px) {
.ui-datepicker.ui-widget.ui-widget-content {
left:10px!important;
}
}
.ui-datepicker-calendar {
width: 100%;
margin-bottom: 10px;
}
.ui-datepicker-calendar td {
position: relative;
text-align: center;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
display: block;
padding: .6rem 0;
box-sizing: border-box;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled {
opacity: .5;
background: var(--lightgray);
}
.ui-datepicker-calendar td a.ui-state-active {
background: var(--blue);
color: #FFF;
font-weight: 600;
}
.ui-datepicker-calendar th {
font-weight: 500;
color: var(--gray70);
font-size: var(--16px);
}
.ui-datepicker-other-month {
background: var(--lightgray);
color: var(--gray70);
}
.ui-datepicker-header {
position: relative;
}
.ui-datepicker-title {
padding: 10px 10px 0;
margin-bottom: 10px;
text-align: center;
font-size: var(--20px);
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: absolute;
top:50%;
transform: translateY(-50%);
left: 10px;
width: 16px;
height: 16px;
cursor: pointer;
}
.ui-datepicker-next {
left:auto;
right:10px;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
position: absolute;
top:10px;
left:0;
content: "";
display: block;
width: 10px;
height: 10px;
border-bottom:2px solid var(--gray70);
border-left:2px solid var(--gray70);
transform: rotate(45deg);
}
.ui-datepicker-next:before {
transform: rotate(-135deg);
}
.ui-datepicker-prev > span,
.ui-datepicker-next > span {
display: none;
}

@media only screen and (min-width: 768px) {
.ui-datepicker.ui-widget.ui-widget-content {
width:min(100%,300px);
}
}/* date min-width: 640px */




/* SEARCH */
.box_category-search {
padding:min(5vw,90px);
box-sizing: border-box;
border-radius: 10px;
background: #FFF;
border:1px solid var(--gray20)
}
.box_category-search .d-f-md {
margin: 1.5rem 0 2rem
}
.box_category-search dl.d-f {
justify-content: space-between;
align-items: center;
margin-top: 1rem;
}
.box_category-search dl.d-f dt {
width: 25%;
font-weight: 500;
}
.box_category-search dl.d-f dd {
width:calc(75% - 10px);
}



@media only screen and (min-width: 768px) {
.box_category-search .d-f-md {
flex-wrap: wrap;
justify-content: space-between;
margin: 1rem 0 3rem
}
.box_category-search .d-f-md > dl {
width: calc(50% - 10px);
}
.box_category-search .d-f-md > dl.d-f dt,
.box_category-search .d-f-md > dl.d-f dd {
width: 100%;
}


}/* min-width: 768px */




@media only screen and (min-width: 1025px) {
.box_category-search .d-f-md {
flex-wrap: nowrap;
gap:10px;
}
.box_category-search .d-f-md > dl {
width:100%;
}

}/* min-width: 1025px */








/* POPUP SELECT BOX */
/* trigger */
.btn_open_select {
display: block;
background:#FFF url(../images/common/arrow_select.svg) no-repeat right 10px top 50%;
background-size: 15px;
padding: .6rem min(5vw,20px);
border-radius: 6px;
font-size:min(3.6vw,16px);
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}


/* open contents */
.popup_select-box {
display: none;
position: fixed;
top:50%;
left:50%;
translate: -50% -50%;
background: var(--palegray);
width: 100%;
padding:30px 10px 10px 10px;
border-radius: 8px;
box-sizing: border-box;
z-index: 100;
box-shadow: var(--shadow);
}
.popup_select-box .btn_popup_close {
position: absolute;
top:10px;
right:10px;
display: block;
width: 18px;
height: 18px;
text-indent: -9999px;
cursor: pointer;
}
.popup_select-box .btn_popup_close:before,
.popup_select-box .btn_popup_close:after{
position: absolute;
top:0;
left:8px;
content: "";
display: block;
height: 100%;
width: 1px;
background: var(--font-color);
transform: rotate(45deg);
}
.popup_select-box .btn_popup_close:after{
transform: rotate(-45deg);
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(240,242,245,.8);
width: 100%;
height: 100%;
z-index: 50;
}
.no_scroll {overflow: hidden;}






@media only screen and (min-width: 768px) {
.popup_select-box {
width: min(80vw,960px);
}


}/* min-width: 768px */




.btn_open_sort {
position: relative;
}
.btn_open_sort dt {
background:#FFF url(../images/common/arrow_select.svg) no-repeat right 10px top 50%;
background-size: 15px;
padding: .6rem min(5vw,20px);
border-radius: 6px;
font-size:min(3.6vw,16px);
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.btn_open_sort dt.close {
background-image: url(../images/common/arrow_select_up.svg);
}
.btn_open_sort dd {
position: absolute;
top:36px;
left:0;
width: 100%;
background: var(--palegray);
padding: min(1vw,5px) min(2vw,10px);
box-sizing: border-box;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
z-index: 7;
}
.sort_list li {
position: relative;
margin: 5px 0;
padding: 5px 5px 5px 15px;
box-sizing: border-box;
width: 100%;
background: #FFF;
text-align: center;
font-size: min(3.4vw,14px);
border-radius: 30px;
line-height: 1.4;
cursor: pointer;
transition: var(--transition);
}
.sort_list li.active {
background: var(--blue);
border-color: var(--blue);
color: #FFF;
font-weight: 500;
}
.sort_list li.active:before {
position: absolute;
top:6px;
left:10px;
content: "";
display: block;
width: 8px;
height: 12px;
border-bottom: 3px solid #FFF;
border-right: 3px solid #FFF;
rotate: 45deg;
}
.sort_list li:hover {
opacity: var(--bg-opacity);
}



@media only screen and (min-width: 768px) {
.sort_list li {
position: relative;
margin: 8px 0;
padding: 5px 10px;
}
.sort_list li.active:before {
top:8px;
left:15px;
}



}/* min-width: 768px */





















/* loader */
.loader-wrap {
position: fixed;
top:0;
left:0;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #fff;
z-index: 2000;
}
.loader,
.loader:after {
border-radius: 50%;
width: 70px;
height: 70px;
}
.loader {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 3px solid rgba(131, 161, 202, 0.2);
border-right: 3px solid rgba(131, 161, 202, 0.2);
border-bottom: 3px solid rgba(131, 161, 202, 0.2);
border-left: 3px solid var(--font-color);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}



@media only screen and (min-width: 960px) {
.loader-wrap {
display: flex;
}
}