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

.head_result-list {
background: var(--lightgray);
}
.head_result-list h1,
.head_result-list .view_num {
width: 100%;
}

.head_result-list h1 {
display: flex;
align-items: center;
gap:min(0.5vw,5px);
font-size: min(6vw,var(--26px));
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.2;
}
.head_result-list h1 .icon {
width: min(6vw, 30px);
}
.head_result-list h1 > small {
display: inline-block;
font-size: 60%;
}
.view_num {
display: flex;
align-items: center;
justify-content: flex-end;
gap:5px;
font-weight: 500;
margin: 0 0 .6rem;
}
.view_num > span {
display: inline-block;
}
.view_num > span > strong {
font-family: var(--font-family-en);
font-weight: 700;
font-size: 140%;
}
.head_result-list .view_num > span.review-star {
width: min(20vw,92px);
}
.head_result-list .wrap_head-btn {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: min(1vw,10px);
}
.head_result-list .btn_open_select {
width: min(22%,130px);
}
.head_result-list .btn_open_sort {
width: min(32%,154px);
}
.btn_change {
display: flex;
width: min(20%,76px);
height: 34px;
}
.btn_change > span {
display: block;
border: 1px solid #FFF;
background-color: #FFF;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
width: 100%;
box-sizing: border-box;
cursor: pointer;
transition: var(--transition);
}
.btn_change > span:hover {
opacity: var(--bg-opacity);
}
.btn_change > span.grid {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background-image: url(../images/common/btn_grid.svg);
}
.btn_change > span.list {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-image: url(../images/common/btn_list.svg);
}
.btn_change > span.grid.active,
.btn_change > span.list.active {
cursor: default;
background-color: transparent;
}
.btn_change > span.grid.active {background-image: url(../images/common/btn_grid_w.svg);}
.btn_change > span.list.active {background-image: url(../images/common/btn_list_w.svg);}
.btn_change > span.active:hover {
opacity: 1;
}


@media only screen and (min-width: 768px) {
.head_result-list h1 {
font-size: min(1.8vw,25px);
}
.view_num {
font-size: min(1vw,14px);
}
.head_result-list .view_num > span.review-star {
width: min(6vw,80px);
}
.head_result-list .view_num + div {
margin-top: 1rem;
}
.head_result-list .wrap_head-btn {
justify-content: flex-end;
}
.head_result-list .btn_open_select {
width: 28%;
}
.head_result-list .btn_open_sort {
width:38%;
}
.btn_change {
width:76px;
}


}/* min-width: 768px */


@media only screen and (min-width: 1025px) {
.head_result-list h1 {
width: 72%;
letter-spacing: 0.08em;
}
.head_result-list .view_num {
width: 28%;
}
.head_result-list .btn_open_select {
width: min(22%,130px);
}
.head_result-list .btn_open_sort {
width: min(30%,154px);
}


}/* min-width: 1025px */







.popup_select-box .select_list {
display: flex;
flex-wrap: wrap;
}
.popup_select-box .select_list li {
position: relative;
align-content: center;
margin: 3px;
padding: 5px 10px 5px 30px;
box-sizing: border-box;
width: calc(50% - 6px);
background: #FFF;
text-align: center;
font-size: min(3.4vw,14px);
border-radius: 30px;
line-height: 1.4;
cursor: pointer;
transition: var(--transition);
}
.popup_select-box .select_list li:hover {
opacity: var(--bg-opacity);
}
.popup_select-box .select_list li.active {
background: var(--blue);
border-color: var(--blue);
color: #FFF;
font-weight: 500;
}
.popup_select-box .select_list li.active:before {
position: absolute;
top:8px;
left:16px;
content: "";
display: block;
width: 8px;
height: 12px;
border-bottom: 3px solid #FFF;
border-right: 3px solid #FFF;
rotate: 45deg;
}

