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


/* CONTAINER
----------------------------------------------------*/
.detail_header {
position: fixed;
top:0;
width: 100%;
z-index: 998;
}
.detail_container,
.detail_main {
background:#FFF;
padding: 1.5rem 0;
}
.detail_main {
padding: 100px 0 1.5rem;
}



/* DETAIL PAGE NAV
----------------------------------------------------*/
.detail_page_nav {
background: #777;
min-height: 50px;
position: fixed;
top:50px;
width: 100%;
z-index: 90;
}
.detail_page_nav.static {
position: static;
}
.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(/oe/images/arrow_back_w.svg) no-repeat 0 50%;
background-size: auto 12px;
color: #FFF;
text-decoration: none;
}

.detail_page_nav #toggle {
background:none;
}
.detail_page_nav .gnav {
position: absolute;
width: 100%;
top:50px;
z-index: 900;
background: #FFF;
letter-spacing: -0.5em;
text-align: left;
}
.detail_page_nav .gnav li {
border-bottom: 1px dotted #DDD;
}
.detail_page_nav .gnav li a {
padding: .8rem .5rem;
background-color: #FFF;
background-size: 16px auto;
color: #004098;
font-weight: normal;
}
.detail_page_nav .gnav li a:hover {
background-color: #e8f4fd;
opacity: 1;
}

.detail_page_nav .gnav ul {
display: inline-block;
width: calc(50% - 16px);
margin: 0 8px;
box-sizing: border-box;
letter-spacing: normal;
vertical-align: top;
}
.detail_page_nav .gnav .subnavi li a {
font-size: 113%;
}






.pc_detail_page_nav {
display: none;
background: #ddeffc;
padding: 1rem 0;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.pc_detail_page_nav .wrapper {
padding: 0 15px;
}
.pc_detail_page_nav ul {
display: table;
width: 100%;
margin:0 auto;
table-layout: fixed;
}
.pc_detail_page_nav li {
display: table-cell;
border-right:1px dotted #4c5059;
letter-spacing: normal;
}
.pc_detail_page_nav li:first-child {
border-left:1px dotted #4c5059;
}
.pc_detail_page_nav li a {
display: block;
padding-bottom: 2rem;
text-align: center;
text-decoration: none;
color: #222;
background: url(/oe/images/arrow_bottom_b.svg) no-repeat 50% 90%;
background-size: 16px auto;
}


.is-fixed,
.is-fixed_pc {
position: fixed;
top: 0;
left: 0;
z-index: 900;
width: 100%;
}

@media only screen and (min-width: 768px) {
.is-fixed {position: static;}
}





/*PARTS
----------------------------------------------------*/

/* Button */
a.btn_reserve {
display: block;
padding: 1rem 1.5rem 1rem 1rem;
border-radius: 6px;
font-weight: 600;
font-size: 120%;
background: #b7b9bd;
text-align: center;
text-decoration: none;
color: #FFF;
cursor: pointer;
}
a.btn_reserve:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
width: 30px;
height: 25px;
background: url(/oe/images/btn_cart.svg) no-repeat 0 0;
background-size: 23px auto;
}


input.btn_reserve {
display: inline-block;
padding: 1rem 3rem 1rem 6rem;
border-radius: 6px;
background: #b7b9bd url(/oe/images/btn_cart.svg) no-repeat 15px 50%;
background-size: 23px auto;
font-weight: 600;
font-size: 120%;
text-align: center;
text-decoration: none;
color: #FFF;
transition: all .3s;
cursor: pointer;
}
.btn_reserve:hover {
opacity: .7;
}
.btn_reserve.active {
background-color: #F28100;
}
.btn_reserve.agree,
.btn_reserve.disagree {
padding: .6rem 1rem;
background: none;
margin:0 .5rem;
font-size: 100%;
}
.btn_reserve.agree {
border:2px solid #F60;
color:#F60;
}
.btn_reserve.disagree {
border:2px solid #1a93ec;
color:#1a93ec;
}



/* Detail Open */
.btn_open_detail {
position: relative;
margin-bottom: 1rem;
text-align: center;
color: #004098;
cursor: pointer;
height: 60px;
}
.btn_open_detail:after {
content: "";
display: block;
position: absolute;
bottom:0;
height: 30px;
width: 100%;
background:url(/oe/images/btn_open_detail.svg) no-repeat 50% 100%;
background-size: 56px auto;
border-top:2px solid #004098;
z-index: 50;
}
.btn_open_detail.open:after {
background-image: url(/oe/images/btn_close_detail.svg);
border-top:none;
border-bottom:2px solid #004098;
}


/* h1 title */
.detail_container h1 {
background: #4c5059;
margin-bottom: 1rem;
}
.detail_container h1 .wrapper {
text-align: left;
letter-spacing: normal;
padding: .5rem 2% .5rem 3.5rem;
color: #FFF;
font-size: 113%;
background-position:2% 50%;
background-repeat: no-repeat;
background-size: auto 20px; 
}
.detail_container h1.point .wrapper {background-image: url(/oe/images/ico_point_w.svg)}
.detail_container h1.tour .wrapper {background-image: url(/oe/images/ico_tour_w.svg)}
.detail_container h1.photo .wrapper {
	background-image: url(/oe/images/ico_photo_w.svg);
	background-size: auto 16px; 
}
.detail_container h1.plan .wrapper {background-image: url(/oe/images/ico_plan_w.svg)}
.detail_container h1.review .wrapper {
	background-image: url(/oe/images/ico_review_w.svg);
	background-size: auto 16px; 
}
.detail_container h1.notes .wrapper {background-image: url(/oe/images/ico_notes_w.svg)}
.detail_container h1.faq .wrapper {background-image: url(/oe/images/ico_faq_w.svg)}


/* title */
.circle_title {
display: inline-block;
margin-bottom: 1rem;
padding: .2rem 3rem;
background:#82848b;
font-weight: 600;
color:#FFF;
border-radius: 12px;
}


.pastprice {
display: inline-block;
margin-right: .5rem;
font-size: 86.6%;
color: #F25749;
line-height: 1.2;
font-weight: normal;
}



/* DETAIL MAIN
----------------------------------------------------*/

