@charset "UTF-8";

/*リセット系*/
*{
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{
vertical-align:bottom;
pointer-events: none;
-ms-interpolation-mode: bicubic;
}
a img{
pointer-events: auto;
width:100%;
}
a:focus, *:focus {
outline:none;
}
html,body {
height: 100%;
}
a{
cursor: pointer;
position: relative;
}
a img{
width: 100%;
}
body{
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.SPhover{
opacity: 0.7;
}


header,#cts,footer{
/*display: none;*/
}
.mincho{
font-family: "Sawarabi Mincho";
}
.sp{
display: block;
}
.pc{
display: none;
}
body{
color: #1173c6;
}
#loaderWrap{
position: fixed;
z-index: 100;
width: 100vw;
height: 120vh;
background: #001050;
/*background: url("/eximages/2021/images/borderbg.png") #001567;
background-size: 8px;*/
}
#loader{
position: absolute;
width: 20vw;
top:50vh;
left: 40vw;
margin-top: -20vw;
opacity: 0.3;
animation: pika2 0.06s infinite alternate;
}
@keyframes pika2{
  from{opacity: 0.3;} 
  to{opacity:0.25;}
}
header{
text-align: center;
position: relative;
padding-bottom: 10vw;
z-index: 1;
background: #FFF;
overflow: hidden;
}
#main{
position: relative;
height: 142.7vw;
background: url("/eximages/2021/images/main_sp.jpg") top center no-repeat;
background-size: 100%;
}
.mainImg{
width: 100%;
position: absolute;
top:0;
left:0;
}
#mainLight{
width: 40vw;
position: absolute;
top:65vw;
left:30vw;
}
.mainImg:nth-of-type(1){
position: relative;
}
#ttl{
display: block;
position: absolute;
top:107vw;
left: 12vw;
width:76%;
}
#date{
display: block;
position: absolute;
top:134vw;
right: 2vw;
width:14%;
top:132vw;
top:103vw;
right: 1vw;
width:24%;
}
#catch{
display: block;
position: absolute;
top:5vw;
left: 64vw;
width:9.5%;
}

#shareWrap{
position: absolute;
top: 0;
left: :0;
width: 50%;
text-align: left;
font-size: 0;
z-index: 1;
}
.share{
width:15%;
display: inline-block;
margin:3% 3% 0 0;
}
.share:nth-of-type(1){
margin-left:3%;
}

#spBNR,
#menuWrap,
#menuSubBTN{
text-align: center;
position: relative;
z-index: 1;
}
#spBNR{
margin-top: 5vw;
font-size: 0;
}
#spBNR a{
width: 90%;
display: inline-block;
margin: 2vw auto;
}


#smartPhoneWrap{
/*background: url("/eximages/2021/images/spwrap_t.png") top center no-repeat, url("/eximages/2021/images/menuwrap_t.png") bottom center no-repeat, url("/eximages/2021/images/spmenu_bg.jpg") center center no-repeat;
background-size: 100%, 100%, cover;
display: block;*/
padding: 0;
position: relative
}
.smartPhoneWrapKazari{
display: block;
width: 100%;
z-index: 2;
position: relative;
}
.smartPhoneWrapKazari2{
display: block;
width: 100%;
position: absolute;
}
.smartPhoneWrapKazari:nth-of-type(1){
margin-top: -0.5vw;
margin-bottom: 5vw;
}
.smartPhoneWrapKazari:nth-of-type(2){
margin-top: 5vw;
margin-bottom: -0.5vw;
}
#bgFix{
overflow:hidden;
-webkit-perspective:300;
-moz-perspective:300;
-ms-perspective:300;
-o-perspective:300;
perspective:300;
width: 100vw;
height: 100vh;
position: fixed;
top:0;
left: 0;
z-index: 0;
}
#bgFix:before{
content:"";
overflow:hidden;
background:url("/eximages/2021/assets_sub/space.jpg") center center;
background-size: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
#flyWrap{
position: fixed;
overflow:hidden;
width: 100vw;
height: 120vh;
top:0;
left: 0;
}
#flyWrap img{
position: absolute;
filter: brightness(70%);
width: 40%;
height: auto;
transform-origin: 50% 50%;
}
#flyWrap img#bgfly_wheel{
width: 200%;
height: auto;
}
#flyWrap img#bgfly_shachi3{
transform: scale(-1, 1);
}

