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


/*Contents Box
----------------------------------------------------*/
.static_container_wrap section.container {
padding: 1rem 0;
}
.static_container_wrap section.container:nth-of-type(odd) {
background: #FFF;
}
.static_container_wrap section.container:nth-of-type(even) {
background: #F0F2F5;
}



/* TITLE */
.static_page_title {
margin-top: 2rem;
margin-bottom: .5rem;
color:#004098;
font-weight: 600;
font-size: 133%;
text-align: left;
letter-spacing: normal!important;
}
.static_page_title + p {
text-align: left;
margin-top: 0;
}
.static_sub_title {
margin-bottom: 0;
color:#004098;
font-weight: 600;
font-size: 113%;
text-align: left;
letter-spacing: normal!important;
}
.static_sub_title + p {
text-align: left;
margin-top: .5rem;
}

.static_sub_title.bar {
padding-left: 1rem;
border-left:5px solid #004098;
line-height: 1.3;
}




/* PAGE TITLE / BREADCLUMB */
.detail_page_nav {
background: #777;
min-height: 50px
}
.detail_page_nav .btn_listback {
text-align: left
}
.detail_page_nav .btn_listback a {
display: inline-block;
margin-top: .5rem;
padding: 1rem 0 1rem 22px;
background:url(../images_new/arrow_back_w.svg) no-repeat 0 50%;
background-size: auto 12px;
color: #FFF;
text-decoration: none;
}
.detail_page_nav.no_btn {
display: none;
}
.breadcrumb {
display: none;
margin-bottom: 1.5rem;
text-align: left;
font-size: 93.3%;
color: #FFF;
font-weight: 600;
}
.breadcrumb a {
display: inline-block;
padding-right: 1.5rem;
margin-right: 1rem;
background: url(../images_new/arrow_breadcrumb.svg) no-repeat 100% 50%;
background-size: auto 8px;
font-weight: normal;
color: #FFF;
text-decoration: none;
}
.breadcrumb a:hover {
opacity: 1;
text-decoration: underline;
}




/* CITY LIST */
#index_city .icol2 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-top:10px;
margin-bottom: 5px;
}
#index_city .icol2 figure figcaption {
top:50%;
transform: translateY(-50%);
}



/* CITY TOP */
.city-top_head {
padding: 1rem 0;
}
.city-top_head .icol8,
.city-top_head .icol4 {
vertical-align: top;
}

.city-top_head .static_page_title {
margin-top: 0;
}
.city-top_image {
vertical-align: middle;
}
.city-top_head .static_page_title span {
display: block;
margin-bottom:1rem;
font-size: 80%;
font-weight: 900;
letter-spacing: normal;
}
.wrap_movie {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
.wrap_movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*city-top_theme*/
.city-top_theme {
padding: 1rem 0;
background: #DDEFFC;
}
.city-top_theme #index_news {
margin-top: 0;
}

.btn_trigger {
margin: 1rem 0;
text-align: left;
}
.btn_trigger span {
display: inline-block;
padding-right: 18px;
color: #004098;
background: url(../images_new/arrow_bottom_b.svg) no-repeat 100% 50%;
background-size: 13px auto;
cursor: pointer;
}
.btn_trigger.current span {
background-image: url(../images_new/arrow_top_b.svg)
}
.city-top_theme .btn_trigger + ul {
display: none;
}

.theme_link {
margin-bottom: 0;
text-align: left;
}
.theme_link dt {
margin: .2rem 1rem .5rem 0;
font-weight: 600;
}
.theme_link a,
.theme_link p {
display: inline-block;
margin: 0 .5rem .8rem 0;
padding: .2rem .8rem;
border: 1px solid #4C5059;
border-radius: 5px;
text-decoration: none;
color: #4C5059;
}
.theme_link p {
background: #4C5059;
color: #FFF;
font-weight: 600;
}


.theme_link a:hover {
background: rgba(255,255,255,.4);
}
.theme_link a.arrow:after {
position: relative;
top:-1px;
content: "";
display: inline-block;
margin-left: .3rem;
vertical-align: middle;
width: 8px;
height: 8px;
border-top:1px solid #4C5059;
border-right:1px solid #4C5059;
transform: rotate(45deg);
}