@media only screen and (min-width: 768px) {
.popup_select-box .select_list li {
position: relative;
margin: 5px;
padding: 8px 10px 8px 30px;
box-sizing: border-box;
width: calc(33.3% - 10px);
}
.popup_select-box .select_list li.active:before {
top:9px;
width: 10px;
height: 14px;
}
}/* min-width: 768px */








/* リスト - list */
.result_list .wrapper > ul > li + li {
margin-top: min(6vw,50px);
padding-top: min(6vw,50px);
border-top: 1px dashed var(--gray50);
}
.result_list .box_image {
position: relative;
}
.result_list .box_image > a {
display: block;
position: relative;
}
.result_list .box_image > a:after {
position: absolute;
bottom: 0;
left:0;
content: "";
display: block;
width: 100%;
height: 60%;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,.3) 80%, rgba(0,0,0,.3) 100%);
}
.result_list .box_image a > .tag {
position: absolute;
top:5px;
left:5px;
background: var(--orange);
font-weight: 500;
font-size:min(3.6vw,13px);
line-height: 1.2;
padding: 4px 10px;
border-top-left-radius: 6px;
}
.result_list .box_image img {
display: block;
width: 100%;
height: 170px;
object-fit: cover;
border-radius: 6px;
}

.result_list .box_image .wrap_check {
position: absolute;
bottom:0;
left:0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
.result_list .box_image .wrap_check > p {
display: flex;
align-items:flex-end;
line-height: 1;
gap:min(1.2vw,8px)
}


.result_list .box_image .wrap_check .review-star + a {
display: inline-block;
color: #FFF;
font-size: var(--13px);
line-height: 1;
}

.result_list .box_head {
display: block;
}
.result_list .box_head h3 {
margin:1.5rem 0 .5rem
}
.result_list .box_head .list_disc {
margin-top: 1rem;
}
.result_list .box_head .list_disc > li {
font-size: var(--16px);
}

.result_list .box_price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
}
.result_list .box_price .tourcode {
display: flex;
justify-content: center;
align-items: center;
gap:5px;
padding: .5rem 1rem;
width: 40%;
background: var(--lightgray);
font-weight: 500;
}
.result_list .box_price .tourcode > span {
display: inline-block;
font-size: min(2vw, var(--12px));
line-height: 1;
}
.result_list .box_price .tourcode > span.en {
font-size: min(3vw, var(--15px));
line-height: 1;
}

.result_list .box_price .price {
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
gap:3px;
width: 60%;
}
.result_list .box_price .price > s {
display: inline-block;
font-family: var(--font-family-en);
font-weight: 600;
font-size: min(3vw, var(--16px));
letter-spacing: -0.05em;
line-height: 1;
}
.result_list .box_price .price > s:after {
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 2px;
width: 7px;
height: 7px;
border-right: 1px solid var(--font-color);
border-top: 1px solid var(--font-color);
rotate: 45deg;
}
.result_list .box_price .price > small {
display: inline-block;
font-weight: 600;
font-size: min(3vw, var(--15px));
letter-spacing: -0.05em;
}
.result_list .box_price .price strong {
padding-right: 5px;
font-weight: 700;
font-size: min(4.2vw, var(--28px));
letter-spacing: normal;
line-height: 1;
}
.result_list .box_price .time,
.result_list .box_price .note,
.result_list .box_price .length {
position: relative;
padding-left:min(4.2vw,22px);
font-size: min(3vw, var(--14px));
line-height: 1.4;
margin-top: .5rem;
}
.result_list .box_price .time:before,
.result_list .box_price .note:before,
.result_list .box_price .length:before {
position: absolute;
top:0;
left: 0;
content: "";
display: block;
width: min(4vw,20px);
height: min(4vw,20px);
background: url(../images/common/icon_time.svg) no-repeat left center;
background-size: 100%;
}
.result_list .box_price .note:before {
background-image: url(../images/common/icon_note.svg);
}
.result_list .box_price .length:before {
background-image: url(../images/common/icon_package.svg);
}

.result_list .btn_round {
margin-top: 1rem;
}




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