#smartPhoneWrap h2{
display: block;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
width: 70vw;
height: 8vw;
font-size: 5vw;
padding-top: 3.5vw;
margin: 0 auto;
font-weight: bold;
color:#b9fffc;
line-height: 1;
margin-top: 0;
}
#smartPhoneMovie h2{
background: url("/eximages/2021/images/movie_ctgry_top.png") center center no-repeat;
background-size: 100%;
}
#smartPhoneNews h2{
background: url("/eximages/2021/images/movie_ctgry_top2.png") center center no-repeat;
background-size: 100%;
margin-top: 10vw;
}
#smartPhoneWrap .moreBTN{
display: block;
margin: 0 auto;
width: 44vw;
height: 16vw;
background: url("/eximages/2021/images/btn_more.png") center center no-repeat;
background-size: 100%;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 3.0vw;
color: #FFF;
font-weight: bold;
padding-top: 5.8vw;
text-decoration: none;
box-sizing: border-box;
}


.ytWrap{
position: relative;
-webkit-overflow-scrolling:touch;
}
#ytSP{
visibility: hidden;
width: 88vw;
height: 49.5vw; /*88*9/16*/

border: solid 0.6vw #b9fffc;
margin-top: 2vw;
background: #b9fffc;
box-shadow: 0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4);

margin: 0.25vw 0 0 0.25vw;
}
.ytBTN{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;

border: solid 0.6vw #b9fffc;
background: #b9fffc;
box-shadow: 0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4);
}
#playSP{
background: url("/eximages/2021/movie/movie_sp_top3.png") center no-repeat;
background-size: 100%;
}

#newsWrap{
box-sizing: border-box;
width: 95vw;
margin: 0 auto;
background: url("/eximages/2021/assets_sub/waku_m_sp.png") center center repeat-y;
background-size: 100%;
padding: 0 10vw;
color: #0e61c6;
text-align: left;
}
.wakuParts{
display: block;
width: 95vw;
margin: 0 auto;
}
.wakuParts:nth-last-of-type(1){
margin-bottom: -2vw;
}
#newsWrap a{
display: block;
font-size: 4.0vw;
color: #0e61c6;
text-decoration: none;
padding: 0 3vw;
}
#newsWrap a span{
font-size: 3.2vw;
line-height: 1.4;
}
.add{
display: inline;
color:#F00;
}
#newsWrap hr{
/*
border-top: solid 0.1vw #0e61c6;
margin: 2vw 0;
*/
background: url("/eximages/2021/assets_sub/hr_border.png") center repeat-x;
background-size: 2vw 0.3vw;
height: 9vw;
}

#menuWrap{
/*padding: 17vw 0;*/
padding: 7vw 0 17vw 0;
font-size: 0;
background: url("/eximages/2021/images/menuwrap_b.png") bottom center no-repeat, linear-gradient(180deg, rgba(47, 170, 232, 1.0), rgba(0, 17, 110, 1.0), rgba(207, 104, 182, 1.0));
background-size: 100.5%, cover;
}
#menuWrap a{
display: inline-block;
background: url("/eximages/2021/images/menu_b_sp_top.png") center center no-repeat;
background-size: 100%;
width: 86vw;
height: 23vw;
text-decoration: none;
color: #FFF;
font-size: 2.3vw;
font-size: 3.6vw;
line-height: 1em;
margin: 1vw 0.5vw;
}
#menuWrap a p{
font-family: 'Audiowide', cursive;
font-size: 4.2vw;
font-size: 8.4vw;
font-size: 7.0vw;
line-height: 1em;
padding: 6vw 0 0.5vw 0;
}
#menuWrap a span{
font-weight: bold;
}
#menuWrap .newMark{
font-size: 3.2vw;
}