/* tour_list */
.tour_list ul {
text-align: left;
letter-spacing: -0.5em;
}
.tour_list li {
display: inline-block;
margin: 10px 7px 10px 0;
width: calc(50% - 5px);
box-sizing: border-box;
letter-spacing: normal;
vertical-align: top;
}
.tour_list li:nth-child(even) {
margin-left: 7px;
margin-right: 0;
}
.tour_list li h2 {
margin: 1rem 0 .5rem;
text-align: left;
font-size: 93.3%;
font-weight: 600;
letter-spacing: normal;
line-height: 1.5;
}
.tour_list li a {
position: relative;
display: block;
text-decoration: none;
}


/* review */
.tour_list .review {
line-height: 1.3;
}
.review .star {
display: inline-block;
text-indent: -9999px;
width: 60px;
height: 10px;
background-position:0 0;
background-repeat: no-repeat;
background-size: 100% auto;
}
.review .star.star_5 {background-image: url(../images_new/star_5.svg);}
.review .star.star_4 {background-image: url(../images_new/star_4.svg);}
.review .star.star_3 {background-image: url(../images_new/star_3.svg);}
.review .star.star_2 {background-image: url(../images_new/star_2.svg);}
.review .star.star_1 {background-image: url(../images_new/star_1.svg);}
.review .star.star_0 {background-image: url(../images_new/star_0.svg);}
.review a,
.tour_list li .review a  {
display: inline-block;
padding-left: 12px;
text-align: left;
text-decoration: none;
color: #1A93EC;
font-size: 86.6%;
background: url(../images_new/ico_review.svg) no-repeat 0 50%;
background-size: 10px auto;
cursor: pointer;
}

/* ranking */
.tour_list .ranking li {
position: relative;
}
.tour_list .ranking li:after {
content: "";
position: absolute;
top:5px;
right:5px;
display: block;
width: 25px;
height: 32px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100%;
z-index: 5;
}
.tour_list .ranking li:first-child:after {
background-image: url(../images_new/rank_1.svg) 
}
.tour_list .ranking li:nth-child(2):after {
background-image: url(../images_new/rank_2.svg) 
}
.tour_list .ranking li:nth-child(3):after {
background-image: url(../images_new/rank_3.svg) 
}
.tour_list .ranking li:nth-child(4):after {
background-image: url(../images_new/rank_4.svg) 
}
.tour_list .ranking li:nth-child(5):after {
background-image: url(../images_new/rank_5.svg) 
}
.tour_list .ranking li:nth-child(6):after {
background-image: url(../images_new/rank_6.svg) 
}


/* TAG */
.feature_tag {
display: inline-block;
margin-top: 1rem;
padding: 0 1rem;
background: #F25749;
border-radius: 8px;
color: #FFF;
font-size: 73.3%;
font-weight: 600;
}
.tour_list li .feature_tag + h2 {
margin-top: .5rem;
}
.ribbon_tag {
position: absolute;
top:-5px;
background: #F25749;
color: #FFF;
padding: 3px 2px 0 5px;
min-height: 23px;
line-height: 1.2;
z-index: 16;
font-size: 86.6%;
}
.ribbon_tag strong,
.ribbon_tag span {
display: inline-block;
}
.ribbon_tag strong {font-size: 106%;}
.ribbon_tag:after {
content: "";
display: block;
position: absolute;
top:0;
right: -9px;
width: 9px;
height: 100%;
background: url(../images_new/ribbon_edge.svg) no-repeat 0 0;
background-size: auto 100%;
}
.tour_list a > .ribbon_tag {
display: none;
}
.tour_list li > div > div.ribbon_tag {
position: relative;
top:0;
display: inline-block;
min-height: auto;
margin-top: .3rem;
padding: 3px 5px;
font-size: 80%;
}

/* price */
.tour_list .price {
margin-top: .3rem;
}
.tour_list .ribbon_tag + .price {
margin-top: 0;
}
.tour_list .price p {
display: inline-block;
font-size: 73.3%;
color: #4C5059;
}
.tour_list .price .pastprice,
.tour_list .price .newprice {
color: #F25749;
line-height: 1.3;
}
.tour_list .price .pastprice {
font-size: 100%;
}
.tour_list .price .newprice {
font-size: 106%;
font-weight: 600;
}
.tour_list .price .newprice strong {
font-size: 140%;
line-height: 1.2;
}

