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

#couponbox{
  width:960px;
  margin:0 auto 50px;
  border: 3px solid #c9000f;
  background-color: #FFF;
}
#couponbox>h4{
  background: #c9000f;
  font-size:30px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  color:#FFF;
  padding:10px;
  text-align: center
}
#couponbox p.coupon_cap{
  padding:20px 0px 0px;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  text-align: center
}
#couponbox p.coupon_cap small{
  font-size: 16px;
  font-weight:normal;
}
#couponbox p.coupon{
  font-size: 52px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  text-align: center
}
#couponbox p.coupon>span{
  color: #c9000f;
  font-size: 50px;
}
#couponbox p.coupon>span>b{
  font-size: 80px;
  font-weight: 1000;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0;
}
#couponbox p.apply{
  display: block;
  margin:0 20px 10px;
  padding-bottom: 10px;
  font-size:24px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  color: #c9000f;
  text-align: center;
  border-bottom: 2px dotted #c9000f;
}
#couponbox .coupon_note{
  margin:0 20px;
  text-align: center
}
#couponbox .coupon_note>li{
  font-size:16px;
  font-weight: bold;
  line-height:1.5
}
#couponbox .coupon_note>li:last-child{
  font-size:14px
}
.cp_detail{
  margin: 20px;
}
.cp_detail>p{
  text-align: center;
  font-size:16px;
  font-weight:bold;
  margin-bottom: 10px
}
ul.coupon_type{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;

}
ul.coupon_type>li{
  width: calc(130% / 2 - 20px);
  margin-bottom: 10px;
  background:#ffffb0;
  padding: 10px;
  box-sizing: border-box;
  position: relative

}
ul.coupon_type li.daybus{
  background:#FEE0CC
}
ul.coupon_type li.day1{
	order: 1;
}
ul.coupon_type li.day2{
	order: 3;
}
ul.coupon_type li.day3{
	order: 5;
}
ul.coupon_type li.stay1{
	order: 2;
}
ul.coupon_type li.stay2{
	order: 4;
}
ul.coupon_type li.stay3{
	order: 6;
}
ul.coupon_type li.black_fri{
  background:#333
}
ul.coupon_type li>dl{
  text-align: center
}
ul.coupon_type li dl dt{
  font-size:18px;
  font-weight:bold;
  color: #FFF;
  background-color: #ff9900;
  padding: 0.5em;
}
ul.coupon_type li.daybus>dl dt{
  background-color:#FF6600
}
ul.coupon_type li.black_fri>dl dt{
  background-color:#00a1ab
}
ul.coupon_type li>dl dd:nth-child(2){
  margin: 20px auto 10px;
  font-size:24px;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif;
  color: #c9000f;
  line-height:1.2
}
ul.coupon_type li.black_fri>dl dd:nth-child(2){
  color:#F5DE0C;
}
ul.coupon_type li>dl dd:nth-child(2) span{
  font-size:15px;
  color:#333;
  display: block;
  margin-bottom: 10px;
}
ul.coupon_type li>dl dd:nth-child(3){
  margin:10px;
  border:2px solid #000;
  padding:10px;
  color:#333;
  text-align: center;
  background: #FFF;
  font-size:23px;
}

/*▼完売用*/
ul.coupon_type>li.soldout:before{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 4
}
ul.coupon_type>li.soldout:after{
  content: "";
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  background:url("../images/bus_sold_out.png") no-repeat center center;
  background-size: contain;
  width:70%;
  z-index: 5
}
/*▲完売用*/

.exclude{
  padding: 10px;
  background: #FBF0DC
}
.exclude>p{
  font-size:15px;
  font-weight:bold;
  margin-bottom: 5px
}
ul.exclude_list>li{
	font-size: 90.5%;
	line-height: 2.3rem;
}
ul.exclude_list>li a{
  color:#1111cc!important;
  text-decoration: underline;
  line-height: 1.5;
}
p.search_btn{
  width:50%;
  margin:20px auto;
}
p.search_btn a{
  display: block;
  font-size:14px;
  text-align: center;
  border:1px solid;
  border-radius: 30px;
  line-height: 48px;
  position: relative;
  margin-bottom: 20px;
}
p.search_btn a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  position: absolute;
  top:0;
  bottom:0;
  right:3%;
}
p.search_btn a:hover{
  opacity: 0.7
}








p.cp_link{
  margin-top: 20px;
  background: #c9000f;
  padding:10px;
  font-size:20px;
  font-weight: bold;
  color:#FFF;
  text-align: center;
  position:relative;
  cursor: pointer;
}
p.cp_link:after{
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  position: absolute;
  top:10%;
  right:20px;
  font-size:140%
}
p.cp_link.open:after{
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
  position: absolute;
  top:10%;
  right:20px;
  font-size:140%
}
#cp_condition{
  padding: 20px;
  margin:auto;
  display: none
}
ul.condition_list li{
  margin-bottom:5px;
  font-size:14px;
}
ul.condition_list li.term{
  font-weight:bold
}
ul.condition_list li.term span{
  font-weight:normal
}
ul.condition_list li>p{
  color: #545353;
  font-weight: bold;
  border-left:5px solid;
  text-indent: 10px;
  margin:15px auto 5px;
}
p.caution{
  font-size: 16px;
  color: #545353;
  font-weight: bold;
  text-align: left;
  border-bottom: 3px solid #545353;
  margin: 15px auto 5px;
  padding-bottom: 5px;
}
ul.caution_list li{
  line-height: 1.5;
}
ul.caution_list li:nth-child(-n+2){
  color:#d61518;
}