/* リスト - list */
.result_list li {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap:min(2.5vw,50px)
}
.result_list .box_image {
width: 25%;
}
.result_list .box_head {
width: 50%;
}
.result_list .box_price {
width: 25%;
}

.result_list .box_image .wrap_check {
position: static;
display: block;
padding: 10px 0 0 0;
}
.result_list .box_image .wrap_check > p {
justify-content: space-between;
}
.result_list .box_image .wrap_check > p + p {
justify-content: flex-end;
margin-top: 8px;
}
.result_list .box_image .wrap_check .review-star + a {
color: var(--blue);
font-size: var(--13px);
}
.result_list .box_head {
padding-right: min(2vw,30px);
border-right: 1px solid var(--lightgray);
}

.result_list .box_head h3 {
margin:0 0 1rem
}
.result_list .box_price {
display: block;
margin: 0;
}
.result_list .box_price > p,
.result_list .box_price .price,
.result_list .box_price .tourcode {
width: 100%;
}
.result_list .box_price .price {
margin: .5rem 0 1rem;
}
.result_list .box_price .price > s {
font-size: min(1.2vw,15px);
}
.result_list .box_price .price > small {
font-size: min(1.2vw,14px);
}
.result_list .box_price .price strong {
font-size: min(1.6vw, 23px);
}

.result_list .box_price .tourcode {
margin-bottom:1rem;
}
.result_list .box_price .tourcode > span {
font-size: min(1.2vw,12px);
}
.result_list .box_price .tourcode > span.en {
font-size: min(1.6vw, 14px);
line-height: 1;
}
.result_list .box_price .time,
.result_list .box_price .note {
font-size: min(1.2vw, 14px);
}

.result_list .btn_round {
margin-top: 2rem;
}

}/* min-width: 768px */



@media only screen and (min-width: 1025px) {
.result_list .box_head {
width: 52%;
}
.result_list .box_price {
width: 23%;
}
}/* min-width: 1025px */