#menuSubBTN a{
width: 84%;
display: inline-block;
margin: 2vw auto;
font-size: 0;
background: #FFF;
}
#billing{
width: 95%;
max-width: 710px;
margin: 5vw auto;
position: relative;
z-index: 1;
}
#officialWrap{
margin: 5vw auto;
}
#official,
#officialWrap a,
#officialWrap a img{
display: inline-block;
height: 9vw;
width: auto;
font-size: 0;
}
#official{
margin-right: 2vw;
}
#officialWrap a{
margin: 0 1vw;
}
#tohoWrap{
text-align: center;
margin: 3vw auto 12vw auto;
}
#tohoWrap a{
display: inline-block;
width: 44%;
margin-top: 2%;
}
#tohoWrap a:nth-of-type(2n+1){
margin-right: 2%;
}
#tohoWrap a:nth-of-type(1),
#tohoWrap a:nth-of-type(2){
margin-top: 0;
}
#subBNRwrap{
display: block;
margin: 10vw auto;
margin: 0 auto;
font-size: 0;
}
#subBNRwrap a{
display: inline-block;
width: 75%;
margin: 2vw auto;
}

/*
#cts{
position: relative;
text-align: center;
overflow: hidden;
}
#cts:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url("/eximages/2021/images/cts_bg.jpg") center center no-repeat;
background-size:cover;
}
#myCanvas{
position: fixed;
top:0;
left: 0;
z-index: 0;
}
.round{
z-index: 1;
width: 100%;
}

.ctgry{
display: block;
margin: 0vw auto 3vw auto;
width: 50%;
max-width: 324px;
}
.ctgry#story{
padding-top: 20vw;
margin: 0vw auto -25vw auto;
}
.ctgry#chara{
margin-top: 30vw;
}
.ctgry#news{
margin: 5vw auto -10vw auto;
}
.ctgry#movie{
margin: 5vw auto 0vw auto;
}
#storyIllustWrap{
margin: -18vw auto -24vw auto;
padding-top:35vw; 
overflow: hidden;
width: 100%;
position: relative;
}
#storyIllust{
position: relative;
display: block;
width: 80%;
z-index: 1;
margin: 0 auto;
}
.mecha{
position: absolute;
display: block;
width: 50%;
opacity: 0;
}
#mecha1{
top:0vw;
left: -7vw;
}
#mecha2{
top:0vw;
right: -7vw;
}
#mecha3{
top:30vw;
left: -16vw;
}
#mecha4{
top:30vw;
right: -16vw;
}
.wakuWrap{
width: 96%;
width: 100%;
margin: 5vw auto;
}
.wakuParts{
width: 100%;
margin: 0;
}
.wakuLoop{
background: url("/eximages/2021/images/waku_mid_sp.png") center top repeat-y;
background-size: 100%;
padding: 0 12vw;
}
#storyLoop{
padding-bottom: 2vw;
}
.wakuLoop h2{
text-align: left;
font-weight: normal;
font-size: 5.1vw;
line-height: 1.6em;
margin-bottom: 1em;
padding-top: 1em;
}
rt{
margin: 0;
padding: 0;
line-height: 1em;
font-size: xx-small;
}
.mincho rt{
margin: 0;
padding: 0;
line-height: 1em;
font-size: small;
}
#newsWrap .wakuLoop h2{
font-size: 4.5vw;
line-height: 1.4em;
margin-bottom: 0;
padding-top: 0;
color: #1173c6;
}
#newsWrap .wakuLoop h2 span{
font-size: 3.0vw;
color: #1173c6;
}
#newsWrap .wakuLoop img{
width: 100%;
margin: 1em 0;
}
.newsYT{
width: 100%;
max-width: 834px;
height: 42.75vw;
max-height: 469px;
margin: 1em 0;
}
.wakuLoop p{
font-size: 3.2vw;
line-height: 1.8em;
text-align: justify;
color: #1173c6;
}
#storyWrap .wakuLoop p{
line-height: 2.0em;
}
.charaWaku{
height: 65vw;
position: relative;
margin: -5vw auto;
}
.charaWaku:nth-last-of-type(1){
margin-bottom: 40vw;
}
#charaPapi{
background: url("/eximages/2021/images/charawaku_papi.png") center no-repeat;
background-size: 100%;
}
#charaRocoroco{
background: url("/eximages/2021/images/charawaku_rocoroco.png") center no-repeat;
background-size: 100%;
}
.expWrap{
position: absolute;
text-align: justify;
}
.expWrap h3{
font-size: 6vw;
line-height: 1em;
}
.expWrap p{
font-size: 3.2vw;
line-height: 1.7em;
}
.ttlHR{
width: 100%;
background: url("/eximages/2021/images/hr_border.png") center repeat-x;
background-size: 2vw;
height: 4vw;
}
hr{
width: 100%;
background: url("/eximages/2021/images/hr_border.png") center repeat-x;
background-size: 2vw 0.3vw;
height: 9vw;
}
#charaPapi .expWrap{
top: 18vw;
left: 16vw;
width: 48%;
}
#charaRocoroco .expWrap{
top: 18vw;
left: 45vw;
width: 39%;
}
*/
footer{
font-size: 0;
text-align: center;
padding-bottom: 1vw;
position: relative;
/*z-index: 1;*/
background: #FFF;
overflow: hidden;
/*background: linear-gradient(0deg, rgba(47, 170, 232, .5), rgba(0, 17, 110, .5), rgba(207, 104, 182, .5));*/
}
.wrap{
width: 90%;
margin: 5vw auto;
}
#ftrLogo{
width: 60%;
display: block;
margin: 0vw auto 4vw auto;
}
#cr{
width: 60%;
display: block;
margin: 4vw auto;
}
#linksWrap{
width: 95%;
margin: 5vw auto;
}
#linksWrap a{
display: inline-block;
width: 49%;
margin-top: 2%;
}
#linksWrap a:nth-of-type(1),
#linksWrap a:nth-of-type(1) img{
display: none;
}
#linksWrap a:nth-of-type(2n){
margin-right: 2%;
}
#linksWrap a:nth-of-type(2),
#linksWrap a:nth-of-type(3){
margin-top: 0;
}

