@charset "UTF-8";
/* CSS Document
RAYOUT / HEADER / FOOTER / COMMON PARTS */



/* RAYOUT */
section.container {
padding: 0 0 2rem;
background: #FFF;
}
section.container:nth-of-type(odd) {
background: #F0F2F5;
}
section.ad_container {
background: #D9E2F0;
padding: 1.5rem 0;
}
section.search_container {
background: #E5ECF5;
padding: 1rem 0 2rem;
margin-top:6rem;
}



/* HEADER */
.header {
background: #10069f;
color: #FFF;
height: 50px;
}
.header a {
color: #FFF;
text-decoration: none;
}
.header_nav {
position: relative;
}
.header_nav h1 {
float: left;
width: 50px;
padding-top: 12px;
font-size: 86.6%;
letter-spacing: normal;
}
.header_nav h1 img,
.header_nav h1 span {
display: inline-block;
vertical-align: middle;
}
.header_nav h1 span {
display: none;
margin-left: .6rem;
}
.header_nav h1 a {
display: block;
}
.header_nav ul {
display: none;
}
.header_nav .header_view {
float: right;
display: table;
width: 200px;
margin-right: 50px;
}
.detail_header .header_nav .header_view {
margin-right: 0;
}
.header_nav .header_view p {
display: table-cell;
width: 48px;
height: 52px;
box-sizing: border-box;
}
.header_nav .header_view p a {
display: block;
padding-top: 2px;
background: #32C5F3;
width: 100%;
height: 50px;
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
letter-spacing: -0.1em;
}
.header_nav .header_view p a span {
display: inline-block;
margin-top: 2px;
padding-top: 4px;
background:#FFF;
width: 20px;
height: 20px;
border-radius: 50%;
color: #32C5F3;
font-weight: 900;
text-align: center;
}
.header_nav .header_view p a strong {
display: block;
margin: 3px 0;
text-align: center;
}
.detail_header .header_nav .header_view p.view_cart {
right: 0;
}
.header_nav .header_view p.view_cart.detail {
right: 0;
}
.header_nav .header_view p.view_cart a {
display: block;
background: #F90;
}
.header_nav .header_view p.view_cart a span {
color: #F90;
}
.header_nav .header_view p.info strong:after {
content:"";
display: block;
margin: 5px auto 0;
width: 10px;
height: 20px;
background: url(../../images/ico_info.svg) no-repeat 50% 100%;
background-size: auto 100%;
}



/* humberger menu */
#toggle{
position:absolute;
z-index:999;
display: block;
width: 50px;
right: 0px;
top:0px;
background: #1A93EC;
}
#toggle a{
display: block;
position: relative;
text-decoration: none;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 50px;
height: 50px;
}
.menu-trigger span {
position: absolute;
left: 10px;
width: 30px;
height: 3px;
background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {
top: 14px;
}
.menu-trigger span:nth-of-type(2) {
top: 23px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 15px;
}
.menu-trigger p .close{ display: none;}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
background-color: #FFF;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
background-color: #FFF;
}
.header .header_nav ul li a,
.gnav {
color: #FFF;
}
.gnav li {
border-bottom: 1px solid #6AB9F3;
}
.gnav li a {
letter-spacing: normal;
text-decoration: none;
}
.gnav li a,
.gnav li strong {
display: block;
background: #48A9F0;
padding: .8rem 1.5rem;
color: #FFF;
font-size: 113%;
font-weight: 600;
text-align: left;
}
.gnav li.home a {
background: #48A9F0 url(../../images/ico_home.svg) 1rem 50% no-repeat;
background-size: 18px auto;
text-indent: -9999px;
}
.gnav li.current a {
background: #FFF;
color: #10069f;
}
.gnav .subnavi li {
border-bottom: none;
}
.gnav .subnavi li a {
background: #3366AD;
padding: .4rem 1.5rem;
font-weight: normal;
font-size: 106%;
}
.gnav li.trigger > strong {
position: relative;
cursor: pointer;
letter-spacing: normal;
}
.gnav li.trigger > strong:after {
content: "";
display: inline-block;
position: absolute;
top:30%;
right:18px;
width: 11px;
height: 11px;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
transform: rotate(45deg);
z-index: 10;
}
.gnav li.trigger > strong.current {
opacity: .8;
}
.gnav li.trigger > strong.current:after {
top:40%;
border-bottom: none;
border-right: none;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}
.gnav li.trigger > ul {
display: none;
}
.gnav li.trigger > ul li {
border-bottom: none;
border-top:1px solid #6AB9F3;
}
.gnav li.trigger > ul li a {
padding-left: 4rem;
background:#39a6f5 url(../../images/arrow-result-inner.svg) no-repeat 2rem 50%;
background-size: 15px auto;
font-weight: normal;
font-size:100%;
color: #FFF;
}
.gnav li.trigger.current strong {
background: #FFF;
color: #10069f;
}
.gnav li.trigger.current > strong:after {
border-bottom: 1px solid #10069f;
border-right: 1px solid #10069f;
}
.gnav li.trigger.current > strong.current:after {
border-bottom: none;
border-right: none;
border-top: 1px solid #10069f;
border-left: 1px solid #10069f;
}