.tourcode {
display: table;
margin-bottom: 0;
table-layout: fixed;
width: auto;
border:1px solid #70737A;
}
.tourcode span,
.tourcode strong {
display: table-cell;
padding: .2rem .6rem;
text-align: center;
font-weight: normal;
font-size: 86.6%;
}
.tourcode span {
background: #70737A;
color: #FFF;
font-size: 90%;
}
.detail_main .col10,
#detail_plan .col10 {
margin-top: 0;
}
.detail_main h1,
#detail_plan h2 {
color: #004098;
text-align: left;
font-size: 106%;
}
.detail_main .copy {
display: none;
text-align: left;
}
.detail_main .review .star {
display: inline-block;
width: 100px;
vertical-align: middle;
}
.detail_main .price span,
.detail_main .price p {
display: inline-block;
vertical-align: middle;
line-height: 1.3;
}
.detail_main .price p {
width: 80%;
margin-left: 6px;
}
.detail_main .price .title {
padding: .5rem .5rem;
background:#4c5059;
text-align: center;
color: #FFF;
font-size: 93.3%;
line-height: 1.0;
}
.detail_main .price p strong {
color: #f25749;
font-weight: 900;
font-size: 160%;
}
.detail_main .subinfo ul {
width: auto;
}
.detail_main .subinfo li {
display: inline-block;
margin-right: .5rem;
}
.detail_main .ribbon_tag {
top:0px;
}

.box_head_plan {
padding: 1.5rem;
margin-top: 1.5rem;
background-color: #f4f4f5;
}
.box_head_plan h2 {
position: relative;
text-align: center;
margin-bottom: 1rem;
}
.box_head_plan h2 strong {
position: relative;
padding: 0 2rem;
font-size: 106%;
font-weight: 600;
background-color: #f4f4f5;
letter-spacing: 0.1em;
z-index: 5;
}
.box_head_plan h2:before {
content: "";
display: block;
position: absolute;
top:10px;
width: 100%;
background: #4c5059;
height: 1px;
}
.box_head_plan li {
margin-bottom: 1rem;
}
.box_head_plan li a {
display: block;
padding-left: 20px;
text-decoration: none;
background: url(/oe/images/ico_plan.svg) no-repeat 0 2px;
background-size: 15px auto;
line-height: 1.5;
}
.box_head_plan li a span {
display: inline-block;
width: 70%;
vertical-align: top;
margin-right: 2%;
}
.box_head_plan li a span > span {
display: inline;
width: auto;
margin-right: 0;
}
.box_head_plan li a span.price {
color: #f25749;
width: 26%;
font-weight: 600;
text-align: right;
line-height: 1.2;
}

.box_head_plan li a span:after {
content:"";
display: inline-block;
width: 15px;
height: 10px;
margin-left: 5px;
background: url(/oe/images/arrow_bottom_b.svg) no-repeat 50% 50%;
background-size:15px auto;
vertical-align: middle;
}
.box_head_plan li a span.price:after,
.box_head_plan li a span > span:after {
display: none;
}




/* DETAIL POINT
----------------------------------------------------*/
#detail_point .icol6 {
vertical-align: top;
}
.list_point {
text-align: left;
}
.list_point li {
margin-bottom: 1.5rem;
padding-left: 2.5rem;
background: url(/oe/images/ico_listpoint.svg) no-repeat 0 3px;
background-size: 16px auto;
line-height: 1.6;
}
.list_report li {
padding: .2rem .3rem .4rem 2.5rem;
color: #1a93ec;
background: url(/oe/images/ico_report.svg) no-repeat 0 0;
background-size: 20px auto;
}
.list_report li a {
text-decoration: underline;
color: #1a93ec;
cursor: pointer;
}
.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* POINT MEMO */
.point_memo {
padding: 1.5rem 1.5rem 2rem;
}
.point_memo h3 {
text-align: left;
font-size: 106%;
margin-bottom: 2rem;
}
.point_memo li {
position: relative;
text-align: left;
font-size: 93.3%;
padding: .6rem 1rem .6rem 1.3rem;
}



/* DETAIL TOUR
----------------------------------------------------*/
.detail_tour_inner.schedule,
.detail_tour_inner.notes {
padding-bottom: 1rem;
}
#detail_tour .tour_tab {
display: table;
width: 100%;
table-layout: fixed;
}
#detail_tour .tour_tab li {
display: table-cell;
text-align: center;
padding: 0 15px;
cursor: pointer;
}
#detail_tour .tour_tab li p {
border-bottom: 1px solid #4c5059;
padding: .5rem 0;
}
#detail_tour .tour_tab li span {
display: inline-block;
padding-left: 2rem;
background-position: 0 50%;
background-repeat:no-repeat;
background-size: auto 16px;
}
#detail_tour .tour_tab li .schedule {
background-image:url(/oe/images/ico_schedule_g.svg); 
}
#detail_tour .tour_tab li .notes {
background-image:url(/oe/images/ico_notes_g.svg); 
}
#detail_tour .tour_tab li.current p {
position: relative;
border-bottom: none;
background:#4c5059;
font-weight: 600;
color: #FFF;
border-radius: 15px;
}
#detail_tour .tour_tab li.current p:after {
position: absolute;
bottom:-8px;
left:0;
right:0;
margin:auto;
content: "";
display: inline-block;
border-style: solid;
width: 0;
height: 0;
border-color: #4c5059 transparent transparent transparent;
border-width: 8px 8px 0 8px;
}
#detail_tour .tour_tab li.current .schedule {
background-image:url(/oe/images/ico_schedule_w.svg); 
}
#detail_tour .tour_tab li.current .notes {
background-image:url(/oe/images/ico_notes_w.svg); 
}


.detail_tour_inner {
padding: 4rem 15px;
}
.detail_tour_inner:nth-of-type(2) {
display: none;
}

#detail_tour .schedule ul {
position: relative;
}
#detail_tour .schedule li,
.voucher_container .schedule li {
background: #f4fafe;
text-align: left;
padding: 0 10px;
letter-spacing: -0.4em;
color: #333;
}
#detail_tour .schedule li:nth-child(even),
.voucher_container .schedule li:nth-child(even) {
background: #daeefc;
}
#detail_tour .schedule li span,
.voucher_container .schedule li span {
display: inline-block;
letter-spacing: normal;
padding: 10px 5px;
width: 25%;
vertical-align: top;
text-align: right;
}

#detail_tour .schedule li span.text,
.voucher_container .schedule li span.text {
position: relative;
width: 75%;
padding-left: 20px;
text-align: left;
background:url(/oe/images/schedule_point.svg) no-repeat 0 15px;
background-size:10px auto;
}

