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

/* HR_ボタン */
.square_btn_r {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border: solid 2px #9d44ae;
    border-radius: 3px;
    transition: .4s;
	margin:0px 5px 10px 0px;
	background: #d67ae7;
}

/* HR特典ボタン */
.square_btn {
	width: 96%;
	background: #d67ae7;
	color: #fff;
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    border: solid 2px #9d44ae;
    border-radius: 5px;
    transition: .4s;
	margin:20px auto 0 auto;
	text-align:center;
	font-size:22px;
	line-height:1.3em;
}

.square_btn:hover {
    background: #fff;
	color: #9d44ae;
}

/* BT特典ボタン */
.square_btn_t_bt {
	width: 96%;
	background: #ffd601;
	color: #000;
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    border: solid 2px #e0ae00;
    border-radius: 5px;
    transition: .4s;
	margin:20px auto 0 auto;
	text-align:center;
	font-size:22px;
	line-height:1.3em;
}

.square_btn_t_bt:hover {
    background: #fff;
	color: #000;
}

/* BT_ボタン */
.square_btn_bt {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border: solid 2px #e0ae00;
    border-radius: 3px;
    transition: .4s;
	margin:0px 5px 10px 0px;
	background: #ffd601;
}

.square_btn_bt:hover {
    background: #fff;
	color: #000;
}


/*---------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	
/* HR_ボタン */
.square_btn_r {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
	margin:0px 5px 10px 0px;
}
	
/* HR特典ボタン */
.square_btn {
    width: 90%;
}
	
/* BT特典ボタン */
.square_btn_t_bt {
    width: 90%;
}
	
/* BT_ボタン */
.square_btn_bt {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
	margin:0px 5px 10px 0px;
}

}