@charset "UTF-8";

#mainVisual{
width: 100%;
height: 145.83vw;
background: #FFF;
position: relative;
overflow: hidden;
}
#mainBG{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_bg.jpg") center center no-repeat;
background-size: 100% 100%;
}
#mainChara{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_chara.png") center center no-repeat;
background-size: 100% 100%;
}
#mainChara1{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_chara1.png") center center no-repeat;
background-size: 100% 100%;
}
#mainChara2{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_chara2.png") center center no-repeat;
background-size: 100% 100%;
}
#mainTXT{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_txt3.png") center center no-repeat;
background-size: 100% 100%;
}
#main50{
position: absolute;
width: 100%;
height: 100%;
background: url("/eximages/2020/images_new/sp_header_50.png") center center no-repeat;
background-size: 100% 100%;
}
#shareWrap{
position: relative;
background: #1e75cd;
padding: 3vw 0;
text-align: center;
}
.share{
display: inline-block;
width: 6vw;
margin: 0 2vw;
}
a.share:nth-of-type(1){
margin-left: 6vw;
}
.share img{
width: 100%;
}


.crack{
background:url("/eximages/2020/images_new/ftr_sp.png") repeat-y;
background-size: 100% auto;
padding: 5vw 0;
}
.ctgry{
display: block;
margin: 0 auto 2vw auto;
width: 93.75vw;
}
.ctgryCts{
display: block;
margin: 0 auto;
width: 93.75vw;
}
.moreLink{
display: block;
width: 20vw;
margin: 2vw 3vw 6vw auto;
}

.ytWrap{
position: relative;
/*display: inline-block;*/
-webkit-overflow-scrolling:touch;
}
#yt{
visibility: hidden;
width: 93.75vw;
height: 52.73vw;
width: 93.25vw;
height: 52.23vw;
margin: 0.25vw 0 0 0.25vw;
}
.ytBTN{
position: absolute;
width: 93.75vw;
height: 52.73vw;
top:0;
left: 0;
border: 0;
}
.ytWaku{
position: absolute;
width: 93.75vw;
height: 52.73vw;
top:0;
left: 0;
border: 0;
pointer-events: none;
}
#play{
background: url("/eximages/2020/images_new/top_sp_sp4.png") center no-repeat;
background-size: 100%;
}

#hlWrap{
background:url("/eximages/2020/images_new/hl_sp_m.png") repeat-y;
background-size: 100% auto;
padding: 0 6vw;
box-sizing: border-box;
height: 40vw;
height: 45vw;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.hl{
display: block;
padding-bottom: 4vw;
margin-bottom: 2vw;
text-align: justify;
background: url("/eximages/2020/images_new/hl_sp_dot.png") bottom center repeat-x;
background-size: 100%;
}
.hl:nth-last-of-type(1){
padding-bottom: 0;
margin-bottom: 0;
background: none;
}
.hl a{
text-decoration: none;
}
.hlDate{
display: block;
color: #FFF;
text-decoration: none;
margin-bottom: 0.35vw;
font-size: 2.8vw;
line-height: 1em;
}
.hlNew{
display: inline-block;
color: #FF0;
text-decoration: none;
margin-right: 1vw;
font-size: 2.8vw;
}
.hlTXT{
display: block;
color: #FFF;
text-decoration: underline;
font-size: 3.4vw;
line-height: 1.2em;
}

#spBnrWrap{
font-size: 0;
text-align: center;
margin-bottom: 2vw;
/*特例*/
margin-top: 10vw;
}
.spbnr{
display: inline-block;
display: block;
width: 46vw;
width: 70vw;
margin: 0 auto;
}
.spbnr:nth-of-type(1),
.spbnr:nth-of-type(2){
/*margin-right: 1.75vw*/
margin-bottom:3vw;
}

#mainMenu{
background: #fff;
padding: 5vw 0;
}
#menuWrap{
font-size: 0;
margin: 2vw auto 5vw auto;
text-align: center;
}
.menu{
width:46vw;
display: inline-block;
margin:0 1.75vw  1.75vw 0;
}
.menu:nth-of-type(2n){
margin-right:1.75vw;
}
.menu img{
width:100%;
}
#subspBnrWrap{
font-size: 0;
margin: 8vw auto 2vw auto;
width: 70vw;
}
.subspBnr{
display:block;
width: 100%;
margin-bottom: 5vw;
}
.subspBnr:nth-of-type(1){
margin-bottom: 0;
}

/*協賛バナー系*/
#sponcerWrap{
font-size: 0;
width: 95vw;
margin: 0 auto 12vw auto;
text-align: left;
}
.sponcer{
display: inline-block;
position: relative;
margin-right: 1%;
margin-bottom: 1vw;
width: 24.25%;
}
.sponcer:nth-of-type(4n){
margin-right: 0;
}
.sponcerEnd{
margin-right: 0;
}
#officialSNSwrap{
text-align: center;
margin: 0 auto 6vw auto;
}
.sns{
display: inline-block;
width: 9vw;
margin-right: 2vw;
}
.sns:nth-last-of-type(1){
margin-right: 0;
}
#historyBNR{
display: block;
margin: 5vw auto 0 auto;
width: 70vw;
}

#linksWrap{
margin: 10vw auto 5vw auto;
text-align: center;
font-size: 0;
}
#linksWrap a{
display: inline-block;
width: 47vw;
margin-top: 1vw;
}
#linksWrap a:nth-of-type(2n+1){
margin-right: 1vw;
}
#linksWrap a:nth-of-type(1),
#linksWrap a:nth-of-type(2){
margin-top: 0;
}

#tohoWrap{
margin: 0vw auto 15vw auto;
margin: 0vw auto 5vw auto;
text-align: center;
font-size: 0;
}

#tohoWrap a{
display: inline-block;
width: 47vw;
width: 35vw;
margin-top: 1vw;
}
#tohoWrap a:nth-of-type(2n+1){
margin-right: 1vw;
}
#tohoWrap a:nth-of-type(1),
#linksWrap a:nth-of-type(2){
margin-top: 0;
}

#footerLink{
display:block;
margin:5vw auto;
font-size: 2.7vw;
line-height: 1em;
text-align: center;
color: #FFF;
}
#footerLink a,
#footerLink a:visited{
color: #FFF;
}
#footerLink a:hover{
color: #FE0;
}
#cr{
display: block;
margin:0 auto;
width: 50vw;
}


/*ポップアップ系*/
#popupBG{
position: fixed;
z-index: 10;
width: 120vw;
height: 120vh;
top: 0;
left: 0;
background: rgba(255,255,255,0.85);
cursor: pointer;
}
#popupBG,
#maeWin,
#nyuWin{
display: none;
}
.popup{
position: absolute;
z-index: 10;
width: 92%;
}
.popupWrap{
text-align: center;
}
.popupImg{
border: solid 1.3vw #1e75cd;
border-radius: 5vw;
background: #1e75cd;
width: 100%;
box-sizing: border-box;
}
.maeBTN{
position: absolute;
top:0;
left: 0;
width: 52%;
left: 24%;
top:86.5vw;
}
.close{
width: 25vw;
margin: 5vw auto 0 auto;
cursor: pointer;
pointer-events: auto;
}