@charset "utf-8";
/* CSS Document */

.bg_blue{background-color:#EBF6F7;}
.bld{font-weight: bold;}
.br_sp{display: none;}
.ctr{text-align: center!important;}
.right{text-align: right;}
.txt_red{color: #ff0000;}
.txt_m{font-size: 1.3rem;}
.no-wrap {white-space: nowrap;}

/*改行*/
.br_sp{display: none;}
.br_pc{display: block;}

@media screen and (max-width: 767px) {
    .br_sp{display: block;}
	.br_pc{display: none;}
}

/*------------------------------ ページ内遷移メニュー ------------------------------*/
.menu_box{
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	z-index: 10;
}
.pageon_menu{display: flex; margin: 0 auto; text-align: center;justify-content: center;}
.pageon_menu li {
	text-align: center;
	width: 24%;
	background-color: #3BACC9;
	border-right: 1px #fff solid;
	min-height: 60px;
	display: flex;
    align-items: center;
}
.pageon_menu li:hover{opacity: .8;}
.pageon_menu li a {
	display: inline-block;
	max-width: 360px;
	width: 100%;
	padding: 10px 35px 10px 10px;
	font-size: 16px;
	border-radius: 10px;
	text-align: center;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	line-height: 130%;
}
.pageon_menu li a::before {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 15px;
  height: 2px;
  margin-top: 0px;
  content: "";
}

.pageon_menu li a::after {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
  display: inline-block;
  vertical-align: middle;
}
#stay, #day, #mbox{
  padding-top: 100px;
  margin-top: -100px;
}
.zzz{z-index: 10; position: relative;}
.zzz_20{z-index: 20; position: relative;}
/* ------------------ttl------------------*/
/*h2(見出し）*/
.sec_h2 {
 	border-bottom: solid 3px #1AAEB4;
    position: relative;
    font-size: 2em;
    text-align: center;
    padding: 0 0 10px 0;
    color: #666666;
    line-height: 120%;
	font-weight: normal;
}

.sec_h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #006568;
  bottom: -3px;
  width: 30%;
}
.sec_h2_s{
	margin: 10px;
	font-size: 1.8rem;
}
.w_s{margin: 10px 35% 0 35%;}


/* ------------------ボタン------------------*/
.btnbox{
	margin: 20px auto 10px auto;
	text-align: right;
}
.coupon_btn {
    position: relative;
    width: 25%;
    letter-spacing: 0.05em;
    display: inline-block;
    font-size: 1.4rem;
    border-radius: 5px;
    border: solid 1px #00676B;
	text-align: center;
}
.coupon_btn:hover {
	background-color: #EBF6F7;}

.coupon_btn::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #00676B;
    border-right: 2px solid #00676B;
    transform: rotate(45deg);
}

.coupon_btn a {
	text-align: center;
	display: block;
	color: #00676B;
	padding: 10px 30px 10px 10px;
}
.coupon_btn a:after {right: 0.7rem;}
.coupon_btn span {font-size: 1.2em;}
/* ------------------スキークーポン------------------*/
.num{padding-right: 3px; font-size: 103%;}
.mb_lh{
    line-height: 1.8em;
    margin-bottom: 0.8em;
    margin-top: 0.9rem;
}
.ttl_list {text-indent: -1.0em; padding-left: 1.0em; list-style: none!important;}
.ttl_list li{line-height: 160%; list-style: none!important;}

/* ------------------宿の羅列------------------*/

.yado_list {text-indent: -1.0em; padding-left: 1.0em;}
.yado_list li{line-height: 160%;}
.yado_list li:before {
    content: '●';
	font-size: 50%;
	padding-right: 5px;
	vertical-align: 2px;
}
.yado_num {text-indent: -1.0em; padding-left: 1.0em;}
.yado_num li{line-height: 160%; margin-bottom: auto;}

