@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Oswald:wght@700&display=swap');

@font-face {
  font-family: kkrs-dp;
  src: url(/kokunai_air/static/fonts/1.0/kkrs-dp.ttf) format("truetype"),
       url(/kokunai_air/static/fonts/1.0/kkrs-dp.woff) format("woff"),
       url(/kokunai_air/static/fonts/1.0/kkrs-dp.svg#kkrs-dp) format("svg");
  font-weight: 400;
  font-style: normal
}

@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 { display: inline-block; font-family: "icon"; font-size: 120%; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; margin-left: .2em; margin-right: .2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-memo:before { content: '\e800'; }
.ico-attention:before { content: '\e801'; }
.ico-pagetop:before { content: '\e802'; }
.ico-arrow-down:before { content: '\e803'; }
.ico-search:before { content: '\e804'; }
.ico-camera-alt:before { content: '\e806'; }
.ico-online:before { content: '\e807'; }
.ico-packagetour:before { content: '\e808'; }
.ico-check-empty:before { content: '\f096'; }
.ico-building:before { content: '\f0f7'; }
.ico-angle-left:before { content: '\f104'; }
.ico-angle-right:before { content: '\f105'; }
.ico-angle-up:before { content: '\f106'; }
.ico-angle-down:before { content: '\f107'; }
.ico-circle:before { content: '\f111'; }
.ico-ok-squared:before { content: '\f14a'; }

@keyframes slide-in {
 0% { opacity: 0; transform: translate3d(20px,0,0); }
 100% { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes slide-in-up {
 0% { opacity: 0; transform: translate3d(0,20px,0); }
 100% { opacity: 1; transform: translate3d(0,0,0); }
}


.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: background-color .3s ease; }
.l-page img, .l-page svg { display: block; margin: 0 auto; max-width: 100%; }
.l-page .btn { align-items: center; background-color: #fff; border: 1px solid #2f80ed; border-radius: 1.5625em; color: #2f80ed; display: inline-flex; height: 3em; justify-content: center; overflow: hidden; padding: 0 2.5em; position: relative; z-index: 2; margin: 0 5px;}
.l-page .btn span::after { content: "\f105"; display: inline-block; font-family: "icon"; position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); }
.l-page .btn::before { content: ""; display: block; position: absolute; z-index: -1; }
.l-page .btn, .l-page .btn span, .l-page .btn::before { transition: all .4s; }
.l-page .btn::before { left: -100%; height: 100%; top: 0; width: 100%; }
.l-page .btn:hover::before { left: 0; background-color: #2f80ed; }
.l-page .btn:hover span { color: #fff; }
.l-page .is-hide { display: none !important; }
.l-contents { background-color: #fff; font-family: 'Noto Sans JP', sans-serif; }
.js-btn { bottom: 50px; cursor: pointer; display: none; position: fixed; right: 32px; text-align: center; z-index: 100; }
.js-btn-page-top a { display: block; height: 17px; margin: 0 auto; 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; }

/*条件から探す非表示*/
.js-btn-search{display:none !important;}
.js-btn-search a { align-items: center; background-color: #fff; border: 1px solid #2f80ed; border-radius: 8px; color: #2f80ed; display: flex; flex-direction: column; height: 72px; justify-content: center; margin-bottom: 12px; text-align: center; width: 72px; }
.js-btn-search a::before { display: block; font-size: 32px; margin-bottom: .125em; }
.js-btn-search a span { font-size: 10px; }

.l-mv { background: #fff url(../images/l-mv__bg.png) repeat 0 / 4em; position: relative; text-align: center; width: 100%; }
/*.l-mv__inner { background: url(../images/l-mv__inner--bg.png) no-repeat 50% 0 / 1120px auto; padding: 4em 0 3.75em; }*/
.l-mv__inner { background: url(../images/l-mv__inner--bg.png) no-repeat 50% 0 / 1120px auto; padding: 4em 0 3.75em; position: relative; }
.l-mv .c-btn { background-color: #fee404; border-radius: 1.25em; color: #e50012; display: block; height: 2.5em; line-height: 2.5; margin: 2em auto 0; position: relative; width: 22.5em; }
.l-mv .c-btn::after { content: "\f105"; display: inline-block; font-family: "icon"; position: absolute; right: 2em; top: 50%; transform: translateY(-50%); transition: all .3s ease; }
.l-mv .c-btn__guide { bottom: 2em; position: absolute; right: 1em; }
.l-mv .c-btn__guide a { align-items: center; background-color: #f3f8fb; border-radius: .25em; display: flex; height: 2.25em; justify-content: center; padding: 0 2em; width: 14em; }
.l-mv .c-btn__guide span::before { content: '\e801'; display: inline-block; font-family: 'icon'; margin-right: .5em; }

.c-sec { position: relative; }
.c-sec::before { background-color: #2f80ed; content: ""; display: block; left: 50%; position: absolute; width: 1px; }
.c-sec.bg-blue { background-color: #f3f8fb; }
.c-sec__inner { margin: 0 auto; max-width: 1236px; width: 100%; }
.c-sec__title * { line-height: 1; }
.c-sec__title h2 { font-size: 1.875em; font-weight: 500; }
.c-sec__title em { color: #2f80ed; display: block; font-size: .875em; margin-top: 1em; }
.c-slider, .c-banner__list { display: none; }
.c-slider.slick-initialized, .c-banner__list.slick-initialized { display: block; }
.c-coupon__block + .c-coupon__block { margin-top: 4em; }
.c-coupon__block--title { font-size: 1.875em; margin-bottom: .5em; }
.c-coupon__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c-coupon__item { background-color: #fff; border-radius: .375em; box-shadow: 0 0 .375em #c7d0d4; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.c-coupon__item:hover { cursor: pointer; }
.c-coupon__head { background: #56CCF2 url(../images/bg-coupon-head.png) no-repeat 50% 50% / 37.5% auto; color: #fff; padding: 1em; position: relative; text-align: left; }
.op{ background: #f6a900 url(../images/bg-coupon-head_op.png) no-repeat 50% 50% / 37.5%}
.dp{ background: #ef8b96 url(../images/bg-coupon-head_dp.png) no-repeat 50% 50% / 37.5%}
.air{ background: #8cc54b url(../images/bg-coupon-head_air.png) no-repeat 50% 50% / 37.5%}

.c-coupon__head::after { background-image: linear-gradient(to right, #56CCF2, #56CCF2 .4375em, transparent .4375em, transparent .625em); background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }
.op::after { background-image: linear-gradient(to right, #f6a900, #f6a900 .4375em, transparent .4375em, transparent .625em); background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }
.dp::after { background-image: linear-gradient(to right, #ef8b96, #ef8b96 .4375em, transparent .4375em, transparent .625em); background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }
.air::after { background-image: linear-gradient(to right, #8cc54b, #8cc54b .4375em, transparent .4375em, transparent .625em); background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }

.c-coupon__area { background-color: #fff; border-radius: 1em; color: #333; display: inline-block; font-size: .875em; font-weight: bold; line-height: 2; padding: 0 1.25em; text-align: center;}
.c-coupon__price { font-size: 1.25em; text-align: center; line-height: 1.35; }
.c-coupon__price em { font-size: 2.4em; }
.c-coupon__bottom { display: flex; flex: 1 0 auto; flex-direction: column; padding: 1.125em; text-align: left; }
.c-coupon__title { font-size: 1.125em; line-height: 1.4; }
.c-coupon__term { font-size: .8125em; margin: .75em 0 auto; }
.c-coupon__tags { margin-top: .5em; }
.c-coupon__tags span { border-radius: 1em; display: inline-block; font-size: .8125em; line-height: 2; margin-top: .5em; padding: 0 1.25em; }
.c-coupon__tags span + span { margin-left: .5em; }
.c-coupon__tags .type .cat-ovs_air_htl { background-color: #a2ecf7; }
.c-coupon__tags .type .cat-ovs_htl { background-color: #c9f585; }
.c-coupon__tags .type .cat-ovs_dp { background-color: #ffc1c8; }
.c-coupon__tags .type .cat-kaigai_opt { background-color: #f6d896; }
.c-coupon__tags .type .cat-ovs_air { background-color: #8cc54b; }
.c-coupon__tags .type .cat-onlinetour { background-color: #e2acf9; }
.c-coupon__tags .option span { background-color: #eceff1; }
.c-coupon__list .no-results { color: #2f80ed; font-size: 1.25em; font-weight: 500; padding: 2em 0; width: 100%; }
.c-coupon__item.close .c-close__txt, .c-coupon__data.close .c-close__txt { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; content: ""; display: flex; font-size: 1.5em; font-weight: 500; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.c-coupon__item .c-coupon__tags span { display: table; }
.c-coupon__item .c-coupon__tags span + span { margin-left: 0; }


.c-filter input { display: none; }
.c-filter button { appearance: none; background: none; border: none; outline: none; }
.c-filter__box { border-top: 1px solid #e3e3e3; padding: 1.5em 0 5.5em 0; text-align: left; }
.c-filter__box2 { border-top: 1px solid #e3e3e3; padding: 1.5em 0; text-align: left; }
.c-filter__label { font-weight: 500; text-align: left; }
.c-filter__item label { display: block; font-size: .875em; line-height: 1; padding-left: 2em; position: relative; }
.c-filter__item label:hover, .c-filter__head:hover, .c-filter__head button:hover { cursor: pointer; }
.c-filter__radio .c-filter__item label::before, .c-filter__radio .c-filter__item label::after { border-radius: 50%; content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); }
.c-filter__radio .c-filter__item label::before { background-color: #eceff1; height: 1.5em; left: 0; width: 1.5em; }
.c-filter__radio .c-filter__item label::after { background-color: #2f80ed; height: 1em; left: .25em; transform: translateY(-50%) scale(0); transition: all .3s; visibility: hidden; width: 1em; }
.c-filter__radio .c-filter__item.is-active label::after { transform: translateY(-50%) scale(1); visibility: visible; }
.c-filter__check .c-filter__item label { padding-left: 1.5em; }
.c-filter__check .c-filter__item label::before, .c-filter__head button::before { color: #94989a; content: "\f096"; display: inline-block; font-family: "icon"; font-size: 1.25em; left: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.c-filter__check .c-filter__item.is-active label::before, .c-filter__head button.is-active::before { color: #56CCF2; content: "\f14a"; }
.c-filter__area .c-filter__item label { align-items: center; background-color: #f3f8fb; display: flex; }
.c-filter__area .c-filter__item.is-active label { background-color: #d9eefb; }
.c-filter__head { background-color: #f3f8fb; line-height: 3; margin-top: 2px; padding-right: 1.5em; }
.c-filter__head::after { color: #e50012; content: "\f107"; display: inline-block; float: right; font-family: "icon"; transition: transform .3s ease; }
.c-filter__head.is-active::after { transform: rotate(180deg); }
.c-filter__head button { display: inline-block; font-size: .875em; font-weight: 500; line-height: 3; padding: 0 1.5em 0 3.5em; position: relative; }
.c-filter__head button::before { left: 1.5em; }
.c-filter__bottom { display: none; }

.l-entry { background-color: #f3f8fb; }
.l-entry em, .l-entry .price { color: #e50012; }
.l-entry .c-cap { color: #808080; font-size: .75em; margin-top: 1.5em; }
.l-entry .c-sec::before { content: none; }
.l-entry .c-sec__title { font-size: 1.5em; margin-bottom: 2em; position: relative; display:none;}/*20250528非表示対応*/
.l-entry .c-sec__title::before { background-color: #2f80ed; bottom: -.5em; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 1.6667em; }
.l-entry .c-plan__list { display: table; table-layout: fixed; width: 100%; }
.l-entry .c-plan__list, .l-entry .c-plan__item { border-collapse: collapse; }
.l-entry .c-plan__item { background-color: #ececec; border: 1px solid #e2e2e2; color: #949494; display: table-cell; height: 4em; text-align: center; vertical-align: middle; }
.l-entry .c-plan__item.is-active { background-color: #f3f8fb; color: #333; }
.l-entry .c-btn__block { text-align: center; }
.l-entry .c-btn__block li + li { margin-top: 1.3333em; }
.l-entry .c-btn__block .btn { padding: 0; }
.l-entry .c-close__txt { color: #56CCF2; font-weight: 500; text-align: center; }
.l-entry .c-coupon__close .c-btn__block { margin-top: 2em; }
.l-entry__inner { background-color: #fff; margin: 0 auto; max-width: 1236px; text-align: left; }
.l-entry__head .l-entry__title { color: #2f80ed; font-size: 2em; font-weight: 500; line-height: 1.3; margin-bottom: 1em; padding: 0; position: relative; }
.l-entry__head .l-entry__title::before { background-color: #2f80ed; content: ""; display: block; height: 100%; left: -2.5em; position: absolute; width: 4px; }
.l-entry__head .c-note { margin-bottom: 2em; }
.l-entry__head .c-update { border: 1px solid #e0e0e0; }
.l-entry__head .c-update dt { background-color: #eee; color: #e50012; display: block; line-height: 3; padding: 0 2em; }
.l-entry__head .c-update dd { padding: 1.5em 2em; }
.l-entry__head .c-update dd li + li { margin-top: .75em; }
.l-entry__head .c-update dd li .c-date { font-size: .875em; }
.l-entry__head .c-coupon__tags { display: flex; }
.l-entry__head .c-coupon__tags .option span { margin-left: .5em; }
.l-entry.close .l-entry__head .c-btn__block .btn { width: 20em; }
.l-entry.close .l-entry__head .c-note { display: none; }
.l-entry.close .l-entry__title { margin-bottom: 2.5em; }
.l-entry.close .l-entry__title br { display: none; }
.l-entry.close .c-btn__block { display: block; margin: 2em auto 3.75em; }

.sec-conditions li { display: flex; margin: 2px 0; }
.sec-conditions li span { padding: 0 1.5538em; }
.sec-conditions li .item { align-items: center; background-color: #f3f8fb; display: flex; justify-content: center; min-height: 4em; }
.sec-conditions li .txt {     align-items: center;
    display: flex;
    flex: 1;
    padding-bottom: 1em;
    padding-top: 1em;
 }
.sec-coupon .c-filter__head { padding-left: 1.5em; }
.sec-coupon .c-filter__bottom { padding: 2em 1.5em; }
.sec-coupon .c-coupon__data { position: relative; }
.sec-coupon .c-coupon__data + .c-coupon__data { margin-top: 1.5em; }
.sec-coupon .c-coupon__data.close .c-close__txt { border-radius: .25em; }
.sec-coupon .c-coupon__data--bottom p .price br{display: block;content: "";padding: 3px 0;}
.sec-coupon .c-coupon__data--head { background-color: #56CCF2; border-radius: .375em .375em 0 0; color: #fff; display: flex; justify-content: space-between; line-height: 2.8; padding: 0 1.5em; font-weight: bold; font-size: 1.2em; }
.sec-coupon .c-coupon__data--bottom { border: 1px solid #e0e0e0; border-radius: 0 0 .375em .375em; border-top: none; display: flex; justify-content: space-between; }
.sec-coupon .c-coupon__data--bottom .c-code { display: flex; }
.sec-coupon .c-coupon__data--bottom p { line-height: 1; }
.sec-coupon .c-coupon__data--bottom p .price { font-size: 1.4286em; }
.sec-coupon .c-coupon__data--bottom p .price em { font-size: 1.8em; }
.sec-coupon .c-coupon__data--bottom p .label { background-color: #f3f8fb; display: inline-block; color: #e50012; font-size: 1.4286em; font-weight: 500; line-height: 2.2; text-align: center; font-weight: bold; }
.sec-coupon .c-sec__sub--title { text-align: center; position: relative; }
.sec-coupon .c-coupon__notes { background-color: #fffae0; }
.sec-coupon .c-coupon__notes .c-sec__sub--title { font-size: 1.5em; margin-bottom: 1.5em; }
.sec-coupon .c-coupon__notes .c-sec__sub--title::before { color: #e50012; content: "\e801"; display: inline-block; font-family: "icon"; font-size: 1.25em; margin-right: .5em; }
.sec-coupon .c-coupon__notes li { position: relative; padding-left: 1.5em; }
.sec-coupon .c-coupon__notes li::before { color: #e50012; content: "\f111"; display: inline-block; font-family: "icon"; font-size: .5em; left: 0; position: absolute; top: .5em; }
.sec-coupon .c-coupon__notes li + li { margin-top: 1.5em; }
.sec-coupon .c-coupon__flow { background-color: #f3f8fb; padding-top: 5em !important; }
.sec-coupon .c-coupon__flow .c-sec__sub--title { font-size: 1.25em; margin-bottom: 4em; }
.sec-coupon .c-coupon__flow .c-sec__sub--title::before { color: #2f80ed; content: "\e800"; display: inline-block; font-family: "icon"; font-size: 1.25em; left: 50%; position: absolute; top: -2em; transform: translateX(-50%); }
.sec-coupon .c-coupon__flow .c-sec__sub--title::after { bottom: -2em; color: #2f80ed; content: "\e803"; display: inline-block; font-family: "icon"; font-size: 1.25em; left: 50%; position: absolute; transform: translateX(-50%); }
.sec-coupon .c-coupon__flow li .btn { border-radius: 2.2em; height: 4.4em; }
.sec-coupon .c-coupon__flow li .btn span { font-size: 1.25em; }
.sec-coupon .c-coupon__flow li .btn .gum {font-size: 1.0em;}
/*.sec-coupon .c-coupon__flow li .btn span::before { font-family: "kkrs-dp"; left: 1.25em; padding-right: 1em; }
.sec-coupon .c-coupon__flow li .btn span.type-hotel::before { content: "\e960"; }
.sec-coupon .c-coupon__flow li .btn span.type-jr::before { content: "\e969"; }
.sec-coupon .c-coupon__flow li .btn span.type-air::before { content: "\e918"; }*/
.sec-coupon .c-coupon__flow li .btn span::before { margin-right: .5em; }
.sec-coupon .c-coupon__flow li .btn span.ico-air::before { content: "\e918"; font-family: "kkrs-dp"; }
.sec-coupon .c-coupon__flow li .btn span .ico-hotel::before { content: "\e960"; font-family: "kkrs-dp"; margin: 0 .5em 0 -.5em; }
.sec-guideline .c-filter__head { background-color: #ffe563; color: #e50012; font-size: 1.25em; line-height: 2.8; text-align: center; }
.sec-guideline .c-filter__bottom { padding: 1.5em; }
.sec-guideline .c-filter__bottom dt { background-color: #f3f8fb; color: #e50012; line-height: 3; margin-bottom: 1em; padding: 0 1.5em; }
.sec-guideline .c-filter__bottom dt:nth-child(n + 2) { margin-top: 2em; }
.sec-guideline .c-filter__bottom dd { font-size: .875em; padding: 0 2em; }
.sec-guideline .c-filter__bottom dd li { display: list-item; list-style: disc; list-style-position: outside; margin-left: 1em; }
.sec-guideline .c-btn__block { margin-top: 3em; }

.l-guide .l-contents { background: none; }
.l-guide .l-mv { padding: 2.5em 0; }
.l-guide .c-column {
     background-color: #ecf2f6;
    border: 0.1875em solid #d0e5f2;
    border-radius: 0.625em;
    box-shadow: 0 0 0.25em -1px #9b9b9b;
    padding: 3.125em 4.5em;
 }
.l-guide .c-column__txt { text-align: left; }
.l-guide .c-column__txt p + p { margin-top: 1em; }
.l-guide .c-column__no { color: #56CCF2; font-family: 'Oswald', sans-serif; font-size: 1.5em; }
.l-guide .c-column__no em { font-size: 2.3333em; }
.l-guide .c-column__heading { font-size: 1.75em; font-weight: bold; line-height: 1.4; padding-bottom: 1em; }
.l-guide .c-column__heading strong { color: #cb0800; font-weight: bold; text-decoration: underline; }
.l-guide .c-btn__block ul { margin: 0 auto; max-width: 1032px; width: 100%; }
.l-guide .c-btn__block li { display: block; }
.l-guide .c-btn__block li a { background-color: #fff; align-items: center; border: 1px solid #999; border-radius: .4em; color: #000; display: flex; font-weight: bold; justify-content: center; height: 3.6em; line-height: 1.4; position: relative; width: 100%; }
.l-guide .c-btn__block li a::after { content: '\f105'; display: inline-block; font-family: 'icon'; position: absolute; right: 1.3em; top: 50%; transform: translateY(-50%); transition: all .3s ease; z-index: 1; }
.l-guide .c-btn__block li a.btn__prev::after { content: '\f104'; left: 1.3em; right: inherit; }

/*追加*/
.campmv_txt {
    text-align: center;
    background-color: #208dd9;
    color: #fff;
    padding: 10px;
    margin: 5px auto 0;
    max-width: 100%;
    font-size: 100%;
}
.campmv_txt a:link, .campmv_txt a:visited {
    color: #fff;
    text-decoration: underline;
}

.hid{display:none !important;}
.all {background-color: #56ccf2;color: #56ccf2;}

/*.c-slider .op .c-coupon__area{display:none;}
.c-slider .op{padding:43px !important;}*/

/*文章は長い場合*/
.sec-coupon .c-coupon__data--bottom p .price span { font-size:16px !important }

@media screen and (min-width:768px) and ( max-width:1236px) {
  .l-page { font-size: 1.294498vw; margin: 0 3%; }
  _:-ms-fullscreen, :root .l-page .btn::after { font-size: 1.5em; }
  .l-page button, .l-page input { font-size: 1.294498vw; }
  .sec-coupon .c-filter__bottom { padding: 2em 0; }
  
}
@media screen and (min-width:768px){
  .breadcrumb-upper { margin: 0 auto 25px; max-width: 1230px; padding: 0 .5em; text-align: left; }
  .breadcrumb-upper__fix, .breadcrumb-upper__scroll, .breadcrumb-upper__item { display: inline-block; font-size: 10px; }
  .breadcrumb-upper__item { line-height: 2.1; margin-left: 1.5em; padding-left: .2em; position: relative; }
  .breadcrumb-upper__item::before { color: #999; content: ">"; left: -1.1em; line-height: 2.1; position: absolute; top: 0; }
  .js-btn { width: 72px; }
  .js-btn-search a:hover { background-color: #2f80ed; color: #fff; }
  .l-page .is-animated { animation: .8s slide-in; }
  .l-page button, .l-page input { font-size: 16px; }
  .c-block + .c-block { margin-top: 4.5em; }
  .c-sec { padding: 4.5em 1em 5.5em; }
  .c-sec::before { height: 4.25em; top: -2.125em; }
  .c-sec__title { margin-bottom: 2.625em; }
  .c-coupon__list::before { content: ""; display: block; order: 1; width: calc(calc(100% - 3.75em) / 4); }
  .c-coupon__list::after { content: ""; display: block; width: calc(calc(100% - 3.75em) / 4); }
  .c-coupon__item { margin: .625em 0; width: calc(calc(100% - 3.75em) / 4); }
  .c-filter__label { margin-right: 3em; width: 5em; }
  .c-filter__box, .c-filter__list,.c-filter__box2, .c-filter__list { align-items: center; display: flex; width: 100%; }
  .c-filter__box .c-filter__list {text-align: center;}
.c-filter__box .c-filter__list .c-filter__item {
    width: calc(100% / 3);/*エリアのカラムに合わせる*/
    margin-left: 0;
    margin: 0 2px;
    /* border: 0px solid #2f80ed; */
    background: #f3f8fb;
    height: 60px;
    padding: 0;
    display: flex;
    align-content: flex-end;
    align-items: center;
    justify-content: center;
    /* border-radius: 9px; */
}

  .c-filter__item + .c-filter__item { margin-left: 2.5em; text-align: center;}
  .c-filter__area .c-filter__list { justify-content: space-between; }
  .c-filter__area .c-filter__item { width: calc(calc(100% - 3.125em) / 6); }
  .c-filter__area .c-filter__item  + .c-filter__item { margin-left: 0; }
  .c-filter__area .c-filter__item label { height: 3.75em; padding: 0 0 0 2.5em; }
  .c-filter__area .c-filter__item label::before { left: .5em; }
  .c-filter__bottom { padding: 1.25em 3em; }
  .c-banner__list { display: flex; justify-content: center; margin-bottom: 3em; }
  .c-banner__item + .c-banner__item { margin-left: 1.5em; }
  .l-mv .c-btn:hover { background-color: #fcff00; }
  .l-mv .c-btn:hover::after { right: 1.5em; }
  .l-entry .c-sec { padding: 1.5em 0 0; } /*20250528非表示対応 3.75em*/
  .l-entry .c-close__txt { font-size: 2.25em; }
  .l-entry__inner { padding: 3.125em 5em; }
  .l-entry__head .c-update dd li { display: flex; }
  .l-entry__head .c-update dd li .c-date { margin-right: 2.8571em; padding-top: .1429em; }
  .l-entry.close .l-entry__title { font-size: 1.5625em; }
  .l-entry.close .l-entry__title::before { left: -3.2em; }
  .sec-conditions li { width: calc(50% - .375em); }
  .sec-conditions li .item { font-size: .875em; width: 32%; }
  .sec-coupon .c-coupon__data--head span { font-size: 1.1em; font-weight:  bold; }
  .sec-coupon .c-coupon__data--bottom { padding: 2em 1.5em; }
  .sec-coupon .c-coupon__data--bottom p { align-items: center; display: flex; }
 /* .sec-coupon .c-coupon__data--bottom p + p { margin-left: 2.5714em; } 調整*/
  .sec-coupon .c-coupon__data--bottom p + p { margin-left: 0; }
  .sec-coupon .c-coupon__data--bottom p .price { padding-left: .75em; }
  .sec-coupon .c-coupon__data--bottom p .label { margin:0 .75em; width: 7em; }
  .sec-coupon .c-sec__sub { margin: 2.5em auto 0; width: 83.2714%; padding: 3em 5.25em; }
  .sec-coupon .c-coupon__flow li .btn { width: 80%; }
  .sec-conditions ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .sec-guideline .c-btn__block .btn { width: 20em; }
  .l-guide .c-column { display: flex; justify-content: space-between; margin-top: 3.75em; }
  .l-guide .c-column__pic { width: 54%; }
  .l-guide .c-column__txt { width: 42%; }
  .l-guide .c-column__txt p { font-size: 1.125em; }
  .l-guide .c-btn__block { margin-top: 3.75em; }
  .l-guide .c-btn__block ul { display: flex; justify-content: space-between; }
  .l-guide .c-btn__block li { width: calc(50% - 1em); }
  .l-guide .c-btn__block li a { font-size: 1.25em; }
  .l-guide .c-btn__block li a:hover { background-color: #dcdcdc; }
  .l-guide .c-btn__block li a:hover::after { right: 1em; }
  .l-guide .c-btn__block li a.btn__prev:hover::after { left: 1em; right: auto; }
  .slick-list { margin: 0 -.625em; }
  .slick-slide { margin-left: .625em; margin-right: .625em; }
  .sp-item { display: none !important; }
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .l-box { box-shadow: 0 1px 5px rgba(0,0,0,.3); }
  *::-ms-backdrop, .c-coupon__list::before { width: 23.7864%; }
  *::-ms-backdrop, .c-coupon__list::after { width: 23.7864%; }
  *::-ms-backdrop, .c-coupon__item { width: 23.7864%; }
  /**::-ms-backdrop, .c-coupon__bottom { flex: 1 0 auto; }*/
}

@media screen and (max-width:767px){
  #page_footer-sp { margin-top: 0 !important; }
  .l-page .is-animated { animation: .8s slide-in-up; }
  .breadcrumb-upper { background-color: #f7f7f7; border-top: 1px solid #d7d7d7; display: flex; flex-wrap: nowrap; font-size: 10px; line-height: 3rem; /*margin-top: 5em;*/ overflow: hidden; position: relative; }
  .breadcrumb-upper__fix { box-shadow: 6px 0 10px 0 rgba(0, 0, 0, .3); position: relative; transition: box-shadow .3s; width: 7em; z-index: 3; }
  .breadcrumb-upper__fix a { padding-left: .5rem; }
  .breadcrumb-upper__scroll { flex: 1; overflow: hidden; }
  .breadcrumb-upper__list { display: flex; flex-wrap: nowrap; height: 3rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
  .breadcrumb-upper__item a { padding: 0 .5rem 0 1.8rem; }
  .breadcrumb-upper__item:last-child { padding: 0 1.2rem 0 1.8rem; }
  .breadcrumb-upper__fix a, .breadcrumb-upper__item a { display: block; background-color: #fff; text-align: center; position: relative; }
  .breadcrumb-upper__fix a:before, .breadcrumb-upper__item a:before, .breadcrumb-upper__fix a:after, .breadcrumb-upper__item a:after { content: ""; border-style: solid; border-width: 2rem 0 2rem 1rem; position: absolute; top: -.5rem; }
  .breadcrumb-upper__fix a:before, .breadcrumb-upper__item a:before { border-color: transparent transparent transparent #fff; right: -.9rem; z-index: 2; }
  .breadcrumb-upper__fix a:after, .breadcrumb-upper__item a:after { border-color: transparent transparent transparent #d7d7d7; right: -1rem; z-index: 1; }
  .js-btn { bottom: 20px; right: 10px; }
  .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 0 0; }
  .l-page h1 { margin-bottom: 20px; padding: 0 1%; }
  .l-page button, .l-page input { font-size: 3.2vw; }
  .l-mv__inner { padding-bottom: 3em; }
  .l-mv__title { margin: 0 auto; width: 90%; }
  .l-mv .c-btn { width: 60%; }
  .l-mv .c-btn__guide { bottom: 0; right: 1.125em; z-index: 10; }
  .l-mv .c-btn__guide a { background-color: #125687; color: #fff; padding: .5em 1em; width: auto; }
  .c-block + .c-block { margin-top: 4.5em; }
  .c-sec { padding: 3.3333em 0; }
  .c-sec::before { height: 2.6667em; top: 0; transform: translateY(-50%); }
  .c-sec__title { margin-bottom: 2em; }
  .c-coupon__item { width: 100%; }
  .c-coupon__head { background-size: auto 80%; }
  .c-coupon__area { font-size: 1em; }
  .c-coupon__price { font-size: 2em; }
  .c-coupon__price em { font-size: 2em; line-height: 1; }
  .c-coupon__title { font-size: 1.5em; }
  .c-coupon__term, .c-coupon__tags span { font-size: 1em; }
  .c-coupon__item.close .c-close__txt { font-size: 2.5em; }
  .c-filter__label, .c-filter__list, .c-filter__label, .sec-recomm, .sec-coupon, .sec-other, .sec-coupon .c-filter__bottom { padding-left: 4%; padding-right: 4%; }
  .c-filter__radio .c-filter__item + .c-filter__item { margin-top: 1.5em; }
  .c-filter__list { display: flex; flex-wrap: wrap; font-size: 1.375em; justify-content: space-between; }
  .c-filter__box .c-filter__list .c-filter__item {
    background: #f3f8fb;
    padding: 10px;
    text-align: center;
    margin-top: 4px;
}
  .c-filter__label { display: block; font-size: 1.375em; margin-bottom: 1em; }
  .c-filter__head { align-items: center; display: flex; justify-content: space-between; }
  .c-filter__head::after { font-size: 1.375em; }
  .c-filter__head button { font-size: 1.375em; padding-left: 4%; }
  .c-filter__head button::before { left: auto; padding-right: .5em; position: relative; top: auto; transform: none; }
  .c-filter__check .c-filter__item label { padding: .5em 0 .5em 1.5em; }
  .c-filter__airport .c-filter__item { width: 50%; }
  .c-filter__area .c-filter__list { display: block; }
  .c-filter__area .c-filter__item + .c-filter__item { margin-top: .125em; }
  .c-filter__area .c-filter__item br { display: none; }
  .c-filter__area .c-filter__item label { height: 2.5em; padding: 0  2.25em; }
  .c-filter__area .c-filter__item label::before { left: .5em; }
  .c-filter__bottom { padding: 1.25em 0; }
  .c-filter__bottom .c-filter__list::after { content: ""; display: block; width: calc(100% / 3); }
  .c-filter__bottom .c-filter__item { width: calc(100% / 3); }
  .c-filter__bottom .c-filter__item:nth-child(n + 4) { margin-top: 1em; }
  .c-filter__category .c-filter__item { width: 100%; }
  .c-banner__item + .c-banner__item { margin-left: 1.5em; }
  .sec-coupon .c-coupon__item +  .c-coupon__item { margin-top: 1.6667em; }
  .sec-coupon .c-sec__sub { margin: 0 -4%; padding: 2em 7%; }
  .sec-other .btn { margin-top: 2em; }
  .c-banner__list { margin-bottom: 3em; }
  .l-entry { font-size: 3.7333vw; padding-top: 0; }
  .l-entry .c-cap { font-size: .7857em; }
  .l-entry .c-sec { padding: 3em 0 0; }
  .l-entry .c-plan__item { font-size: .8571em; padding: .5em 1em; }
  .l-entry .c-plan__item:nth-child(n + 3) { margin-top: .5em; }
  .l-entry .c-close__txt { font-size: 1.5em; }
  .l-entry__inner { padding: 2.6667em 4%; }
  .l-entry__head .c-update dd li .c-date { font-size: 1em; }
  .l-entry__head .c-coupon__tags { display: block; }
  .l-entry__head .c-coupon__tags .option span:first-child { margin-left: 0; }
  .l-entry__head .l-entry__title::before { left: -4.3478% }
  .l-entry__head .c-update dd { padding: 1em; }
  .l-entry__head .c-update dd li .c-date { display: block; }
  .l-entry .c-plan__list { flex-wrap: wrap; }
  .l-entry.close .l-entry__title { font-size: 1.2857em; }
  .sec-conditions li { width: 100%; }
  .sec-conditions li .item { 
          padding: 0 0;
        width: 20%;
        font-size: 90%;
        text-align: center;
   }
  .sec-conditions li .txt { padding: 1em; font-size: 85%;}
  .sec-coupon .c-filter__head span { font-size: 1.1786em; }
  .sec-coupon dl { margin: 0 -4%; }
  .sec-coupon .c-coupon__data--bottom { flex-wrap: wrap; padding: 1em; }
  .sec-coupon .c-coupon__data--bottom .c-price { width: 100%; }
  .sec-coupon .c-coupon__data--bottom .c-code { justify-content: space-between; margin-top: 1em; width: 100%; }
  .sec-coupon .c-coupon__data--bottom .c-code p { white-space: nowrap; width: calc(50% - .25em); }
  .sec-coupon .c-coupon__data--bottom p { text-align: center; }
  .sec-coupon .c-coupon__data--bottom p .txt { display: block; margin-bottom: .25em; }
  .sec-coupon .c-coupon__data--bottom p .label { width: 100%; }
  .sec-coupon .c-coupon__flow li .btn { width: 100%; }
  .sec-coupon .c-coupon__flow li .btn span { font-size: 1.1667em; }
  .sec-coupon .c-coupon__flow li .btn .gum {font-size: 0.5em;}
  .sec-guideline.c-sec { padding-top: 2em; }
  .sec-guideline .c-filter__head { padding-left: 1.5em; }
  .sec-guideline .c-filter__bottom { padding-left: 0; padding-right: 0; }
  .sec-guideline .c-btn__block .btn { width: 60%; }
  .l-guide .c-sec__inner { padding: 0 3%; }
  .l-guide .c-column { margin-top: 2.5em; padding: 1.6667em 6%; }
  .l-guide .c-column__txt p, .l-guide .c-btn__block li a { font-size: 1.5em; }
  .l-guide .c-btn__block { margin-top: 2.5em; }
  .l-guide .c-btn__block li + li { margin-top: 1em; }
  .slick-slide { max-resolution: .375em; }
  .sec-coupon .c-coupon__data--bottom p .price {font-size: 1.3em;}
  .sec-coupon .c-coupon__data--bottom p .price span {font-size: 15px !important;}
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-arrow.slick-hidden { display: none; }
.slick-dotted.slick-slider { margin-bottom: 1.875em; }
.slick-dots { bottom: -2em; display: block; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; }
.slick-dots li { cursor: pointer; display: inline-block; margin: 0 .5em; padding: 0; position: relative; }
.slick-dots li button { background: transparent; border: 0; color: transparent; cursor: pointer; display: block; line-height: 0; outline: none; padding: 0; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { color: #dbdbdb; content: "\f111"; display: inline-block; font-family: "icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 50%; line-height: 1; position: absolute; text-align: center; top: 0; transform: translateX(-50%); }
.slick-dots li.slick-active button::before { color: #2f80ed; }

/*4つ以下の場合*/
.slick-dots { display: none !important;}


/* コピーボタン */
.copy_btn {
 width: 100%!important;
    padding: 5px 0;
    margin-left: auto!important;
    margin-right: auto!important;
    color: #ffffff;
    font-weight: bold;
    background: #56CCF2;
    border: solid 2px #56CCF2;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    margin-top: 10px;
}
 
.copy_btn:hover {
  background: #ffffff;
  color: #56CCF2;
}
.copy_btn:hover {
	cursor: pointer;
}

/* ブラックフライデー */
.black {
    color: #125687;
    line-height: 1.5;
    background: #56ccf2;
    padding: 10px;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 10px;
    font-weight: bold;
    /* border: 5px solid #e8c435; */
}
.black_area {
    /* color: #fff; */
    line-height: 1.5;
    background: #56ccf2;
    padding: 5px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    /* border: 5px solid #e8c435; */
}


/*スマホだけ表示*/
@media screen and (min-width:768px){
  .sp-item { display: none !important; }
}

/*PCだけ表示*/
@media screen and (max-width:767px){
  .pc-item { display: none !important; }
}

/*20250522　注意書き修正*/
.c-note::after{content: " このクーポンは、JTBホームページでのネット予約にてご利用いただけます。";}
.c-note_omo::after{content: " このクーポンは、JTBホームページでのネット予約・JTB店舗・JTB総合提携店・旅の予約センター・JTBリモートコンシェルジュ・JCBトラベル・ルックJTBMySTYLE商品取扱店（一部除く）にて利用可能です。";}

/*20251113 タイトル上にバナー*/
.top_bnr{margin-bottom:10px !important; width:100%;}