@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.letter-5{letter-spacing: -5px;}
.cls-2, .cls-3 {
	fill: none;
	stroke: #000;
	stroke-width: 20px;
}

/*バッジ*/
#title svg .cls-1 {fill: #000;}
#title svg .cls-2 {fill: #FFF;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock p,
#anchorLinkBlock a{
	width: max-content;
	font-size: 12px;
}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
	width: fit-content;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 3px solid #20208C;*/
    margin: 0 auto 25px;
    padding: 0 10px 5px;
}
h3.title {
	width: 100%;
    border: none;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    line-height: 2.5;
    background: #ebebf9;
    position: relative;
}
h3.title:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #EBEBF9;
    border-bottom: 0;
    position: absolute;
    bottom: -10px;
    left: calc((100% - 12px) / 2);
}
h4 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 15px 0;
	box-sizing: border-box;
	color: #222;
}
.inner p{
	font-size:14px;
	line-height: 1.6
}

/*title*/
#title{
    margin: auto;
	position:relative;
	color: #222;
}
.container_top{
	width: 100%;
    display: inline-block;
    margin: 0 auto;
	padding: 0 0 2px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    background: #db063c;
}
div.title {
	font-family: "Montserrat", sans-serif!important;
    font-weight: bold;
    font-size: 22px;
    background: #EBEBF9;
    margin: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 70px;
    transform: scale(0.6, 0.6);
}
div.title svg {width: 64px;}
div.title .circle-text {
	font-size: 24px;
	font-weight: normal;
}
div.title .circle-text span {
	font-family: "Limelight", sans-serif!important;
    position: absolute;
    top: -30px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    transform-origin: center bottom;
}
.circle-text.discount span:nth-child(1) {transform: rotate(-70deg);}
.circle-text.discount span:nth-child(2) {transform: rotate(-50deg);}
.circle-text.discount span:nth-child(3) {transform: rotate(-30deg);}
.circle-text.discount span:nth-child(4) {transform: rotate(-10deg);}
.circle-text.discount span:nth-child(5) {transform: rotate(10deg);}
.circle-text.discount span:nth-child(6) {transform: rotate(30deg);}
.circle-text.discount span:nth-child(7) {transform: rotate(50deg);}
.circle-text.discount span:nth-child(8) {transform: rotate(70deg);}
.circle-text.coupon span:nth-child(1) {transform: rotate(-50deg);}
.circle-text.coupon span:nth-child(2) {transform: rotate(-30deg);}
.circle-text.coupon span:nth-child(3) {transform: rotate(-10deg);}
.circle-text.coupon span:nth-child(4) {transform: rotate(10deg);}
.circle-text.coupon span:nth-child(5) {transform: rotate(30deg);}
.circle-text.coupon span:nth-child(6) {transform: rotate(50deg);}
#mv_txt{
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #595757;
}
#mv_txt b{font-size: 20px;}
#mv_txt strong{
	font-size: 32px;
    color: #F0677F;
    font-weight: bold;
	display: inline-block;
    background: linear-gradient(135deg, #F0677F 0%, #F0677F 45%,#f0df67 50%, #F0677F 65%, #F0677F 100%);
    background: -webkit-linear-gradient(-45deg, #F0677F 0%, #F0677F 45%,#f0df67 50%, #F0677F 65%, #F0677F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-size: 200% 200%;
	animation: gradientmove 4s ease infinite;
}
p.endcontents{
	width: 80%;
    color: #F00;
    margin: 15px auto;
    padding: 10px;
    border: 1px solid #ff0000;
    /* text-align: center; */
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}

/*期限*/
.detailDay{
    margin: 10px auto;
    padding: 10px;
    background: #FFF;
    border-radius: 10px;
    box-sizing: border-box;
}
.detailDay li{
	font-size: 16px;
	margin: 0 0 15px;
}
.detailDay li:last-child{margin-bottom: 0;}
.detailDay dl dt{
	margin-bottom: 5px;
    padding: 0 0 0 3%;
    display: grid;
    align-items: center;
    border-left: 4px solid #20208c;
    font-weight: bold;
    color: #333;
}
.detailDay dl dd{
    padding: 3px 0 5px;
	color: #595757;
}

/*information*/
.information {
	color: #333;
    margin: 0 5px 15px;
    padding: 20px 10px 0;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}
.information dt h5 {
	font-size: 22px;
    text-align: center;
    font-family: "Limelight", sans-serif !important;
    color: #595757;
    line-height: 0.9;
    margin-bottom: 15px;
}
.information dt h5 svg{fill:#F0677F;}
.information dt h5 small{
	font-size: 14px;
	letter-spacing: 0;
}
.information dd li h6 {
	background: #E1E1E1;
    margin-bottom: 5px;
    padding: 3px 10px 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
}
.information dd li p {
	line-height: 1.4;
	margin-bottom: 15px;
}

nav#area_select ul{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px auto 40px;
}
nav#area_select li{
	font-size: 14px;
	margin: auto;
}
nav#area_select li a{
	color: #222;
	position:relative;
}
nav#area_select li a:after{
	content: "▼";
    font-size: 10px;
    position: absolute;
    top: 18px;
    left: calc((100% - 10px) / 2);
}

