@charset "utf-8";

/*@font-face{
	font-family:'Kaisei Tokumin';
	src:url('./fonts/KaiseiDecol-Bold.ttf') format('truetype');
}*/

.main-visual {
  padding-top: 140px;
  padding-bottom: 150px;
  background-image: url("images/haikei.jpg");
  background-size: cover;
  background-position:center;
  width:100%;
  height:480px;
  color: #603162;
  text-align: center;
}

.fair-logo{
/*margin-left: auto; */
/*margin-right: 100px;*/
margin-top: 50px;
margin-bottom: 50px;
}

.top-title {
  font-size: 64px;
  margin-bottom: 10px;
  font-family: 'Kaisei Tokumin', serif;
}
.top-subtitle {
  font-size: 24px;
  margin-bottom: 60px;
}
.top-text {
  opacity: 0.9;
}

.harejii {
	margin-top:10px;
    width: 15%;
  }

.btn02 {
  padding: 10px;
/*  background-color:#fee140;*/
  width: 200px;
  border-radius: 10px;
  margin-left: auto;
  margin-top:0px;
  margin-right:auto;
  margin-bottom:20px;
  background-color:#808080;
}

.btn02 a{
  margin-bottom: 60px;
  color:#0000ff;
  text-decoration: none;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}
 
.btn02 a:link {
  color:#f5f5f5;
  text-decoration: none;
}
.btn02 a:visited {
  color:#f5f5f5;
  text-decoration: none;
}
.btn02 a:hover {
  color:#f5f5f5;
  text-decoration: underline;
}
.btn02 a:active {
  color:#f5f5f5;
  text-decoration: underline;
}


.day {
  margin: 0px 0px;
  padding: 12px 0;
  color: #ffffff;
  text-align: center;
  background-color:#FFA500;
}
.day h2 {
  margin: 25px;
     margin-bottom: 0px;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}

.day h4 {
  margin: 25px;
     margin-top: 15px;
    margin-bottom: 0px;
  font-family: '', serif;
  font-weight: bold;
}

.main {
  padding: 80px 0;
  color: #5a5c5f;
  text-align: center;
}
.main h2 {
  position: relative;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}



.main h2 span {
  border-bottom: double 5px #FF6600;
}

.main h3 {
  margin-bottom: 10px;
  font-family: 'Kaisei Tokumin', serif;
}



.youtube {
  padding: 80px 0;
  color: #5a5c5f;
  text-align: center;
  background-color:#FFEBCD;
}

.youtube h2 {
  position: relative;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}

.youtube h3 {
  position: relative;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}

.youtube h2 span{
  border-bottom: double 5px #FF6600;
}
.Anniversary {
  color: #5a5c5f;
  text-align: center;
}
.Anniversary h2 {
  position: relative;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}


.Anniversary h2 span {
  border-bottom: double 5px #FF6600;
}
.Anniversary-img {
  display: flex;
  text-align: left;
}
.Anniversary-img a{
  margin: 25px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-family: 'Kaisei Tokumin', serif;
  text-align: left;
}
.harerun {
  max-width: 300px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
.harerun a:hover {
    transform:scale(1.05);
    transition:0.3s;
}
.harerun-text{
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Kaisei Tokumin', serif;
}
.harerun-text p span {
  font-weight: bold;
}
.harerun-text a{
  margin-left: auto;
  margin-right: auto;
  font-family: 'Kaisei Tokumin', serif;
}
.harerun-text a:link{
  color: #F07d34;
  text-decoration: none;
}
.harerun-text a:hover{
  color: #F07d34;
  text-decoration: underline;
}
.harerun-text a:active{
  color: #F07d34;
  text-decoration: underline;
}
.insta a{
  display:block;
  text-align: center;
}
.insta a:hover{
    transform:scale(1.05);
    transition:0.3s;
}

.supporter {
  padding: 80px 0;
  color: #5a5c5f;
  text-align: center;
  background-color:#F0F8FF;
}
.supporter h2 {
  position: relative;
  font-family: 'Kaisei Tokumin', serif;
  font-weight: bold;
}


.supporter h2 span {
  border-bottom: double 5px #FF6600;
}
.supporter h3 {
  margin-bottom: 10px;
  font-family: 'Kaisei Tokumin', serif;
}
.footer-right {
    font-family: 'Kaisei Tokumin', serif;
}

.jizen-container {
  text-align: center;
  max-width: 800px;
  max-height: 600px
  width: 40vw;
  height: 35vh;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden; */
  /*margin-bottom: 20px; /* ボックスの下に 20px の余白 */
}
.jizen-container .jizen {
  width: 90%; /* 親要素 (a タグ) に合わせる */
  height: 90%; /* 親要素 (a タグ) に合わせる */
  display: flex; /* 中の画像を中央寄せしやすくする */
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.jizen-container .jizen img {
  display: block;
  max-width: 100%; /* 親要素 (.jizen) の幅の 100% */
  max-height: 100%; /* 親要素 (.jizen) の高さの 100% */
  object-fit: contain; /* または cover */

}

.jizen-container .jizen:hover{
    transform:scale(1.05);
    transition:0.3s;
}

.logo150th{
	width: 80%;
	margin-left:-15px;
}