@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-check-empty:before { content: '\f096'; } /* '' */
.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.-alliance h1 { margin: 16px auto;}
.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 #e50012; border-radius: 1.5625em; color: #e50012; display: inline-flex; height: 3em; justify-content: center; overflow: hidden; padding: 0 2.5em; position: relative; z-index: 2; }
.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: #e50012; }
.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 a { align-items: center; background-color: #fff; border: 1px solid #e50012; border-radius: 8px; color: #e50012; 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; position: relative; }
/*.l-mv_btn { padding-top: 1.5625em; }
.l-mv_btn a { background-color: #fee404; border-radius: 1.5625em; display: inline-block; position: relative; }
.l-mv_btn a::after { color: #e5000f; content: '\f105'; display: inline-block; font-family: 'icon'; font-size: 1.25em; position: absolute; right: 1.3em; top: 50%; transform: translateY(-50%); transition: all .3s ease; z-index: 1; }
.l-mv_btn a:hover { background-color: #fcff00; }
.l-mv_btn a:hover::after { right: 1em; }*/
.l-mv .c-btn { background-color: #fee404; border-radius: 1.25em; color: #2f80ed; display: block; height: 2.5em; line-height: 2.5; margin: 1em 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: #e50012; 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: #e50012; 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__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: #e50012 url(../images/bg-coupon-head.png) no-repeat 50% 50% / 37.5% auto; color: #fff; padding: 1em; position: relative; text-align: left; }
.c-coupon__head::after { background-image: linear-gradient(to right, #e50012, #e50012 .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: #e50012; 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; margin-bottom: auto; }
.c-coupon__term { font-size: .8125em; margin: .75em 0 0; }
.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 .hotel { background-color: #ffd6d6; }
.c-coupon__tags .type .tour { background-color: #c1f2f9; }

.l-page.-alliance.-jr .c-coupon__tags { display: none; }
.c-coupon__tags .option span { background-color: #eceff1; }
.l-page.-alliance .option span { display: none; }
.c-coupon__list .no-results { color: #e50012; font-size: 1.25em; font-weight: 500; padding: 2em 0; width: 100%; }

/* top */
.c-coupon__item.close::before,
.c-coupon__item.c-close::before { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; white-space: pre; content: "\3054\597d\8a55\306b\3064\304d\A" "\914d\5e03\7d42\4e86\3044\305f\3057\307e\3057\305f"; 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-close.open::before,
.c-coupon__item.c-close.h-open::before{ content: none;}

/* detail */
.c-coupon__data.c-close::before,
#h-open .c-coupon__data.close::before,
#p-close .c-coupon__data.close::before,
#coupon-close .c-coupon__data::before { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; white-space: pre; content: "\3054\597d\8a55\306b\3064\304d\A" "\914d\5e03\7d42\4e86\3044\305f\3057\307e\3057\305f"; 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; border-radius: 0.375em; text-align: center; }

#coupon-open .c-coupon__data.close::before,
#coupon-open .c-coupon__data.c-close::before,
#h-open .c-coupon__data.open.c-close.open::before { content: none;}

.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; text-align: left; }
.c-filter__label { font-weight: 500; text-align: left; }
.c-filter__item label { display: block; line-height: 1; 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 { padding-left: 2em; }
.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: #e50012; 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: #e50012; content: "\f14a"; }
.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; }
.c-filter__pref .c-filter__label { margin-bottom: 1em; }

.l-entry { background-color: #f3f8fb; }
.l-entry em, .l-entry .price, .l-entry .price-txt { 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; }
.l-entry .c-sec__title::before { background-color: #e50012; 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; margin-bottom: 1.3333em; }
.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: #e50012; 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: #e50012; 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: #e50012; content: ""; display: block; height: 100%; left: -2.5em; position: absolute; width: 4px; }
.l-page.-alliance .l-entry__head .l-entry__title{ margin-bottom: 1em;}
.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#coupon-close .l-entry__head .c-btn__block .btn { width: 20em; }
.l-entry#coupon-close .l-entry__head .c-note { display: none; }
.l-entry#coupon-close .l-entry__title { margin-bottom: 2.5em; }
.l-entry#coupon-close .l-entry__title br { display: none; }
.l-entry#coupon-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 { 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--head { background-color: #e50012; 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; 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__notes ul.annotation-item li { position: relative; padding-left: 1.2em; }
.sec-coupon .c-coupon__notes ul.annotation-item li::before { color: #333; content: "※"; display: inline-block; font-size: 1.3rem; left: 0; position: absolute; top: .2em; }
.sec-coupon .c-coupon__notes ul.annotation-item li .emphasis{ font-weight: bold;}
.sec-coupon .c-coupon__notes .text{margin-top: 24px;}
.sec-coupon .c-coupon__notes .text.-right{text-align: right;}
.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: #e50012; 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: #e50012; 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 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.type-tour::before { content: "\e969""\e918"; }
.sec-coupon .c-coupon__flow li .btn span.type-all::before { content: "\e960""\e969""\e918"; }
.sec-coupon .c-coupon__flow p { text-align: center; font-size: 1em; margin-bottom: 1em; font-weight: bold;}
.sec-coupon .c-coupon__flow ul + p { margin-top: 2.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: #f0ecf6; border: .1875em solid #ded0f2; border-radius: .625em; box-shadow: 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: #9674ca; 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; }

@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: #e50012; color: #fff; }
  .l-page .is-animated { animation: .8s slide-in; }
  .l-page button, .l-page input { font-size: 16px; }
  .l-mv_btn a { height: 3.125em; }
  .l-mv .c-btn:hover { background-color: #fcff00; }
  .l-mv .c-btn:hover::after { right: 1.5em; }
  .l-mv .c-btn__guide a:hover { background-color: #125687; color: #fff; }
  .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__category, .c-filter__option, .c-filter__list { align-items: center; display: flex; }
  .c-filter__category .c-filter__list, .c-filter__option .c-filter__list  { margin-left: 4em; }
  .c-filter__item + .c-filter__item { margin-left: 2.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-entry .c-sec { padding: 3.75em 0 0; }
  .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; }
  .l-entry.c-close .l-entry__title { font-size: 1.5625em; }
  .l-entry.c-close .l-entry__title::before { left: -3.2em; }
  .l-entry .c-btn__block li p { font-weight: bold; font-size: 1em; margin-bottom: 1.3333em;}
  #coupon-close.l-entry .l-entry__title { font-size: 1.5625em; }
  #coupon-close.l-entry .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 .price { padding-left: .75em; }
  .sec-coupon .c-coupon__data--bottom p .label { margin-left: .65em; width: 5.5em; }
  .sec-coupon .c-coupon__data--bottom p .price-txt {margin-top: 16px; }
  .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-coupon p.note{font-weight: bold; font-size: 2.0rem; margin: 1.3333em 0;}
  .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.-alliance .c-btn__block ul { max-width:600px ; }
  .l-guide.-alliance .c-btn__block li { width: 100%; }
  .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; }
  .c-banner__area{margin: 6em auto 2em}
  .pc-none {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){
  #JTBGF-ly_footer.JTBGF-ly_footer { 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: 4.5em; }
  .l-mv__title { margin: 0 auto; width: 90%; }
  .l-mv_btn { margin: 0 auto; padding-top: 1em; width: 60%; }
  .l-mv .c-btn { width: 60%; }
  .l-mv .c-btn__guide { bottom: 1em; right: 1.125em; z-index: 10; }
  .l-mv .c-btn__guide a { 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-coupon__item.close::before { font-size: 2.5em; }
  .c-coupon__item.c-close::before { 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__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__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%; }
  .sec-coupon .c-coupon__item +  .c-coupon__item { margin-top: 1.6667em; }
  .sec-coupon .c-sec__sub { margin: 2em -4%; padding: 2em 7%; }
  .sec-coupon p.note{font-weight: bold; font-size: 1.8rem; margin-top: 1.3333em; margin-bottom: 1.3333em;}
  .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.c-close .c-btn__wrap::before { 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; }
  .l-entry.karte-close .l-entry__title { font-size: 1.2857em; }
  .l-entry.karte-close#coupon-open .l-entry__title { font-size: 2em; }
  .l-entry#coupon-close .l-entry__title { font-size: 1.2857em; }
  .l-entry .c-btn__block li p { font-weight: bold; font-size: 1.6rem; margin-bottom: 1.3333em; }
  .sec-conditions li { width: 100%; }
  .sec-conditions li .item { padding: 0 .5em; width: 35%; }
  .sec-conditions li .txt { padding: 1em; }
  .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 .price-txt { display: block; margin-top: .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-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; }
  .c-banner__list li{margin-right:5px}
  .c-banner__item img { image-rendering: -webkit-optimize-contrast;}
  .c-banner__area{margin: 5em auto 0}
  .sp-none {display: none!important;}
}
ul.annotation .item{ margin-left: 1.2em; text-align: left;}
ul.annotation .item:before{ width: 1.15em; margin-left: -1.15em; content: "※";}
@media screen and (max-width:767px){
  ul.annotation{ margin-top:24px; padding: 0 8px 0 8px;}
}
@media screen and (min-width:768px){
  ul.annotation{margin-top: 32px; margin-bottom: 16px;}
}

/* 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: #e50012; }