@charset "Shift_JIS";

/* sciencefes2025 */

div#allcontents2025{
/*	padding:0.5em;*/
	display:flex;
	flex-direction:row;
}
div#main2025{
	width:20%;
}

div#menu{
	padding : 0 0 0 0.5em;
}

div#sciencefes2025{
	width:80%;
	float:right;
	font-family:'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

div#siencefes2025news{
	background-color: #FFFF99;
	padding: 1em;
}

div#quizrally{
	text-align:center;
	border: 5px solid #FFFF99;
	padding: 1em;
}

div#quizrallyhint{
    font-size:1.5em;
	text-align:left;
	padding: 1em;
}

div#flier{
    font-size:1.5em;
	text-align:center;
}

div#fliergazou{
    display:flex;
	gap: 15px;
	justify-content:center;
	align-items:center;
	padding: 1em;
}

div#titlemoji{
	color: #006400;
	text-align: center;
	padding:2em;
}

div#map2025{
	
	padding: 0.5em;
	display:flex;
	justify-content:center;
	align-items:center;
	margin: 1em;
}

div#contentsandmap{
	width:50%;
	display:flex;
	flex-direction:column;
	color: black;
	text-align: center;
	padding:1em;
}
div#contentsdetail{
	padding: 0.5em;
	display: flex;
	flex-direction: row;
}

div#contentscomment{
	margin:1em;
}

div#presenter{
	display: flex;
	justify-content: flex-end;
}

.access-button{
  display: inline-block;
  padding: 14px 20px;               
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  text-align: center;
  min-width: 220px;
}

.access-button:hover {
  background-color: #92d59c;
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.access-blue {
  background: #AEE5F5;
  color: black;;
}

.access-blue:hover {
  background: #89d2eb;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.access-orange {
  background:#F6A960;
  color: black;
}

.access-orange:hover {
  background: #e8913f;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.access-pink {
  background:#FFA7A7;
  color: black;
}

.access-pink:hover {
  background: #f98989;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.access-pink:hover::before {
  left: 125%;
  transition: all 0.7s ease;
}

div#honsyofes1{
	color: black;
	text-align: center;
	font-size:1rem;
}

div#honsyofes2{
	color: black;
	text-align: center;
	margin:0.5em;
	padding:1em;
	font-size:1rem;
}

div#ambicfes{
	color: black;
	text-align: center;
	font-size:1rem;
}

div#bustour{
	text-align: center;
	margin:0.5em;
	padding:1em;
	border: 5px solid #bbb7da;
	border-radius:10px;
}

div#honsyocontents1{
	margin: 1em;
	float: center;
	color: black;
	text-align: left;
	padding:1em;
	border: 10px solid #FED147;
	border-radius:10px;
	animation:flexslider;
}

div#honsyocontents2{
	margin: 1em;
	float: center;
	color: black;
	text-align: left;
	padding:1em;
	border: 10px solid #5BBBF2;
	border-radius:10px;
}

div#ambiccontents{
	margin: 1em;
	float: center;
	color: black;
	text-align: left;
	padding:1em;
	border: 10px solid #ffc6ff;
	border-radius:10px;
}


div#foot2025fes{
	position: relative;
	bottom:0px;
	width: 100%;
	height: 20px;
	text-align: center;
	background-color: #005638;
	font-weight: bold;
	font-size:small;
	color: #ffffff;
	padding-top : 2px;
	border-top-width: 2px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-color: #e5ffe5;
	border-style: solid;
}

div#jump{
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #FFFF99; 
      color: white;
      padding: 12px 20px;
      border-radius: 30px;
      text-decoration: none;
      font-size: 16px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      transition: background-color 0.3s;
      z-index: 1000;
}

div#contentsandmap{
	width:50%;
	display:flex;
	flex-direction:column;
	color: black;
	text-align: center;
	padding:2em;
}

    .back-to-top:hover {
      background-color: #ff85c1;
    }

    .back-to-top img {
      vertical-align: middle;
      margin-right: 8px;
      height: 20px;
    }

    .sankikan {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin: 20px;
	  background-color:#f0f8f0;
    }

    .sankikan a {
      text-decoration: none;
      color: #006400;
      font-size: 18px;
      font-weight: bold;
      padding: 6px 12px;
      border-radius: 6px;
      transition: background-color 0.3s;
    }

    .sankikan a:hover {
      background-color: #e0ffe0;
    }
	
	
/* 初期状態 */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  animation: fadeInUp 0.6s ease forwards;
  /* forwardsでアニメーション後の状態を保持 */
}

/* アニメーション定義 */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

 #iessitetoppage{
	display:none;
 }

 #sumaho_titlemoji{
	display:none;
 }

 #sumahotime{
	display:none;
 }