.gnav .count {
display: inline-block;
margin-left: .5rem;
padding-top: 3px;
background:#10069f;
width: 18px;
height: 18px;
border-radius: 50%;
color: #FFF;
font-size:80%;
font-weight: 900;
line-height: 1;
text-align: center;
vertical-align: middle;
}






/* FOOTER */
.footer {
padding: 3rem 0 0;
background-color: #265DA7;
color: #FFF;
}
.footer a {
display: inline-block;
margin-right: .5rem;
color: #FFF;
text-decoration: none;
}
.footer .sns_btn {
margin-bottom: 2rem;
}
.footer .sns_btn a {
display: inline-block;
padding: 1rem;
width: 50px;
height: 50px;
background: #386AAF;
border-radius: 50%;
vertical-align: top;
}
.footer .sns_btn a img {
min-height: 16px;
}
.footer .sns_btn a:nth-child(4) img {
padding-top: .5rem;
}
.footer .sns_btn a:nth-child(5) img {
padding-top: .6rem;
}
.footer .bottom_nav span a {
display: inline-block;
padding: .2rem 1.5rem;
background: #10069f;
border-radius: 10px;
font-size: 86.6%;
font-weight: 600;
}
.footer .icol4 {
margin-bottom: 0;
margin-top: 0;
vertical-align: top;
}
.footer .icol4 dl {
margin-bottom: 1rem;
border-bottom: 1px solid #10069f;
}
.footer .icol4 dt {
padding-bottom: 2.5rem;
background: url(../../images/arrow_bottom_w.svg) 50% 70% / 17px auto no-repeat;
font-size:113%;
font-weight: 600;
cursor: pointer;
}
.footer .icol4 dt strong img {
display: inline-block;
position: relative;
top:-3px;
margin-right: .5rem;
}
.footer .icol4 dd {
display: none;
padding-bottom: 1rem;
text-align:left;
}
.footer .icol4 dd a {
padding: .2em;
}
.footer .icol4 dd p {
display: table;
}
.footer .icol4 dd p span {
display: table-cell;
}
.footer .icol4 dd p span:first-child {
width: 30px;
padding-right: .5rem;
}
.footer .copyright {
padding: 2rem;
background: #10069f;
text-align: center;
font-size: 86.6%;
}

/* btn - Back Top */
#back-top {
display: none;
position: fixed;
bottom: 150px;
right: 10px;
opacity: .5;
z-index: 9998;
}
#back-top a {
position: relative;
display: inline-block;
width: 43px;
height: 43px;
padding: 10px;
display: block;
background-color: #000;
border-radius: 50%;
line-height: 1.0;
text-align: center;
cursor: pointer;
}
#back-top a span {
display: block;
margin:0 auto;
width: 19px;
height: 21px;
background: url(../../images/allow_pagetop.svg) 50% 50% / 19px 21px no-repeat;
}

