/*共通ボタン設定*/
.wide-btn-border {
border-radius: 14px;
padding: 9px;
margin: 0 auto;
box-sizing: border-box;
width: 580px;
}
.wide-btn-border.yobou {
background: #e0af13;
}
.wide-btn-border.houmon {
background: #008463;
}

a.wide-btn {
display: inline-block;
text-decoration: none !important;
letter-spacing: 0.1em;
font-weight: 800;
line-height: 1.2;
width: 100%;;
box-sizing: border-box;
border-radius: 7px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}
a.wide-btn.yobou {
background: linear-gradient(180deg, #e4d028 0%, #e4d028 50%, #cca622 50%, #cca622 100%);
color: #000;
padding: 66px 0;
line-height: 1;
}
a.wide-btn.houmon {
background: linear-gradient(180deg, #0db387 0%, #0db387 50%, #0f9c77 50%, #0f9c77 100%);
color: #fff;
padding: 71px 0;
line-height: 1;
}
a.wide-btn.yobou span {
position: relative;
font-size: 37px;
margin-left: 1.5em;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.15));
}
a.wide-btn.houmon span {
position: relative;
font-size: 27px;
margin-left: 1.5em;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.35));
}
a.wide-btn.houmon span br {display: none;}

a.wide-btn.yobou span::before {
content: '';
background-image: url("https://umy-game.com/new/wp-content/uploads/2021/02/yobou-arrow.png");
background-repeat: no-repeat;
background-size: contain;
width: 45px;
height: 45px;
position: absolute;
left: -60px;
top: -5px;
}
a.wide-btn.houmon span::before {
content: '';
background-image: url("https://umy-game.com/new/wp-content/uploads/2021/02/houmon-arrow.png");
background-repeat: no-repeat;
background-size: contain;
width: 45px;
height: 45px;
position: absolute;
left: -60px;
top: -7px;
}


@media (max-width: 768px){
.wide-btn-border {
width: calc(100% - 40px);
padding: 6px;
}
a.wide-btn.yobou {padding: 15px 0 !important;}
a.wide-btn.houmon {padding: 10px 0 !important;}
a.wide-btn.yobou span {font-size: 20px !important; margin-left: 35px !important;}
a.wide-btn.houmon span {font-size: 18px !important; margin-left: 0 !important; line-height: 1.4;}
a.wide-btn.houmon span br {display: inline;}
a.wide-btn.yobou span::before {
width: 30px;
height: 30px;
left: -40px;
}
a.wide-btn.houmon span::before {display: none}
}


p.kijitsu {
color: #313131;
font-size: 24px;
text-align: center;
margin-top: 28px;
margin-bottom: 10px !important;
letter-spacing: 0.1em;
font-weight: 500;
line-height: 1.3;
}
p.kijitsu.blue  {
/*color: #305D8D;*/
margin: 0 auto;
}
p.kijitsu span.red {
font-size: 1.3em;
color: #ff0000;
}
@media (max-width: 768px){
p.kijitsu {
/*text-align: left;*/
font-size: 20px;
letter-spacing: normal;
}
}





/*追従ボタン仕様*/
.float-box {
position: fixed;
top: 45%;
right: 0;
box-sizing: border-box;
z-index: 999;
}

.float-box::after {
content: "";
display: block;
clear: both;
}
.float-btn-block {
margin-right: -7px;
border-radius: 10px;
padding: 7px;
box-sizing: border-box;
font-family: 'Noto Sans JP', sans-serif;
filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.1));
}
.float-btn-block.yobou {background: #e0af13;}
.float-btn-block.houmon {}

.float-mail-block {
margin-top: 10px;
margin-right: -7px;
padding: 7px;
box-sizing: border-box;
font-family: 'Noto Sans JP', sans-serif;
filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.1));
}

a.float-btn {
display: block;
border-radius: 5px 0 0 5px;
text-decoration: none !important;
font-weight: 700;
font-size: 20px;
line-height: 1.3;
padding: 30px 30px 30px 40px;
position: relative;
letter-spacing: 0.1em;
}
a.float-btn.yobou {background: #feeb55; color: #000; }
a.float-btn.houmon {background: #0f9c77; color: #fff;}
a.float-btn br {display: inline;}
a.float-btn::before {
content: "›";
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 30px;
width: 1em;
height: 1em;
line-height: 1;
position: absolute;
left: 16px;
top: 32%;
}
a.float-btn.yobou::before {color: #000;}
a.float-btn.houmon::before {color: #fff;}

a.float-mail {
display: block;
text-align: right;
border-radius: 5px 0 0 5px;
text-decoration: none !important;
font-weight: 700;
font-size: 17px;
line-height: 1.3;
padding: 28px 22px 28px 60px;
position: relative;
letter-spacing: 0.1em;
}
a.float-mail.yobou {background: #fff58f; color: #e58713;}
a.float-mail.houmon {background: #0072bb; color: #fff;}
a.float-mail::before {
content: '';
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 25px;
position: absolute;
left: 16px;
top: 35%;
}
a.float-mail.yobou::before {background-image: url("../img/mail-or_2.svg");}
a.float-mail.houmon::before {background-image: url("../img/mail-wh.svg");}


@media (max-width: 991px){
.float-box {
width: 100%;
top: auto;
bottom: 0;
padding: 10px;
}
.float-box.yobou {background:rgba(0,0,0,0.6);}
.float-box.houmon {background:rgba(255,255,255,0.8); border-top: 1px solid #dedede;}

.float-btn-block {
margin-right: 0;
/*width: calc(50% - 5px); メルマガ復活時はこっちで*/
width:100%;
float: right;
padding: 0;
border-radius: unset;
background: none !important;
filter: none;
}
a.float-btn {
text-align: center;
padding: 15px 0;
border-radius: unset;
font-size: 15px;
}
a.float-btn br {display: none;}
a.float-btn::before {display: none;}
a.float-btn.houmon {border: 1px solid #087d5f;}

.float-mail-block {
margin-top: 0;
width: calc(50% - 5px);
margin-right: 10px;
float: right;
padding: 0;
filter: none;
}
a.float-mail {
text-align: center;
padding: 15px 0;
border-radius: unset;
font-size: 15px;
}
a.float-mail::before {display: none;}
a.float-mail.houmon {border: 1px solid #015c96;}
}