@charset "utf-8";
/* CSS Document */
/* オレンジ＿ボタン装飾 */
a.btn--orange {
  color: #fff;
  background-color: #FF9001;
	width: 70%;
	margin: 0 auto;
}

a.btn01:hover {
  color: #fff;
  background: #FF9001;
}

a.btn--orange.btn--cubic {
  border-bottom: 5px solid #ff7301;
}

a.btn--orange.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #ff7301;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

/* グレー＿ボタン装飾 */
a.btn--gray {
  color: #fff;
  background-color: #787878;
	width: 70%;
	margin: 0 auto;
}

a.btn02y:hover {
  color: #fff;
  background: #787878;
}

a.btn--gray.btn--cubic {
  border-bottom: 5px solid #4a4a4a;
}

a.btn--gray.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #4a4a4a;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

.js-copybtn{
  text-align: center;
  width:70%;
}
.js-copybtn2{
  text-align: center;
  width:70%;
}
/*==↓↓belegend.jp/03_ad/220801/lin_819_ad.phpに反映↓↓==*/	

.first_time{
	color:#FFBE00;
	text-align: center;
	font-size:40px;
	}
.coupon_01 {
  margin: 0 10px 50px 10px;
text-align: center;
	font-size:100px;
	line-height: 0.7em;

}
.deadline {
	margin: 0 10px 50px 10px;
	text-align: center;
	font-size:30px;
	color:#FFBE00;
	font-weight:bold;
	font-family: arial;
}
.notes{
	margin: 0 10px 50px 10px;
	text-align: center;
		}

/*2023.10.11追加　↓*/

.intro{
	display: block;
	text-align: center;
	font-size: 6rem;
	line-height: 120%;
	margin: 3rem auto;
}

.relative_01{
	position: relative;
}

.absolute_01{
}

.coupon_month,.hp_url,.hp_url2,.hp_url3,.hp_url4{
	font-size: 5rem;
	/*position: absolute;
	left:50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);*/
	display: block;
	text-align: center;
}

.coupon_month{
	top:12%;
}

.hp_url,.hp_url2,.hp_url3,.hp_url4{
	bottom:15%;
}

.copy_bt,.copy_bt2,.copy_bt3,.copy_bt4{
	display: block;
	font-size: 2rem;
    position: relative;
    padding: 1.5rem 3rem 1.5rem 2rem;
	background-color: #8A8A8A;
	width: 70%;
	margin: 0 auto;
	border-bottom: 5px solid #5F5F5F;
}

a.btn-c::after{
	content: '';
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}

/*2023.10.11追加　↑*/
/*==↓↓belegend.jp/03_ad/240515/line_2000off_ad.phpに反映↓↓==*/		
.coupon{
	max-width: 100%;
	text-align: center;
	font-size: 100px;
    color: #FFFFFF;
  }
/*==============================================================================================
●画面の横幅が980px以下（SP）
text-align: center;
==============================================================================================*/
@media screen and (max-width: 980px) {
a.btn--orange {
  color: #fff;
  background-color: #FF9001;
	width: 90%;
	margin: 0 auto;
}
a.btn--gray {
  color: #fff;
  background-color: #787878;
	width: 90%;
	margin: 0 auto;
}
	
/*==↓↓belegend.jp/03_ad/220801/lin_819_ad.phpに反映↓↓==*/	
	
.first_time{
	color:#FFBE00;
	text-align: center;
	font-size:25px;
}
.coupon_01 {
  margin: 0 5px 20px 5px;
text-align: center;
	font-size:50px;
	line-height: 0.7em;
}
/*==↓↓belegend.jp/03_ad/240515/line_2000off_ad.phpに反映↓↓==*/		
.coupon{
	text-align: center !important;
    color: #FFFFFF;
    font-size: 50px;
}
	
.deadline {
	margin: 40px 10px 30px 10px;
	font-size:15px;
	color:#FFBE00;
	font-weight:bold;
	font-family: arial;
}
.notes{
	margin: 0 10px 30px 10px;
	text-align: center;
		}
	
/*2023.10.11追加　↓*/

.intro{
	font-size: 2.5rem;
}

.relative_01{
	position: relative;
}

.absolute_01{
}

.coupon_month,.hp_url,.hp_url2,.hp_url3,.hp_url4{
	font-size: 1.7rem;
}

.coupon_month{
	top:12%;
}

.hp_url,.hp_url2,.hp_url3,.hp_url4{
	bottom:20%;
}

.copy_bt,.copy_bt2,.copy_bt3,.copy_bt4{
	font-size: 2rem;
	line-height: 120%;
	width: 90%;
}

/*2023.10.11追加　↑*/
	
}