/* object-fit */
.tour_list li img {
width: 100%;
height: 90px;
object-fit: cover;
font-family: 'object-fit: cover;'; /* IE */
}








/* KIHON */
.container.wrap_city-info,
.container.wrap_city-info:nth-child(even) {
padding: 1rem 0 0;
background: #FFF;
}
.container.wrap_city-info:last-child {
padding-bottom: 2rem;
}
.container.wrap_city-info + .wrap_city-info {
padding-top: 0;
}
.wrap_city-info .static_page_title {
margin: 0;
color: #4C5059;
}
.wrap_city-info .static_sub_title {
color: #4C5059;
}
.wrap_city-info .detail {
margin-top: .5rem;
padding: 1.5rem;
border:1px dotted #b7b9bd;
}

/* タグ再設定 */
.wrap_city-info .detail figure {
margin: 1rem;
text-align: center;
}
.wrap_city-info .detail table {
width: 100%;
}
.wrap_city-info .detail > p {
margin-bottom: 1rem;
overflow: hidden;
}
.wrap_city-info .detail > h3 {
font-weight: 600;
font-size: 106%;
margin-bottom: .6rem;
}
.wrap_city-info .detail > p + h3 {
margin-top: 2rem;
}
.wrap_city-info .detail img.f_right {
float: none;
display: block;
margin: 1rem auto;
}





/* BOTTOM PAGER */
.wrap_bottom_pager {
position: fixed;
bottom: 0;
left:0;
width: 100%;
height: 55px;
z-index: 50;
margin-top: 60px;
padding:0;
background: #DDEFFC;
border-top:1px solid #004098;
}
.wrap_bottom_pager .icol12 {
text-align: left;
}
.wrap_bottom_pager .number,
.wrap_bottom_pager .pager {
display: inline-block;
vertical-align: middle;
}
.wrap_bottom_pager .number {
margin-right:10px;
font-size: 106%;
font-weight: 600;
}
.wrap_bottom_pager .number strong {
display: inline-block;
margin:0 .5rem;
font-size: 160%;
}
.wrap_bottom_pager .pager {
text-align: center;
}
.wrap_bottom_pager .pager li {
display: inline-block;
margin: 0;
}
.wrap_bottom_pager .pager li a,
.wrap_bottom_pager .pager li span {
display: inline-block;
text-decoration: none;
font-size: 120%;
padding: .2rem .8rem;
}
.wrap_bottom_pager .pager li.prev a,
.wrap_bottom_pager .pager li.next a {
width: 16px;
text-indent: -9999px;
background: url(../../images/arrow_page_prev.svg) no-repeat 50% 50%;
background-size: 14px auto;
}
.wrap_bottom_pager .pager li.next a {
background-image: url(../../images/arrow_page_next.svg);
}
.wrap_bottom_pager .pager li a:hover{
opacity: 1;
background-color: #BADFF9;
border-radius: 3px;
}
.wrap_bottom_pager .pager li.current span {
background: #4C5059;
border-radius: 3px;
color:#FFF;
}

