@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&family=Oswald:wght@600&display=swap');

@font-face { font-family: 'icon'; src: url('./font/icon.eot'); src: url('./font/icon.eot#iefix') format('embedded-opentype'), url('./font/icon.woff') format('woff'), url('./font/icon.ttf') format('truetype'), url('./font/icon.svg#icon') format('svg'); font-weight: normal; font-style: normal; }

 [class^="ico-"]:before, [class*=" ico-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-pagetop:before { content: '\e802'; } /* '' */
.ico-train:before { content: '\e807'; } /* '' */
.ico-hotel:before { content: '\e808'; } /* '' */
.ico-angle-right:before { content: '\f105'; } /* '' */
.ico-angle-up:before { content: '\f106'; } /* '' */


.jtb-nav-breadcrumb { margin-bottom: 25px; max-width: 1236px; }
.l-page { font-size: 16px; line-height: 1.6; text-align: center; }
.l-page * { -ms-box-sizing: border-box; box-sizing: border-box; }
.l-page h1 { font-size: 18px; font-weight: bold; line-height: 1; margin: 0 auto 25px; max-width: 1236px; text-align: left; }
.l-page a, .l-page a img { transition: all .3s ease; transform: rotate(0.0001deg); }
.l-page em { font-family: "Oswald", sans-serif; line-height: 1; }
.l-page strong { font-weight: bold; }
.l-page img, .l-page svg { display: block; margin: 0 auto; max-width: 100%; }
.l-page .c-font { font-family: "Noto Sans JP", sans-serif; }
.sp-item { display: none; }
.js-btn-page-top { bottom: 50px; cursor: pointer; display: none; position: fixed; right: 50px; z-index: 100; }
.js-btn-page-top a { display: block; height: 17px; position: relative; width: 35px; }
.js-btn-page-top a::before { color: #000; content: "\e802"; display: inline-block; font-family: "icon"; font-size: 17px; height: 17px; width: 35px; }
.js-btn-page-top a:hover { opacity: .8; }

.c-content { margin: 0 auto; max-width: 1236px; width: 100%; }
.c-section + .c-section { margin-top: 2.75em; }
.c-box { background-color: #fff; border-radius: .5em; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2)); }
.c-mv { border-top: .5em solid #c81428; padding: 3em; }
.c-section__title { color: #fff; display: inline-block; font-size: 2.25em; line-height: 2.3889em; margin-bottom: 1.3333em; position: relative; width: 100%; }
.c-section__title::before, .c-section__title::after { border: none; content: ""; position: absolute; top: 100%; }
.c-section__title::before { left: 0; border-bottom: solid .3611em transparent; }
.c-section__title::after { right: 0; border-bottom: solid .3611em transparent; }
.c-section__title span { font-size: .6667em; }
.c-section__copy { font-size: 1.5em; margin-bottom: 1.3333em; text-align: left; }
.c-ex__item { font-size: 1.25em; font-weight: bold; text-align: left; }
.c-ex__item p strong, .c-ex__item .c-price { color: #c81428; }
.c-ex__item .c-cap { display: block; font-size: .7em; font-weight: normal; }
.c-ex__item p.c-price { font-size: 1.5em; text-align: right; }
.c-ex__item p.c-price span { font-size: .4667em; }
.c-ex__item p.c-price + p { margin-top: 1.2em; }
.c-ex__item .c-price em { font-size: 1.2em; }
.c-baloon { background: url(../images/bg-price.png) no-repeat 50% 50% / cover; font-size: 2em; height: 4.375em; margin: 0 auto .6em; padding-top: 1.6em; text-align: center; width: 9.25em; }
.c-baloon.c-price em { font-size: 1.5em; }
.c-dep__title { background-color: #28a7e1; border-radius: 1.1667em; color: #fff; font-size: 1.5em; line-height: 2.3333em; margin-bottom: 1.2em; }
.c-plan__list + .c-plan__list { margin-top: 3em; }
.c-plan__item .c-box { overflow: hidden; }
.c-plan__item .pic { background: no-repeat 50% 50% / cover; display: block; padding-top: 55.5556%; }
.c-plan__item .data { padding: 1.5em 2.5em 2.5em; text-align: left; }
.c-plan__heading { border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em; }
.c-plan__heading span, .c-plan__heading a { display: inline-block; vertical-align: middle; }
.c-plan__title { font-size: 1.625em; }
.c-plan__label { border-radius: 1em; color: #fff; line-height: 2; margin-right: 1em; padding: 0 1.625em; }
.c-plan__price { font-size: 1.875em; line-height: 1; }
.c-plan__price em { font-size: 1.2em; }
.c-plan__price span { background-color: #ffe400; border-radius: .5em; color: #28a7e1; display: inline-block; font-size: .4em; line-height: 1.2; margin-right: 1.5em; padding: .3333em .6667em; position: relative; text-align: center; }
.c-plan__price span::before { border: .5em solid transparent; border-left: .5em solid #ffe400; content: ""; left: 100%; margin-top: -.5em; position: absolute; top: 50%; }
.c-plan__price--regular { font-size: 1.25em; margin-bottom: .4em; }
.c-plan__notes { background-color: #f1f1f1; margin-top: 1.2em; padding: 1.25em 1.5em; }
.c-plan__notes p { font-size: .8125em; padding-left: 2.4615em; position: relative; }
.c-plan__notes p + p { margin-top: .8em; }
.c-plan__notes p::before { font-size: 1.3846em; left: 0; position: absolute; }
.c-plan__notes p strong { display: block; font-weight: bold; margin-bottom: .5em; }
.c-plan__item .c-cap { font-size: .75em; margin-top: 1.3em; }
.c-plan__item .lazyloaded.pic-kyoto { background-image: url(../images/pic-kyoto.jpg); }
.c-plan__item .lazyloaded.pic-osaka { background-image: url(../images/pic-osaka.jpg); }
.c-plan__item .lazyloaded.pic-tokyo { background-image: url(../images/pic-tokyo.jpg); }
.c-plan__item .lazyloaded.pic-kanazawa { background-image: url(../images/pic-kanazawa.jpg); }
.c-plan__item .lazyloaded.pic-aomori { background-image: url(../images/pic-aomori.jpg); }
.c-plan__item .lazyloaded.pic-sendai { background-image: url(../images/pic-sendai.jpg); }

.c-coupon { margin-top: 5em; }
.c-coupon a { position: relative; width: 100%; }
.c-coupon a, .c-coupon__label, .c-coupon__txt { display: flex; }
.c-coupon a::after { color: #28a7e1; content: "\f105"; display: inline-block; font-family: "icon"; font-size: 4em; line-height: 1; position: absolute; right: .6em; top: 50%; transition: all .3s ease; transform: translateY(-50%); }
.c-coupon a:hover .c-coupon__label, .c-coupon a:hover .c-coupon__txt{ background-color: #ffeb47; }
.c-coupon a:hover::after { right: .4em; }
.c-coupon__label, .c-coupon__txt { align-items: center; background-color: #ffe400; border-radius: .625em; justify-content: center; padding: 2.75em 0; transition: all .3s ease; }
.c-coupon__label { position: relative; }
.c-coupon__label::after { background: url(../images/bg-coupon.png) repeat-y 50% 0 / 6px 12px; bottom: .8125em; content: ""; display: block; position: absolute; right: -3px; top: .8125em; width: 6px; z-index: 9; }
.c-coupon__label em { color: #28a7e1; font-size: 2.625em; }
.c-coupon__txt p { display: inline-block; text-align: left; }
.c-coupon__txt strong { color: #28a7e1; display: block; font-size: 2.5em; }
.c-coupon__txt strong em { font-size: 1.6em; }

.sec-ex .c-section__title { background-color: #c81428; }
.sec-ex .c-section__title::before { border-right: solid .7222em #6f0511; }
.sec-ex .c-section__title::after { border-left: solid .7222em #6f0511; }
.sec-ex .c-plan__title, .sec-ex .c-plan__price { color: #c81428; }
.sec-ex .c-plan__label { background-color: #c81428; }

.sec-plan .c-section__title { background-color: #28a7e1; }
.sec-plan .c-section__title::before { border-right: solid .7222em #0a72a1; }
.sec-plan .c-section__title::after { border-left: solid .7222em #0a72a1; }
.sec-plan .c-section__title span { padding-right: 1em; }
.sec-plan .c-plan__title, .sec-plan .c-plan__price { color: #28a7e1; }
.sec-plan .c-plan__label { background-color: #28a7e1; }
.sec-plan .c-plan__item { cursor: pointer; }
.sec-plan .c-plan__item:nth-child(n + 3) { margin-top: 2.5em; }


@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .l-box { box-shadow: 0 1px 5px rgba(0,0,0,.3); }
}

@media screen and (min-width:768px){
	.c-section__inner {  padding: 0 3.5em; }
	.c-plan__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.c-ex__item { width: 40%; }
	.c-coupon a, .c-coupon__label, .c-coupon__txt { display: flex; }
	.c-coupon__label { width: 32%; }
	.c-coupon__txt { width: 68%; }
	.sec-ex .c-plan__item { width: 55.3571%; }
	.sec-plan .c-plan__item { width: calc(50% - 1.375em); }
	.sec-plan .c-plan__item:nth-child(n + 3) { margin-top: 2.5em; }
}
@media screen and (min-width:768px) and ( max-width:1236px) {
	.l-page { font-size: 1.294498vw; margin: 0 3%; }
}
@media screen and (max-width:767px){
	.jtb-nav-breadcrumb { display: none; }
	.js-btn-page-top { bottom: 20px; right: 20px; }
	.js-btn-page-top a { background-color: #999; border-radius: 6px; display: block; height: 30px; width: 30px; }
	.js-btn-page-top a::before { color: #fff; content: "\f106"; display: inline-block; font-family: "icon"; line-height: 29px; width: auto; }
	.l-page { font-size: 3.2vw; padding: 20px 3% 0; }
	.l-page h1 { margin-bottom: 20px; }
	.sp-item { display: block; }
	.c-mv { padding: 1em 1em; }
	.c-section + .c-section { margin-top: 1em; }
	.c-section__title { font-size: 1.6667em; line-height: 1.3; padding: .3em 0 .5em; }
	.c-section__copy { font-size: 1.3333em; }
	.c-plan__item .data { padding: 1.5em; }
	.c-ex__item { padding: 2em 1em; }
	.c-plan__notes p { font-size: 1em; }
	.c-coupon { margin-top: 2em; }
	.c-coupon a::after { font-size: 2em; right: .3em; }
	.c-coupon__label, .c-coupon__txt { padding: 1em 0; }
	.c-coupon__label { width: 20%; }
	.c-coupon__label em { font-size: 1.1667em; }
	.c-coupon__label::after { background-size: 3px 6px; }
	.c-coupon__txt { width: 80%; }
	.c-coupon__txt strong { font-size: 2em; }
	.sec-plan .c-plan__item + .c-plan__item { margin-top: 2.5em; }
}