/*協賛バナー系*/
#sponcerWrap{
font-size: 0;
margin: 10vw auto;
text-align: left;
}
.sponcer{
display: inline-block;
position: relative;
margin-right: 1%;
margin-bottom: 1vw;
width: 24.25%;
/*border:solid 1px #DDD;*/
box-sizing: border-box;
}
.sponcer:nth-of-type(4n){
margin-right: 0;
}
.sponcerEnd{
margin-right: 0;
}

.modaal{
display: none;
}
/*.modal{
cursor: pointer;
background: #990;
}
.modaal-close,
.popupClose{
position: fixed;
right: 2vw;
top: 2vw;
cursor: pointer;
opacity: 1;
width: 15vw;
height: 15vw;
background: url("/eximages/2021/images/btn_close.png") center center no-repeat;
background-size: 15vw 15vw;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 0;
}
.modaal-close:focus,
.modaal-close:hover,
.popupClose:focus,
.popupClose:hover{
opacity: 0.7;
}*/

.ytWrap{
font-size: 0;
width: 90vw;
max-width: 1120px;
margin: 0 auto;
}
.ytWrap a{
display: inline-block;
background:transparent;
border: solid 0.4vw #b9fffc;
padding: 0.8em 0;
text-align: center;
font-size: 3.6vw;
color: #FFF;
text-decoration: none;
line-height: 1em;
box-sizing: border-box;
position: relative;
font-weight: bold;

-webkit-box-shadow: 0 0 5px 0 #00ffec;
-moz-box-shadow: 0 0 5px 0 #00ffec;
box-shadow: 0 0 5px 0 #00ffec;


margin-bottom: 2%;
margin-right: 2%;
}
#ytWrap1 a{
width: 49.0%;
}
#ytWrap1 a:nth-last-of-type(1),
#ytWrap2 a:nth-last-of-type(1){
margin-right: 0;
}
.ytWrap a.ytNow{
background:#FFF;
color: #006fb9;
}
.yt{
width: 100%;
height: 50.625vw;
border: solid 0.4vw #b9fffc;
/*box-sizing: border-box;*/

-webkit-box-shadow: 0 0 5px 0 #00ffec;
-moz-box-shadow: 0 0 5px 0 #00ffec;
box-shadow: 0 0 5px 0 #00ffec
}

