@charset "UTF-8";
body{
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  background-color: #FCF16E;
  background-repeat: repeat;
  background-size: 100% auto;
}
.top-logo{
  width: 60%;
  height: auto;
  margin-top: 62px;
}

header{
  width: 100%;
  position: fixed;
  background-image: linear-gradient(#f8ffcedb, rgba(124, 129, 109, 0.483));
  z-index: 100;
}




@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Noto+Sans+JP:wght@100..900&display=swap');

body {
  justify-content: center;
  align-items: center;  
  min-height: 100vh;
}
/*企画紹介*/
.midashi{
	width: 50%;
}	
.intro{
	width: 60%;
	padding-top: 40px;
	padding-bottom: 40px;
}
/*バトル内容紹介*/
.min_midashi{
	width: 50%;
}
.battle{
	width: 50%;
	padding-top: 40px;
	padding-bottom: 40px;
}
.battle-except{
	width: 50%;
	padding-top: 40px;
	padding-bottom: 200px;
}
/*基本情報*/
.kihon{
	width: 50%;
	padding-top: 40px;
}
.map{
	width: 60%;
	padding-top: 40px;
	padding-bottom: 200px;
}
/*ロボット紹介*/
.AI{
	width: 20%;
}
.ai_intro{
	width: 60%;
	padding-top: 40px;
	padding-bottom: 200px;
}
/*MC*/
.MC{
	width: 30%;
	margin:0 auto;
	padding-top: 40px;
}
.mc_intro{
	width: 20%;
	padding-bottom: 200px;
}
/*教授*/
.professor{
	width: 30%;
	margin:0 auto;
	padding-top: 40px;
}
.professor_intro{
	width: 30%;
	padding-bottom: 200px;
}
/*ゲスト*/
.guest {
	width: 36%;
	padding-top: 20px;
}
.guest_intro{
	width: 50%;
	margin-bottom: 200px;
}
/*CM*/
.cm{
	width: 60%;
	padding-top: 40px;
	padding-bottom: 200px;
}


p a:link {
  color: #c48cfd;
  text-decoration: underline;
}
p a:visited {
  color: #c48cfd;
  text-decoration: underline;
}
.copyright {
    text-align: center;
    color: #ffff;
    padding: 1rem 0;
}

/*ここからナビゲーションメニュー*/
.main-nav{
  display: flex;
  font-size: 15px;
  text-transform: uppercase;
  margin: 15px auto 15px auto;
  list-style: none;
}

.main-nav li{
  margin-left: 36px;
}

.main-nav a{
	font-family: "Mochiy Pop One", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #ffff;
}

.main-nav a:hover{
  color: #0bd;
}

.page-header{
  display: flex;
  justify-content: center;
}
/*ここまでナビゲーションメニュー*/









/*767px以下 スマホ*/
@media (min-width: 1px) and (max-width: 767px) {

.top-logo{
    width: 95%; /*変更*/
    margin-top: 40px;/*変更*/
    margin-bottom: 40px; /*追加*/
}

 /*企画紹介*/
.midashi{
	width: 70%;
}	
.intro{
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*バトル内容紹介*/
.min_midashi{
	width: 70%;
}
.battle{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.battle-except{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 100px;
}
/*基本情報*/
.kihon{
	width: 80%;
	padding-top: 20px;
}
.map{
	width: 80%;
	padding-top: 20px;
	padding-bottom: 100px;
}
/*ロボット紹介*/
.AI{
	width: 20%;
	padding-top: 20px;
}
.ai_intro{
	width: 90%;
	padding-top: 20px;
	padding-bottom: 100px;
}
/*MC*/
.MC{
	width: 50%;
/*	margin-right: 5%; 削除*/
	padding-top: 20px;
	padding-bottom: 0;
}
.mc_intro{
	width: 25%;
	padding-bottom: 100px;
}
/*教授*/
.professor{
	width: 50%;
/*	margin-right: 5%;　削除*/
	padding-top: 20px;
}
.professor_intro{
	width: 40%;
	padding-bottom: 100px;
}
/*ゲスト*/
.guest {
	width: 60%;
	padding-top: 20px;
}
.guest_intro{
	width: 70%;
	margin-bottom: 100px;
}
/*CM*/
.cm{
	width: 60%;
/*	margin-right: 5%; 削除*/
	padding-top: 20px;
	padding-bottom: 100px;
}


p a:link {
  color: #c48cfd;
  text-decoration: underline;
 }
p a:visited {
  color: #c48cfd;
  text-decoration: underline;
 }

.copyright {
    text-align: center;
    color: #ffff;
    padding: 1rem 0;
}
 /*ここからナビゲーションメニュー*/
.main-nav{
	margin: 15px 1px 15px auto; /*変更*/
}
	  
.main-nav li{
	font-size: 11px; /*追加*/
	margin-left: 10px; /*変更*/
}
/*ここまでナビゲーションメニュー*/
}






/*1000px以下 ipad*/
@media  (min-width: 768px) and (max-width: 1000px) {

.top-logo{
    width: 85%; /*変更*/
    margin-top: 120px;/*変更*/
    margin-bottom: 125px; /*追加*/
}

/*企画紹介*/
.midashi{
	width: 70%;
}	
.intro{
	width: 80%;
	padding-top: 40px;
	padding-bottom: 40px;
}
/*バトル内容紹介*/
.min_midashi{
	width: 70%;
}
.battle{
	width: 70%;
	padding-top: 40px;
	padding-bottom: 40px;
}
.battle-except{
	width: 70%;
	padding-top: 40px;
	padding-bottom: 100px;
}
/*基本情報*/
.kihon{
	width: 70%;
	padding-top: 40px;
}
.map{
	width: 60%;
	padding-top: 40px;
	padding-bottom: 100px;
}
/*ロボット紹介*/
.AI{
	width: 30%;
	padding-top: 40px;
}
.ai_intro{
	width: 80%;
	padding-top: 40px;
	padding-bottom: 100px;
}
/*MC*/
.MC{
	width: 50%;
/*	margin-right: 5%; 削除*/
	padding-top: 40px;
}
.mc_intro{
	width: 25%;
	padding-bottom: 100px;
}
/*教授*/
.professor{
	width: 50%;
/*	margin-right: 5%; 削除*/
	padding-top: 40px;
}
.professor_intro{
	width: 45%;
	padding-bottom: 100px;
}
/*ゲスト*/
.guest {
	width: 50%;
	margin-right: 5%;
	padding-top: 20px;
}
.guest_intro{
	width: 70%;
	margin-bottom: 100px;
}
/*CM*/
.cm{
	width: 70%;
/*	margin-right: 5%; 削除*/
	padding-top: 40px;
	padding-bottom: 100px;
}


p a:link {
  color: #c48cfd;
  text-decoration: underline;
 }
p a:visited {
  color: #c48cfd;
  text-decoration: underline;
 }

.copyright {
    text-align: center;
    color: #ffff;
    padding: 1rem 0;
}
/*ここからナビゲーションメニュー*/
.main-nav{
	margin: 30px 24px 30px auto; /*変更*/
}
	  
.main-nav li{
	font-size: 15px; /*追加*/
	margin-left: 22px; /*変更*/
}
	  /*ここまでナビゲーションメニュー*/
}






 

.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}