/*nav.commonNav*/
main nav.commonNav .inner {
	width: 100%;
	margin: 0;
}
main nav.commonNav ul {
	display: flex;
}
main nav.commonNav li {
	width: 48%;
	margin: 0 1%;
}
main nav.commonNav li a {
	width: 100%;
	display: block;
	color: #20208c;
	border: 1px solid #20208c;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
main nav.commonNav li a span {
	position: absolute;
	top: 4px;
	right: 8px;
	font-size: 12px;
}

/*discount/coupon*/
.discount_Wrap,
.coupon_Wrap{
	display: flex;
    flex-wrap: wrap;
	margin: 20px 0;
}
.discount_Wrap > li,
.coupon_Wrap > li{
    border: 8px solid #ebebf9;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    background: #FFF;
}

/*discount*/
.discount_Wrap > li{
	width: 96%;
    margin: 50px 2% 25px;
    padding: 35px 5px 5px;
}
.discount_Wrap .discount_plan_number,
.coupon_Wrap .discount_plan_number {
	font-family: "Montserrat", sans-serif !important;
    font-weight: bold;
    font-size: 22px;
    color: #222;
    background: #ebebf9;
    width: 58px;
    height: 58px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: -34px;
    left: calc((100% - 58px) / 2);
    padding-top: 12px;
    box-sizing: border-box;
}
.discount_Wrap .discount_plan_number .circle-text,
.coupon_Wrap .discount_plan_number .circle-text {
	font-size: 16px;
	font-weight: normal;
}
.discount_Wrap .discount_plan_number .circle-text span,
.coupon_Wrap .discount_plan_number .circle-text span {
	font-family: "Limelight", sans-serif !important;
    position: absolute;
	top: -25px;
    left: calc(50% - 29px);
    width: 58px;
    height: 58px;
    transform-origin: center bottom;
}
.discount_Wrap h4{margin:15px 0;}

/*coupon_Wrap*/
.coupon_Wrap > li{
	width: 48%;
    margin: 30px 1%;
    padding: 35px 5px 15px;
	position: relative;
}
.coupon_Wrap h4{margin:0 0 15px;}
.coupon_Wrap > li .cpn_get {
	width:90%;
	min-width: 300px;
    margin: auto;
    box-shadow: 1px 1px 5px #ccc;
	position: relative;
}

.coupon_Wrap > li .cpn_get dl{
    height: 176px;
    box-sizing: border-box;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.coupon_Wrap.ko_yado > li .cpn_get dl{border: 5px solid #002060;}
.coupon_Wrap.ko_jrset > li .cpn_get dl{border: 5px solid #e03560;}
.coupon_Wrap.ka_tour > li .cpn_get dl{border: 5px solid #51b028;}
.coupon_Wrap.ka_air > li .cpn_get dl,
.coupon_Wrap.ko_airset > li .cpn_get dl,
.coupon_Wrap.ka_airset > li .cpn_get dl{border: 5px solid #0093da;}
@media screen and (max-width: 980px) {.coupon_Wrap > li {width: 98%;}}
.coupon_Wrap dl{
    padding: 0;
	cursor:pointer;
}
.coupon_Wrap.ko_yado dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_yado.png) no-repeat center 15px;
    background-size: 110px;
	color: #002060;
}
.coupon_Wrap.ko_jrset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_jrset.png) no-repeat center 15px;
    background-size: 110px;
	color: #e03560;
}
.coupon_Wrap.ka_tour dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_kaigai_tour.png) no-repeat center 15px;
    background-size: 110px;
	color: #51b028;
}
.coupon_Wrap.ka_air dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_air.png) no-repeat center 15px;
    background-size: 110px;
	color: #0093da;
}
.coupon_Wrap.ko_airset dl,
.coupon_Wrap.ka_airset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_airset.png) no-repeat center 15px;
    background-size: 110px;
	color: #0093da;
}
.coupon_Wrap dl:hover {opacity: 0.95;}
.coupon_Wrap li a > dl *{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.coupon_Wrap dt{
	width: 100%;
    display: flex;
    align-items: center;
	text-align: center;
	font-weight: bold;
}
.coupon_Wrap dt small{
	width: 24%;
    margin: 0 0 0 1%;
    font-size: 11px;
    letter-spacing: -1px;
}
.coupon_Wrap dt strong{
	width: 75%;
	font-size: 42px;
}
.coupon_Wrap dt strong span {
    font-size: 0.5em;
    letter-spacing: 0;
	margin: 0 5px;
}
.coupon_Wrap dd.about_mycoupon {
	width: 100%;
	display: flex;
    text-align: center;
	margin: 0 8px 10px;
}
.coupon_Wrap .fcf {
    background: #343474;
    width: 58px;
    height: 58px;
    border-radius: 36px;
    color: #FFF;
    line-height: 1.1;
    font-size: 12px;
    display: grid;
    align-items: center;
}
.coupon_Wrap .mycoupon {
	width: calc(100% - 58px);
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 28px;
    display: grid;
    align-items: end;
}
.coupon_Wrap .cpnget{
	width: 100%;
	padding: 4px 0 0;
}
.coupon_Wrap.ko_yado .cpnget{background: #002060;}
.coupon_Wrap.ko_jrset .cpnget{background: #e03560;}
.coupon_Wrap.ka_tour .cpnget{background: #51b028;}
.coupon_Wrap.ka_air .cpnget,
.coupon_Wrap.ko_airset .cpnget,
.coupon_Wrap.ka_airset .cpnget{background: #0093da;}
.coupon_Wrap .cpnget .ico{
	background: #FFF;
    padding: 2px 5px 0;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    width: 120px;
    display: inline-block;
    box-sizing: border-box;
}
.coupon_Wrap .cpnget h5{
	text-align: right;
    width: 195px;
    padding: 0;
    border-radius: 20px;
    margin: 0 auto 0 calc(100% - 320px);
    display: inline-block;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    position: relative;
}
.coupon_Wrap .cpnget h5:before{
	content: "";
    width: 18px;
    height: 18px;
    background: #FFF;
    border-radius: 12px;
    position: absolute;
    top: 1px;
    left: 38px;
}
.coupon_Wrap .cpnget h5:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute;
    top: 5px;
    left: 45px;
}
.coupon_Wrap.ko_yado .cpnget h5:after{border-color: transparent transparent transparent #002060;}
.coupon_Wrap.ko_jrset .cpnget h5:after{border-color: transparent transparent transparent #e03560;}
.coupon_Wrap.ka_tour .cpnget h5:after{border-color: transparent transparent transparent #51b028;}
.coupon_Wrap.ka_air .cpnget h5:after,
.coupon_Wrap.ko_airset .cpnget h5:after,
.coupon_Wrap.ka_airset .cpnget h5:after{border-color: transparent transparent transparent #0093da;}
.coupon_Wrap .conditions{
	padding: 10px;
    background: #FFF;
    border-bottom: 1px dashed #ccc;
}
.coupon_Wrap .conditions li{
	font-size: 12px;
	display: flex;
	margin-bottom: 2px;
}
.coupon_Wrap .conditions li strong{
	width: 72px;
    display: inline-block;
    font-weight: bold;
}
.coupon_Wrap .conditions li span {width:calc(100% - 72px);}
.coupon_Wrap .cpndetai {
	padding: 0 8px;
    font-size: 10px;
    text-align: center;
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/im_mycopon.png) no-repeat 5px;
    background-size: 28px auto;
}
.coupon_Wrap .cpndetai a{
	background: url(https://www.nta.co.jp/mycoupon/cpn/images/im_arrow_close.png) no-repeat 100% 56%;
    background-size: 15px auto;
    display: block;
    padding: 10px 0;
}
.coupon_Wrap .end{
	width: 100%;
    height: 100%;
    position: absolute;
    color: #FFF;
    top: 0;
    left: 0;
    display: grid;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
    font-size: 24px;
}

/*注釈*/
.caution_txt {
	width: 94%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #222;
	padding: 12px;
	margin: 15px auto 50px;
	box-sizing:border-box;
}

/*btn*/
.blue_btn{
	display:flex;
	margin-bottom: 10px;
}
.blue_btn a{
	width: 96%;
    color: #fff;
    background: #20208c;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 2.4;
    box-shadow: 1px 1px 5px #aaa;
    border-radius: 5px;
}
.blue_btn h5{
    display: flex;
    margin: auto;
    width: fit-content;
}
.blue_btn svg{
	width: 32px;
    margin-right: 12px;
}
.blue_btn a svg circle,
.blue_btn a svg line{
	fill:none;
	stroke:#fff;
	stroke-width:6;
}

/*PR*/
#other .inner {padding: 15px 0;}
.pr_banner {
    width: 96%;
    margin: 25px auto 50px;
    text-align: center;
}
.pr_banner img {
    width: 100%;
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
h2 {
	width: fit-content;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 15px;
    padding: 0 10px 5px;
}
h3.title {
	width: 100%;
    border: none;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
    line-height: 2.5;
    background: #EBEBF9;
    position: relative;
}
h3.title:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #EBEBF9;
    border-bottom: 0;
    position: absolute;
    bottom: -10px;
    left: calc((100% - 12px) / 2);
}
h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:25px 0;
	display: block;
	color: #222;
}
.inner p{
	font-size:16px;
	line-height: 1.6
}

/*title*/
#title{
	width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: auto;
	padding: 15px 0;
	position:relative;
	color: #222;
}
.container_top{
	width: 100%;
    display: inline-block;
    margin: 0 auto;
	padding: 0 0 2px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    background: #db063c;
}
div.title {
	font-family: "Montserrat", sans-serif!important;
    font-weight: bold;
    font-size: 22px;
    background: #EBEBF9;
    margin: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 70px;
    transform: scale(0.8, 0.8);
}
div.title svg {width: 50px;}
div.title .circle-text {
	font-size: 24px;
	font-weight: normal;
}
div.title .circle-text span {
	font-family: "Limelight", sans-serif!important;
    position: absolute;
    top: -30px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    transform-origin: center bottom;
}
.circle-text.discount span:nth-child(1) {transform: rotate(-70deg);}
.circle-text.discount span:nth-child(2) {transform: rotate(-50deg);}
.circle-text.discount span:nth-child(3) {transform: rotate(-30deg);}
.circle-text.discount span:nth-child(4) {transform: rotate(-10deg);}
.circle-text.discount span:nth-child(5) {transform: rotate(10deg);}
.circle-text.discount span:nth-child(6) {transform: rotate(30deg);}
.circle-text.discount span:nth-child(7) {transform: rotate(50deg);}
.circle-text.discount span:nth-child(8) {transform: rotate(70deg);}
.circle-text.coupon span:nth-child(1) {transform: rotate(-50deg);}
.circle-text.coupon span:nth-child(2) {transform: rotate(-30deg);}
.circle-text.coupon span:nth-child(3) {transform: rotate(-10deg);}
.circle-text.coupon span:nth-child(4) {transform: rotate(10deg);}
.circle-text.coupon span:nth-child(5) {transform: rotate(30deg);}
.circle-text.coupon span:nth-child(6) {transform: rotate(50deg);}
#mv_txt{
	width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    color: #595757;
}
#mv_txt b{font-size: 30px;}
#mv_txt strong{
	font-size: 60px;
    color: #F0677F;
	font-weight: bold;
	display: inline-block;
    background: linear-gradient(135deg, #F0677F 0%, #F0677F 45%,#f0df67 50%, #F0677F 65%, #F0677F 100%);
    background: -webkit-linear-gradient(-45deg, #F0677F 0%, #F0677F 45%,#f0df67 50%, #F0677F 65%, #F0677F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-size: 200% 200%;
	animation: gradientmove 4s ease infinite;
}
p.endcontents{
	width: 80%;
    color: #F00;
    margin: 25px auto;
    padding: 10px;
    border: 1px solid #ff0000;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;	
}

/*detailDay*/
.detailDay{
	width: 700px;
    margin: 10px auto;
    padding: 25px;
    background: #FFF;
    border-radius: 10px;
    box-sizing: border-box;
}
.detailDay li{
	font-size: 16px;
	margin: 0 0 15px;
}
.detailDay dl{display: flex;}
.detailDay dl dt{
	width: 24%;
    padding: 0 0 0 1%;
    display: grid;
    align-items: center;
    border-left: 5px solid #20208c;
	font-weight: bold;
	color: #333;
}
.detailDay dl dd{
	width: 72%;
    padding: 3px 0 5px;
	color: #595757;
}

/*information*/
.information {
	color: #333;
    margin: 25px;
    padding: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}
.information dt h5 {
	font-size: 24px;
    text-align: center;
    font-family: "Limelight", sans-serif !important;
    letter-spacing: 2px;
    color: #595757;
    line-height: 0.9;
    margin-bottom: 25px;
}
.information dt h5 svg{fill:#F0677F;}
.information dt h5 small{
	font-size: 16px;
	letter-spacing: 0;
}
.information dd li h6 {
	background: #E1E1E1;
    margin-bottom: 10px;
    padding: 8px 10px 5px;
    font-size: 16px;
    font-weight: bold;
	border-radius: 3px;
}
.information dd li p {
	line-height: 1.4;
	margin-bottom: 15px;
}

/*nav.commonNav*/
main nav.commonNav ul {
	display: flex;
}
main nav.commonNav li {
	width: 48%;
	margin: 0 1%;
}
main nav.commonNav li a {
    width: 100%;
    display: block;
    color: #20208c;
    border: 1px solid #20208c;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 2.4;
    box-shadow: 1px 1px 5px #aaa;
    border-radius: 5px;
    text-align: center;
	position:relative;
}
main nav.commonNav li a span {
	position: absolute;
	top: 5px;
	right: 15px;
	font-size: 14px;
}

/*discount/coupon*/
.discount_Wrap,
.coupon_Wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto;
	justify-content: center;
}
.discount_Wrap > li,
.coupon_Wrap > li{
    border: 10px solid #ebebf9;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    background: #FFF;
}

/*discount*/
.discount_Wrap > li{
	width: 96%;
    margin: 50px 2%;
    padding: 35px 5px 5px;
}
.discount_Wrap .discount_plan_number,
.coupon_Wrap .discount_plan_number {
	font-family: "Montserrat", sans-serif !important;
    font-weight: bold;
    font-size: 22px;
    color: #222;
    background: #ebebf9;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    position: absolute;
    top: -28px;
    left: calc((100% - 50px) / 2);
    padding-top: 11px;
    box-sizing: border-box;
}
.discount_Wrap .discount_plan_number .circle-text,
.coupon_Wrap .discount_plan_number .circle-text {
	font-size: 16px;
	font-weight: normal;
}
.discount_Wrap .discount_plan_number .circle-text span,
.coupon_Wrap .discount_plan_number .circle-text span {
	font-family: "Limelight", sans-serif !important;
    position: absolute;
    top: -32px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    transform-origin: center bottom;
}
.discount_Wrap h4{margin:15px 0;}

/*coupon_Wrap*/
.coupon_Wrap > li{
	width: 48%;
    margin: 50px 1%;
    padding: 35px 15px 15px;
	position: relative;
}
.coupon_Wrap h4{margin:0 0 15px;}
.coupon_Wrap > li .cpn_get {
	box-shadow: 1px 1px 5px #ccc;
	position: relative;
}
.coupon_Wrap.ko_yado > li .cpn_get dl{border: 5px solid #002060;}
.coupon_Wrap.ko_jrset > li .cpn_get dl{border: 5px solid #e03560;}
.coupon_Wrap.ka_tour > li .cpn_get dl{border: 5px solid #51b028;}
.coupon_Wrap.ka_air > li .cpn_get dl,
.coupon_Wrap.ko_airset > li .cpn_get dl,
.coupon_Wrap.ka_airset > li .cpn_get dl{border: 5px solid #0093da;}
@media screen and (max-width: 980px) {
.coupon_Wrap{width: 500px;}
.coupon_Wrap > li {width: 96%;}
}
.coupon_Wrap dl{
    padding: 10px 0 0;
	cursor:pointer;
}
.coupon_Wrap.ko_yado dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_yado.png) no-repeat center 15px;
    background-size: 130px;
	color: #002060;
}
.coupon_Wrap.ko_jrset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_jrset.png) no-repeat center 15px;
    background-size: 130px;
	color: #e03560;
}
.coupon_Wrap.ka_tour dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_kaigai_tour.png) no-repeat center 15px;
    background-size: 130px;
	color: #51b028;
}
.coupon_Wrap.ka_air dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_air.png) no-repeat center 15px;
    background-size: 130px;
	color: #0093da;
}
.coupon_Wrap.ko_airset dl,
.coupon_Wrap.ka_airset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_airset.png) no-repeat center 15px;
    background-size: 130px;
	color: #0093da;
}
.coupon_Wrap dl:hover {opacity: 0.95;}
.coupon_Wrap li a > dl *{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.coupon_Wrap dt{
    display: flex;
    align-items: center;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.coupon_Wrap dt small{
	width: 32%;
	font-size: 16px;
}
.coupon_Wrap dt strong{
	width: 68%;
	font-size: 50px;
}
.coupon_Wrap dt strong span {
    font-size: 0.6em;
    letter-spacing: 0;
	margin: 0 5px;
}
.coupon_Wrap dd.about_mycoupon {
	display: flex;
    text-align: center;
	margin: 0 5% 10px;
}
.coupon_Wrap .fcf {
	background: #343474;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    color: #FFF;
    line-height: 1.1;
    font-size: 16px;
    display: grid;
    align-items: center;
}
.coupon_Wrap .mycoupon {
	width: calc(100% - 72px);
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 36px;
    display: grid;
    align-items: end;
}
.coupon_Wrap .cpnget{padding: 15px 5px 0;}
.coupon_Wrap.ko_yado .cpnget{background: #002060;}
.coupon_Wrap.ko_jrset .cpnget{background: #e03560;}
.coupon_Wrap.ka_tour .cpnget{background: #51b028;}
.coupon_Wrap.ka_air .cpnget,
.coupon_Wrap.ko_airset .cpnget,
.coupon_Wrap.ka_airset .cpnget{background: #0093da;}
.coupon_Wrap .cpnget .ico{
	background: #FFF;
    padding: 2px 5px 0;
	border-radius: 5px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    width: 180px;
    display: inline-block;
    box-sizing: border-box;
}
.coupon_Wrap .cpnget h5{
	text-align: right;
    width: 200px;
    padding: 2px 0;
    border-radius: 20px;
    margin: 0 auto 10px calc(100% - 380px);
    display: inline-block;
	font-weight: bold;
    color: #FFF;
    font-size: 20px;
	position:relative;
}
.coupon_Wrap .cpnget h5:before{
	content: "";
    width: 24px;
    height: 24px;
    background: #FFF;
    border-radius: 12px;
    position: absolute;
    top: 1px;
    left: 0;
}
.coupon_Wrap .cpnget h5:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    position: absolute;
    top: 7px;
    left: 10px;
}
.coupon_Wrap.ko_yado .cpnget h5:after{border-color: transparent transparent transparent #002060;}
.coupon_Wrap.ko_jrset .cpnget h5:after{border-color: transparent transparent transparent #e03560;}
.coupon_Wrap.ka_tour .cpnget h5:after{border-color: transparent transparent transparent #51b028;}
.coupon_Wrap.ka_air .cpnget h5:after,
.coupon_Wrap.ko_airset .cpnget h5:after,
.coupon_Wrap.ka_airset .cpnget h5:after{border-color: transparent transparent transparent #0093da;}
.coupon_Wrap .conditions{
	padding: 10px;
    background: #FFF;
    border-bottom: 1px dashed #ccc;
}
.coupon_Wrap .conditions li{
	font-size: 14px;
	display: flex;
	margin-bottom: 5px;
}
.coupon_Wrap .conditions li strong{
	width: 80px;
    display: inline-block;
    font-weight: bold;
}
.coupon_Wrap .conditions li span {width:calc(100% - 80px);}
.coupon_Wrap .cpndetai {
	padding: 0 15px;
    font-size: 13px;
    text-align: center;
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/im_mycopon.png) no-repeat 8px;
    background-size: 40px auto;
}
.coupon_Wrap .cpndetai a{
	background: url(https://www.nta.co.jp/mycoupon/cpn/images/im_arrow_close.png) no-repeat 100% 56%;
    background-size: 15px auto;
    display: block;
    padding: 15px 0;
}
.coupon_Wrap .end{
	width: 100%;
    height: 100%;
    position: absolute;
    color: #FFF;
    top: 0;
    left: 0;
    display: grid;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
    font-size: 24px;
}

/*注釈*/
.caution_txt {
	width: 80%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #222;
	padding: 12px;
	margin: 50px auto;
}

/*btn*/
.blue_btn{
	display:flex;
	margin-bottom: 10px;
}
.blue_btn a{
	width: 480px;
    color: #fff;
    background: #20208c;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 2.4;
    box-shadow: 1px 1px 5px #aaa;
    border-radius: 5px;
}
.blue_btn h5{
    display: flex;
    margin: auto;
    width: fit-content;
}
.blue_btn svg{
	width: 32px;
    margin-right: 12px;
}
.blue_btn a svg circle,
.blue_btn a svg line{
	fill:none;
	stroke:#fff;
	stroke-width:6;
}

/*PR*/
#other .pr_banner {
    width: 640px;
    margin: 0 auto 50px;
    text-align: center;
}

}

/*underbox anim*/
.fadeIn {
  width: 100%;        /* 横幅いっぱい */
  opacity: 0;         /* 初期値は透明にしておく */
  transition: .5s;    /* 動くスピードを0.5秒に指定 */
  position: relative; /* 相対位置の設定 */
  top: 50px;          /* 事前に下に50pxずらしておく */
}
.active {
  opacity: 1;
  top: 0;
}

/*important-red*/
.JSimportant{
	word-break: keep-all;
	position: relative;
}
.JSimportant.important-red{
	color: #F00;
    transition: all 0.3s;
}
.JSimportant::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
	height: 1px;
    background: #ffcd00;
    transition: all 1.0s;
    transform: scale(0, 1);
    transform-origin: left top;
	transition-delay: 0.1s;
}
.JSimportant.important-red::after {transform: scale(1, 1);}

/*underline*/
.JSunderline{
	word-break: keep-all;
	position: relative;
}
.JSunderline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 3px;
    background: #20208C;
    transition: all 0.5s;
    transform: scale(0, 1);
    transform-origin: left top;
	transition-delay: 0.1s;
}
.JSunderline.lineaction::after {transform: scale(1, 1);}

/*gradientmove*/
@keyframes gradientmove {
  0% {
    background-position: 150% 50%;
  }
  50% {
    background-position: 150% 50%;
  }
  100% {
    background-position: -25% 50%;
  }
}