/*OPYT系*/
#trWin,
#mvtkWin{
position: fixed;
z-index: 101;
top: 0;
left: 0;
width: 110vw;
height: 110vh;
background: url("/eximages/2021/images/borderbg.png");
background-size: 6px;
display: none;
}
#ytPC{
position: absolute;
top:0;
left: 50vw;

/*width: 95vw;
max-width: 1130px;
box-sizing: border-box;
border: solid 0.6vw #b9fffc;
box-shadow: 0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4);*/

width: 95vw;
max-width: 1060px;

background: #b9fffc;
box-shadow: 0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw 0.5vw 2vw rgba(185, 252, 255, 0.4),
0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4),
-0.5vw -0.5vw 2vw rgba(185, 252, 255, 0.4);
border: solid 0.6vw #b9fffc;

}
.fade{
pointer-events: auto;
}

.popupWrap{
width: 90vw;
margin: 0 auto;
}
.popup{
box-sizing: border-box;
width: 100%;
border: solid 0.6vw #b9fffc;
border-radius: 4vw;
border-radius: 2vw;

-webkit-box-shadow: 0 0 5px 0 #00ffec;
-moz-box-shadow: 0 0 5px 0 #00ffec;
box-shadow: 0 0 5px 0 #00ffec
}
#maeBTN{
width: 61.25%;
max-width: 392px;
position: absolute;
top: 98vw;
left: 18vw;
}

#canvasContainer{
width: 100%;
height: 100%;
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #090;
z-index: 10;
pointer-events: none;
/*display: none;*/
}

p.shomei{
font-size: 2.8vw;
line-height: 1.6em;
text-align: right;
}

#mvtkWrap{
display:none;
position: fixed;
top:50vh;
left: 50vw;
z-index: 101;
}


/*PC*/
@media screen and (min-width:835px){

body{
min-width: 1120px;
}
.sp{
display: none;
}
.pc{
display: block;
}
.smartPhoneWrapKazari{
display: none;
}
#loader{
position: absolute;
width: 100px;
left: 50vw;
margin-top: -50px;
margin-left: -50px;
}

header{
padding-bottom: 0;
}
#main{
width: 1120px;
height: 650px;
height: 584px;
height: 550px;
background: url("/eximages/2021/images/main_pc.jpg") top center no-repeat;
background-size: 100%;
}
#ttl{
top: 22.4px;
left: 420px;
left: 414px;
/*margin-left: -12.5vw;*/
width:280px;
width:292px;
}
#date{
top: 15px;
right: auto;
left: 15px;
width:112px;
width:134px;
}
#catch{
top:93px;
left: 717px;
width:44.8px;
}
#mainLight{
width: 336px;
top:314px;
left:392px;
}
#shareWrap{
position: absolute;
top: 10px;
left: auto;
right: 0px;
width: 160px;
text-align: right;
}
.share{
width:30px;
margin:0 10px 0 0;
}
.share:nth-of-type(1){
margin-left:0;
}
.share:nth-last-of-type(1){
margin-left:0;
}

#spBNR{
position: absolute;
left: 10px;
bottom: 0;
margin-top: 0;
width: 330px;
text-align: left;
}
#spBNR a{
width: 180px;
width: 160px;
margin:5px 5px 0 0;
}