#detail_tour .schedule li span > span,
.voucher_container .schedule li span > span,
#detail_tour .schedule li span.text > span,
.voucher_container .schedule li span.text > span {
display: inline;
width: auto;
padding: 0;
}
#detail_tour .schedule li span.text:before,
.voucher_container .schedule li span.text:before {
position: absolute;
bottom:15px;
left:5px;
content: "";
display: block;
height: 100%;
width: 1px;
background: #4c5059;
}
#detail_tour .schedule li span.text:after,
.voucher_container .schedule li span.text:after {
position: absolute;
top:15px;
left:5px;
content: "";
display: block;
height: 100%;
width: 1px;
background: #4c5059;
}
#detail_tour .schedule li:first-child span.text:before,
#detail_tour .schedule li:last-child span.text:before,
#detail_tour .schedule li:last-child span.text:after,
.voucher_container .schedule li:first-child span.text:before,
.voucher_container .schedule li:last-child span.text:before,
.voucher_container .schedule li:last-child span.text:after {
display: none;
}
#detail_tour .notes dl {
border-bottom:1px dotted #a5a7ac;
letter-spacing: -0.4em;
}
#detail_tour .notes dt,
#detail_tour .notes dd {
display: inline-block;
padding: 1rem .5rem;
font-size: 93.3%;
letter-spacing: normal;
text-align: left;
vertical-align: top;
width: 60%;
}
#detail_tour .notes dt {
width: 40%;
}
#detail_tour .notes dt strong {
display: block;
padding: .2rem .5rem;
background: #daeefc;
color: #004098;
font-weight: 600;
font-size: 90%;
text-align: center;
border-radius: 12px;
}






/* DETAIL PHOTO
----------------------------------------------------*/

#detail_photo > .wrapper {
text-align: left;
}
#detail_photo > .wrapper > div {
display: inline-block;
width: 28%;
margin-left: 2%;
margin-right: 2%;
margin-top:10px;
margin-bottom: 10px;
letter-spacing: normal;
vertical-align: top
}
#detail_photo > .wrapper > div img {
width: 100%;
height: 80px;
object-fit: cover;
}
#detail_photo > .wrapper > div p {
text-align: left;
font-size: 93.3%;
}



/* DETAIL REVIEW
----------------------------------------------------*/

.box_review {
background: #f4f4f5;
padding-bottom: 2rem;
/*
transition: opacity 0.7s;
transition: transform 0.7s;
*/
}
.box_review:nth-child(even) {
background: #FFF;
}
.box_review div {
text-align: left;
}
.box_review .icol12 {
margin-top: 0;
}
.box_review .title {
margin-bottom: 0;
vertical-align: top;
}
.box_review .title strong {
font-size: 133%;
}
.box_review .name {
display: table;
margin-top: 0;
margin-bottom: 0;
float: right;
}
.box_review .name p {
display: table-cell;
font-size: 86.6%;
padding-top:5px;
vertical-align: top;
}
.box_review .name p span {
display: block;
margin-bottom: .3rem;
text-align: left;
}
.box_review .name small {
display: inline-block;
background: #dbdcde;
padding: .1rem .5rem;
margin:0 .5rem;
}
.box_review .name .icon {
background-repeat:  no-repeat;
background-position: right 10px top 0;
background-size: auto 45px;
width: 75px;
height: 45px;
text-indent: -9999px;
}
.box_review .name .icon.one {background-image: url(/oe/images/ico_review_one.svg)}
.box_review .name .icon.family {background-image: url(/oe/images/ico_review_family.svg)}
.box_review .name .icon.friend {background-image: url(/oe/images/ico_review_friend.svg)}
.box_review .name .icon.date {background-image: url(/oe/images/ico_review_date.svg)}
.box_review .name .icon.other {background-image: url(/oe/images/ico_review_other.svg)}
.box_review .name p:last-child {
white-space: nowrap;
}
.box_review .text {
margin-top: 0;
border-top: 1px dotted #4c5059;
padding-top: 10px;
margin-bottom: 0;
}
.btn_readmore,
.btn_readmore_close {
position: relative;
letter-spacing: normal;
margin:0 2%;
}
.btn_readmore_close {
margin-top: 10px;
}
.btn_readmore:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 20px;
top:-20px;
left:0;
background: linear-gradient(to bottom,rgba(255,255,255,0),#f4f4f5);
}
.box_review:nth-child(even) .btn_readmore:before {
background: linear-gradient(to bottom,rgba(255,255,255,0),#FFF);
}
.btn_readmore a,
.btn_readmore_close a {
padding-right: 18px;
text-decoration: none;
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 13px auto;
}
.btn_readmore a {
background-image: url(/oe/images/btn_readmore.svg)
}
.btn_readmore_close a {
background-image: url(/oe/images/btn_readmore_close.svg)
}

.wrap_btn_entry_review {
text-align: center;
}

.btn_entry_review a {
display: inline-block;
padding: 1rem 1.5rem 1rem 4rem;
text-align: center;
font-size: 120%;
font-weight: 600;
color: #FFF;
text-decoration: none;
border-radius: 3px;
}
.wrap_btn_entry_review a {
display: inline-block;
padding: 1rem 1.5rem 1rem 4rem;
text-align: center;
font-size: 120%;
font-weight: 600;
color: #FFF;
text-decoration: none;
border-radius: 3px;
background-color: #004098;
background-repeat: no-repeat;
background-position: 15px 50%;
}
.wrap_btn_entry_review a.btn_entry_review {
margin-top: 10px;
background-image: url(/oe/images/ico_entry_w.svg);
background-size: 20px auto;
}
.wrap_btn_entry_review a.btn_all_view {
margin-top: 10px;
background-image: url(/oe/images/ico_review_w.svg);
background-size: 20px auto;
}




.list_related {
text-align: left;
}
.list_related h2 {
font-size: 113%;
margin-bottom: 1rem;
}
.list_related li {
border-bottom: 1px dotted #004098;
padding: 1.5rem 0;
}
.list_related li:first-child {
border-top: 1px dotted #004098;
}
.list_related li a {
display: block;
padding-left: 22px;
background: url(/oe/images/ico_report_b.svg) no-repeat 0 3px;
background-size: 16px auto;
text-decoration: none;
}

.review_photo {
text-align: left;
}
.review_photo .icol2 {
width: 21%;
margin: 10px 2%;
vertical-align:top;
}
.review_photo .icol2 img {
width: 100%;
height: 50px;
object-fit: cover;
}

.btn_more_review {
position: relative;
}
.btn_more_review:after {
content: "";
display: block;
position: absolute;
top:10px;
left:0;
right: 0;
margin:auto;
height: 1px;
width: 100%;
background: #004098;
z-index: 15;
}
.btn_more_review a {
position: relative;
display: inline-block;
padding: 0 2rem 2rem;
background:#FFF url(/oe/images/arrow_bottom_b.svg) no-repeat 50% 100%;
background-size: 20px auto;
font-size: 113%;
font-weight: 600;
text-decoration: none;
z-index: 16;
}
.btn_more_review a:hover {
opacity: 1;
}

.join_tour {
margin-top: 0;
text-align: left;
}
.join_tour dt {
display: inline-block;
margin-bottom: .5rem;
padding: .2rem 1rem;
background: #004098;
color: #FFF;
font-size: 80%;
font-weight: 600;
line-height: 1.3;
border-radius: 10px;
}













/* DETAIL PLAN
----------------------------------------------------*/
#detail_plan .box_head_plan {
padding: 2rem;
}
#detail_plan .box_head_plan li {
border-bottom:1px dotted #b2c6e0;
padding: .8rem 0;
margin-bottom:0;
}
#detail_plan .box_head_plan li:first-child {
border-top:1px dotted #b2c6e0;
}
#detail_plan .feature_tag {
margin-bottom: 0;
}

