/* ============================================ 
f_top 用
/* ============================================ */


body {
margin: 0 auto !important;
max-width: 768px !important;
min-width: 320px !important;
background-color: #FDEFF3 !important;
color: #413B46 !important;
background-image: url(../image/ftop_2023/ftop_bg.sp.480.png) !important;
}


.ftop_text_blown{
color: #FFFFFF;
text-shadow: 0px 0px 4px #A01739;
}


.ftop_fs10_vw3{
font-size: clamp(10px, 3vw, 20px) !important; 
}

.ftop_fs11_vw3{
font-size: clamp(11px, 3vw, 22px) !important; 
}

.ftop_fs12_vw3{
font-size: clamp(12px, 3vw, 24px) !important; 
}


.ftop_fs13_vw3{
font-size: clamp(13px,3vw, 26px) !important; 
}

.ftop_fs14_vw3{
font-size: clamp(14px,3vw, 28px) !important; 
}  

.ftop_fs15_vw3{
font-size: clamp(15px,4vw, 30px) !important; 
}  

.ftop_fs16_vw3{
font-size: clamp(16px,5vw, 32px) !important; 
}    

.ftop_fs17_vw3{
font-size: clamp(17px, 5vw, 34px) !important;
}

.ftop_fs18_vw3{
font-size: clamp(18px, 5vw, 36px) !important;
}

.ftop_fs19_vw3{
font-size: clamp(19px, 5vw, 38px) !important;
}

.ftop_fs20_vw3{
font-size: clamp(20px, 5vw, 40px) !important;
}

.ftop_fs22_vw3{
font-size: clamp(22px, 5vw, 44px) !important;
} 

.ftop_fs23_vw3{
font-size: clamp(23px, 5vw, 46px) !important;
}  

.ftop_fs24_vw3{
font-size: clamp(24px, 5vw, 48px) !important;
}

.ftop_fs25_vw3{
font-size: clamp(25px, 5vw, 50px) !important;
}  

.ftop_fs12{
font-size: clamp(12px, 4.5vw, 24px) !important; 
}


.ftop_fs13{
font-size: clamp(13px, 4.5vw, 26px) !important; 
}

.ftop_fs15{
font-size: clamp(15px, 4.5vw, 30px) !important;
}

.ftop_fs18{
font-size: clamp(18px, 5vw, 36px) !important;
}

.ftop_fs19{
font-size: clamp(19px, 5vw, 38px) !important;
}

.ftop_fs20{
font-size: clamp(20px, 5vw, 40px) !important;
}



.line-h150{
line-height:150%!important;
}

.line-h160{
line-height:160%!important;
}

.line-h165{
line-height:165%!important;
}

/* ============================================ */


.ftop_01_parent,
.ftop_02_parent,
.ftop_03_parent,
.ftop_04_parent,
.ftop_05_parent,
.ftop_07_parent,
.ftop_08_parent,
.ftop_09_parent,
.ftop_10_parent,
.ftop_11_parent,
.ftop_12_parent  {
position: relative;
width:100%;}


.ftop_04_parent{
background-size: contain;}



.ftop_01_child_1,
.ftop_01_child_2,
.ftop_01_child_3,
.ftop_01_child_4,
.ftop_01_child_5{
position:absolute;
}

