#coupon{
	margin-top: 100px 0;
	padding-bottom: 50px;
	background: #f0f8ff;
}
#coupon .coupon_tit {
  background: #e5000f;
  color: #fff;
  font-size: 5vw;
  font-weight: normal;
  padding: 3vw 0 3vw;
 
  text-align: center;
  margin: 4vw 0 ;
}
#coupon_d h2 img.tag {
  vertical-align: middle;
  display: inline-block;
  margin: 0 2vw 2vw 0;
  width: 4vw;
}
#coupon_d .info_area{
	margin: 0 10px;
	background: #FFFFFF;
}
#coupon_d .info_area .info_att{
	width: 100%;
	background: #E4E4E4;
	text-align: center;
	padding: 10px 0;
}
#coupon_d .info_list {
  padding: 3vw;
  border-bottom: 1px solid #e3e3e3;
  font-size: 3.5vw;
}
#coupon_d .info_list.last {
  border-bottom: none;
}
#coupon_d .info_ttl {
  font-weight: bold;
}
#coupon_d .info_desc {
  margin-top: 1vw;
}
#coupon_d .coupon_blockInner {
  margin-top: 4vw;
  padding: 3vw;
 /* background: #fff7e1;*/
}
#coupon_d .coupon_box{
/*  background: #fff7e1;*/
  margin-bottom: 5vw;
}
#coupon_d .coupon_box .box{
/*  background: #fff;*/
/*  border: solid #f2edde 1px;*/
  padding: 2vw;
  margin-bottom: 3vw;
	

}
#coupon_d .coupon_box .box.end{
  pointer-events: none;
  cursor: default;
  position: relative;
}
#coupon_d .coupon_box .box.end::before {
  content: '';
  background: url(../img/pt.png);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#coupon_d .coupon_box .box.end::after {
    content: '終了しました';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-weight: bold;
    font-size: 10vw;
    text-align: center;
    height: 1em;
    line-height: 1;
    z-index: 1001;
}
#coupon_d .coupon_box .box .in_box {
  position: relative;

}
#coupon_d .coupon_box .box .in_box .wrap {
  padding: 3vw;
}
#coupon_d .coupon_box .box .in_box .num {
  background: #e60012;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  font-size: 3.5vw;
  padding: 2vw 4vw;
}
#coupon_d .coupon_box .box .in_box .num span {
  font-size: 5vw;
}
#coupon_d .coupon_box .box .in_box .title {
  font-size: 5vw;
  font-weight: bold;
  margin: 3vw 1vw 0;
}
#coupon_d .coupon_box .box .in_box .title span {
  display: block;
  padding: 0 2vw;
  border-bottom: solid 1vw #ffd866;
  line-height: 2;
}
#coupon_d .coupon_box .box .in_box .discount {
  font-weight: bold;
  color: #e60012;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 2vw;