#smartPhoneWrap{
display: none;
}
#menuWrap{
background: url("/eximages/2021/images/kazari_k2.png") center center repeat-x;
background-size: 2400px;
margin-top: 0;
padding: 0;
height: 170px;
}
#menuWrap a{
background: url("/eximages/2021/assets_sub/menu_b_sp.png") center center no-repeat;
background-size: 100%;
width: 228px;
height: 76px;
margin: 3px 3px;
font-size: 18px;
margin: 0px 5px 10px 5px;
font-size: 14px;
position: relative;
z-index: 1;
}
/*#menuWrap a::before{
display: block;
width: 228px;
height: 76px;
background: #FFF;
content: '';
margin-bottom: -76px;
position: absolute;
z-index: 0;
}*/
#menuWrap a p{
font-size: 22px;
line-height: 1em;
padding: 19px 0 2px 0;
}
#menuWrap .newMark{
font-size: 12px;
}
/*
#menuWrap{
background: url("/eximages/2021/images/kazari_k.png") center bottom repeat-x;
background-size: 2400px;
margin-top: -44.8px;
padding: 0;
}
#menuWrap a{
width: 228px;
margin: 3px 3px;
background: #FFF;
}
#menuWrap .newMark{
font-size: 14px;
}*/
#menuSubBTN a{
width: 270px;
margin: 10px 3px;
}

#billing{
margin: 30px auto 0px auto;
}
#officialWrap{
margin: 40px auto 10px auto;
}
#official,
#officialWrap a,
#officialWrap a img{
height: 30px;
}
#official{
margin-right: 10px;
}
#officialWrap a{
margin: 0 5px;
}
#tohoWrap{
margin-top: 10px;
margin-bottom: 0px;
}
#tohoWrap a:nth-of-type(2n+1){
margin-right: 4px;
}
#tohoWrap a{
display: inline-block;
width: 170px;
margin: 0 4px;
}


#subBNRwrap{
display: none;
margin: 40px auto;
}
#subBNRwrap a{
width: 225px;
margin: 0 4px;
}
/*
#history{
width: 225px;
margin: 40px auto;

position: absolute;
top: 61vw;
right: 10px;

}
*/
footer{
padding-bottom: 0px;
}
#linksWrap{
width: auto;
margin: 20px auto;
}

.ctgry{
display: block;
margin: 100px auto 20px auto;
width: 324px;
}
.ctgry#story{
margin-top: 150px;
padding-top: 30px;
margin-bottom: -250px;
}
.ctgry#chara{
margin-top: 200px;
}
.ctgry#news{
margin: 10px auto -50px auto;
}
.ctgry#movie{
margin: 10px auto 0px auto;
}
#storyIllustWrap{
width: 1024px;
margin: -180px auto -150px auto;
padding-top:270px; 
}
#storyIllust{
width: 640px;
}
.mecha{
width: 450px;
}
#mecha1{
top: 30px;
left: -70px;
}
#mecha2{
top: 30px;
right: -70px;
}
#mecha3{
top: 240px;
left: -120px;
}
#mecha4{
top: 240px;
right: -120px;
}
.wakuWrap{
width: 1024px;
margin: 20px auto;
/*background: url("/eximages/2021/images/waku_head_sp.png") center top no-repeat, url("/eximages/2021/images/waku_foot_sp.png") center bottom no-repeat;
background-size: 100%;*/
}
.wakuLoop{
background: url("/eximages/2021/images/waku_mid_pc.png") center top repeat-y;
background-size: 100%;
padding: 0 100px;
}
#storyLoop{
padding-bottom: 30px;
}
.wakuLoop h2{
font-size: 40px;
}
#newsWrap .wakuLoop h2{
font-size: 28px;
line-height: 1.4em;
}
#newsWrap .wakuLoop h2 span{
font-size: 20px;
}
.newsYT{
width: 834px;
height: 469px;
}
.wakuLoop p{
font-size: 17px;
}
.charaWaku{
display: inline-block;
width: 520px;
height: 344px;
margin: 0 -10px;
vertical-align: top;
}
.charaWaku:nth-last-of-type(1){
margin-bottom: 300px;
}
.expWrap h3{
font-size: 36px;
}
.expWrap p{
font-size: 18px;
}
.ttlHR{
width: 100%;
background: url("/eximages/2021/images/hr_border.png") center repeat-x;
background-size: 12px;
height: 20px;
}
hr{
width: 100%;
background: url("/eximages/2021/images/hr_border.png") center repeat-x;
background-size: 12px 2px;
height: 60px;
}
#charaPapi .expWrap{
top: 95px;
left: 90px;
}
#charaRocoroco .expWrap{
top: 95px;
left: 240px;
}