/* 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 a.reserve_fixed_btn {
width: 80%;
padding-top: 15px;
border-top:1px solid #F8C080;
background: #F28100;
color:#FFF;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.3;
}
#reserve_fixed a.reserve_fixed_btn:before {
display: inline-block;
margin-right: .8rem;
content: url(../../images/btn_cart.svg);
width: 24px;
vertical-align: middle;
}
#reserve_fixed a.reserve_fixed_btn strong {
display: inline-block;
font-size: 2rem;
vertical-align:middle;
}
#reserve_fixed a.reserve_fixed_btn:hover {
opacity: 1;
background-color: #F06F43;
}

#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: #F90;
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: #F28100;
}
#reserve_fixed .wrap_btn a.btn.sky:hover {
background-color: #21baea;
}

#reserve_fixed .wrap_btn a.btn.sky {
background: #32C5F3;
}
#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/allow_pagetop_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;
}



/* btn - reserve fixed */
#reserve_fixed2 {
position: fixed;
bottom: 0;
z-index: 9998;
width: 100%;
letter-spacing: -0.5em;
overflow: hidden;
}
#reserve_fixed2 a {
display: inline-block;
vertical-align: bottom;
text-decoration: none;
text-align: center;
box-sizing: border-box;
letter-spacing: normal;
min-height: 60px;
}
#reserve_fixed2 a.reserve_fixed_btn {
width: 80%;
padding-top: 15px;
border-top:1px solid #F8C080;
background: #F28100;
color:#FFF;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.3;
}
#reserve_fixed2 a.reserve_fixed_btn:before {
display: inline-block;
margin-right: .8rem;
content: url(../../images/btn_cart.svg);
width: 24px;
vertical-align: middle;
}
#reserve_fixed2 a.reserve_fixed_btn strong {
display: inline-block;
font-size: 2rem;
vertical-align:middle;
}
#reserve_fixed2 a.reserve_fixed_btn:hover {
opacity: 1;
background-color: #F06F43;
}

#reserve_fixed2 .wrap_btn {
display: table;
width: 80%;
table-layout: fixed;
float: left;
min-height: 60px;
}
#reserve_fixed2 .wrap_btn a.btn {
display: table-cell;
min-height: 60px;
background: #F90;
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_fixed2 .wrap_btn a.btn:hover {
opacity: 1;
background-color: #F28100;
}
#reserve_fixed2 .wrap_btn a.btn.sky:hover {
background-color: #21baea;
}

#reserve_fixed2 .wrap_btn a.btn.sky {
background: #32C5F3;
}
#reserve_fixed2 .wrap_btn a.btn strong {
display: inline-block;
font-size: 2rem;
font-weight: 600;
}
#reserve_fixed2 a.page_top_btn {
width: 20%;
padding-top: 35px;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background:#E4E5E6 url(../../images/allow_pagetop_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_fixed2 a.page_top_btn:hover {
opacity: 1;
background-color: #D2D3D6;
}




/* COMMON PARTS */
/* TITLE */
.title_main {
position: relative;
border-bottom: 2px solid #E4E5E6;
margin-bottom: 2rem;
}
.title_main span {
display: block;
text-align: center;
font-weight: 600;
font-size: 160%;
color: #10069f;
letter-spacing: 0.2em;
line-height: 1.0;
}
.title_main strong {
position: relative;
display: inline-block;
padding: 0 3rem;
left: 0;
right:0;
bottom:-12px;
margin:auto;
background: #FFF;
font-size: 90%;
color: #4C5059;
letter-spacing: 0.1em;
line-height: 1.0;
}
.title_main span img {
display: inline-block;
vertical-align: middle;
height: 20px;
margin-right: 1rem;
}
section.container:nth-of-type(odd) .title_main strong {
background: #F0F2F5;
}
.title_main strong:before,
.title_main strong:after {
content: "";
display: block;
position: absolute;
top:-3px;
background-repeat:no-repeat;
background-position: 50% 50%;
background-size: 5px auto;
width: 5px;
height: 21px;
}
.title_main strong:before {
background-image: url(../../images/title_brackets_left.svg);
left:0;
}
.title_main strong:after {
background-image: url(../../images/title_brackets_right.svg);
right:0;
}
.title-sub {
font-size: 106%;
margin-bottom: .5rem;
}
.title_modal {
position: relative;
padding-bottom: 1rem;
margin-bottom: 1.5rem;
border-bottom: solid 1px #B2C6E0;
font-size: 140%;
font-weight: 400;
color:#10069f;
}
.btn-result-close {
position: absolute;
right:0;
padding: .5rem 1.5rem .5rem 3rem;
border-radius: 20px;
background: #32C5F3 url(../../images/ico_check.svg) 10px 50% / 16px auto no-repeat;
font-size: 70%;
font-weight: 600;
color: #FFF;
letter-spacing: normal;
cursor: pointer;
}

.static_page_title {
color:#10069f;
font-weight: 600;
font-size: 106%;
text-align: left;
}