#detail_plan .box_head_plan li a span {
width: 100%;
padding-right: 30px;
background: url(/oe/images/arrow_bottom_b.svg) no-repeat 100% 50%;
background-size:15px auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#detail_plan .box_head_plan li a span:after {
display: none;
}

.plan_wrapper {
position: relative;
padding-top: 30px;
}
.plan_wrapper:before {
content: "";
position: absolute;
left:0;
right:0;
top:0;
margin:auto;
display: block;
width: 96%;
height: 20px;
border-top:1px solid #4c5059;;
margin-top: 2rem;
padding-top: 1.5rem;
}
.plan_wrapper:first-of-type {
/*padding-top: 0;*/
}
.plan_wrapper:first-of-type:before {
display: none;
}


.box_select {
background: #f1f9fe;
padding: 1.5rem 1rem;
text-align: left;
}
.date_select .copy,
.num_select .copy,
.seat_select .copy {
display: table;
width: 100%;
}
.date_select .copy span,
.num_select .copy span,
.seat_select .copy span {
display: table-cell;
font-weight: 600;
font-size: 106%;
vertical-align: top;
}
.date_select .copy span strong,
.num_select .copy span strong,
.seat_select .copy span strong {
margin-right: 1rem;
font-weight: 200;
font-size: 26px;
line-height: 1.0;
}
.seat_select .copy .txt_gc_sel {
width:94%;
}
.date_select .btn_calender,
.date_select .btn_month_select {
text-align: right;
}
.date_select .btn_calender a,
.date_select .btn_month_select span {
display: inline-block;
padding: .8rem 1rem .8rem 4rem;
background: #FFF url(/oe/images/ico_calender.svg) no-repeat 1rem 50%;
background-size: 20px auto;
border:1px solid #004098;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}

.num_select li {
display: table;
width: 100%;
padding: .8rem 0;
border-bottom: 1px dotted #4c5059;
}
.num_select li span {
display: table-cell;
vertical-align: middle;
font-size: 93.3%;
white-space: nowrap;
}
.num_select li span:last-child {
text-align: right;
}
.num_select li span strong {
display: inline-block;
margin-right: 1rem;
color: #f25749;
font-size: 106%;
font-weight: 900;
}
.num_select li span strong small {
display: inline-block;
font-weight: normal;
color: #4c5059;
font-size: 1.3rem;
}
.num_select select {
display: inline-block;
}
.num_select select,
.seat_select select {
width: 80px;
text-align: center;
background:#FFF url(/oe/images/ico_select.svg) no-repeat 90% 50%;
background-size: 10px auto;
padding: .8rem .8rem .8rem 2rem;
border:1px solid #004098;
border-radius: 5px;
}
.num_select .total_price span,
.seat_select .total_price span {
padding: .2rem .6rem;
margin-right: .5rem;
margin-top: 1rem;
display: inline-block;
background:#4c5059;
color: #FFF;
font-size: 93.3%;
}
.num_select .total_price strong,
.seat_select .total_price strong {
font-size: 146%;
color: #f25749;
font-weight: 900;
}

.num_select .total_price {
margin-top: 1rem;
}
.num_select .total_price .coupon span {
margin-right: 0;
background: none;
color: #4c5059;
font-weight: 600;
}
.num_select .total_price .coupon input {
padding: .2rem .5rem;
background-color: #FFF;
border:1px solid #004098;
width: 150px
}

.seat_select dl {
background: #FFF;
border:1px solid #004098;
padding: 1px;
margin-bottom: 1rem;
}
.seat_select dt {
padding: .6rem;
background:#004098;
color:#FFF;
font-weight: 700;
}
.seat_select ul {
padding: 1rem;
}
.seat_select li {
padding: .6rem 0;
border-bottom:1px dotted #004098;
}
.seat_select li:last-child {
border-bottom:none;
}
.seat_select li p {
text-align: right;
word-break: break-all;
}
.seat_select li p.seatname {
text-align: left;
font-weight: 600;
font-size: 113%;
}
.seat_select li p strong {
font-size: 113%;
font-weight: 900;
color: #f25749;
}
.seat_select li p.seatname label span {
display: inline-block;
width: calc(100% - 30px);
vertical-align: top;
}



/* calender */
.box_callender {
width: 96%;
margin: 0 auto;
}
.box_callender .icol6 {
width: 100%;
margin:0;
padding: 0;
}
.box_callender .icol6:last-child{
display: none;
}

/*  datepicker - head */
.ui-datepicker-header {
position: relative;
padding: 8px 0;
background: #1a93ec;
text-align: center;
}
.ui-datepicker-header a,
.ui-datepicker-header div {
display: inline-block;
vertical-align: middle;
}
.ui-datepicker-header .ui-datepicker-title .second_mon {
display: none;
}
.second_mon{
display: none;
}
.ui-datepicker-header .ui-datepicker-title {
color: #FFF;
font-size: 113%;
font-weight: 600;
}
.ui-datepicker-header a {
position: absolute;
top:0;
text-indent: -9999px;
width: 36px;
height: 36px;
background-size: 20px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
}
.ui-datepicker-header a.ui-datepicker-prev {
left:0;
background-image: url(/oe/images/arrow_month_prev.svg)
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
background-image: url(/oe/images/arrow_month_next.svg)
}


/*  datepicker - calender */
.ui-datepicker-calendar {
width: 100%;
border-left: 1px solid #4c5059;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
padding: .2rem;
border-bottom: 1px solid #4c5059;
border-right: 1px solid #4c5059;
}
.ui-datepicker-calendar td {
text-align: left;
vertical-align: top;
height: 6rem;
font-size: 73.3%;
word-break: break-all;
cursor: pointer;
}
.ui-datepicker-calendar thead th {
background: #e8f4fd;
}
.ui-datepicker-calendar tr th:first-child,
.ui-datepicker-calendar tr td:first-child {
color: #f25749;
}
.ui-datepicker-calendar tr th:last-child,
.ui-datepicker-calendar tr td:last-child {
color: #1a93ec;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable{
background: #ededee;
color: #94969c;
cursor: default;
}
.ui-datepicker-calendar tr td.ui-datepicker-unselectable:first-child,
.ui-datepicker-calendar tr td.ui-datepicker-unselectable:last-child {
color: #94969c;
}
.ui-datepicker-calendar td span {
display: block;
color: #4c5059;
text-align: center;
font-weight: 600;
}

span.reserve_e {
padding-top:8px;
}
span.reserve_b,
span.reserve_r {
background-position: 50% 0;
background-repeat:no-repeat;
background-size: 14px auto;
padding-top:16px;
}
span.reserve_b {background-image: url(../../images/ico_book.svg);}
span.reserve_r {background-image: url(../../images/ico_requst.svg);}
.ui-state-active {
background: #1a93ec;
color: #FFF;
}
.ui-datepicker-calendar td.ui-state-active span {
color: #FFF;
}
.ui-datepicker-calendar td.ui-state-active span.reserve_b {
background-image: url(../../images/ico_book_w.svg);
}
.ui-datepicker-calendar td.ui-state-active span.reserve_r {
background-image: url(../../images/ico_requst_w.svg);
}

.remodal-wrapper .box_caution {
background: #FFF;
padding: 1rem 1rem 0;
}
.remodal-wrapper .box_caution p {
	margin-bottom: .2rem;
text-align: left;
font-size: 86.6%;
}
.remodal-wrapper .box_caution p span {
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
width: 15px;
height: 15px;
border-radius: 2px;
}
.modal-close {
position: relative;
}
.modal-close span {
position: absolute;
cursor: pointer;
bottom:-30px;
right:0;
width: 60px;
height: 60px;
padding-top: 20px;
border-radius: 50%;
border:2px solid #FFF;
background: #004098;
color: #FFF;
font-size: 86.6%;
font-weight: 600;
}


/* SEAT MAP */
.box_seatmap {
padding: 1rem 1rem 2rem;
background: #ededee;
border:1px solid #4c5059;
}
.box_seatmap figure {
position: relative;
cursor: pointer;
}
.box_seatmap figure span {
content: "";
position: absolute;
right:0;
bottom:0;
display: inline-block;
background:#4c5059 url(../../images/btn_scaleup.svg) no-repeat .5rem 50%;
background-size: 18px;
padding: .5rem .5rem .5rem 3rem;
color: #FFF;
font-size: 86.6%;
z-index: 100;
}


/* RESERVE CHECK */
.reserve_check {
padding: 1.5rem 1.5rem 2rem;
}
.reserve_check h3 {
text-align: left;
font-size: 106%;
margin-bottom: 1rem;
}
.reserve_check li {
position: relative;
text-align: left;
font-size: 93.3%;
padding: 1rem 1.3rem;
border-top: 1px dotted #a5a7ac;
}
.reserve_check li:last-child {
border-bottom: 1px dotted #a5a7ac;
margin-bottom: 2rem;
}
.reserve_check li:before {
content: "";
position: absolute;
top:16px;
left:0;
display: inline-block;
height: 6px;
width: 6px;
border-radius:50%;
background: #a5a7ac;
}


/* DETAIL TICKET MONTH SELECT */
.month_select {
position: absolute;
left:0;
width: 100%;
padding: 1rem 2% 0;
background:#1A93EC;
z-index: 60;
}
.month_select h3 {
font-size: 106%;
margin-bottom: .6rem;
color: #FFF;
}
.month_select ul {
letter-spacing: -0.4em;
margin-bottom: 1.5rem;
}
.month_select li {
display: inline-block;
padding: 0 1px 1px 0;
width: 16.66%;
letter-spacing: normal;
box-sizing: border-box;
}
.month_select li a {
display: block;
padding: 1rem .2rem;
text-align: center;
text-decoration: none;
color:#4C5059;
background: #E8F4FD;
border:1px solid #E8F4FD;
cursor: pointer;
}
.month_select li a:hover {
background: #FFF;
opacity: 1;
}
.month_select li strong {
font-size: 120%;
font-weight: 400;
}
.month_select li.active a {
color: #FFF;
background: none;
border:1px solid #FFF;
}

.btn_month_select.open span {
border-color:#1A93EC;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: #FFF;
background: #1A93EC url(../../images/ico_calender_w.svg) no-repeat 1rem 50%;
background-size: 20px auto;
}




/* DETAIL NOTES
----------------------------------------------------*/
#detail_notes .icol12 > ul.box_notes > li,
.voucher_container ul.box_notes > li {
position: relative;
padding: 1rem 1rem 1rem 2.5rem;
background:#f4f4f5;
}
#detail_notes .icol12 > ul.box_notes > li:nth-of-type(even),
.voucher_container ul.box_notes > li:nth-of-type(even) {
background:#FFF;
}
#detail_notes .icol12 > ul.box_notes > li:before,
.voucher_container ul.box_notes > li:before
 {
content: "";
position: absolute;
top:16px;
left:10px;
display: inline-block;
height: 5px;
width: 5px;
border-radius:50%;
background:#4C5059;
}
#detail_notes .icol12 > ul.box_notes > li:before {
background: #4C5059;
}
#detail_notes .box_check_list {
position: relative;
background:#d1e9fb;
padding: 1rem;
}
#detail_notes .box_check_list h2 {
display: inline-block;
margin-bottom: 1rem;
padding: .3rem 2rem;
background:#FFF;
font-weight: 600;
color: #1a93ec;
border-radius: 15px;
}
#detail_notes .btn_open_detail {
height: 80px;
}
#detail_notes .btn_open_detail.open {
position: absolute;
bottom: 0;
left:0;
right:0;
margin:auto;
width: 100%;
}
#detail_notes .check_list_detail {
background: #f1f9fe;
padding: 1rem 1rem 5rem 1rem;
}
#detail_notes .check_list_detail dl {
position: relative;
margin-top: 1rem;
margin-bottom: 30px;
padding: 0 1rem 1rem;
border:1px solid #004098;
background: #FFF;
}
#detail_notes .check_list_detail dt {
display: inline-block;
position: relative;
top:-10px;
left:0;
right:0;
margin:auto;
padding: .3rem 1rem;
background: #1a93ec;
color:#FFF;
font-weight: bold;
border-radius: 15px;
}
#detail_notes .check_list_detail ol li {
font-weight: 600;
color:#1a93ec;
}
#detail_notes .check_list_detail ol li .normal {
color: #4c5059;
}
#detail_notes .check_list_detail ol li span,
#detail_notes .check_list_detail ol li strong {
display: inline-block;
}
#detail_notes .check_list_detail h3 {
text-align: left;
color: #004098;
font-size: 113%;
}
#detail_notes .check_list_detail ul.disc-list {
padding: 1.5rem;
}