#ftrLogo{
width: 330px;
margin: 0 auto;
}
#cr{
width: 330px;
margin: 20px auto;
}
#linksWrap a:nth-of-type(1){
display: inline-block;
}
#linksWrap a:nth-of-type(1) img{
display: inline;
width: 170px;
margin: 0px 4px 10px 4px;
}
#linksWrap a:nth-of-type(2n){
margin-right: 4px;
margin: 0px 4px 10px 4px;
}
#linksWrap a:nth-of-type(2),
#linksWrap a:nth-of-type(3){
margin-top: 0;
}
#linksWrap a{
width: 170px;
margin: 0px 4px 10px 4px;
vertical-align: top;
}

/*スポンサーバナー*/
#sponcerWrap{
font-size: 0;
text-align: center;
width: 100%;
margin: 30px auto 10px auto;
}
.sponcer{
display: inline-block;
width:120px;
margin-right: 10px;
margin-bottom: 10px;
}
.sponcer:nth-of-type(4n){
margin-right: 10px;
}
/*.modaal-close,
.popupClose{
right: 20px;
top: 20px;
width: 100px;
height: 100px;
background: url("/eximages/2021/images/btn_close.png") center center no-repeat;
background-size: 100px 100px;
}*/

.ytWrap a{
border: solid 2px #00ffec;
margin-bottom: 1%;
margin-right: 1%;
font-size: 22px;

-webkit-box-shadow: 0 0 5px 0 #00ffec;
-moz-box-shadow: 0 0 5px 0 #00ffec;
box-shadow: 0 0 5px 0 #00ffec
}
.ytWrap .newC{
position: absolute;
width: 32px;
top:4px;
left:4px;
}
#ytWrap1 a{
width: 49.5%;
}
.yt{
border: solid 2px #b9fffc;

-webkit-box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
-moz-box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
}
#ytPC{

box-shadow: 5px 5px 15px rgba(185, 252, 255, 0.4),
-5px 5px 15px rgba(185, 252, 255, 0.4),
5px -5px 15px rgba(185, 252, 255, 0.4),
-5px -5px 15px rgba(185, 252, 255, 0.4);
border: solid 4px #b9fffc;
}
.popupWrap{
width: 640px;
margin: 0 auto;
}
.popup{
border: solid 3px #b9fffc;
border-radius: 30px;
border-radius: 20px;

-webkit-box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
-moz-box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
box-shadow: 0 0 15px 0 #00ffec , 0 0 2px 0 #00ffec;
}
#maeBTN{
top: 702px;
left: 124px;
}
p.shomei{
font-size: 14px;
}

}


/*PC2*/
@media screen and (min-width:1120px){


#main{
width: 100%;
height: 52.14vw;
height: 62vw;
height: 53.1vw;
background: url("/eximages/2021/images/main_pc.jpg") top center no-repeat;
background-size: 100%;
}
#mainLight{
width: 30vw;
top:28vw;
left:35vw;
}

#ttl{
top:2vw;
left: 50vw;
margin-left: -12.5vw;
margin-left: -13vw;
width:25%;
width:26%;
}
#date{
top: 1.3vw;
right: auto;
left: 1.3vw;
width:10%;
width:12%;
}
#catch{
top:8.3vw;
left: 64vw;
width:4.0%;
}

#spBNR{
bottom:4vw;
width: 30vw;
}
#spBNR a{
width:17.8vw;
width:16vw;
width:14.285vw;
}
#menuWrap{
margin-top: -4vw;
}

}