/* ------------------月末クーポン------------------*/
.emd_mth li{margin-top: 0rem;}
/*.emd_mth li:first-child{margin-top: 10px;}*/
.emd_mth li span{font-weight: bold;}
.mon_name{
	color: #029e9a;
	font-weight: bold;
}
.mon_name_end{
	font-weight: bold;
}
.txt_kome{
	display: inline;
	color: #e70000;
	padding-left: 10px;
}
.emd_mth_end{
	display: inline;
  background-image: linear-gradient(#777, #777);
  background-position: 0 50%;
  background-size: 100% 2px;
  background-repeat: repeat-x;
  text-decoration: none;
  padding: 0 2px;
	font-weight: normal!important;
}
/* ------------------テキストリンク------------------*/
.r_link_box{
	text-align: right;
	margin: 1em;
}
.txtarrow {
  	position: relative;
    display: inline-block;
    padding: 0 10px 0 1.8em;
    font-weight: bold;
    font-size: 1.4rem;
}
.txtarrow:hover{text-decoration: underline;}
.txtarrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #00B8BF;
  border-right: solid 2px #00B8BF;
  position: absolute;
  left: 10px;
  top: 8px;
}
.txtarrow.arrow-right::before {
  transform: rotate(45deg);
}

/* ------------------注意事項------------------*/
.coupon_att {
    border: none!important;
    padding: 2%!important;
}


/* ------------------使い方------------------*/

.summary_box {
	border: solid 2px #00B8BF;
}
.summary {display: flex;}
.summary li{
	position: relative;
	width: 33.33333%;
	/*background-color: #ccc;*/
	padding: 10px;
	margin: 2px;
}

.summary .read{
    margin-left: 25px;
    line-height: 130%;
    font-size: 1.4rem;
}
.maru {
	float: left;
	height:20px;
	width:20px;
	border-radius:50%;
	line-height:50px;
	text-align:center;
	background-color: #00676B;
	color: #fff;
}
.maru span{
	position: absolute;
    top: -5px;
    left: 16px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
}
.summary .pix{
	padding: 10px 0px 0 25px;
    text-align: center;
}
.summary .icon01 img{width: 130px;}
.summary_txt{
	margin: 10px;
	padding-left:1em;
	text-indent:-1em;
}

.pix_pc{padding-top:19px;}

.fs12{font-size: 1.2rem;}
.mt_m10{margin-top: -10px;}
.mt_m20{margin-top: -20px;}
.bld{font-weight: bold;}

/* ------------------バナーセンタリング------------------*/
.bnr_ct_box{text-align: center;}
.tyo_otherarea_banner .titleitem {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: center;
}

/* ------------------終了------------------*/
/*.close_ttl{
	background-color: #ff0000;
    padding: 2px 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 5px;
}*/
/* ------------------２枚併用------------------*/
.w_cpon_box{font-size: 1.3rem; padding: 10px; margin-bottom: 2rem;}