/* リスト - grid */
.result_list.grid .wrapper > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.result_list.grid .wrapper > ul > li {
width: calc(50% - 8px);
}
.result_list.grid .wrapper > ul > li + li {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.result_list.grid .wrapper > ul > li:nth-of-type(n + 3) {
margin-top: 3rem;
}
.result_list.grid .box_image img {
height: 100px;
}
.result_list.grid .box_image .wrap_check {
position: static;
display: block;
padding: 10px 0 6px;
}

.result_list.grid .box_image .wrap_check > p {
width: 100%;
justify-content: space-between;
}

.result_list.grid .box_image .wrap_check .check-btn.favorite.selected {
border:1px solid var(--orange)
}
.result_list.grid .box_image .wrap_check .check-btn.comparison.selected {
border:1px solid var(--blue)
}

.result_list.grid .box_head > p,
.result_list.grid .box_head > ul,
.result_list.grid .box_price .tourcode,
.result_list.grid .box_price .time,
.result_list.grid .box_price .note {
display: none;
}

.result_list.grid .box_head h3.head_22 {
margin-top: 0;
font-size: min(4.6vw, var(--18px));
}

.result_list.grid .move-cont {
width: 40%;
}
.result_list.grid .move-cont > a {
display: none;
}
.result_list.grid .move-cont > .review-star {
width: 100%;
}
.result_list.grid .box_price {
margin-top: .5rem;
}
.result_list.grid .box_price .price {
flex-wrap: wrap;
width: 100%;
}
.result_list.grid .box_price .price > s:after {
display: none;
}
.result_list.grid  .box_price .price strong {
padding-right: 0;
font-size: min(3.2vw, var(--18px));
}
.result_list.grid .btn_round {
padding-top: .6rem;
padding-bottom: .6rem;
margin-top: .5rem;
}


@media only screen and (min-width: 768px) {
/* リスト - grid */

.result_list.grid .col-11 {
width: 100%;
padding-right: 0;
}

.result_list.grid .wrapper > ul {
justify-content: flex-start;
}

.result_list.grid .wrapper > ul > li {
width: calc(25% - 15px);
display: block;
margin-right: 15px;
padding: 0 min(0.3vw,10px);
box-sizing: border-box;
}
.result_list.grid .wrapper > ul > li:nth-of-type(n + 3) {
margin-top: 0;
}
.result_list.grid .wrapper > ul > li:nth-of-type(n + 5) {
padding-top: 60px;
}
.result_list.grid .box_image img {
height: 160px;
}

.result_list.grid .box_image,
.result_list.grid .box_head,
.result_list.grid .box_price {
width: 100%;
}
.result_list.grid .box_head {
border-right: none;
padding-right: 0;
}
.result_list.grid .box_price {
display: flex;
justify-content: space-between;
}
.result_list.grid .move-cont {
width: min(40%,92px);
}
.result_list.grid .box_price .price {
width: 100%;
margin: 0;
}
.result_list.grid  .box_price .price strong {
font-size: min(2vw, 22px);
}
.result_list.grid .btn_round {
margin-top: .5rem;
}

}/* min-width: 768px */








@media only screen and (min-width: 1320px) {
/* リスト - grid */
.result_list.grid .wrapper > ul > li {
width: calc(25% - 30px);
margin-right: 30px;
}

}/* min-width: 1025px */



/* 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: 4px;
background: var(--palegray);
font-family: var(--font-family-en);
font-weight: 500;
font-size: min(3.6vw,var(--17px));
text-align: center;
line-height: 1;
}
.link_pager > a.current {
background: var(--gray70);
color: #FFF;
font-weight: 600;
}
.link_pager > a.prev,
.link_pager > a.next {
position: relative;
width: 28px;
margin:0 10px;
background: none;
}

.link_pager > a.prev:after,
.link_pager > a.next:after {
position: absolute;
top:50%;
right:10px;
translate:0 -50%;
content: "";
display: block;
width: min(4vw,20px);
height:min(4vw,20px);
border-top: 1px solid var(--gray70);
border-right: 1px solid var(--gray70);
rotate: 45deg;
}
.link_pager > a.prev:after {
right: auto;
left:10px;
rotate: -135deg;
}


@media only screen and (min-width: 768px) {
.link_pager > a {
margin:0 5px;
font-size: min(2vw,var(--15px));
}

}/* min-width: 768px */






/* 比較表 */
.list_compare {
max-width: 1260px;
width:100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.list_compare table {
min-width: 100%;
text-align: left;
}
.list_compare th,
.list_compare td {
vertical-align: top;
border-bottom: 1px solid var(--gray50);
border-right: 1px dotted var(--gray50);
box-sizing: border-box;
line-height: 1.6;
}
.list_compare th:last-child,
.list_compare td:last-child {
border-right: none;
}
.list_compare th {
padding: 5px;
background: var(--font-color);
font-size:min(3.6vw,12px);
color: #FFF;
font-weight: 500;
white-space: nowrap;
letter-spacing: normal;
vertical-align: middle;
}
.list_compare th.sort_rise,
.list_compare th.sort_descent {
cursor: pointer;
transition: opacity .3s;
}
.list_compare th.sort_rise:hover,
.list_compare th.sort_descent:hover {
opacity: .7;
	}
.list_compare th.sort_rise:after,
.list_compare th.sort_descent:after {
display: inline-block;
margin-left: 5px;
width: 7px;
height: 7px;
content: "";
rotate: 45deg;
}
.list_compare th.sort_rise:after {
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
}
.list_compare th.sort_descent:after {
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
translate: 0 -3px;
}
.list_compare th.sort_rise.active:after,
.list_compare th.sort_descent.active:after {
border-color: var(--orange);
}
.list_compare td {
padding: 5px 5px 10px;
font-size:min(5vw,var(--15px));
}


.list_compare .tourname h2 {
font-size: 106%;
font-weight: 700;
}
.list_compare .tourname .tourcode {
display: inline-block;
margin-top: .5rem;
padding: .2rem 1rem;
border: 1px solid var(--gray50);
line-height: 1;
font-size:min(2.6vw,var(--12px));
color:var(--gray50);
font-family: var(--font-family-en);
letter-spacing: normal;
font-weight: 600;
}
.list_compare .tourname .d-f {
gap:min(1.5vw,5px)
}
.list_compare .tourname .btn_lightgray_round,
.list_compare .tourname .btn_round {
padding: min(1.2vw,10px) min(2vw,10px);
border-radius: 20px;
letter-spacing: normal;
font-size:min(2.8vw,12px);
}
.list_compare .tourname .btn_round {
padding-right: min(6vw,20px);
}
.list_compare .tourname .btn_round:after {
right:min(3vw,10px)
}

.list_compare .photo > a {
display: block;
margin-top: .5rem;
text-decoration: none;
}
.list_compare .photo.review > a.img {
background:none;
padding-left: 0;
}
.list_compare .photo.review > span.review-star {
margin-top: .5rem;
width: 60%;
max-width: 60%;
}
.list_compare .photo.review .link_review {
position: relative;
display: inline-block;
margin-top: 0;
padding-left: 18px;
color: var(--blue);
font-weight: 500;
font-size: var(--13px);
text-decoration: underline;
}
.list_compare .photo.review .link_review:before {
position: absolute;
top:2px;
left:0;
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../images/common/icon_review.svg) no-repeat left center;
background-size: 100%;
}





.list_compare .price {
min-width: 90px;
letter-spacing: normal;
line-height: 1.4;
font-family: var(--font-family-en);
}
.list_compare .price > span,
.list_compare .price strong > s {
display: block;
font-size: 70%;
}
.list_compare .price strong {
display: block;
font-weight: 700;
font-size: min(6vw,var(--20px));
}
.list_compare .review > a {
display:block;
min-width: 100px;
}
.list_compare .review > span {
display:block;
width: 60px;
min-width: 60px;
}
.list_compare .review .star {
background-position: 0 50%;
background-size: 100% auto;
}

.list_compare .tourname{
width: 160px;
min-width: 160px;
}
.list_compare .photo {
width: 150px;
min-width: 150px;
}
.list_compare .point,
.list_compare .visited {
width: 170px;
min-width: 170px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.list_compare .point td {
padding: 0;
}
.list_compare .point ul {
list-style: disc;
padding: .5rem .5rem 0 2rem;
}
.list_compare .ifee td {
padding: 0;
}
.list_compare .city {
min-width: 90px;
}
.list_compare .visited ol {
padding: .5rem .5rem 0 2rem;
margin-left:1px;
list-style: decimal;
}
.list_compare .point ul li,
.list_compare .visited ol li {
margin-bottom: .5rem;
}
.list_compare .btn_detail {
margin-top: .5rem;
padding: .5rem 1rem;
text-align: left;
border-radius: 4px;
background-size: 7px auto;
}
.list_compare .height-scroll {
height: min(40vw,170px);
padding-right: 10px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: var(--gray50) var(--palegray);
scrollbar-width: thin;
}
.list_compare .height-scroll::-webkit-scrollbar {
height:6px;
}
.list_compare .height-scroll::-webkit-scrollbar-track {
background:var(--palegray);
}
.list_compare .height-scroll::-webkit-scrollbar-thumb {
background:var(--gray50);
border-radius: 6px;
}

.cls_list_compare_copy {
border: 1px solid #004098;
border-radius: 5px;
font-weight:600;
text-decoration: none;
color: #004098;
display: inline-block;
margin: 0 .6rem .6rem 0;
padding: .3rem 1rem;
background: url("/2019/images/arrow_btn_n.svg") no-repeat right 8px top 50%;
background-size: 5%;
}





@media only screen and (min-width: 768px) {
.list_compare td {
padding: min(1.5vw,8px);
font-size:min(1.6vw,13px);
}
.list_compare .tourname{
width: 185px;
min-width: 185px;
}
.list_compare .price strong {
font-size: min(2vw,17px);
}


}/* min-width: 768px */



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

.list_compare .price {
min-width: 110px;
}


}