/* DETAIL FAQ
----------------------------------------------------*/

.wrap_faq #qa {
text-align: left;
}

#qa dl:last-child {
border-bottom: 1px dotted #4c5059;
}

#qa dt,
#qa dd p {
display: table;
width: 100%;
}

#qa dt strong,
#qa dt span,
#qa dt small,
#qa dd p strong,
#qa dd p span {
display: table-cell;
padding: 10px;
vertical-align: top;
}
#qa dt {
position: relative;
margin: 0;
background: #f6f6f7;
border-top: 1px dotted #4c5059;
}
#qa dt strong {
background:#82848b;
text-align: center;
font-size: 146%;
color: #FFF;
width: 60px;
}
#qa dt small {
text-align: right;
width: 43px;
}
#qa dt small img {
width: 23px;
margin-top: 10px;
}
#qa dd {
margin: 0;
height: 0; /* important */
overflow: hidden;
background: #f1f9fe;
}
#qa dd p strong {
background:#d1e9fb;
text-align: center;
font-size: 146%;
font-weight: 700;
color: #004098;
width: 60px;
}
#qa dt,
#allopen,
#allclose {
cursor: pointer;
}
#qa dd.selected {
border-top:1px solid #FFF;
}
#allopen,
#allclose {
display: inline-block;
padding: .8rem 3rem .8rem 1rem;
border: 1px dotted #4c5059;
border-radius: 3px;
background: #f6f6f7 url(../../images/arrow_faq_open.svg) no-repeat right 10px top 50%;
background-size: 17px auto;
text-decoration: none;
color: #4c5059;
font-size: 93.3%;
}