/*  font-size: 9vw;*/
  font-size: 5vw;
}
#coupon_d .coupon_box .box .in_box .discount span {
  letter-spacing: -0.05em;
  font-size: 13vw;
}
#coupon_d .coupon_box .box .in_box .code{
  background: #fff;
  border-radius: 1vw;
  font-weight: bold;
  border: none;
}
#coupon_d .coupon_box .box .in_box .code dt{
  font-size: 4.5vw;
  background: #ffd866;
  padding: 1vw 0;
  text-align: center;
}
#coupon_d .coupon_box .box .in_box .code dd{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 6vw;
  text-align: center;
  padding: 2.5vw 3vw;
	
  border: #ffd866 solid 1vw;
  border-top: none;
  border-radius: 0 0 1vw 1vw;

}
#coupon_d .coupon_box .box .in_box .code dd .js-copytext {
  width: 40vw;
  border: none;
  font-size: 6vw;
	background: #fff;
}
#coupon_d .coupon_box .box .in_box .code dd .js-copytext:focus {
  outline: none;
}
#coupon_d .coupon_box .box .in_box .code dd .btn {
  display: inline-block;
  padding: 1.5vw 3vw;
  border: 2px solid #88cbff;
  border-radius: 3px;
  font-size: 3.5vw;
  font-weight: bold;
  color: #88cbff;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease-out;
	text-decoration: none;
}
#coupon_d .coupon_box .box .in_box .code dd textarea {
  font-size: 16px;
}
#coupon_d .coupon_box .box .in_box .alert_txt {
  display: none;
  position: absolute;
  right: 50%;
  bottom: 40vw;
  margin-right: -20vw;
  padding: 4vw;
  background: #fff;
  border: 2px solid #88cbff;
  border-radius: 3px;
  font-size: 4vw;
  color: #88cbff;
  font-weight: bold;
}
#coupon_d .coupon_box .box .in_box .alert_txt::before,
#coupon_d .coupon_box .box .in_box .alert_txt::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-right: -10px;
  background: #fff;
  border-style: solid;
  border-width: 10px 10px 0 10px;
}
#coupon_d .coupon_box .box .in_box .alert_txt::before {
  right: 50%;
  bottom: -10px;
  background: none;
  border-color: #88cbff transparent transparent transparent;
}
#coupon_d .coupon_box .box .in_box .alert_txt::after {
  right: 50%;
  bottom: -8px;
  background: none;
  border-color: #fff transparent transparent transparent;
}

#coupon_d .coupon_box .cmt{
  font-size: 14px;
}
#coupon_d .coupon_box .cmt ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1vw;
  font-size: 3.5vw;
}
#coupon_d .btn_list {
  width: 100%;
  margin: 2.5vw auto 0;
}
#coupon_d .btn_item {

}
/*対象ツアーを検索ボタン色設定*/
#coupon_d .btn_link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
	width: 60%;
  margin: 0 auto;
  padding: 3vw 10vw;
/*  background: #11c5bf;*/
	background: #b99898;
  border: none;
/*  border-bottom: solid 4px #1aa09b;*/
	border-bottom: solid 4px #a37e7e;
  border-radius: 1vw;
  font-size: 5vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
	text-decoration: none;
}
#coupon_d .btn_link::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 4vw;
    width: 3vw;
    height: 3vw;
    border-top: 1vw solid #fff;
    border-right: 1vw solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .2s;
    transition: .2s;
}
#coupon_d .btn_link:hover {
/*  background-color: #1aa09b;*/
	background-color: #a37e7e;
}




/* .txt01{	
	font-size: 3vw;
  color: #555;
  text-align: left;
  line-height: 2;
	border: 1px solid #eb0010;
    padding: 10px 3%;
	background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px -1px #9b9b9b;
    margin:10px 0;
}*/


#coupon_d .info_list {
  padding: 3vw;
  border-bottom: 1px solid #e3e3e3;
  font-size: 3.5vw;
}
#coupon_d .info_ttl {
  font-weight: bold;
}
.u_line{
	border-bottom: 2px solid #11c5bf;
}


#faircontent #c_info {
   
}
#faircontent #c_info h2 p{
	font-size: 18px;
	
}
#c_info .info_box{
	width: 90%;
	margin: 0 auto;
	margin-top: 30px
}
#c_info p{	
	line-height: 1.5;
	/*text-align: center;*/
	margin-bottom: 15px;
	
}
#c_info p.main_txt{	
	font-size: 18px;
	font-weight: bold;
}

#c_info .txt01{
	border: 1px solid #eb0010;
    padding: 20px 30px;
    border-radius: 4px;
    box-shadow: 0 0 4px -1px #9b9b9b;
    text-align: left;   
	margin-top: 50px;
	line-height: 1.5
}