/* ------------------ダイナミックセール------------------*/
.d_sale_back{background-color: #eef8f9; padding-bottom: 2rem; margin-bottom: 40px;}
.d_sale_box{padding: 2rem 4rem 0.5rem 4rem;}
.d_sale_ttl_box{text-align: center; margin: 0 auto;}
.d_sale_ttl_box2{text-align: left;}
.d_sale_ttl{
	font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding: 0 20px 20px 20px;
	color: #004346;
	position: relative;
	display: inline-block;
}
.d_sale_ttl::before, .d_sale_ttl::after {
	position: absolute;
    content: '';
    top: calc(50% - 25px);
    height: 30px;
    border-left: #029e9a solid 3px;
}
.d_sale_ttl::before {
	left:0;
	transform: rotate(-30deg);
}
.d_sale_ttl::after {
	right: 0;
	transform: rotate(30deg);
}
.d_sale_inbox{display: flex;}

.d_sale_inbox > .d_sale_inbox_l{width: 50%;}
.d_sale_inbox > .d_sale_inbox_l img{ width: 90%;}
.d_sale_inbox > .d_sale_inbox_l > .saledate{margin-top: 10px;}
.d_sale_inbox > .d_sale_inbox_r{width: 50%;}
.d_sale_inbox > .d_sale_inbox_r > .d_sale_ttl_box2 > .plus_ttl{
	font-weight: bold;
    font-size: 1.8rem;
    color: #029e9a;
    background: linear-gradient(transparent 60%, #fffca1 60%);
    display: inline-block;
    padding: 0 10px;
	line-height: 100%;
}
.productButton .btn_box>a>.btn_box_r>.arrow-right {
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media screen and (max-width: 568px) {
	.br_sp{display: block;}
	.btnbox{margin: 10px;}
	.coupon_btn {
		width: 50%;
		font-size: 1.3rem;
}
	.coupon_btn::after {
		right: 10px;
		width: 8px;
		height: 8px;
}
	.coupon_btn a {padding: 8px 18px 8px 0px;}
	.coupon_btn span {font-size: 1.2em;}
	.yado_list li{line-height: 130%;padding: 0.3em 0;}
    .yado_num li{line-height: 140%; margin-bottom: 10px;}
	
	.summary_box {margin: 0 10px 2em 10px;}
	.summary{flex-direction: column;}
	.summary li{
		width: 100%;
    	flex-direction: column;
		margin-top: 1em;
	}
	.summary .read{font-size: 1.5rem;}
	.w_s {margin: 10px 70px;}
	.sec_h2 {font-size: 1.8em;}
	
	.pageon_menu{
	flex-wrap: wrap;
    flex-direction: row;
	}
.pageon_menu li {
	width: 50%;
	border-bottom: 1px #fff solid;
}
.pageon_menu li a {
  max-width: 360px;
  padding: 10px 35px 10px 10px;
  font-size: 14px;
}
.pageon_menu li a::before {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 15px;
  height: 2px;
  margin-top: 0px;
  content: "";
}

.pageon_menu li a::after {
	position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
}

	
	
	.coupon_att {
		border: none!important;
		padding: 2% 8%!important;
	}
	.coupon_att li { font-size: 1.3rem;}
	/*.note_list_wrap {padding: 0 10px; font-size: 1.2rem;}*/
	.bnr_ct_box{text-align: center; width: 90%;}
	.pix_pc{padding-top:0px;}

	.emd_mth li{
		margin-top: 20px;
	}
	.yoyaku_mth{padding-right: 15px; margin-top: 10px;}
	
	/* ダイナミックセール */
.d_sale_back{padding-bottom: 2rem; margin-bottom: 40px;}
.d_sale_box{padding: 2rem 2rem;}
.d_sale_ttl_box2{text-align: center; margin: 0 auto;}
.d_sale_ttl{
	font-size: 2.2rem;
    padding: 0 20px 20px 20px;
	line-height: 120%;
}
.d_sale_ttl::before, .d_sale_ttl::after {
    height: 30px;
}

.d_sale_inbox{display: block;}
.d_sale_inbox > .d_sale_inbox_l{width: auto;}
.d_sale_inbox > .d_sale_inbox_l img{ width: auto;}
.d_sale_inbox > .d_sale_inbox_l > .saledate{margin-top: 10px;}
.d_sale_inbox > .d_sale_inbox_r{width: auto; margin-top: 30px; font-size: 95%;}
.d_sale_inbox > .d_sale_inbox_r > .d_sale_ttl_box2 > .plus_ttl{font-size: 1.8rem; line-height: 100%;}
}


/* ------------------------------------------------------------------------
　　　　クーポンの使い方へ飛ばす
------------------------------------------------------------------------*/
.use_arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #222;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.5rem;
    font-weight: bolder;
}
.use_arrow::before,
.use_arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.planlink_use:before{
	content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #00B8BF;
  border-right: solid 2px #00B8BF;
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  left: 0;
  bottom: 0;
  margin: auto;
}
/* ------------------------------------------------------------------------
　　　　クーポン取得部分（不要予定）
------------------------------------------------------------------------*/

  .red{color:#e70000}
  .coupon_area{width:100%}

.planarrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.planarrow::before,
.planarrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.planlink:before{
	content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #00B8BF;
  border-right: solid 2px #00B8BF;
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  left: 0;
  bottom: 0;
  margin: auto;
}

  .coupon_area .coupon_box{margin:10px 10px 25px;box-shadow:0 0 6px 1px rgb(90,90,90,.3);padding:2%;}
  .coupon_area .head_box{border-bottom:1px solid #e8e8e8}
  .coupon_area .head_box .coupon_list{background:#eef8f9;padding: 10px; position: relative;}
  .coupon_area .head_box h2{text-align:center;padding-top: 5px;}
  .coupon_area .head_box h2:before,.head_box h2:after,.coupon_area .head_box h2 span{display:inline-block;font-size:1.4rem;font-weight:normal;padding-left: 3px;}
  .coupon_area .head_box h2:before{content:'最大';margin-top:3%;padding-right:5px;}
  .coupon_area .head_box .no_max h2:before{content:'';margin-top:3%;padding-right:0px;}
  .coupon_area .head_box h2:after{content:'OFFクーポン';padding-left:5px;}
  .coupon_area .head_box .coupon_list .u_txt{text-align: center;font-size: 1.4rem;font-weight: normal;}

  .coupon_area .coupon_info{padding:10px}
  .coupon_area .coupon_info .type{font-size:1.1rem} /*旧タイプ表記*/
  .coupon_area .coupon_info .cptype{border: solid 2px #00B8BF;padding: 2px 7px;display: inline-block;margin-bottom: 10px;font-weight: normal;font-size: 80%;}
  .coupon_area .coupon_info .cptype .cpname{font-weight: bold;color: #029e9a;font-size: 1.6rem;}
  .coupon_area .coupon_info h3.title{font-weight:bold;margin:0;font-size:1.4rem;line-height:1.4}
  .coupon_area .coupon_info .title_read{font-weight:normal;margin-top: 1.5em;}
  .coupon_area .coupon_box .coupon_info + table{border-top:1px solid #e8e8e8;}
  .coupon_area .coupon_box table{border-spacing:0;width:100%;}
  .coupon_area .coupon_box table th,.coupon_box table td{padding:10px 28px 10px 10px;border-bottom:1px solid #e8e8e8;font-weight: normal;}
  .coupon_area .coupon_box table th{font-weight:normal;background:#eef8f9;width:31%}
  .coupon_area .coupon_box dd .coupon_info > .text{font-size:1.2rem}

  .coupon_area .coupon_box dl dd{display:none}
  .coupon_area .coupon_box dl.indicate dd{display:block}
  .coupon_area .coupon_box table td.detail_open{position:relative;}
  .coupon_area .coupon_box dl.indicate table td.detail_open:after,.coupon_area .coupon_box table td.detail_open:after{content:'';display:block;width:1rem;height:1rem;position:absolute;top:50%;right:5%;-webkit-transform:rotate(45deg) translate(-30%, -40%);transform:rotate(45deg) translate(-30%, -40%);}
  .coupon_area .coupon_box dl.indicate table td.detail_open:after{border-top:2px solid #666;border-left:2px solid #666;border-bottom:none;border-right:none;}
  .coupon_area .coupon_box table td.detail_open:after{border-bottom:2px solid #666;border-right:2px solid #666;}

  .coupon_area .body_box{margin:0;padding:0}
  .coupon_area .body_box li{border-radius:8px;border:1px solid #e8e8e8;list-style:none;}
  .coupon_area .body_box li:nth-child(1n+1){margin-top:4%}
  .coupon_area .body_box li .coupon_title{border-bottom:1px solid #e8e8e8;padding:1rem;display:flex;justify-content:space-between;background:#eee;position:relative;}
  .coupon_area .body_box li .coupon_title:before{content:'';display:inline-block;position:absolute;width:10px;height:20px;background:#fff;border-radius:0 100px 100px 0;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;top:35px;left:-1px;}
  .coupon_area .body_box li .coupon_title:after{content:'';display:inline-block;position:absolute;width:10px;height:20px;background:#fff;border-radius:100px 0 0 100px;border-top:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee;top:35px;right:-1px;}
.coupon_area div.coupon_contents{padding:10px;text-align:center;}
  .coupon_area div.coupon_contents .res{font-size:1.8rem;font-weight:bold;}
  .coupon_area div.coupon_contents .res:before,div.coupon_contents .res:after{display:inline-block;font-weight:normal;font-size:1.4rem;}
  .coupon_area div.coupon_contents .res:before{content:"旅行代金（※）合計";padding-right:5px;}
  .coupon_area div.coupon_contents .res:after{content:"円以上で";padding-left:5px;}
  .coupon_area div.coupon_contents .no_over .res:after{content:"円で";padding-left:5px;}
  .coupon_area div.coupon_contents .cnd{font-size:1.8rem;font-weight:bold;padding: 0 5px;}/*テンプレ外す*/

/*OFF金額の大文字*/
  .coupon_area div.coupon_contents p.center,.coupon_area div.coupon_contents p.center_p{font-size:2.8rem;font-weight:bold;line-height:1;margin:0;}
  .coupon_area div.coupon_contents p.cnd_off span{font-size:2.8rem;font-weight:bold;line-height:1;margin:0;padding:0 5px;}


  .coupon_area div.coupon_contents p.center:after{content:"円OFF";display:inline-block;font-weight:normal;font-size:1.4rem;padding-left:5px;}
  .coupon_area div.coupon_contents p.center_p:after{content:"%OFF";display:inline-block;font-weight:normal;font-size:1.4rem;padding-left:5px;}
  .coupon_area div.coupon_contents p.cnd_off{font-weight:normal;font-size:1.4rem;padding-left:5px;}/*テンプレ外す*/

  .coupon_area div.coupon_contents .contents_right p.coupon_text,.coupon_area div.coupon_contents .contents_right p.coupon_code{display: inline-block;padding: 1% 2%;}
.coupon_area div.coupon_contents .contents_right p.coupon_text{padding: 3% 2% 0% 2%;text-align: left;}
  .coupon_area div.coupon_contents .contents_right p.coupon_code{font-weight: bold;}
   .coupon_area ul.body_box li .manual_text{display:block;font-size:1.2rem;margin:0}
  .coupon_area ul.body_box li .manual_text p{display:flex;justify-content:center;}
  .coupon_area div.coupon_contents .copy_btn{display:block;border:2px solid #1aaeb4;color:#1aaeb4;background:#fff;margin:5px auto;padding:3%}

  .coupon_area .coupon_box .btn{width:auto;display:flex;justify-content:center;font-weight:normal;margin:1% 0 3%;}
  .coupon_area .coupon_box .btn a{display:block;text-decoration:none;color:#fff;background:#029e9a;padding:15px 36px 15px 32px;position:relative;border:2px solid #029e9a;}
  .coupon_area .coupon_box .btn a:after{position:absolute;content:"";display:block;top:50%;right:16px;width:8px;height:8px;margin-top:-5px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

  /*----- 予定枚数終了 -----*/
  .coupon_area .coupon_box ul .close_card{position: relative;}
  .coupon_area .coupon_box .close_card::before{content: '';display: inline-block;width: 100%;height: 100%;background: #222;z-index: 1;position: absolute;top: 0;left: 0;opacity: 0.6;}
  .coupon_area .coupon_box .close_card::after{content: '枚数上限に達したため、配布終了';display: inline-block;color: #fff;position: absolute;top: 40%;left: calc(20% - 30px);z-index: 2;font-size: 1.8rem;}

  /*----- 配布終了 -----*/
  .coupon_area .coupon_box ul .close_card2{position: relative;}
  .coupon_area .coupon_box .close_card2::before{content: '';display: inline-block;width: 100%;height: 100%;background: #222;z-index: 1;position: absolute;top: 0;left: 0;opacity: 0.6;}
  .coupon_area .coupon_box .close_card2::after{content: '配布終了';display: inline-block;color: #fff;position: absolute;top: 50%;left: calc(50% - 30px);z-index: 2;font-size: 1.8rem;}


  /*----- 月末クーポン終了 -----*/
  .coupon_area .coupon_box ul .next_card{position: relative;}
  .coupon_area .coupon_box .next_card::before{content: '';display: inline-block;width: 100%;height: 100%;background: #222;z-index: 1;position: absolute;top: 0;left: 0;opacity: 0.6;}
   .coupon_area .coupon_box .next_card::after{content: '配布開始前';display: inline-block;color: #fff;position: absolute;top: 50%;left: calc(50% - 30px);z-index: 2;font-size: 1.8rem;} 
/*  .coupon_area .coupon_box .next_card::after{content: '枚数上限に達したため、配布終了';display: inline-block;color: #fff;position: absolute;top: 50%;left: calc(50% - 40%);z-index: 2;font-size: 1.8rem;}*/

/*-----追加-----*/
.coupon_info{margin-left: 5px;}
.coupon_info li{list-style: disc;}
.kome li{list-style: '（※）'; margin-left: 1.3em;}

  @media all and (max-width:795px){
    .coupon_area div.coupon_contents .contents_right{margin:5% 2%;text-align: center;}
    .coupon_area .coupon_box .btn{padding:8px 10px;}
    .coupon_area .coupon_box .btn a{width:100%}
	.coupon_area div.coupon_contents .contents_right p.coupon_code{display: block;padding-top: 0%;}
	.coupon_area div.coupon_contents .copy_btn{margin: 0 auto 1.5em auto;}
  }

/*PCのみ*/
  @media all and (min-width:796px){
    .coupon_area .head_box{display:flex;}
    .coupon_area .head_box .coupon_list{width:40%; }
    .coupon_area .coupon_info{width:59%;display:inline-table;padding:10px 10px 20px;}
    .coupon_area .coupon_box table th{width:40%}
    .coupon_area .coupon_box table td{width:auto}
    .coupon_area .coupon_box table + .coupon_info{width:100%}
    .coupon_area div.coupon_contents{display:flex}
    .coupon_area div.coupon_contents .contents_left,.coupon_area div.coupon_contents .contents_right{width:59.5%;}
	.coupon_area div.coupon_contents .contents_right{/*text-align: left;*/padding-left: 0%;}
    .coupon_area div.coupon_contents .contents_left{margin-right:1%;display: inline-block;}
    .coupon_area div.coupon_contents .copy_btn{padding:2% 3%}
    .coupon_area ul.body_box li:nth-child(1n+1){margin-top:15px}
    .coupon_area ul.body_box li .manual_text{margin:0 2% 2%}
    .coupon_area .coupon_box .btn{margin: 1% 0 0;}
    .coupon_area .coupon_box .btn a{padding:10px 36px 10px 32px;}
    .coupon_area .coupon_box .close_card::after{top: 40%;left: calc(40% - 13px);}
    .coupon_area .coupon_box .close_card::after{left: calc(40% - 40px);z-index: 2;font-size: 2rem;}
	.coupon_area .coupon_box .next_card::after{top: 40%;left: calc(40% - 13px);}
    .coupon_area .coupon_box .next_card::after{left: calc(50% - 50px);z-index: 2;font-size: 2rem;}
  }




/* ------------------終了------------------*/
.close_ttl{
	position: absolute;
	top:0;
	right: 0;
	background-color: #737373;
    padding: 2px 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 5px;
}

.next_ttl{
	position: absolute;
	top:0;
	right: 0;
	background-color: #00B8BF;
    padding: 2px 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 5px;
}