.wrap_bottom_pager .select_tab {
position: absolute;
bottom:28px;
right:5px;
}
.wrap_bottom_pager .select_tab > p {
position: absolute;
top:0px;
right:0px;
display: block;
width: 80px;
padding: .5rem;
background: #004098;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #FFF;
letter-spacing: normal;
cursor: pointer;
transition: all .3s;
}
.wrap_bottom_pager .select_tab > p.btn_open_detail {
height: auto;
}
.wrap_bottom_pager .select_tab > p.btn_open_detail:after {
position: static;
content: "";
display: inline-block;
margin-left: .3rem;
vertical-align: middle;
width: 12px;
height: 15px;
background: url(../images_new/arrow_top_w.svg) no-repeat 50% 0;
background-size: 100%;
border-bottom: none;
}
.wrap_bottom_pager .select_tab > p.open {
background-color: #4C5059;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wrap_bottom_pager .select_tab > p.open:after {
background-image: url(../images_new/arrow_bottom_w.svg);
background-position: 50% 2px;
}
.wrap_bottom_pager .select_tab > p:hover {
opacity: 0.7;
}
.wrap_bottom_pager .select_tab > ul {
display: none;
position: absolute;
background-color: #4C5059;
padding: .5rem;
bottom:0;
right:0;
width: 80px;
z-index: 31;
letter-spacing: normal;
text-align: left;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.wrap_bottom_pager .select_tab > ul a {
display: block;
padding: .8rem .5rem;
background: #E8F4FD;
vertical-align: top;
color: #4C5059;
text-decoration: none;
}
.wrap_bottom_pager .select_tab > ul a:hover {
opacity: 1;
background: #FFF;
}
.wrap_bottom_pager .select_tab > ul a.check {
background: #4C79B7 url(../images_new/ico_check_w.svg) no-repeat 90% 50%;
background-size: 17px auto;
padding-right: 2rem;
color: #FFF;
}




/* btn - reserve fixed */
#reserve_fixed {
display: none;
position: fixed;
bottom: 0;
z-index: 9998;
width: 100%;
letter-spacing: -0.5em;
overflow: hidden;
}
#reserve_fixed a {
display: inline-block;
vertical-align: bottom;
text-decoration: none;
text-align: center;
box-sizing: border-box;
letter-spacing: normal;
min-height: 60px;
}
#reserve_fixed .wrap_btn {
display: table;
width: 80%;
table-layout: fixed;
float: left;
min-height: 60px;
}
#reserve_fixed .wrap_btn a.btn {
display: table-cell;
min-height: 60px;
background: #32C5F3;
color:#FFF;
font-weight: 600;
font-size: 1.4rem;
line-height: 1.3;
vertical-align: middle;
letter-spacing: -0.02em;
border-top:1px solid #FFF;
}
#reserve_fixed .wrap_btn a.btn:hover {
opacity: 1;
background-color: #21baea;
}
#reserve_fixed .wrap_btn a.btn strong {
display: inline-block;
font-size: 2rem;
font-weight: 600;
}
#reserve_fixed a.page_top_btn {
width: 20%;
padding-top: 35px;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background:#E4E5E6 url(../images_new/arrow_top_g.svg) no-repeat 50% 10px;
background-size: 16px auto;
color:#70737A;
font-weight: 600;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
}
#reserve_fixed a.page_top_btn:hover {
opacity: 1;
background-color: #D2D3D6;
}

















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


/* TITLE */
.static_page_title {
font-size: 160%;
}
.static_sub_title {
font-size: 120%;
}
.detail_page_nav {
min-height: auto;
padding: 6px 0;
vertical-align: middle;
}
.detail_page_nav.no_btn {
display: block;
padding: 10px 0;
}


/* PAGE TITLE / BREADCLUMB */
.detail_page_nav .breadcrumb {
margin-top: 0;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.detail_page_nav .btn_listback {
text-align: right;
vertical-align: middle;
}
.detail_page_nav .btn_listback a {
margin-top: 0;
background-position: 10px 50%;
padding: .5rem 1rem .5rem 30px;
border:1px solid #FFF;
border-radius: 3px;
}
.detail_page_nav .icol3,
.detail_page_nav .icol9 {
margin-top: 0;
margin-bottom: 0;
}
.breadcrumb {
display: inline-block;
}




/* CITY LIST */
#index_city .icol2 {
width: 25%;
margin:15px 0;
padding-right: 15px;
padding-left: 15px;
}



/* CITY TOP */
.city-top_head {
padding: 2rem 0;
}
.city-top_head .static_page_title {
margin-bottom: 1rem;
}
.city-top_head .static_page_title span {
display: inline-block;
margin-left: 1rem;
margin-bottom:0;
}
.city-top_theme {
/*padding: 2rem 0 1rem;*/
padding: 3rem 0;
}
.city-top_theme #index_news {
vertical-align: top;
}
.city-top_theme #index_news li a span,
.city-top_theme #index_news li a p {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.city-top_theme #index_news li a span {
position: relative;
margin-top: 2px;
width: 21%;
padding-right: 10px;
}
.city-top_theme #index_news li a p {
width: 77%;
}
.city-top_theme .theme_link {
margin-top: 0;
vertical-align: top;
}
.theme_link dt {
float: left;
margin: .2rem 1rem 0 0rem;
}
.theme_link a,
.theme_link p {
display: inline-block;
margin: 0 .6rem 1rem 0;
padding: .3rem 1rem;
}