/* BUTTON / LINK */
.link_btn {
display: block;
padding: 1.5rem 3rem;
background: #10069f url(../../images/allow_right_w.svg) 93% 50% / 10px auto no-repeat;
color: #FFF;
font-size: 106%;
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 30px;
transition-property: background-color;
}
.link_btn:hover {
background-color: #4C79B7;
}
.link_allow {
display: inline-block;
padding-right: 1.5rem;
text-decoration: none;
background: url(../../images/arrow_btn_n.svg) 100% 50% no-repeat;
background-size: 8px auto;
}
.link_other {
display: inline-block;
padding-right: 2rem;
text-decoration: none;
background: url(../../images/link_other.svg) 100% 50% no-repeat;
background-size: 16px auto;
color: #1A93EC;
}
.btn_sky {
display: inline-block;
padding: .5rem ;
background: #FFF;
border: 1px solid #1A93EC;
text-align: center;
color: #1A93EC;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
transition: all .3s;
}
.btn_orange {
display: inline-block;
padding: .5rem 2rem;
background: #F90;
text-align: center;
color: #FFF;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
transition: all .3s;
}
.btn_sky:hover,
.btn_orange:hover {opacity: .7}

a.btn_detail {
display: block;
text-align: center;
text-decoration: none;
border-radius: 6px;
padding: 1rem;
font-weight: 600;
background: #F28100 url(../../images/arrow_btn_w.svg) no-repeat right 8px top 50%;
background-size: 10px auto;
color: #FFF;
}
a.btn_detail_b {
display: block;
text-align: center;
text-decoration: none;
border-radius: 6px;
padding: 1rem;
font-weight: 600;
}
a.btn_detail_b {
background: #F90 url(../../images/arrow_btn_b.svg) no-repeat right 6px top 50%;
background-size: 10px auto;
color: #000;
}








/* FORM PARTS */
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding: 12px 12px 12px 42px;
border-radius: 8px;
vertical-align: top;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 25px;
left: 15px;
display: block;
margin-top: -13px;
width: 20px;
height: 20px;
border: 1px solid #4c5059;
border-radius: 3px;
content: '';
background: #FFF;
z-index: 1;
}
.checkbox:before {
position: absolute;
display: block;
margin-top: 0;
top:15px;
left: 21px;
width: 8px;
height: 16px;
border-right: 3px solid #1a93ec;
border-bottom: 3px solid #1a93ec;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}
::-webkit-input-placeholder {
color: #a5a7ac;
opacity: 0.7;
}
::-moz-placeholder {
color: #a5a7ac;
opacity: 0.7;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
/*css radio02*/
.radio_button{
display: none;
}
.radio_button + label{
padding-left: 26px;
position:relative;
margin-right: 26px;
cursor: pointer;
}
.radio_button + label::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #999;
border-radius: 50%;
}
.radio_button:checked + label{
color: #1a93ec;
}
.radio_button:checked + label::after{
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
background: #1a93ec;
border-radius: 50%;
}









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

}

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

}

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

}










/* BREADCLUMB */
.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/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;
}
.fv_wrap .breadcrumb {
display: block;
}



/* TAG */
.feature_tag {
display: inline-block;
margin-right: .5rem;
padding: 0 1rem;
background: #F25749;
border-radius: 8px;
color: #FFF;
font-size: 73.3%;
font-weight: 600;
}
.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/ribbon_edge.svg) no-repeat 0 0;
background-size: auto 100%;
}


/* STAR / SUBINFO */
.review .star {
display: block;
text-indent: -9999px;
height: 20px;
background-position:0 0;
background-repeat: no-repeat;
background-size: auto 14px;
}
.review .star.star_5 {background-image: url(../../images/star_5.svg);}
.review .star.star_4 {background-image: url(../../images/star_4.svg);}
.review .star.star_3 {background-image: url(../../images/star_3.svg);}
.review .star.star_2 {background-image: url(../../images/star_2.svg);}
.review .star.star_1 {background-image: url(../../images/star_1.svg);}
.review .star.star_0 {background-image: url(../../images/star_0.svg);}