.ftop_01_child_1{
display:flex;  
top: 30%;
left:10%;
flex-direction: column;
color: #FFFFFF;}

.ftop_01_child_1 span{
background: #694B91;
padding: 2px 5px;
margin-bottom: 5px;
text-align:center;
line-height: 150%;
}

.ftop_01_child_2 {
top: 38%;
left:15%;
letter-spacing: 0.05em;
font-weight: 700;
}

.ftop_01_child_3{
color: #584274;
top: 47%;
left:15%;
font-weight: 700;
}

.ftop_01_child_4{
font-weight: 800;
width: 100%;
top: 58%;
left: 0%;
margin: auto;
line-height: 130%;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
text-align: center;
letter-spacing: 0.08em;
}

.ftop_01_child_5{
font-weight: 800;
line-height: 130%;
text-align: center;
letter-spacing: 0.16em;
width: 76.8%;
top: 68%;
left: 11.6%;
color: #584274;}



.fto_btn_box{
width:74.6%;
margin:auto;
}

.ftop_btn_1{
position:absolute;
left:12.7%;   
top:76%;}

/* ============================================ */
.ftop_02_parent{
  margin-top:-8%;}
  
  
.ftop_02_child_1,
.ftop_02_child_2,
.ftop_02_child_3{
position:absolute;
}

.ftop_02_child_1{
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
top: 12%;
left:0%;
width:100%;  
font-weight: 800;
text-align: center;
color: #8E3D59;}  

.ftop_02_child_2{
width: 88%;
top: 25%;
left: 6%;
}  


.ftop_02_child_3{
font-weight: 700;
width:100%;    
line-height: 140%;
text-align: center;
color: #B46A81;
top: 65%;
left:0%;
}    

/* ============================================ */

.ftop_03_child_1,
.ftop_03_child_2,
.ftop_03_child_3,
.ftop_03_child_4,
.ftop_03_child_5,
.ftop_03_child_6,
.ftop_03_child_7  {
position:absolute;
}  


.ftop_03_child_1{
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
top: 5%;
left:0%;
width:100%;  
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(44, 12, 72, 0.25), 0px 0px 24px rgba(86, 28, 136, 0.25), 0px 0px 20px #561C88;
transform: rotate(-2deg);}    


.ftop_03_child_2{
top: 9%;
left:0%;
width:100%;  
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 8px #80619B;}    

.ftop_03_child_3,
.ftop_03_child_4,
.ftop_03_child_5{
width:52.8%; 
font-weight: 500;
letter-spacing: 0.1em;
color: #413B46;
}     

.ftop_03_child_3 h3,
.ftop_03_child_4 h3,
.ftop_03_child_5 h3  {  
text-align: center;  
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
font-weight: 800;
color: #A7516E;
font-size: clamp(14px,3vw, 28px) !important;   
line-height: 150%;
}  

.ftop_03_child_3{  
top: 19%;
left: 35%;
}

.ftop_03_child_4{  
top: 37%;
left: 14%; 
}  

.ftop_03_child_5{  
top: 55.5%;
left: 35%;
}    


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


.ftop_03_child_3,
.ftop_03_child_4,
.ftop_03_child_5{
width: 55%;
font-weight: 500;
letter-spacing: 0.1em;
color: #413B46;
line-height: 100%;
}     

  
.ftop_03_child_3{  
top: 19%;
left: 35%;
}

.ftop_03_child_4{  
top: 37%;
left: 14%; 
}  

.ftop_03_child_5{  
top: 55.5%;
left: 35%;
}    
 
}   
  

@media screen and (min-width: 735px) {


.ftop_03_child_3,
.ftop_03_child_4,
.ftop_03_child_5{
width: 55%;
font-weight: 500;
letter-spacing: 0.1em;
color: #413B46;
line-height: 160%;
}     

  
.ftop_03_child_3{  
top: 21%;
left: 35%;
}

.ftop_03_child_4{  
top: 39%;
left: 14%; 
}  

.ftop_03_child_5{  
top: 57.5%;
left: 35%;
}    
 
}   


.ftop_03_child_6{
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
top: 71%;
left: 0%;
width:100%;    
text-align: center;  
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 15px #9A62CB, 2px 1px 0px rgba(62, 47, 76, 0.6);}  

.ftop_03_child_7{
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
top: 79.5%;
left: 0;
width:100%;    
text-align: center;  
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 15px #9A62CB, 2px 1px 0px rgba(62, 47, 76, 0.6);}   

.ftop_btn_3{
position:absolute;
left:12.7%;   
top: 86%;}

/* ============================================ */  

.ftop_04_parent{
min-height:1000px; 
}

.ftop_04_child_1,
.ftop_04_child_2,
.ftop_04_child_3,
.ftop_04_child_4{
position:absolute;
}  



.ftop_04_child_1{
position: relative;
font-family: shippori-mincho,'游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
top: 8%;
left:0%;
color:#6A3C90;
width:100%;  
font-weight: 700;
text-align: center;
text-shadow: 0px 0px 4px #ffffff, 0px 0px 4px #ffffff, 0px 0px 18px #ffffff;
line-height: 160%; 
letter-spacing: 0.21em;
margin-top: -40%;  
}    

.ftop_04_child_1 span{
font-size: clamp(31px, 5vw, 61px) !important;  }  

.ftop_04_child_2{
position: relative;
width: 71.46%;
top: -15%;
left: 14.275%;
margin-top: 5%;  
}

.ftop_04_child_3{
width: 90%;
top: 68%;
left: 10%;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #B0496C;
font-size: clamp(15px,3vw, 30px) !important;
line-height: 140%;  
}

.ftop_04_child_4{
position: relative;  
margin-top:5%;
}  

/* =============== */   
.ftop_cal_box{
position: relative;
width: 95%;
margin: auto;
}

.ftop_cal_box_1,
.ftop_cal_box_2,  
.ftop_cal_box_3,  
.ftop_cal_box_4,
.ftop_cal_box_5,
.ftop_cal_box_6{
position:absolute;}

.ftop_cal_box_1,
.ftop_cal_box_2,  
.ftop_cal_box_3{
width:30%;  
font-weight: 500;
text-align: center;
color: #FFFFFF;  
font-size: clamp(13px,3vw, 26px) !important;   
}

.ftop_cal_box_1{
top: 7%;
right: 7%;
}  
.ftop_cal_box_2{
width: 33%;  
top: 20%;
left: 8%;
}  
.ftop_cal_box_3{
width: 33%;  
top: 34%;
right: 7%;
}    

.ftop_cal_box_4{
width:70%;
top: 68%;
right: 15%;
color: #000000;
font-size: clamp(14px,3vw, 28px) !important; 
line-height: 150%;  
}  

.ftop_cal_box_5{
width:70%;
top: 75%;
right: 15%;
color: #000000;
font-size: clamp(14px,3vw, 28px) !important; 
line-height: 150%;  
}    

.ftop_cal_box_6{
width: 46.66%;
top: 85%;
left: 22%;
font-size: clamp(11px,3vw, 22px) !important;
line-height: 110% !important;  
}    

/* =============== */     



.ftop_04_child_6 h2{
font-weight: 800;  
text-align:center;
letter-spacing: 0.05em;
color: #674286;
text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.25);
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
line-height: 170% !important; 
}  

.ftop_04_child_6 h2 span{
font-weight: 800;
letter-spacing: 0.05em;
color: #FFFFFF;
padding: 0px 5px;    
}  

.ftop_04_child_6 h2 span.unki1{
background: #DF708A;  
text-shadow:none;  
}  
.ftop_04_child_6 h2 span.unki2{
background: #9164B8;
text-shadow:none;    
}  

.ftop_04_child_7{
line-height: 150% !important;
margin:10px 0 30px;    
}  

.ftop_btn_4{

}  

/* ============================================ */  

.ftop_05_child_2{
position: relative;
width: 90%;
margin: 5% auto 0;  
}  


.ftop_05_child_3{
position: absolute;  
width: 100%;
top: 78%;
left: 0%;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #B0496C;
font-size: clamp(15px,3vw, 30px) !important;
line-height: 140%;  
}  

.ftop_05_child_1{  
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #9164B8;
padding:5% 0 3%;  
}

.ftop_05_child_1 span{
background: #FFFFFF;
padding:0 5px;}

.ftop_05_child_4{  
width:70%;
margin:auto;  
}  

.ftop_05_child_5{  
font-weight: 700;
padding:5% 0 3%;  
text-align: center;
letter-spacing: 0.2em;
color: #674286;  
display: flex;
    justify-content: center;
    align-items: center;
}  

.ftop_05_child_5 .s_left{  
max-width:21px;
max-height:34px;  
min-width: 10px;
    min-height: 17px;  
content: '';
display: inline-block;
text-align: center;
background: url(../image/ftop_2023/s_left.sp.480.png);
background-repeat: no-repeat;
background-size:contain;
margin-right: 10px;  
}  

.ftop_05_child_5 .s_right{  
max-width:21px;
max-height:34px;  
min-width: 10px;
    min-height: 17px;   
content: '';
display: inline-block;
text-align: center;
background: url(../image/ftop_2023/s_right.sp.480.png);
background-repeat: no-repeat;
background-size:contain;
}  

.ftop_05_child_5_date{
display: flex;
justify-content: space-around;    
}  

.ftop_05_child_6{
width:84%;
margin:auto;
}  

.ftop_05_child_7{
font-weight: 800;    
text-align: center;
color: #674286;
text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.25);   
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;    
}  

.ftop_05_child_7 span{
font-size: clamp(18px, 5vw, 36px) !important;
}  


/* ============================================ */    

.ftop_06_bg{
background-image: url(../image/ftop_2023/ftop_04_ranking3_bg_01.sp.480.png),
url(../image/ftop_2023/ftop_04_ranking3_bg_02.sp.480.png),
url(../image/ftop_2023/ftop_04_ranking3_bg_03.sp.480.png);
background-size: 100%,100%,100%;
background-repeat: no-repeat,repeat,no-repeat;
background-position:top center,center center,bottom center;
}  


.ftop_06_rank{
width:12%;
margin:auto;}

/* =====画面大きい時だけ　隙間 ====== */ 
@media screen and (min-width: 700px) {
.ftop_06_child_1_1{
  padding-top:5%;
} 
} 

.ftop_06_child_1{
width:80%;
margin:auto;} 

.ftop_06_child_2{
position:relative;
margin: 0 -30px 0;
}

.ftop_06_child_2_inner{
position: absolute;
width: 48%;
top: 30%;
left: 22%;
font-size: clamp(11px,3vw, 22px) !important;
line-height: 130% !important;
}

/* ========================= */  

.ftop_06_child_3_box{
position:relative;
width: 55%;
}  

.ftop_06_child_3{
position: absolute;
top: 30%;
left: 5%;
font-weight: 700;
line-height: 178%;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
transform: rotate(-9deg);
display: inline-block; 
}

.ftop_06_child_3 span{
background: #D87495;
padding: 2px 8px;}



.ftop_06_child_4_box{
position:relative;
width:100%;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
margin: 30px 0 40px;  
}  

.ftop_06_child_4{
position: absolute;
top:5%;
left:0; 
width:100%;
font-weight: 800;
color: #674286;
line-height: 155%;
text-align: center;
text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.25);
}  

.ftop_06_child_5{
position: absolute;
top: 60%;
left: 13.8%; 
}  


/* ============================================ */      
.ftop_07_child_1{
width:100%;
position: absolute;
top: 3%;
left: 0%;    
font-weight: 700; 
line-height: 130%;    
text-align: center;
letter-spacing: 0.25em;
color: #FFFFFF;
text-shadow: 0px 0px 4px #981B39, 0px 0px 7px #981B39;
text-align: center;
letter-spacing: 0.25em;
font-size: clamp(29px, 5vw, 58px) !important;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;  }  

.ftop_07_child_1 span{
font-size: clamp(24px, 5vw, 48px) !important; 
} 

.ftop_07_child_1 span.text_s{
font-size: clamp(20px, 5vw, 40px) !important; 
}  


.ftop_07_child_2{
width:100%;
position: absolute;
top: 13%;
left: 0%;
line-height:145%;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 5px #C94A6A;
} 

.ftop_07_child_3{
width:70%;
position: absolute;
top: 17%;
left: 15%;      
font-weight: 700;   
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 4px #C94A6A;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;  
}

.ftop_07_child_4{
width:100%;
position: absolute;
top: 81%;
left: 0%;
line-height: 150%;    
font-weight: 800;
text-align: center;
color: #FFFFFF;
text-shadow: 0px 0px 7px rgba(180, 77, 112, 0.9), 1px 1px 0px #B44D70; 
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;  
}   


.ftop_07_child_5{
width: 74.6%;
position: absolute;
top: 90%;
left: 13.8%;  
}  

/* ============================================ */      

.ftop_08_child_1{
position: absolute;
top: 3%;
left:0;
width:100%;
text-align: center;
font-weight: 700;
letter-spacing: 0.1em;
color: #A7516E;
border: 2px solid #F7E3E5;    
}  

.ftop_08_child_2{
width:70%;
position: absolute;
top: 8%;
left: 15%;

}  

.ftop_08_child_3{
position: absolute;
top: 75%;
left:0;
width:100%;
text-align: center;
font-weight: 800;
color: #674286;
line-height: 150%;        
text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.25);
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;      
}  

.ftop_08_child_4{
position: absolute;
top: 83.5%;
width: 74.6%;
left: 13.8%;  
}   

/* ============================================ */       

.ftop_09_child_1{
position: absolute;
top: 3%;
left:0;
width:100%;
font-weight: 700;
line-height: 150%;  
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
text-shadow: 0px 0px 9px #C94A6A;   
}  

.ftop_09_child_2{
width:70%;
position: absolute;
top: 6.5%;
left: 15%;
color: #FFFFFF;
text-shadow: 0px 0px 4px #C94A6A;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif; 
}  

.ftop_09_child_3{
position: absolute;
top: 15.5%;
left:0;
width:100%;
font-weight: 600;
text-align: center;
font-weight: 800;
color: #FFFFFF;
line-height: 180%;        
text-shadow: 0px 0px 7px rgba(180, 77, 112, 0.9), 1px 1px 0px #B44D70;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;     
}  

.ftop_09_child_3 span{
background: #A74767;
padding: 2px 5px;}

.ftop_09_child_4{
position: absolute;
top: 57%;
left:0;
width:100%;  
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
}
.ftop_09_child_4 span{
background: #A74767;
padding: 2px 5px;}


.ftop_09_child_5{
position: absolute;
top: 63%;
left: 8%;
width: 84%;
}

.ftop_09_child_6{
position: absolute;
top: 86%;
left:0%;
width:100%;
font-weight: 800;
text-align: center;
letter-spacing: 0.15em;
color: #FFFFFF;
line-height: 160%;         
text-shadow: 0px 0px 7px rgba(180, 77, 112, 0.9), 1px 1px 0px #B44D70;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;          
}

.ftop_09_child_6 span{
font-size: clamp(23px, 5vw, 46px) !important;  
}  


.ftop_09_child_7{
position: absolute;
top: 92%;
width: 74.6%;
left: 13.8%;
}

/* ============================================ */     

.ftop_10_parent{
padding-top: 15%;
padding-bottom: 5%;
background-image: url(../image/ftop_2023/ftop_08_bottom.sp.480.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom; 
}


.ftop_10_child_1{
position: absolute;
top: 2%;
left:0;
width:100%;
line-height: 150%;   
text-align: center;
font-weight: 700;
letter-spacing: 0.1em;
color: #A7516E;
}  

.ftop_10_child_2{
width:70%;
position: absolute;
top: 6%;
left: 15%;

}  
.ftop_10_child_3{
font-weight: 700;
line-height: 170%;
text-align: center;
letter-spacing: 0.1em;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;      
}

.ftop_10_child_4{
font-weight: 800;
text-align: center;
color: #674286;
text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.25);
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;      
}


.ftop_10_child_4 span{
font-size: clamp(23px, 5vw, 46px) !important;
}

.ftop_10_child_5{
width: 74.6%;
margin:atuo
} 

/* ============================================ */     
.ftop_11_child_1{
width: 74.6%;
position: absolute;
top: 70%;
left: 13.8%;
} 
/* ============================================ */     
.ftop_12_parent{
margin-top:20%;  
}

.ftop_12_child_1{
position: absolute;
top: -10%;
left: 15%;
width:70%;  
}  

.ftop_12_child_2{
position: absolute;
top: 17%;
left: 0%;
width: 100%;
text-align: center;
font-family: shippori-mincho, '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}