.btn_all_open {
text-align: right;
margin-bottom: 1.5rem;
}
.btn_all_open a {
display: inline-block;
padding: .8rem 3rem .8rem 1rem;
border: 1px dotted #4c5059;
border-radius: 3px;
background: #f6f6f7 url(../../images/arrow_faq_open.svg) no-repeat right 10px top 50%;
background-size: 17px auto;
text-decoration: none;
color: #4c5059;
font-size: 93.3%;
cursor: pointer;
}
.btn_all_open a:after {
content: "すべての答えを開く";
}
.btn_all_open a.close {
background-image: url(../../images/arrow_faq_close.svg);
}
.btn_all_open a.close:after {
content: "すべての答えを閉じる";
}


/* DETAIL RECOMMEND
----------------------------------------------------*/

a.tour_block_link {
text-align: left;
text-decoration: none;
vertical-align: top;
letter-spacing: -0.5em;
}
a.tour_block_link figure,
a.tour_block_link .wrap {
display: inline-block;
letter-spacing: normal;
box-sizing: border-box;
vertical-align: top;
}

a.tour_block_link .wrap {
position: relative;
top:-3px;
width: 64%;
padding-left: 10px;
}
a.tour_block_link figure {
position: relative;
width: 36%;
}
a.tour_block_link figure figcaption {
display: none;
}
a.tour_block_link .wrap h3 {
margin: .3rem 0;
font-size: 93.3%;
line-height: 1.5;
text-decoration: underline;
}
a.tour_block_link .star,
a.tour_block_link .review_num {
display: inline-block;
vertical-align: middle;
}
a.tour_block_link .star {
width: 80px;
background-position: right 5px top 50%;
background-size: 90% auto;
}
a.tour_block_link .review_num {
padding-left: 15px;
color: #1A93EC;
font-size: 86.6%;
background: url(../../images/ico_review.svg) no-repeat 0 50%;
background-size: 13px auto;
}
a.tour_block_link .price p {
display: inline-block;
margin-top: .3rem;
font-size: 73.3%;
color: #4C5059;
}
a.tour_block_link .price .pastprice,
a.tour_block_link .price .newprice {
color: #F25749;
line-height: 1.3;
}
a.tour_block_link .price .pastprice {
font-size: 100%;
}
a.tour_block_link .price .newprice {
font-size: 106%;
font-weight: 600;
}
a.tour_block_link .price .newprice strong {
font-size: 140%;
}
a.tour_block_link .wrap .ribbon_tag {
position: relative;
top:auto;
left:auto;
display: inline-block;
text-align: left;
min-height: auto;
padding: 2px 5px;
line-height: 1;
font-size: 80%;
}






/* REVIEW LIST 
----------------------------------------------------*/
.detail_container.review_list {
padding-top: 0;
}

/* REFINE SEARCH BOX */
.box_refine {
padding: 1.5rem 1rem;
background: #EDF6FD;
border:1px dotted #004098;
text-align: left;
}
.box_refine > div {
margin-top: 1.5rem;
}

.box_refine .total {
margin-top: 0;
padding-bottom: 1rem;
border-bottom: 1px dotted #004098;
}
.box_refine .total h2,
.box_refine .total p {
display: inline-block;
margin-bottom: .5rem;
vertical-align: middle;
}
.box_refine .total h2 {
width: 30%;
font-size:106%;
font-weight: 600;
}
.box_refine .total p {
width: 68%;
margin:0;
font-size:120%;
}
.box_refine .review .star {
background-size: auto 100%;
height: 15px;
}
.box_refine .total .review .star {
height: 20px;
}

.box_refine > div.type,
.box_refine > div.age dl {
letter-spacing: -0.5em;
}
.box_refine > div.type dl,
.box_refine > div.age dd {
display: inline-block;
vertical-align: top;
width: 50%;
letter-spacing: normal;
}
.box_refine label {
width: 100%;
padding: 6px 0px 6px 26px;
vertical-align: middle;
}
.box_refine label .star {
display: inline-block;
width: 90px;
}
.box_refine .checkbox:after {
top:17px;
left:0;
}
.box_refine .checkbox:before {
top:4px;
left:6px;
}
.box_refine dt {
letter-spacing: normal;
font-weight: 600;
font-size: 106%;
}











/* ----------------------------------------------------------------------


media Queries


-------------------------------------------------------------------------*/



@media only screen and (max-width: 767px) {
.plan_wrapper {
position: relative;
}
}/* max-width:767px */




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


/* CONTAINER
----------------------------------------------------*/
.detail_container,
.detail_main {
padding: 1rem 0;
}





/* DETAIL PAGE NAV
----------------------------------------------------*/
.detail_header,
.detail_page_nav {
position: static;
}
.detail_page_nav {
height: auto;
padding: 6px 0;
vertical-align: middle;
}
.detail_page_nav .gnav {
display: none;
}
.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 .icol9.breadcrumb {
width: 80%;
}
.detail_page_nav .icol3.btn_listback {
width: 20%;
}


.pc_detail_page_nav {
display: block;
}