.btn_trigger {
margin: 2rem 0 .5rem;
}




/* tour_list */
.tour_list li h2 {
font-size: 86.6%;
}
.tour_list ul {
display: table;
table-layout: fixed;
margin-top: 1.5rem;
width: calc(100% + 20px);
letter-spacing: normal;
overflow-x: hidden;
}
.tour_list li {
display: table-cell;
margin: 0;
padding-right: 20px;
width: auto;
box-sizing: border-box;/
}
.tour_list li:nth-child(even) {
margin-left:0;
}


/* review */
.review .star {
display: inline-block;
margin-right: 3px;
width: 70px;
height: 16px;
vertical-align: middle;
}
.review a {
width: auto;
padding-left: 12px;
background-size: 12px auto;
}


/* ranking */
.tour_list .ranking li:after {
right: 25px;
width: 33px;
height: 43px;
}


/* TAG */
.feature_tag {
/*font-size:93.3%;*/
font-size:80%;
border-radius: 12px;
padding: 0 1.5rem;
}
.tour_list a > .ribbon_tag {
display: inline-block;
top:5px;
left:-3px;
}
.tour_list li > div > div.ribbon_tag {
display: none;
}

/* image ofject-fit */
.tour_list ul li img {height: auto;}
.tour_list ul.column_1 li img {height: 354px;}
.tour_list ul.column_2 li img {height: 354px;}
.tour_list ul.column_3 li img {height: 232px;}
.tour_list ul.column_4 li img {height: 172px;}
.tour_list ul.column_5 li img {height: 134px;}
.tour_list ul.column_6 li img {height: 110px;}

.wrap_city-info .detail {
padding: 2rem;
}
.wrap_city-info .detail img.f_right {
float: right;
display: inline-block;
margin-left: 1rem;
margin-bottom: 1rem;
}


/* BOTTOM PAGER */
.wrap_bottom_pager {
position: relative;
padding-top: 10px;
height: 60px;
}
.wrap_bottom_pager .number {
margin-right:30px;
}
.wrap_bottom_pager .icol12 {
margin: 0;
text-align: center;
}
.wrap_bottom_pager .pager li a,
.wrap_bottom_pager .pager li span {
font-size: 133%;
padding: .3rem 1.2rem;
}
.wrap_bottom_pager .pager li.prev a,
.wrap_bottom_pager .pager li.next a {
width: 20px;
}
.wrap_bottom_pager .select_tab {
bottom:25px;
}





/* btn - reserve fixed */
#reserve_fixed {
bottom: 20px;
right: 10px;
width: 120px;
}
#reserve_fixed a.page_top_btn {
display: block;
border:1px solid #FFF;
}
#reserve_fixed .wrap_btn {
display: block;
float: none;
width: auto;
}
#reserve_fixed .wrap_btn a.btn {
display: block;
padding: 10px;
min-height: auto;
border:1px solid #FFF;
border-bottom: none;
}
#reserve_fixed .wrap_btn a.btn strong {
display: block;
}
#reserve_fixed .wrap_btn a.btn:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#reserve_fixed a.page_top_btn {
padding: 30px 10px 10px;
background-position: 50% 10px;
background-size: 16px auto;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: auto;
}















}/* min-width:768px */










/*media Queries (960px)
--------------------------------------------- */
@media only screen and (min-width: 960px) {


/* CITY LIST */
#index_city .icol2 {
width: 16.66666667%;
}


/* TAG */
.ribbon_tag {
min-height: 40px;
font-size: 93.3%;
}
.ribbon_tag strong {font-size: 113%;}
.ribbon_tag:after {height: 40px;}



}/* min-width:960px */






/*media Queries (1200px)
--------------------------------------------- */
@media only screen and (min-width: 1200px) {




.city-top_theme #index_news li a span {
/*width: 13%;*/
width: 15%;
}
.city-top_theme #index_news li a p {
/*width: 85%;*/
width: 83%;
}





}/* min-width:1200px */