.review a {
display: inline-block;
padding-left: 15px;
text-decoration: none;
color: #1A93EC;
font-size: 93.3%;
background: url(../../images/ico_review.svg) no-repeat 0 50%;
background-size: 13px auto;
}
.subinfo {
clear: both;
}
.subinfo ul,
.subinfo p {
display: inline-block;
vertical-align: top;
}
.subinfo ul {
width: 53%;
font-size: 86.6%;
}
.subinfo li {
padding-left: 18px;
margin-bottom: .2rem;
}
.subinfo li.time {
background: url(../../images/ico_time.svg) no-repeat 1px 10%;
background-size: 13px auto;
}
.subinfo li.guide {
background: url(../../images/ico_guide.svg) no-repeat 0 50%;
background-size: 14px auto;
}
.subinfo li.departure {
background: url(../../images/ico_departure.svg) no-repeat 2px 50%;
background-size: auto 14px;
padding-left: 14px;
}
.subinfo p {
margin-top: 10px;
width: 45%;
}







/* 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 #10069f;
}
.wrap_bottom_pager.upper {
bottom:60px;
}
.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: #10069f;
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/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/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/ico_check_w.svg) no-repeat 90% 50%;
background-size: 17px auto;
padding-right: 2rem;
color: #FFF;
}
















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

/* RAYOUT */
section.container {
padding: 0 0;
}
section.ad_container {
padding: 1rem 0;
}
section.search_container {
padding: 0 0 2rem;
}




/* HEADER */
.header {
height: 75px;
}
.header_nav h1 {
padding: 23px 0 0 20px;
width: 190px;
}
.header_nav h1 img {
width: 70px;
}
.header_nav h1 a,
.header_nav h1 span {
display: inline-block;
}
.header .header_nav ul {
display: inline-block;
margin-top: 22px;
width: calc(100% - 500px);
text-align: right;
}
.header .header_nav ul li {
position: relative;
top:19px;
display: inline-block;
font-size: 86%;
margin-left: .5rem;
}
.header_nav .header_view {
width: 300px;
margin-right: 0;
}
.header_nav .header_view p,
.header_nav .header_view p.view_cart  {
width: 74px;
height: 75px;
vertical-align: bottom;
}
.header_nav .header_view p a {
height: 75px;
letter-spacing: normal;
font-size: 1.3rem;
}
.header_nav .header_view p a span {
padding-top: 5px;
width: 25px;
height: 25px;
}
.header_nav .header_view p a strong {
margin: 15px 0 5px;
}
.header_nav .header_view p.view_cart {
position: static;
}
.header_nav .header_view p.info strong:after {
width: 15px;
height: 24px;
}



/* gnavi */
.gnav {
display: block;
background: #136ff3;
margin-bottom: 2px;
padding-top: 0;
}
.gnav ul {
display: table;
margin: 0 auto;
width:100%;
}
.gnav li,
.gnav li.home {
display: table-cell;
border-bottom: none;
letter-spacing: normal;
}
.gnav li a,
.gnav li strong {
padding: 1rem .2rem;
background: none;
font-size: 90%;
font-weight: normal;
}
.gnav li.home a {
width: 18px;
background-color: #136ff3;
}
.gnav li.trigger {
position: relative;
}
.gnav li.trigger > strong {
padding-right: 22px;
background:none;
}
.gnav li.trigger > strong:after {
top:35%;
right:8px;
width: 9px;
height: 9px;
}
.gnav li.trigger > strong.current:after {
top:45%;
}
.gnav li.trigger > ul {
position: absolute;
z-index: 100;
}
.gnav li.trigger > ul li {
display: block;
white-space: nowrap;
border-top: none;
border-bottom:1px solid #6AB9F3;
}
.gnav li.trigger > ul li a {
paddi
}
.gnav li.trigger > ul li a:hover {
background-color: #6AB9F3;
opacity: 1;
}
#toggle,
.gnav .subnavi {
display: none;
}



/* FOOTER */
.footer .icol4 dl {
border-bottom: none;
}
.footer .icol4 dt {
position: relative;
margin-bottom: 2rem;
background-image: none;
font-size: 106%;
text-align: left;
border-bottom: 1px solid #10069f;
}
.footer .icol4 dt strong {
position: absolute;
display: inline-block;
top:1.6rem;
background: #265DA7;
padding-right:1.5rem;
line-height: 1.0;
}
.footer .icol4 dd {
display: block;
line-height: 1.4;
}
.footer .icol4 dd a {
padding: 0 .2em;
font-size: 86.6%;
}
.footer .bottom_nav {
border-top: 1px solid #10069f;
margin-top: 0;
padding-top: 1.8rem;
}
.footer .bottom_nav a {
font-size: 86.6%;
margin-left: 1rem;
margin-right: 1rem;
}
.footer .sns_btn a {
width: 60px;
height: 60px;
}
.footer .sns_btn a img {
min-height: 16px;
padding-top: .5rem;
}
.footer .sns_btn a:nth-child(4) img {
padding-top: .7rem;
}
.footer .sns_btn a:nth-child(5) img {
padding-top: .8rem;
}