/*PARTS
----------------------------------------------------*/
/* h1 title */
.detail_container h1 {
margin-bottom: 2rem;
}
.detail_container h1 .wrapper {
padding: .8rem 15px .8rem 56px;
font-size: 120%;
background-size: auto 23px;
}
.detail_container h1.photo .wrapper,
.detail_container h1.review .wrapper {
background-size: auto 20px;
}


/* Button */
input.btn_reserve {
padding: 1rem 6rem 1rem 8rem;
}

.modal-close span {
padding-top: 16px;
}




/* DETAIL MAIN
----------------------------------------------------*/
.tourcode {
display:inline-block;
width:16.66666667%;
border: none;
vertical-align: top;
}
.tourcode span,
.tourcode strong {
display: block;
}
.tourcode strong {
border:1px solid #70737A;
}
.detail_main .icol10 {
margin:20px 0;
padding-left: 0;
vertical-align: top;
text-align: left;
}
.detail_main h1 {
font-size: 133%;
}
.detail_main h1 span.feature_tag {
font-size: 70%;
line-height: 1.6;
}
#detail_plan h2 {
font-size: 120%;
}
.detail_main .copy {
display: block;
}
.detail_main .price {
margin: 1rem 0;
}
.detail_main h1,
#detail_plan h2 {
display: block;
}

.detail_main .review .star {
width: 110px;
}

.detail_main .ribbon_tag {
top:25px;
}


/* DETAIL PLAN
----------------------------------------------------*/
.box_head_plan li a span {
width: 76%;
}
.box_head_plan li a span.price {
width: 20%;
margin: 0;
}
.box_head_plan li .feature_tag {
font-size: 80%;
}

#detail_plan .box_head_plan {
padding: 2rem 4rem;
}
#detail_plan .box_head_plan.icol12 {
width: 96%;
}
#detail_plan .box_head_plan li a span {
width: 100%;
}
#detail_plan .tourcode {
vertical-align:top;
}
#detail_plan .icol10 {
margin-bottom:0;
padding-left: 0;
vertical-align:middle;
}

.box_select {
padding: 2rem;
}
.num_select li {
padding: .5rem 0;
}
.num_select select {
padding: .6rem .8rem .6rem 2rem;
}
.num_select .total_price .coupon input {
width: 155px;
}

.box_seatmap {
padding: 2rem;
}
.date_select {
overflow: hidden;
}
.date_select p.copy {
float: left;
width: 66%;
}
.date_select p.btn_calender {
float: right;
text-align: right;
width: 30%;
}
.seat_select dl {
display: table;
width: 100%;
}
.seat_select dt,
.seat_select dd {
display: table-cell;
}
.seat_select dt {
width: 15%;
text-align: center;
}
.seat_select dd { width: 85%; }

.seat_select li p {
display: inline-block;
width: 40%;
vertical-align: top;
}
.seat_select li p.seatname {
	width: 58%;
}

.remodal-wrapper .box_caution {
text-align: left;
padding: 20px;
}


/* RESERVE CHECK */
.reserve_check {
padding: 2rem 3rem;
}


/* DETAIL TICKET MONTH SELECT */
.month_select {
width: 50%;
top:80px;
right: 0;
margin: auto;
border-radius: 5px;
}




/* DETAIL POINT
----------------------------------------------------*/
#detail_point {
padding-top: 0;
}
.list_point li {
padding-left: 3rem;
background-size: 20px auto;
}
.wrap_point {
display: table;
width: 100%;
table-layout: fixed;
}
.wrap_point div.icol6 {
display: table-cell;
width: auto;
padding: 1rem;
}
.wrap_point div.icol6.list_point {
	padding-right: 30px;
}


/* DETAIL TOUR
----------------------------------------------------*/

#detail_tour .schedule li span,
.voucher_container .schedule li span {
width: 20%;
padding: 10px;
}
#detail_tour .schedule li span.text,
.voucher_container .schedule li span.text {
width: 80%;
}


#detail_tour .notes ul {
display: table;
width: 100%;
table-layout: fixed;
}
#detail_tour .notes ul li {
display: table-row;
}
#detail_tour .notes dl {
display: table-cell;
}
#detail_tour .notes dt {
width: 30%;
}
#detail_tour .notes dd {
width: 70%;
}
#detail_tour .notes ul.row_1 dt {
width: 15%;
}
#detail_tour .notes ul.row_1 dd {
width: 85%;
}





/* DETAIL PHOTO
----------------------------------------------------*/

#detail_photo > .wrapper {
text-align: center;
}
#detail_photo > .wrapper > div {
display: inline-block;
width:16.66666667%;
margin:20px 0;
padding-right: 15px;
padding-left: 15px;
}
#detail_photo > .wrapper > div img {
width: 205px;
height: 120px;
object-fit: cover;
}


/* DETAIL review
----------------------------------------------------*/

.box_review {
margin-left: 15px;
margin-right: 15px;
padding: 0 20px;
}
.box_review:first-of-type {
margin-top: 4rem;
}
.wrap_btn_entry_review a {
display: inline-block;
margin: 0 10px 10px;
}


.box_review .name .icon {
background-size: auto 52px;
width: 85px;
height: 52px;
}
.box_review .name .username {
padding-right: 5px;
}
.btn_readmore,
.btn_readmore_close {
margin:0;
}
.list_related {
border-left:1px solid #004098;
padding-left: 5rem;
}
.list_related li,
.list_related li:first-child {
border:none;
padding: 0;
margin-bottom: 1rem;
}

.review_photo .icol2 {
width: 16.6%;
margin: 0 0 30px;
vertical-align:top;
}
.review_photo .icol2 img {
height: 90px;
}
.btn_more_review:after {
margin-left: 15px;
margin-right: 15px;
width: auto;
}



/* DETAIL NOTES
----------------------------------------------------*/

#detail_notes .icol12 > ul.box_notes > li:before {
top:18px;
}

#detail_notes .btn_open_detail {
height: 60px;
}
#detail_notes .check_list_detail {
padding: 3rem 3rem 5rem 3rem;
}
#detail_notes .check_list_detail dt {
top:-15px;
}
#detail_notes .check_list_detail ol {
padding: 0 2rem;
}




/* DETAIL RECOMMEND
----------------------------------------------------*/
a.tour_block_link {
letter-spacing: normal;
}
a.tour_block_link figure,
a.tour_block_link .wrap {
display: block;
}
a.tour_block_link .wrap {
top:auto;
width: auto;
padding-left: 0;
}
a.tour_block_link figure {
width: auto;
margin-bottom: .5rem;
}
a.tour_block_link figure figcaption {
display: block;
left:-3px;
top:5px;
font-size: 86.6%;
}
a.tour_block_link .wrap h3 {
font-size: 100%;
}
a.tour_block_link .wrap .ribbon_tag {
display: none;
}
a.tour_block_link .feature_tag {
margin-bottom: .3rem;
font-size: 80%;
}
a.tour_block_link .star {
width: 90px;
}




