@charset "utf-8";
:root {
--commoncolor: #8b4513;
--basecolor: #FDF5E6;
--kokunaicol: #A52A2A;
--kaigaicol: #1E3A8A;
--fontbasecol: #323743;
}
@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(/myjtb/campaign/escortcoupon/assets/font/icon.eot);
  src: url(/myjtb/campaign/escortcoupon/assets/font/icon.eot#iefix) format("embedded-opentype"),
       url(/myjtb/campaign/escortcoupon/assets/font/icon.woff) format("woff"),
       url(/myjtb/campaign/escortcoupon/assets/font/icon.ttf) format("truetype"),
       url(/myjtb/campaign/escortcoupon/assets/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: '\f107'; }
.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); }
}

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,span,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3{font-size:100%;font-weight:400}q:before,q:after{content:''}
abbr,acronym{border:0}strong,em{font-weight:bold}figure{margin:0;padding:0}
input,button,textarea,select{margin:0;padding:0;color:#323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;font-size:100%}

/* BASE */
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important;font-size:62.5%}
body{font-size: 16px; font-family: 'Noto Sans JP', sans-serif; color:var(--fontbasecol);line-height:1.5;font-feature-settings:"palt";background: #f5f5f5;}
a, a:link, a:visited, a:hover, a:active{color: #125687;text-decoration: none;}
@media screen and (min-width:769px){a:hover{ opacity: 0.6;}}

/* LAYOUT */
.l-page *{ -ms-box-sizing: border-box; box-sizing: border-box; }
.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 .is-hide{ display: none !important; }
.l-page .c-inner{ margin: 0 auto; max-width: 1236px; width: 100%;}
@media screen and (min-width:769px){
  .l-page button, .l-page input{ font-size: 1.294498vw; }
  .l-page .is-animated{ animation: .8s slide-in; }
  .l-page .is-animated{ animation: .8s slide-in-up; }
}
@media screen and (max-width:768px){
  .l-page button, .l-page input{ font-size: 3.2vw; }
}

.main{position:relative;}
@media screen and (max-width:768px){.main{padding-top:60px}}
@media screen and (min-width:769px){.main{padding-top:80px}}

/* esc-list
-----------------------------------------------------------*/
.esc-list .inner-lv2{width:100%; max-width:1280px; margin:0 auto;}
@media screen and (max-width:768px){.esc-list .inner-lv2{padding:0 1em;}}
@media screen and (max-width:768px){
  .esc-list .l-entry__inner {padding: 2em 4%;}
  .esc-list .block-lv2{padding: 3em 0;}
  .esc-list .body-lv2{padding-top: 1em}
}
@media screen and (min-width:769px){
  .esc-list .l-entry__inner{padding: 2.5em 5em;}
  .esc-list .block-lv2{padding: 4em 0;}
  .esc-list .body-lv2{padding-top: 2em;}
}

/* detail
-----------------------------------------------------------*/
.l-entry .inner-lv2{width:100%; max-width:1280px; margin:0 auto;}
@media screen and (max-width:768px){
  .l-entry .inner-lv2{padding:0 1em;}
  .l-entry .l-entry__inner {padding: 2em 4%;}
  .l-entry .l-entry__item{ margin-top: 2em;}
  .l-entry .block-lv2{margin-top: 2em;}
  .l-entry .block-lv3{margin-top: 2.5em;}
  .l-entry .body-lv2{margin-top: 1em}
}
@media screen and (min-width:769px){
  .l-entry .l-entry__inner{padding: 2.5em 5em;}
  .l-entry .l-entry__item{ margin-top: 2em;}
  .l-entry .block-lv2.sec-conditions{margin-top: 2.5em;}
  .l-entry .block-lv2.sec-coupon{margin-top: 4em;}
  .l-entry .block-lv3{margin-top: 2em;}
  .l-entry .block-lv3 + .block-lv3{margin-top: 3.5em}
  .l-entry .body-lv2{margin-top: 2em;}
  .l-entry .c-brand__list + .block-lv3{margin-top: 4em;}
}

/* LAYOUT DETAIL PAGE 
-----------------------------------------------------------*/
.l-entry__inner{background-color: #fff; margin: 0 auto; max-width: 1280px; text-align: left;}
.c-sec__sub{ margin-top: 4em}
@media screen and (max-width:768px){
  .c-sec__sub{ margin: 2em -4%; padding: 2em 7%;}
  .c-sec__sub.sec-guideline{ margin: 2em 0; padding: 0;}  
}

/* color */
#kokunai,#kaigai{background-color: var(--basecolor)}
#guide{background-color:#fff}

/* BREADCRUMBS */
.breadcrumbs{margin:0 auto;padding:0.5em 0 0.75em;width:100%;max-width:1280px}
.breadcrumbs_wrapper{display:flex;align-items:center}
.breadcrumbs_contents{flex:1;overflow-x:auto;white-space:nowrap;margin-bottom:-2px;padding-bottom:2px}
.breadcrumbs_item{display:inline-flex;align-items:center;color:#6b6e71;font-size:1.2rem}
.breadcrumbs_item.-home{flex-shrink:0;margin:0 4px}
.breadcrumbs_item.-home span{display:inline-flex;align-items:center}
.breadcrumbs_inner{width:100%;display:flex;align-items:center}
.breadcrumbs_item:not(:first-child){margin-left:4px}
.breadcrumbs_item:not(:last-child):after{margin-left:4px;font-family:'Material Icons Round';content:"\e315";color:#c0c5cb}
.breadcrumbs_item:last-child{padding-right:8px}
a.breadcrumbs_anchor{display:inline-flex;align-items:center;color:#3498DB}

/*  HEADING TOP
-----------------------------------------------------------*/
.esc-list h1.l-title{font-size: 1.125em; font-weight: 500; text-align: left; width: 100%; max-width: 1280px;}
@media screen and (max-width:768px){.esc-list h1.l-title{padding: 0.5em 1em;}}
@media screen and (min-width:769px){.esc-list h1.l-title{padding: 0.5em 0 1em; margin: 0 auto;}}
.head-lv2,.head-lv3,.head-lv4{display:flex;flex-direction:column;align-items:center;text-align:center}
.head-lv2{position:relative;}
.head-lv2__ttl,.head-lv3__ttl,.head-lv4__ttl,.head-lv5__ttl{font-weight:700; letter-spacing: 0.05em}
.head-lv2__ttl{position:relative}
.head-lv2__txt{order:-1;margin-bottom:4px;font-size:1.4rem;font-weight:500}
.head-lv3__ttl-main{font-size:1.9rem}
.head-lv3__ttl-sub{display:block;font-size:1.6rem}
.head-lv3__txt{order:-1;margin-bottom:8px;font-size:1.4rem;font-weight:500}
.head-lv4__ttl{font-size:1.8rem}
@media print,screen and (min-width:1000px){
  .head-lv3__ttl-main{font-size:2.6rem}
  .head-lv2__ttl-sub{font-size:2rem}
  .head-lv2__ttl-ico{margin-right:8px;font-size:4rem}
  .head-lv2__txt{margin-bottom:8px;font-size:1.8rem}
  .head-lv3__ttl-sub{font-size:1.8rem}
  .head-lv3__txt{font-size:1.6rem}
  .head-lv4__ttl{font-size:2.2rem}
}
@media screen and (max-width:768px){
  .head-lv2 h2.head-lv2__ttl{ font-size: 1.5em; font-weight: 700;}
  .head-lv2 em{ color:var(--commoncolor); display: block; font-size: 1.2rem; margin-top: 1em;}
}
@media screen and (min-width:769px){
  .head-lv2 h2.head-lv2__ttl{ font-size: 1.875em; font-weight: 700;}
  .head-lv2 em{ color:var(--commoncolor); display: block; font-size: 0.875em; margin-top: 1em;}
  .sec-coupon .c-coupon__data--bottom .c-coupon__wrap{ display: flex; justify-content: space-between; }
}

/*  HEADING DETAIL PAGE
-----------------------------------------------------------*/
.l-entry__head .l-entry__title h1{position: relative; color:var(--commoncolor); padding: 0; font-weight: 500; line-height: 1.5;}
.l-entry__head .l-entry__title h1::before {position: absolute; background-color:var(--commoncolor); content: ""; display: block; height: 100%;width: 4px;}
@media screen and (max-width:768px){
  .l-entry__head .l-entry__title{margin-bottom: 1.5em;}
  .l-entry__head .l-entry__title h1{font-size: 1.5em; }
  .l-entry__head .l-entry__title h1::before{ left: -4.3478%;}
}
@media screen and (min-width:769px){
  .l-entry__head .l-entry__title{margin-bottom: 2em;}
  .l-entry__head .l-entry__title h1{ font-size: 2em;}
  .l-entry__head .l-entry__title h1::before{ left: -2.5em;}
}

/* title close */
.l-entry#coupon-close .l-entry__title h1 br{ display: none; }
@media screen and (max-width:768px){
  .l-entry#coupon-close .l-entry__title h1{font-size: 1.25em;}
  .l-entry.close .l-entry__title h1{ font-size: 1.2857em;}
}
@media screen and (min-width:769px){
  .l-entry.close   .l-entry__title h1{ font-size: 1.5625em;}
  .l-entry.close   .l-entry__title h1::before{ left: -3.2em;}
}

/* DETAIL TITLE h2
-----------------------------------------------------------*/
.c-sec__title *{ line-height: 1.5; }
.l-entry .c-sec__title{ font-size: 1.5em; padding-bottom: 0.5em; position: relative;}
.l-entry .c-sec__title::before{ background-color:var(--commoncolor); bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 1.6667em; }
.c-sec{ position: relative; }
.c-sec.bg-blue{ background-color: #f3f8fb; }
.c-sec__inner{ margin: 0 auto; max-width: 1236px; width: 100%; }

.l-contents{ background-color: #fff;}
@media screen and (max-width:768px){
  .c-column{  padding: 1.6667em 6%; }
  .c-column__txt p{ font-size: 1.8rem; }
  .c-column__pic{margin-top: 16px;}
}
@media screen and (min-width:769px){
  .c-column{ display: grid; grid-template-columns: 44rem 1fr;}
  .c-column__txt p{ font-size: 1.125em; }
}

/* tags 
-----------------------------------------------------------*/
.c-coupon__tags span{ border-radius: 1em; display: inline-block; font-size: .8125em; line-height: 2; padding: 0 1.25em;}
.c-coupon__tags .kokunai{background-color: var(--kokunaicol); color: #fff;}
.c-coupon__tags .kaigai{background-color: var(--kaigaicol); color: #fff;}
.c-coupon__tags .omo{background-color: #eceff1;}

.l-entry__head .c-coupon__tags{display: flex;}
@media screen and (max-width:768px){
  .l-entry__head .c-coupon__tags{flex-direction: column;}
  .l-entry__head .c-coupon__tags{margin-top: 0.5em;}
  .l-entry__head .c-coupon__tags .type + .type {margin-top: .25em;}
}
@media screen and (min-width:769px){
  .l-entry__head .c-coupon__tags{margin-top: 1em;}
  .l-entry__head .c-coupon__tags .type + .type {margin-left: .25em;}
}

/* DETAIL
-----------------------------------------------------------*/
/* note close */
.l-entry#coupon-close .l-entry__head .c-note{ display: none; }

/* .c-update */
.l-entry__head .c-update{ margin-top: 1.5em; border: 1px solid #e0e0e0;}
.l-entry__head .c-update dt{ background-color: #eee; display: block; padding: 6px 12px;}
.l-entry__head .c-update dd{ padding: 8px 16px;}
.l-entry__head .c-update dd li + li{ margin-top: 8px;}
@media screen and (max-width:768px){ .l-entry__head .c-update dt, .l-entry__head .c-update dd  {font-size: 0.875em;}}

/* close txt */
.l-entry .c-close__txt p{color:var(--commoncolor); text-align: center; font-weight: 500;}
@media screen and (max-width:768px){
  .l-entry .c-close__txt{margin-top: 0.5em;}
  .l-entry .c-close__txt p{font-size: 1.25em;}
}
@media screen and (min-width:769px){
  .l-entry .c-close__txt{ padding-top: 1em;}
  .l-entry .c-close__txt p{font-size: 2.25em;}
}

/* close btn */
@media screen and (max-width:768px){.c-btn_close {margin: 1.5em 0;}}
@media screen and (min-width:769px){.c-btn_close {margin-top: 2em;}}
.c-btn_close .btn{ align-items: center; background-color: #fff; border: 1px solid var(--commoncolor); border-radius: 1.5625em; color: var(--commoncolor); display: inline-flex; height: 3em; justify-content: center; overflow: hidden; padding: 0 2.5em; position: relative; z-index: 2; }
.c-btn_close .btn span::after{ content: "\f105"; display: inline-block; font-family: "icon"; position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); }

/* coupon notes 
-----------------------------------------------------------*/
.c-coupon__notes{padding: 1em; background-color: var(--basecolor);}
.c-coupon__notes .c-sec__sub--title{font-size: 1.25em; font-weight: 500; line-height: 1.5;}
.c-coupon__notes .c-sec__sub--title::before{color:#d94F5D;          content: "\e801"; display: inline-block; font-family: "icon"; font-size: 1.25em; margin-right: .5em;}
.c-coupon__notes ul{margin-top: 1em;}
.c-coupon__notes li{position: relative; padding-left: 1.5em;}
@media screen and (max-width:768px){.c-coupon__notes li{font-size: 0.875em;}}
.c-coupon__notes li::before{position: absolute; content: "\f111"; display: inline-block; font-family: "icon"; font-size: .4em; left: 8px;}
@media screen and (max-width:768px){.c-coupon__notes li::before{top: 1.5em;}}
@media screen and (min-width:769px){.c-coupon__notes li::before{top: 1.1em;}}
.c-coupon__notes li + li{margin-top: 1em;}
.c-coupon__notes li a{display: inline;}

/* flow 
-----------------------------------------------------------*/
.c-coupon__flow{padding: 1em; background-color: var(--basecolor); display: flex; align-items: center; flex-direction: column;}
@media screen and (min-width:769px){.c-coupon__flow{padding:2.5em 1em;}}
.c-coupon__flow .c-sec__sub--title{font-size: 1.25em; font-weight: 500; line-height: 1.5; margin-bottom: 3.5em;}
.c-coupon__flow .c-sec__sub--title::after {color:var(--commoncolor); content: "\e803"; display: inline-block; font-family: "icon"; font-size: 1.25em; position: absolute; bottom: -2em; left: 50%; transform: translateX(-50%);}
.c-coupon__flow .c-btn__block{margin-top: 1.5em;}
@media screen and (max-width:768px){.c-coupon__flow .search{width:100%;}}
@media screen and (min-width:769px){.c-coupon__flow .search{width:600px;}}
.c-coupon__flow .search li + li {margin-top: 1em;}
.c-coupon__flow .search .btn{ background-color: #fff; border: 3px solid var(--commoncolor); border-radius: 2.2em; color:var(--commoncolor); padding: 12px 16px; font-size: 1.25em; font-weight: 700; z-index: 2; width:100%;}
.c-coupon__flow .search .btn::after{ display: inline-block; position: absolute; content: "\f105"; font-family: "icon";  top: 50%; right: 1.2em; transform: translateY(-50%); transition: all .3s ease; font-weight:700; z-index: 1;}
.c-coupon__flow p{ margin-top: 1.5em; font-size: 1em; font-weight: 500;}
.c-coupon__flow .txt-link{ position: relative; display: inline-flex; align-items: center; justify-content: center;}
.c-coupon__flow .txt-link::after{ display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease; font-weight:700; z-index: 1;  right: -1.5em; content: "\e89e"; font-family: 'Material Icons Round';}

.c-btn__block.-line.-open .btn{ background-color: #fff; border: 1px solid #bcbdbc; border-radius: 1.5625em; color:var(--fontbasecol); padding: 8px 32px 8px 16px; font-size: 1.125em; font-weight: 700; line-height: 1.5; z-index: 2;}
.c-btn__block.-line.-open .btn span{font-weight: 700;}
.c-btn__block.-line.-open .btn::after{color:  var(--commoncolor);}
.c-btn__block.-open .btn{ font-size: 1em; font-weight:500; padding-right: 24px;}
.c-btn__block.-line.-open  .btn::after{ right: 16px;}
.c-btn__block.-open .btn::after{ right: 0;}

@media screen and (max-width:768px){
  .c-coupon__flow .btn{ width: 100%;}
  .c-coupon__flow .c-btn__block.-line.-arrow.-small .btn{ font-size: 1.125em;}
  .c-coupon__flow ul.kome li {text-align: left;}
}
@media screen and (min-width:769px){
  .c-coupon__flow .-arrow .btn{ width: 600px;}
  .c-coupon__flow .-arrow .btn:hover::after{ right: 0.8em;}

}
.c-coupon__flow ul.kome{ display: flex; justify-content: center; align-items: center; margin-top: 1em; font-size: 16px;font-weight: bold; }

/* btn */
.c-btn__block {text-align: center;}
.btn::after{ display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease; font-weight:700; z-index: 1;}
.-arrow .btn::after{content: "\f105"; font-family: "icon";}
.-open .btn::after{content: "\e89e"; font-family: 'Material Icons Round';}
.btn{ position: relative; display: inline-flex; align-items: center; justify-content: center;}

@media screen and (max-width:768px){
  .c-btn__block li + li{ margin-top: 12px;}
  .l-guide .c-btn__block{ margin-top: 24px;}
  .c-btn__block.-line.-open .btn{ padding: 12px 32px 12px 16px; width: 100%;}
  #guide .c-btn__block{ margin-top: 40px;}
  #guide .c-btn__block.-line.-open .btn{font-size: 1em;}
}

@media screen and (min-width:769px){
  .c-btn__block li + li{ margin-top: 16px;}
  .c-btn__block.-line.-open .btn:hover::before{ left: 0;}
  .l-guide .c-btn__block{ margin-top: 40px;}
  .c-btn__block.-open .btn:hover{opacity: 0.6;}
  .c-btn__block.-line.-open .btn{ padding: 12px 40px 12px 16px; width: 560px;}
  #guide .c-btn__block{ margin-top: 64px;}
}

/* attention */
.attention{ display: flex; align-items: center; padding: 12px 16px; line-height: 1.6; background: rgba(207, 240, 255, .4) 0 0 no-repeat padding-box;}
.attention i{ margin-right: 8px;}
.JTB-el_foundation-icons:before{ color: #3498db; content: "\e801"; display: block; font-family: "icon"; font-style: normal; line-height: 1;}
@media print, screen and (max-width: 768px) {
  .attention{font-size: 0.75em; margin-top: 24px;}
  .attention i{font-size: 1.3em}
  .attention__inner{text-align: left;}
}
@media print, screen and (min-width: 769px) {
  .attention{font-size:  0.875em;}
  .attention i{font-size: 1.3em}
}

/* l-anchor */
.l-anchor{margin: 32px auto 16px; background-color: #fff;}
.l-anchor__float{background-color: #fff;}
.l-anchor__list, .select-departure__panel{ display: flex; background-color: #fff;}
.l-anchor__list{ justify-content: space-between; }
.l-anchor__item{ position: relative; width: calc(100% / 3);}
.l-anchor__item a{ cursor: pointer; display: grid; font-size: 1.125em; font-weight: 700; line-height: 1.4; place-content: center; transition: all .4s ease;color: var(--fontbasecol); }
.l-anchor__item a{ height: 4.75em;}
.l-anchor__item a::after, .select-departure__panel li::after
{ color: #8B4513; content: "\f107"; display: block; font-family: "icon"; line-height: 1;margin-top:8px; }
.l-anchor__item::after{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; display: inline-block; width: 1px; height: 60%; border-left: solid 1px #BCBDC2;}
.l-anchor__item:first-child::after{border-left: none;}
.l-anchor__float.is-fixed{ box-shadow: 0 0 .375em #c7d0d4;}
@media screen and (max-width:768px){
  .l-anchor{margin: 40px auto 0;}
  .select-departure__panel li {font-size: 1em;}
  .l-anchor__item a::after, .select-departure__panel li::after{ margin-top:8px;}
  .is-fixed .l-anchor__list{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .is-fixed .l-anchor__item a{ height: 5em; padding: .5em 0; }
}

/*  KOME
-----------------------------------------------------------*/
p.kome,.kome li{position:relative;padding-left:calc(1em + 4px)}p.kome:before,.kome li:before{position:absolute;left:0;top:0;content:"\203B"}.list-dot li{position:relative;padding-left:calc(1em + 4px)}.list-dot li:before{position:absolute;left:0;top:0;content:"\30FB"}

/*  PAGETOP
-----------------------------------------------------------*/
.page-top{position:fixed;right:10px;bottom:10px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,bottom .3s,visibility .3s}
.page-top a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;font-size:2.4rem;border-radius:10px;background:rgba(0,0,0,.2);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);transition:opacity .3s}
.page-top.is-active{visibility:visible;opacity:1}
@media screen and (max-width:768px){.is-departure .page-top{bottom: 66px}}
@media screen and (min-width:769px){.page-top{right:20px;bottom:20px;}}

/* coupon */
.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; margin-top: 1em;}
.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{ border-radius: .375em .375em 0 0; color: #fff; display: flex; justify-content: space-between; line-height: 1.4; padding: 8px 16px; font-weight: 700; font-size: 1.125em; }
.c-kokunai .sec-coupon .c-coupon__data--head{ background-color:var(--kokunaicol);}
.c-kaigai .sec-coupon .c-coupon__data--head{ background-color:var(--kaigaicol);}
.sec-coupon .c-coupon__data--bottom{ border: 1px solid #e0e0e0; border-radius: 0 0 .375em .375em; border-top: none;}
.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.25em;}
.sec-coupon .c-coupon__data--bottom p .price em{ font-size: 3.6rem;}
.sec-coupon .c-coupon__data--bottom p .label{ background-color: #f3f8fb; display: inline-block; color:#cc0000; font-size: 1.8rem; line-height: 2.2; text-align: center; font-weight: bold; }
.sec-coupon .c-sec__sub--title{ position: relative; }
.c-coupon__area{ background-color: #fff; border-radius: 1em; color:var(--commoncolor); display: inline-block; font-size: .875em; font-weight: bold; line-height: 2; padding: 0 1.25em; text-align: center;}
.c-coupon__term{ font-size: .8125em; margin: .75em 0 0; }
.no-results{ color:var(--commoncolor); font-size: 1.25em; font-weight: 500; padding: 2em 0 5em; width: 100%;text-align: center;}

/* detail */
.c-coupon__data.c-close::before,
#h-open .c-coupon__data.close::before,
#p-close .c-coupon__data.close::before,
.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: "\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;}
.l-entry em, .l-entry .price, .l-entry .price-txt{ color:#cc0000; }
.l-entry .c-cap{ color: #808080; font-size: .75em; margin-top: 1.5em;}

.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; }

/* conditions list*/
.sec-conditions .list{display: grid; gap: 2px 16px;}
.sec-conditions .list li{display: flex;}
.sec-conditions .list li span.item{flex-shrink: 0; background-color:var(--basecolor);}

@media screen and (max-width:768px){
  .sec-conditions .list{grid-template-columns: 1fr; grid-template-rows:none; grid-auto-flow: row;}
  .sec-conditions .list li span{ padding: 12px 8px; font-size: 0.875em;}
  .sec-conditions .list li span.item{width: 8em;}
}
@media screen and (min-width:769px){
  .sec-conditions .list{grid-template-columns: 1fr 1fr; grid-template-rows: repeat(5, auto); grid-auto-flow: column;}
  .sec-conditions .list li span.item{font-size: .875em;}
  .sec-conditions .list li span{ padding: 16px 24px;}
  .sec-conditions .list li span.item{width: 10em;}
} 

/* brand */
.c-brand__list{display: grid;}
.c-brand__item{ border: #BCBDC2 1px solid; border-radius: 4px; text-align: center; padding: 8px 32px 8px 8px; position: relative;}
.c-brand__item a{color: var(--commoncolor); font-size: 0.875em; font-weight: 500; width: 100%; height: 100%; display: block;}
.c-brand__item a::after{ content: "\f107"; display: block; font-family: "icon"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);} 
.c-brand__item a:hover{opacity: 0.6; }
@media screen and (max-width:768px){.c-brand__list{grid-template-columns: repeat(2, 1fr); gap: 8px;}}
@media screen and (min-width:769px){.c-brand__list{grid-template-columns: repeat(4, 1fr); gap: 8px;}}

/* guideline */
.sec-guideline .c-filter__head{ background-color: var(--basecolor); padding: 12px 16px; position: relative;}
.sec-guideline .c-filter__head h3{ font-size: 1.125em; font-weight: 500; line-height:1.5;}
.sec-guideline .c-filter__head::after{ position: absolute; top: 50%; transform: translateY(-50%); right: 16px; line-height: 1; color:var(--commoncolor); content: "\f107"; display: inline-block; font-family: "icon"; transition: transform .3s ease; font-size: 1.25em; font-weight: 700;}
.sec-guideline .c-filter__head.is-active::after{ transform: rotate(180deg);   top: 25%; }
.sec-guideline .c-filter__bottom{ padding: 1.5em 0;}
.sec-guideline .c-filter__bottom dt{background-color: var(--basecolor);  font-size: 1em; font-weight: 500; line-height:1.5; padding: 8px 16px;  margin-bottom: 1em;}
.sec-guideline .c-filter__bottom dt:nth-child(n + 2){ margin-top: 2em; }
.sec-guideline .c-filter__bottom dd{ padding: 0 8px; font-weight: 500;}
.sec-guideline .c-filter__bottom dd li{ display: list-item; list-style: disc; list-style-position: outside; margin-left: 1em; line-height:1.6;}
.sec-guideline .c-btn__block{ margin-top: 64px;}
.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__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; }

@media screen and (min-width:769px) and ( max-width:1236px) {
  .sec-coupon .c-filter__bottom{ padding: 2em 0; }
}

@media screen and (min-width:769px){
  .c-block + .c-block{ margin-top: 4.5em; }
  .c-sec__inner{ padding: 3em 0 1em;}
  .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; }
  .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; }
  .sec-coupon .c-coupon__data--head span{ font-size: 1.1em; font-weight: bold; }
  .sec-coupon .c-coupon__data--bottom{ padding: 1.5em 1.5em; }
  .sec-coupon .c-coupon__data--bottom p{ align-items: center; display: flex; }
  .sec-coupon .c-coupon__data--bottom p.detail{ align-items: center; display: block;}
  .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.detail .price{ padding-left: 0; }
  .sec-coupon .c-coupon__data--bottom p .label{ margin-left: .65em; width: 8em; }
  .sec-coupon .c-coupon__data--bottom p .price-txt {margin-top: 16px; }
  .sec-coupon p.note{font-weight: bold; font-size: 1.25em; margin: 1.3333em 0;}
}

@media screen and (max-width:768px){
  #JTBGF-ly_footer.JTBGF-ly_footer{ margin-top: 0 !important; }
  .c-block + .c-block{ margin-top: 4.5em; }
  .c-coupon__area{ font-size: 1em; }
  .c-coupon__term{ font-size: 1em; }
  .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__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__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 p.note{font-weight: bold; font-size: 1.8rem; margin-top: 1.3333em; margin-bottom: 1.3333em;}
  .l-entry{ padding-top: 0; }
  .l-entry .c-cap{ font-size: .7857em; }
  .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__head .c-update dd li .c-date{ font-size: 1em; }
  .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; }
  .sec-coupon .c-filter__head span{ font-size: 1.1786em; }
  .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: .5em; }
  .sec-coupon .c-coupon__data--bottom p.detail .txt{ text-align: left;}
  .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-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; }
}
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:768px){ul.annotation{ margin-top:24px; padding: 0 8px 0 8px;}}
@media screen and (min-width:769px){ul.annotation{margin-top: 32px; margin-bottom: 16px;}}
@media screen and (min-width:769px){.sp-item{ display: none; }}

/* アイコン */
.m-ico{ display: inline-flex; align-items: center; font-style: normal; vertical-align: middle; margin: 0 5px; font-weight: 400;}
.m-ico:before{ position: relative; top: -1px; font-family: 'Material Icons Round'; content: attr(data-icon); font-size: 100%;}
.m-ico.-arrow{ transform: scale(1.3)}

@media screen and (min-width: 769px) {.m-ico.-arrow{ transform:scale(1.5);}}
.c-brand__title{background-color: var(--basecolor); color:var(--commoncolor); font-size: 1.125em; font-weight: 500; padding: 12px 16px; }


.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; }

@media screen and (max-width:768px){
  .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-entry.c-close .c-btn__wrap::before{ font-size: 1.5em; }
}



@media screen and (min-width:769px){
  .js-btn{ width: 72px; }
  .js-btn-search a:hover{ background-color:var(--commoncolor); color: #fff; }
}
.select-departure__panel li{ cursor: pointer; display: grid; font-size: 1.25em; font-weight: 700; line-height: 1.4; place-content: center; transition: all .4s ease;color: var(--fontbasecol); }

@media screen and (max-width:768px){
  .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-entry.c-close .c-btn__wrap::before{ font-size: 1.5em; }
}

/*  レイアウト
-----------------------------------------------------------*/
.mt_nomargin{ margin-top: 0 !important;} 

/*  KOME
-----------------------------------------------------------*/
.kome li{ position: relative; padding-left: calc(1em + 4px)}
.kome li:before {position: absolute; left: 0; top: 0; content: "\203B"}

/* MV */
.mv{position:relative;padding:24px 0;min-height:220px;background: #fff url(/myjtb/campaign/escortcoupon/assets/images/l-mv__bg.png) repeat 0 / 4em;}
.mv__inner{margin:0 auto;max-width: 1280px;width: 100%;}
.mv .btn{ background-color: var(--basecolor); border: 2px solid #DAA520 ; color:var(--fontbasecol); padding: 8px 16px; font-weight: 500; line-height: 1.4;}
.mv .btn::after{color: #daa520;}
.mv_title_wrap img{display: block; margin: 0 auto; max-width: 100%;}
.mv_btn_wrap {display: flex; justify-content: center; align-items: center; position: relative;}
.mv_btn_wrap .c-btn__block {width: 100%;}
@media screen and (max-width:768px){
  .mv{ padding: 24px 0 16px;}
  .mv__inner{padding: 0 16px;}
  .mv_btn_wrap{ background: url(/myjtb/campaign/escortcoupon/assets/images/l-mv__inner--bg_sp.svg) no-repeat center 50% / 100% auto; padding: 20px 0 20px;}
  .mv .btn{width: 75%; font-size: 0.875em; border-radius: 88px;}
  .mv .btn::after{font-size: 1.25em; right: 16px;}
}
@media screen and (min-width:769px){
  .mv{ padding: 32px 0;}
  .mv_title_wrap{ background: url(/myjtb/campaign/escortcoupon/assets/images/l-mv__inner--bg.png) no-repeat 50% 0 / 1120px auto; padding: 32px 0 40px;}
  .mv .c-btn__block {margin-top: 8px;text-align: center;}
  .mv .btn {width: 452px; font-size: 1.25em; border-radius: 1.25em;}
  .mv .btn::after{right: 1.0em;}
  .mv .btn:hover::after{ right: 0.6em;}
  .mv .btn:hover{ opacity: 0.6;}
}

/* PAGENAV */
.pagenav{position:absolute;left:0;top:0;z-index:901;width:100%;background:#fff}
.pagenav-list{display:flex}
.pagenav-list__item{flex:1;position: relative;}
.pagenav-list__item::after{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; display: inline-block; width: 1px; height: 60%; border-left: solid 1px #BCBDC2;}
.pagenav-list__item:first-child::after{border-left: none;}
.pagenav-list__link{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;padding-top:8px;min-height:64px;line-height:1;color: var(--fontbasecol);  font-weight:700}
.pagenav-list__item a,
.pagenav-list__item a:link,
.pagenav-list__item a:hover,
.pagenav-list__item a:visited {color: var(--fontbasecol); text-decoration: none;}
.pagenav-list__link span{font-weight:700}
.pagenav-list__dept{font-size:1rem}
.pagenav-list__txt{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;font-weight: 700;line-height: 1.4;}
.pagenav-list__txt .m-ico{display:inline-flex;align-items:center}.pagenav__top{margin-top:24px;padding:0 16px 16px;font-weight:500;border-bottom:solid 1px #BCBDC2}
.pagenav__top-link{display:inline-flex;align-items:center;color:#3498DB!important;font-size:1.7rem;font-weight:500}
.is-fixed .pagenav{position:fixed;animation:0.3s forwards animationNav;box-shadow:0 0 12px rgba(0,0,0,.1)}
.is-recommendfixed.is-fixed .pagenav{box-shadow:none}
@keyframes animationNav{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
@media screen and (max-width:768px){
  .pagenav-list__txt{flex-direction:column;font-size: 1.125em;}
  .pagenav-list__link-arrow{font-size:1.4em;color:var(--commoncolor);}
}
@media screen and (min-width:769px){
  .pagenav-block{display:flex;align-items:center;margin:0 auto;width:100%;max-width:1280px}
  .pagenav-list{flex:1;margin-right:24px}.pagenav-list__item{width:100%}
  .pagenav-list__link{padding:8px 8px 4px;min-height:80px;font-weight:500}
  a.pagenav-list__link:hover{opacity:0.6}
  a.pagenav-list__link:hover::before{opacity:0.6}
  .pagenav-list__dept{font-size:1.2rem}
  .pagenav-list__txt{font-size:1.8rem;font-weight:700}
  .pagenav__top{margin-top:16px;text-align:right;font-size:1.9rem;font-weight:500;border-bottom:none}
  .pagenav__top-link{font-size:1.9rem}
  .pagenav-list__link-arrow{font-size:1.6em;color:var(--commoncolor);}
}

/* c-coupon__list
---------------------------------------------------------- */
.c-coupon__list {display: grid; gap: 1em;}
@media screen and (min-width:769px){.c-coupon__list{ grid-template-columns: repeat(4, 1fr);}}
.c-coupon__item{background-color: #fff; border: 1px solid #e0e0e0; border-radius: .375em; box-shadow: 0 0 .375em #c7d0d4; overflow: hidden; position: relative;}
.c-coupon__item:hover{ cursor: pointer;}
@media screen and (max-width:768px){.c-coupon__item{ display: grid; gap: 1em;}}
@media screen and (min-width:769px){.c-coupon__item{ display: grid; grid-row: span 5; grid-template-rows: subgrid;}}

/* close */
.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: "\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;}
@media screen and (max-width:768px){
  .c-coupon__item.close .c-close__txt{ font-size: 2.5em; }
  .c-coupon__item.c-close::before{ font-size: 2.5em; }
}

.c-coupon__head{ color: #fff; padding: 1em; position: relative; text-align: left; }
.c-coupon__head::after {background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }
.c-kokunai .c-coupon__head::after{ background-image: linear-gradient(to right, var(--kokunaicol), var(--kokunaicol) .4375em, transparent .4375em, transparent .625em); }
.c-kaigai .c-coupon__head::after{ background-image: linear-gradient(to right, var(--kaigaicol), var(--kaigaicol) .4375em, transparent .4375em, transparent .625em); }
.c-coupon__price{ font-size: 1.5em; text-align: center; line-height: 1.4; }
.c-coupon__price em{ font-size: 4.0rem;  margin: 0 4px;}
@media screen and (max-width:768px){
  .c-coupon__head{ background-size: auto 80%; }
  .c-kokunai .c-coupon__head{ background: var(--kokunaicol) url(../images/bg-coupon-head01.png) no-repeat 50% 50% / 28% auto;}
  .c-kaigai .c-coupon__head{ background: var(--kaigaicol) url(../images/bg-coupon-head02.png) no-repeat 50% 50% / 28% auto;}
  .c-coupon__price{ font-size: 1.5em; }
  .c-coupon__price em{ font-size: 4.8rem; line-height: 1; }
}
@media screen and (min-width:769px){
  .c-kokunai .c-coupon__head{ background: var(--kokunaicol) url(../images/bg-coupon-head01.png) no-repeat 50% 50% / 32% auto;}
  .c-kaigai .c-coupon__head{ background: var(--kaigaicol) url(../images/bg-coupon-head02.png) no-repeat 50% 50% / 32% auto;}
}
.c-coupon__title{font-size: 1.125em; font-weight: 500; /*margin-bottom: auto;*/ margin: 0 1em;}
.c-coupon__label{padding: 0 1em;}
.c-coupon__label dl{display:flex; flex-wrap: wrap; font-size: 0.75em; font-weight:700; }
.c-coupon__label dl dt{width: 4rem;}
.c-coupon__label dl dd{width: calc(100% - 4rem);}
.c-coupon__label dl span{border-radius: 4px; display: inline-block; margin-bottom: .5em; margin-left: 6px; padding: 2px 4px; font-weight:700;}
.c-coupon__label dl .dept span{background-color: #FFECE8; color:#E2725B;}
.c-coupon__label dl .dest span{background-color: #EAF6FF; color:#4C7EC9;}
.l-entry__inner .c-coupon__label{padding: 0; margin-bottom: 1em;}
@media screen and (min-width:769px){
.l-entry__inner .c-coupon__label dl{font-size: 1em;}
.l-entry__inner .c-coupon__label dl dt{width: 5rem;}
.l-entry__inner .c-coupon__label dl dd{width: calc(100% - 5rem);}
}
.l-entry__inner .c-coupon__label dl span{margin-bottom: 0;}
.c-coupon__detail{padding: 0 1em;}
.c-coupon__detail dl{font-size: 1.2rem; display:flex; flex-wrap: wrap;}
.c-coupon__detail dl dt{width: 8.5rem; font-weight:500; }
.c-coupon__detail dl dd{width: calc(100% - 8.5rem); font-weight:400; padding-bottom: 6px;}
.c-coupon__item .c-coupon__tags{padding-right: 1em; padding-left: 1em;}
.c-coupon__item .c-coupon__tags .type{padding-bottom: 1em;}

/* guide
------------------------------------------------------------------------------- */
.c-coupon__guide{display: grid; grid-template-columns: repeat(1, 1fr);}
.c-column{ background-color:var(--basecolor); border: .1875em solid var(--commoncolor); border-radius: 20px; box-shadow: 0 0 .25em -1px #9b9b9b;}
.c-column__txt{ text-align: left; }
.c-column__no{ color:var(--commoncolor); font-family: 'Oswald', sans-serif; font-size: 1.5em; font-weight: 900; display: flex; align-items: center; line-height:1;}
.c-column__no em{ font-size: 2em; margin-left: 4px; }
.c-column__heading{ font-size: 1.3125em; font-weight: bold; line-height: 1.5; margin-top: 8px;}
.c-coupon__data--bottom .txt{line-height: 1.5; display: block;}
.c-coupon__data--bottom .txt.-detail{margin-bottom: 1em; text-align: left; line-height: 1.4;}
@media screen and (max-width:768px){.c-column{ padding:16px;} .c-coupon__guide{gap: 24px;}}
@media screen and (min-width:769px){.c-column{ padding:16px 24px;}.c-coupon__guide{gap: 32px;}}

/* 表示・非表示
-----------------------------------------------------------*/
@media screen and (max-width:768px){.sp-none{display: none!important;}}
@media screen and (min-width:769px){.pc-none{display: none!important;}}