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

/*ページローダー*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 10000000000;
}
#loader {
  display: none;
  position: fixed;
  top: 45%;
  left: 50%;
  width: 300px;
  height: 100px;
  margin-top: -50px;
  margin-left: -150px;
  text-align: center;
  color: #fff;
  z-index: 10000000001;
}

html{
	font-size:15px;
}
body{
	font-size:100%;color:#FFF;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;
}
#wrapper{width:100%;background:#003a81;}
#mugenyoyo h1{display:none;}
#mugenyoyo p{margin-bottom:1em;}

#mugenyoyo .inner{width:1000px;margin:0 auto;border:none;position: relative;}
#mugenyoyo .inner #title{width:1000px;margin:0 auto;}

#mugenyoyo .inner #title #triangle{width:1116px;position:absolute;top:340px;left:-10px;right:0;margin:0 auto;z-index:1;}
#mugenyoyo .inner #title #man{width:793px;position:absolute;top:140px;right:0;left:-300px;margin:0 auto;z-index:2;}
#mugenyoyo .inner #title #pict{width:713px;position:absolute;top:0px;left:40px;z-index:3;}
#mugenyoyo .inner #title #d3{width:774px;position:absolute;top:300px;left:90px;z-index:4;}
#mugenyoyo .inner #title #text1{width:758px;position:absolute;top:270px;left:70px;z-index:5;}
#mugenyoyo .inner #title #text2{width:704px;position:absolute;top:570px;left:180px;z-index:6;}
#mugenyoyo .inner #title #day{width:214px;position:absolute;top:650px;right:100px;z-index:7;}
#mugenyoyo .inner #title #beginner{width:178px;position:absolute;top:560px;left:40px;z-index:7;}

#mugenyoyo .inner #logo{width:180px;position: absolute;left:0;top:0;margin:0 auto;}
#mugenyoyo .inner #logo img{width:100%;}
#mugenyoyo .inner #lead{width:709px;position: relative;margin:0px auto 0;}

#mugenyoyo .inner #howto{width:709px; height:876px; margin:30px auto 0;background:url(../_img/howto.png) center top;position: relative;}

#mugenyoyo .inner #howto a.btn{width:576px; margin:0 auto;position: absolute;left:0; right:0; bottom:40px;cursor: pointer;}

h2{width:649px; height:70px; margin:40px auto 20px;background:url(../_img/h2_bg.png) center top;position: relative;text-align: center;font-size:26px;line-height:2.5em;letter-spacing: 0.2em;font-weight: 900;}

h2#youkou{width:631px; height:52px;color:#000;background:url(../_img/h2_youkou_bg.png) center top;line-height:2em;margin-top:-26px;margin-bottom:0;}

.inner2{ margin:0 auto;}
.inner2.kikan{text-align:center;}
.inner2 strong{font-size:32px;line-height:1.2em;color:#00d8ff;}
.inner2 strong.white{font-size:26px;line-height:1.2em;color:#FFF;display:block}

.twitter-tweet{width:550px;margin:30px auto;}
.tweet{background:#FFF;padding:20px;text-align:center;color:#000;font-size:24px;}
ul.textList{list-style: none;padding:0;}
ul.textList li{line-height:1.2em;margin-bottom:2%;}
ul.textList li:before { content:"・"; }
ul.textList2{list-style: none;padding:0;margin-top:2%;margin-left:1em;}
ul.textList2 li{text-indent: -1em;padding-left: 1em;line-height:1.2em;margin-bottom:2%;}
ul.textList2 li:before {content:none;}

#otherInfo{width:1000px;margin:80px auto 0;padding:0 25px 25px; border:3px solid #FFF; border-radius: 15px; box-sizing: border-box; background:rgba(0,0,0,0.5);}

.inner2 p{padding-left:1em;text-indent: -1em;}
.inner2 p.notIndent{padding-left:0em;text-indent: 0em;}

.inner2 a{color:#00d8ff;}

a.btn1 {
    width:60%;
display: block;
background: #00d8ff;
color: #000!important;
font-size: 24px;
padding: 15px;
border-radius: 18px;
text-align: center;
margin: 30px auto;
text-decoration: none;
font-weight:bold;
}

@media (max-width: 480px){
    
#loader {
  display: none;
  position: fixed;
  top: 45%;
  left: 25%;
  width: 50%;
  height: 100px;
  margin-top: -50px;
  margin-left: auto;
  text-align: center;
  color: #fff;
  z-index: 10000000001;
}
    
img{width:100%;}
#wrapper{overflow: hidden;}
#mugenyoyo .inner{width:100%;margin:0 auto;border:none;position: relative;font-size:3.2vw;}
#mugenyoyo .inner #title{width:100%;height:auto;}
    
.inner2 strong.white{font-size:4.4vw;line-height:1.2em;color:#FFF;display:block}
.tweet {
background: #FFF;
padding: 5%;
text-align: center;
color: #000;
font-size: 4vw;
    margin-bottom:5%;
}

a.btn1 {
    width:90%;
display: block;
background: #00d8ff;
color: #000!important;
font-size: 5vw;
padding: 3%;
border-radius: 10px;
text-align: center;
margin: 10% auto;
text-decoration: none;
font-weight:bold;
}

#mugenyoyo .inner #logo{width:calc(100%*262/1000);position: absolute;left:0;right:0;top:0;margin:0 auto;}
#mugenyoyo .inner #lead{width:100%;position: relative;margin:0px auto 0;}
#mugenyoyo .inner #howto{width:100%; height:auto; padding-top:calc(100%*876/709);margin:3vh auto 0;background:url(../_img/howto.png) center top no-repeat;background-size:100% auto; position: relative;}
    
#mugenyoyo .inner #howto a.btn{width:80%; margin:0 auto;position: absolute;left:0; right:0; bottom:3vh;cursor: pointer;}
 
#otherInfo{width:98%;margin:10% auto 0;padding:0 2% 2%; border:2px solid #FFF;box-sizing: border-box; background:rgba(255,255,255,0.1); border-radius: 10px;}
    
h2{width:96%; height:auto; margin:3vh auto 0;background:url(../_img/h2_bg.png) center top no-repeat; background-size:100% auto;position: relative;text-align: center;font-size:4vw;line-height:2.3em;letter-spacing: 0.2em;padding-bottom:2%;}
    
h2#youkou{ width:98%; height:auto;color:#000;background:url(../_img/h2_youkou_bg.png)center top no-repeat;background-size:100% auto;line-height:1.8em;margin-top:-2vh;padding-bottom:2%;}

.inner2{width:96%; margin:0 auto;}
.inner2 strong{font-size:5vw;line-height:1.2em;}
    
}