/* REFINE SEARCH BOX */
.detail_container.review_list .box_review:first-of-type {
margin-top: 0;
}
.box_refine {
display: table;
width: 100%;
}
.box_refine > div {
display: table-cell;
}
.box_refine .total {
width: 17%;
border-bottom: none;
}
.box_refine .total h2,
.box_refine .total p {
display: block;
width: auto;
}
.box_refine .total p + h2 {
margin-top: 2rem;
}
.box_refine .total .review .star {
height: 18px;
width: 100%;
}
.box_refine label {
font-size: 86.6%;
}
.box_refine .checkbox:before {
top:7px;
}

.box_refine > div.type dl {
width: calc(50% - 5px);
}
.box_refine > div.type dl:first-child {
width: calc(50% + 5px);
}






}/* min-width:768px */










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

/* DETAIL PAGE NAV
----------------------------------------------------*/

.box_head_plan li a span {
width: 72%;
}
.box_head_plan li a span.price {
width: 24%;
margin: 0;
text-align: right;
}


/* DETAIL PLAN
----------------------------------------------------*/

/* datepicker */
.box_callender .icol6 {
vertical-align: top;
}
.ui-datepicker-header .ui-datepicker-title:nth-child(2),
.box_callender .icol6:last-child {
display:inline-block;
margin-left: 2%;
}
.ui-datepicker-header div {
width: 48.8%;
}
.box_callender .icol6 {
width: 48.8%;
}
.ui-datepicker-calendar td {
font-size: 93.3%;
}

span.reserve_e {
padding-top:0;
}


/* DETAIL TICKET MONTH SELECT */
.month_select {
width: 380px;
}


/* REFINE SEARCH BOX */
.box_refine label {
font-size: 93.3%;
}




/* DETAIL REVIEW
----------------------------------------------------*/
.box_review > .title.icol7 {
width: calc(100% - 350px);
}
.box_review > .icol5 {
width: 330px;
}











}/* min-width:960px */












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


.detail_page_nav .icol3.btn_listback {width: 14%;}
.detail_page_nav .icol9.breadcrumb {width: 86%;}



/* DETAIL PLAN
----------------------------------------------------*/
.plan_wrapper:before {
max-width: 1170px;
width: auto;
}



/* REFINE SEARCH BOX */
.box_refine {
padding: 2rem 3rem;
}
.box_refine .total {
width: 28%;
}
.box_refine >div {
width: 18%;
vertical-align: middle;
}
.box_refine >div.type {
width: 28%;
}
.box_refine >div.age {
width: 26%;
}
.box_refine .total h2,
.box_refine .total p {
display: inline-block;
margin-bottom: .5rem;
vertical-align: middle;
}
.box_refine .total h2 {
width: 80px;
}
.box_refine .total p {
width: 200px;
}
.box_refine .total p + h2 {
margin-top: 0;
}
.box_refine .total .review .star {
height: 25px;
}



}/* min-width:1200px */

































/* ---------------------------------------------------------------------


VOUCHER


------------------------------------------------------------------------*/

.voucher_title {
}
.voucher_title h1 {
padding: 1rem;
border-bottom:1px solid #004078;
font-size: 133%;
letter-spacing: 0.2em;
}
.voucher_title .info {
text-align: right;
padding: 0 2%;
margin-top: 0;
}
.voucher_title .info dl,
.voucher_title .info p {
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
}
.voucher_title .info dl {
border:1px solid #4C5059;
margin-left: .5rem;
}
.voucher_title .info dt,
.voucher_title .info dd {
padding: .2rem;
}
.voucher_title .info dt {
background: #4C5059;
color:#FFF;
font-size: 80%;
text-align: center;
}
.voucher_title .info dd {
font-size: 86.6%;
}
.voucher_title .info p {
margin-left: .5rem;
}
.btn_download a {
display: inline-block;
padding:.3rem 1rem .3rem 3rem;
background:url(../../images/ico_download.svg) no-repeat 5px 8px;
background-size: 20px auto;
border: 1px solid #004078;
border-radius: 5px;
text-decoration: none;
font-size: 86.6%;
}
.voucher_container {
margin-bottom: 2rem;
}
.voucher_container h1 {
padding-left: 4rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
background: url(../../images/ico_notes_b.svg) no-repeat 10px 3px;
background-size: 18px auto;
color: #004098;
font-weight: normal;
font-size: 133%;
text-align: left;
border-bottom: 3px solid #004098;
}
.voucher_container h1.member {
background: url(../../images/ico_member_b.svg) no-repeat 10px 1px;
background-size: 15px auto;
}
.voucher_container h1.tour {
background: url(../images/ico_tour_b.svg) no-repeat 8px 5px;
background-size: 23px auto;
}
.voucher_container h2 {
margin-bottom: 1.5rem;
padding: .8rem 0;
font-size: 113%;
font-weight: 600;
border-bottom: 1px dotted #4C5059;
}
.voucher_container h3 {
font-weight: 600;
margin-bottom: .6rem;
}

.voucher_container .box_notes {
margin-bottom: 2rem;
}



/* table */
.voucher_container table {
border-top:1px solid #A5A7AC;
width: 100%;
}
.voucher_container table th,
.voucher_container table td {
text-align: left;
padding: 1rem;
vertical-align: top;
border-bottom: 1px solid #A5A7AC;
}
.voucher_container table th {
white-space: nowrap;
font-size: 86.6%;
font-weight: 600;
color: #004098;
background: #daeefc;
width: 30%;
}
.voucher_container table.member_list thead th {
border-right: 1px dotted #A5A7AC;
border-bottom: none;
text-align: center;
width: auto;
}
.voucher_container table thead th:last-child {
border-right: none;
}
.voucher_container table.member_list td {
text-align: center;
}
.voucher_container table.member_list td:first-child {
text-align: left;
}

.voucher_container table.member_list tr:last-child td {
border-bottom:none;
}


.voucher_container table td span {
display: inline-block;
}


/* -----------------------------------

media Queries

-------------------------------------- */



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

.voucher_title .info p {
margin-left: 2rem;
}

.voucher_title .info {
padding: 0;
}
.voucher_title .info dt,
.voucher_title .info dd {
display: inline-block;
padding: .3rem 1rem;
font-size: 86.6%;
}

.voucher_container table th {
width: 20%;
}





}
@media only screen and (min-width: 960px) {}
@media only screen and (min-width: 1200px) {}
@media print{
	.detail_page_nav{
		display:none;
	}
}