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

body{
	background-color: #FFFFFF;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
	padding: 0;
	verflow-x: hidden!important;
	font-family: 'BIZ UDGothic', sans-serif;
	background-image: url("../img/kokura.jpg");
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    color: #fff900 !important;
	font-size:0.8em;
}

a:hover {
text-decoration: underline!important;
} 

ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ここから */

main {
background-color: #FFFFFF;
}

.ab {
position: relative;
}

.obi {
font-size: clamp(17px,3vw,28px);
font-family: 'M PLUS 2', sans-serif;
font-weight: 800;
text-align: center;
line-height: 1.1;
padding: 1.4% 0;
background-color: #000000;
color: #FFFFFF;
margin: 0;
}

.main_q {
width: 100%;
max-width: 760px;
margin: 0 auto;
}

.logobox {
margin: 0 auto;
width: 100px;
padding: 2%;
}

.btnbox {
width: 100%;
margin: 3% auto 4%;
}

.button {
position: absolute;
width: 90%;
left: 5%;
top: 38%;
}

.p_box {
margin: 0 auto;
}

.p_box p {
font-size: clamp(16px,4vw,24px);
font-weight: 700;
text-align: center;
color: #333333;
line-height: 1.7;
padding: 0 2% 0 2%;
}

.p_box2 P{
font-size: clamp(15px,3vw,28px);
font-family: 'M PLUS 1', sans-serif;
font-weight: 800;
text-align: center;
color: #333333;
line-height: 1.5;
padding: 0 2% 0 2%;
}


/* 的中実績 */

.hitbox_i {
width: min(98%, 960px);
display: block;
margin: 2% auto;
border: solid 3px #000000;
border-radius: 7px;
background-image: repeating-linear-gradient(
    90deg,
    #f6fdf6 0, #f6fdf6 3px,
    #ffffff 1px, #ffffff 7px)
}

.race_day {
font-size: clamp(5px,4vw,17px);
font-weight: 600;
line-height: 1.45;
color: #FFFFFF;
background-color: #05843a;
letter-spacing: 0.12em;
border:none;
}

.race_day:before {
content: '';
padding: 0.1em 0.3em;
border-left: 7px solid #ccecdd;
}

.race_title {
font-size: clamp(5px,4vw,20px);
font-weight: bold;
line-height: 1.45;
display: block;
padding-left: 8px;
}

.hit {
font-family: 'Mochiy Pop One', sans-serif;
height: auto;
color: #d7031c;
font-weight: bold;
text-align: right;
padding-right: 5px;
font-size: clamp(25px,3vw,42px);
display: block;
font-weight: 400;
}

.en {
font-size: clamp(18px,3vw,30px);
color: #000000;
}

.card-body {
padding: 5px 0 3px;
}

/* 声 */

.kaiwa.line {
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 20px 0;
background: #769ece;
font-size: clamp(15px,4vw,18px);
color: #333333;
line-height: 1.6;
overflow: hidden;
}

/*吹き出し*/

.balloon_r {
margin: 30px 0;
padding: 2% 3%;
display:flex;
justify-content: flex-start;
align-items: flex-start;
align-items: center;
}

.faceicon img {
width: 40px;
height: auto;
}

.balloon_r .faceicon{
margin-left: 20px;
order:2 !important;
margin-top: -6%;
}

.says {
max-width: min(80vw, 680px);
font-family: 'M PLUS 1', sans-serif;
font-weight: 600;
display: flex;
flex-wrap: wrap;
position: relative;
padding: 3%;
border-radius: 12px;
background: #FFFFFF;
box-sizing:border-box;
margin:0 !important;
line-height:1.7;
}

.says:after {
content: "";
position: absolute;
border: 10px solid transparent;

}

.balloon_r .says:after {
right: -26px;
border-left: 22px solid #FFFFFF;
}

.kaiwa_f {
padding: 5%;
}

.r_01 {
color: #B90003;
font-weight: 700;
}

/* 理由 */

.reasonbox {
position: relative;
margin: 0 auto 16%;
display: block;
}

.reasonbox .reason01 {
position: absolute;
width: 90%;
left: 5%;
top: 38%;
}

.sarani {
width: min(30vw, 253px);
margin: 0 auto 2%;
padding: 3%;
}

.box-2 {
position: relative;
background-color: #fff8bc;
 -webkit-background-size: cover;
 background-size: cover;
padding: 10% 0 20px;
}


/* footer固定 */

.attention_t {
	font-size: 0.8rem;
	padding: 2%;
	text-align: left;
}

.attention_t p {
    color: #858585;	
}

#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 9999;
text-align: center;
padding: 0 auto;
}

#footerFloatingMenu img {
max-width: 99%;
}

.footer_bg {
padding-bottom: 2% !important;
background-color: #373d51 !important;
}

.nav-link {
padding: 0.5rem 1rem !important;
}



@media screen and (max-width: 768px) {



}