/* btn - Back Top */
#back-top {
bottom: 50px;
}
#back-top a {
width: 65px;
height: 65px;
padding: 20px 10px 10px;
}



/* btn - reserve fixed */
#reserve_fixed {
bottom: 20px;
right: 10px;
width: 120px;
}
#reserve_fixed a.reserve_fixed_btn,
#reserve_fixed a.page_top_btn {
display: block;
border:1px solid #FFF;
}
#reserve_fixed a.reserve_fixed_btn {
padding: 15px 10px;
border-bottom-color: #F8C080;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: auto;
}
#reserve_fixed a.reserve_fixed_btn:before {
display: block;
margin:0 auto 5px;
width: 30px;
}
#reserve_fixed a.reserve_fixed_btn strong {
display: block;
}
#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: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;
}

/* btn - reserve fixed */
#reserve_fixed2 {
bottom: 20px;
right: 10px;
width: 120px;
}
#reserve_fixed2 a.reserve_fixed_btn,
#reserve_fixed2 a.page_top_btn {
display: block;
border:1px solid #FFF;
}
#reserve_fixed2 a.reserve_fixed_btn {
padding: 15px 10px;
border-bottom-color: #F8C080;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: auto;
}
#reserve_fixed2 a.reserve_fixed_btn:before {
display: block;
margin:0 auto 5px;
width: 30px;
}
#reserve_fixed2 a.reserve_fixed_btn strong {
display: block;
}
#reserve_fixed2 .wrap_btn {
display: block;
float: none;
width: auto;
}
#reserve_fixed2 .wrap_btn a.btn {
display: block;
padding: 10px;
min-height: auto;
border:1px solid #FFF;
border-bottom: none;
}
#reserve_fixed2 .wrap_btn a.btn:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#reserve_fixed2 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;
}


/* COMMON PARTS */

/* TITLE */
.static_page_title {
font-size: 133%;
}

/* BUTTON / LINK */
a.btn_detail,
a.btn_detail_b {
background-position: right 10px top 50%;
font-size: 113%;
padding: .6rem;
}

/* FORM PARTS */
.checkbox:after {
margin-top: -10px;
}

/* BREADCLUMB */
.breadcrumb {
display: inline-block;
}

/* TAG */
.feature_tag {
font-size:93.3%;
border-radius: 12px;
padding: 0 1.5rem;
margin-bottom: .5rem;
}

/* STAR / SUBINFO */
.list_info .review {
float: none;
width: auto;
margin-top: .5rem;
}
.review .star {
display: inline-block;
width: 100px;
height: 16px;
background-size: auto 16px;
}
.review a span {
display: inline;
}

.list_info .subinfo {
clear: none;
}
.subinfo ul,
.subinfo p {
display: block;
}
.subinfo ul {
width: auto;
margin-bottom: .5rem;
margin-top: .5rem;
}
.subinfo li {
display: inline-block;
margin-right: .5rem;
font-size: 86.6%;
}
.subinfo li.time {
background: url(../../images/ico_time.svg) no-repeat 1px 50%;
background-size: 13px auto;
}
.subinfo p {
width: auto;
}



/* BOTTOM PAGER */
.wrap_bottom_pager {
position: relative;
padding-top: 10px;
height: 60px;
}
.wrap_bottom_pager.upper {
bottom:0;
}
.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;
}




}/* min-width:768px */











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

/* HEADER */

.header_nav h1 {
width: 390px;
}
.header .header_nav ul {
width: calc(100% - 700px);
}


.gnav li {
font-size: 106%;
}
.gnav li a,
.gnav li strong {
padding: 1rem .8rem;
font-size: 106%;
}
.gnav li.home a {
padding: 1rem 3rem 1rem 0;
}



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



/* STAR / SUBINFO */
.subinfo li {
font-size: 93.3%;
}



}/* min-width:960px */


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

/* HEADER */
.gnav li a,
.gnav li strong {
padding: 1rem 1.5rem;
}





}/* min-width:1200px */