/*スマホ画面のとき*/

@media screen and (max-width: 768px) {
  #wrap {
    width: 100% !important;
  }
  
  #allcontents2025{
  display: flex;
  flex-direction: column !important;
  background-image: url("sumahobackground5.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: auto;
  animation: moveBg 30s linear infinite;
  }

/* アニメーションの定義 */
@keyframes moveBg {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -1000px; 
}
}

  #navi{
display: none !important;
  }
  
   #navi2{
display: none !important;
  }
  
   #head{
display: none !important;
  }
  
   #menu{
display: none !important;
  }
 
   #titlemoji{
display: none !important;
  }
 
  
  #iessitetoppage{
	display:block;
	padding:0.2em;
	font-size:1em;
	background-color:#F7E47B;
	color:black;
	text-align:center;
 }
 

#sumahotitlemoji {
  font-size: clamp(2em, 5vw, 3.5em);
  color: #ED602C;
  font-weight: 900;
  text-align: center;
  text-shadow: 2px 2px 6px rgba(255, 255, 255, 0.8);
  z-index: 2;
  position: relative;
}


#sumahotitlemoji span {
  display: inline-block;
  opacity: 0;
  animation: fadeInChar 0.8s ease forwards;
  margin: 0;
  padding: 0;
}

#sumahotitlemoji .line span:nth-child(1) { animation-delay: 0s; }
#sumahotitlemoji .line span:nth-child(2) { animation-delay: 0.1s; }
#sumahotitlemoji .line span:nth-child(3) { animation-delay: 0.2s; }
#sumahotitlemoji .line span:nth-child(4) { animation-delay: 0.3s; }
#sumahotitlemoji .line span:nth-child(5) { animation-delay: 0.4s; }
#sumahotitlemoji .line span:nth-child(6) { animation-delay: 0.5s; }
#sumahotitlemoji .line span:nth-child(7) { animation-delay: 0.6s; }
#sumahotitlemoji .line span:nth-child(8) { animation-delay: 0.7s; }
#sumahotitlemoji .line span:nth-child(9) { animation-delay: 0.8s; }
#sumahotitlemoji .line span:nth-child(10) { animation-delay: 0.9s; }
#sumahotitlemoji .line span:nth-child(11) { animation-delay: 1.0s; }
#sumahotitlemoji .line span:nth-child(12) { animation-delay: 1.1s; }
#sumahotitlemoji .line span:nth-child(13) { animation-delay: 1.2s; }

/* アニメーション定義 */
@keyframes fadeInChar {
  0% {
    opacity: 0;
    transform: translateY(1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

 div#sumahotime {
 display:flex;
 justify-content: center; 
 align-items: center;  
 font-size:2em;
 text-align:center;
}	
 
 
  

  #main2025,
  #sciencefes2025 {
    width: 100% !important;
    float: none !important;
  }
	
   div#allcontents2025 {
    flex-direction: column;
  }

 div#contentsandmap{
display: none;
}

  div#main2025,
  div#sciencefes2025 {
    width: 100%;
    float: none;
  }


  #map2025 {
    flex-direction: column;

  }

  #mapimage2025 img {
    max-width: 100%;
    height: auto;
	display:flex;
    align-items: center;
  }
  
  
.access-button{
   display: block;
    margin: 1em auto;
    text-align: center;
    padding: 14px 20px;
    font-weight: bold;
    font-size: 1.5rem;
    border-radius: 50px;
    border: 0.5em solid #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    width: fit-content;
}


.access-blue {
  background: #AEE5F5;
  color: black;;
}


.access-orange {
  background: #F6A960;
  color: black;
}


.access-pink {
  background: #FFA7A7;
  color: black;
}


div#contentsdetail{
	padding: 0.5em;
	display: flex;
	flex-direction: column; 
    align-items: center;
	gap: 1em;
}


div#honsyocontents1{
background-color:rgba(255, 255, 255, 0.7);
}

div#honsyocontents2{
background-color:rgba(255, 255, 255, 0.7);
}

div#ambiccontents{
background-color:rgba(255, 255, 255, 0.7);
}

div#bustour{
background-color:rgba(255, 255, 255, 0.7);
}

div#sankikan{
background-color:rgba(255, 255, 255, 0.7);
}

div#quizrally{
background-color:rgba(255, 255, 255, 0.7);
}
  
#titleWrapper {
 background: url("topimage2.png") no-repeat center top;
  background-size: contain;       
  background-repeat: no-repeat;
  background-color: #FFF7E5;      
  width: 100%;
  height: auto;
  padding-top: 1em;               
  padding-bottom: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}


@keyframes floatY {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
}

@media screen and (min-width: 769px) {
  .float-icon {
    display: none;
  }
}