/*地域共通*/
#faircontent #c_ticket {
   
}
#faircontent #c_ticket h2 p{
	font-size: 18px;
	
}
#c_ticket .info_box{
	width: 90%;
	margin: 0 auto;
	margin-top: 30px
}
#c_ticket p{	
	line-height: 1.5;
	/*text-align: center;*/
	margin-bottom: 15px;
	
}
#c_ticket p.main_txt{	
	font-size: 18px;
	font-weight: bold;
}

#c_ticket .txt01{
	border: 1px solid #eb0010;
    padding: 20px 30px;
    border-radius: 4px;
    box-shadow: 0 0 4px -1px #9b9b9b;
    text-align: left;   
	margin-top: 50px;
	line-height: 1.5
}

#c_ticket .tBox {
  background: #fff;
  margin: 20px auto 0;
  padding: 10px;
}

#c_ticket .tBox .heading{
	padding-bottom: 0.35em;
  border-bottom: 1px solid #ccc;
	font-size: 16px;
}
#c_ticket .list_box {
  position: relative;
	/*text-indent: -1em;*/
	margin-bottom: 40px;
}
#c_ticket .list_box > li {
  text-align: left;
  margin-top: 0.5rem;
  position: relative;
 /* padding-left: 1em;*/
  line-height: 1.8;
	
}
#c_ticket .red,
#c_info .red{
	color: #f00;
}

/*--------------------
bottom_sec
-----------------------*/
#faircontent #bottom_sec{
	padding-top:20px;
}

#bottom_sec .btn {
  margin: 24px 16px 0;
}
#bottom_sec  .btn a {
  display: block;
  padding: 13px 0;
  background: #fffff;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border: 1px solid #1e90ff;
  color: #1e90ff !important;
  position: relative;
}



#bottom_sec {
  margin-top: 10vw;
  background: #fffff0;
  padding: 4vw 0 10vw;
  position: relative;
	line-height: 1.5;
}
#bottom_sec .in_bdy {
  width: 94%;
  margin: 0 auto;
}
#bottom_sec h3 {
  font-size: 4vw;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 6vw 0 0 0;
}
#bottom_sec .tBox {
  background: #fff;
  margin: 40px auto 0;
  padding: 30px;
}
#bottom_sec .list_box {
  position: relative;
}
#bottom_sec .list_box > li {
  text-align: left;
  margin-top: 1rem;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.8;
}
#bottom_sec .list_box li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
#bottom_sec .list_box li:nth-child(1):before {
  content: '①';
}
#bottom_sec .list_box li:nth-child(2)::before {
  content: '②';
}
#bottom_sec .list_box li:nth-child(3):before {
  content: '③';
}
#bottom_sec .list_box li:nth-child(4)::before {
  content: '④';
}
#bottom_sec .list_box span {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #afeeee 0);
  padding: 0 3px;
}
#bottom_sec .tBox .btn {
  margin: 24px 16px 0;
}
#bottom_sec .tBox .btn a {
  display: block;
  padding: 13px 0;
  background: #fffff;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border: 1px solid #1e90ff;
  color: #1e90ff;
  position: relative;
}

/*追記*/
#faircontent #coupon{
padding: 30px;	
}
#faircontent #coupon .sp-only{
	width:150px;
	height:auto;
	margin: 0 auto;
	margin-bottom: 20px;
} 
#faircontent #coupon h1 {
  color: #ce0002;
  box-sizing: border-box;
/*	 background: url(../img/coupon_icon02.png) no-repeat center top -30px;*/
	background-size: 25%;
	text-align:center;
	font-size:30px;
	font-weight: 600;
	line-height: 40px;	
}

/*coupon_box01*/
.coupon_box01 .box_wrap{
box-sizing: border-box;
background-image: url('../img/ticket02.png');
background-repeat: no-repeat;
background-size: 100% 100%; /* 縦横を要素に完全フィット */
background-position: center;
border-radius: 10px;
overflow: hidden;
margin:10px 0px;
padding:10px 20px;
filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.5));
}