/*PCとスマホ版の切り替えるPG*/
  
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc { display: block !important; }

  .sp { display: none !important; }
   

    /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    @media only screen and (max-width: 900px) {
        .pc { display: none !important; }

        .sp { display: block !important; }
    }
  /*ここまで*/



header {
    position: fixed; /*← fixedで固定 */
    width: 100%; 
    top: 0px;
    background-color: white;
    z-index: 110;
}
header .naiyou a {
  
}

 .sin  {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
}
.sin2 {
    font-family: Akshar, "Helvetica Neue", Roboto, Arial, sans-serif;
}
.pc .iroiro {
    width: 100%;
}
.sp .iroiro {
 
width: 100%;


}
.pc .ibento {
    margin: 0px 20%;
}
.pc .box1 {
    display: flex;
    
}

.pc .box2 {
   width: 100%;
}
.pc .box2 img {
width: 90%;
}
.sp .box2 img {
width: 90%;
}


hr {
  border-top: 2px solid #ffd900;
  height: 1em;
  text-align: center;
  overflow: visible;
}
hr::after {
  content: "EVENT NEWS";
  background: #444444;
  color: #ffc400;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  top: -1em;
  padding: 0 1em;
}





.sitemap {
margin-right: 80%;

}  
 .sitemap a {
     font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
     color: #1A1A1A;





}
 h3 a {
     font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
     color: #da2626;

}
 h3 a:hover {
     
     color: #1652d3;

}

.news {
    background-color: #ffffff;
    
}


.sentaku img {
   width: 100%;
   border: solid 2px #acacac; 
    margin: auto;
    
}






.body {
    text-align: center;
   
}

.pc { background-color: #fff9e3;}
.sp { background-color: #fff9e3;}





.sentaku {
    display: flex;
    justify-content:center;
}
.pc .uegazou img {
    width: 100%;
}
.sp .uegazou img {
    width: 100%;
}
 .seihin {
    color: #1A1A1A;
border-bottom: solid #FBEA3B;
    
}

.pc .lot {
    width: 60%;
}
.lot {
    width: 100%;
}
.pc .osi {
    background-color: #ffffff;
    
  
}
.pc .news {
    width: 700px;
   margin: auto;
}

.sp .osi {
    background-color: #ffffff;
    
  
}
.sp .news {
    width: 90%;
   margin: auto;
}


.osi p {
    color: #525252;
    text-align: center;
}

.sp .top img {
    width: 80%;
}
.ai  {
    width: 5%;
}

.pc .sita {
    width: 20%;
}
.tb .sita {
    width: 20%;
}

.sp .sita {
    width: 80%;
}

footer {
    background-color: #2e2e2e;
}
.haikei0 {
    background-color: #f0f0f0;
}

.box00 {
    display: flex;
    align-items: center;
   justify-content: center;
}
footer .sen {
    border-left:2px solid #ffffff; /*線の設定*/
    border-right:2px solid white;
}
footer p {
    color: white;

padding:2px 8px; /*余白の設定*/
    }

 h1 {
    font-size: 50px;
}

 .osirase img {
    width: 3%;
}
.honbun {
   max-width: 1000px;
   margin: auto;

}
.pcvideo  {
    max-width: 900px;
    margin: auto;
    width: 100%;
}
.pcvideo0  {
    max-width: 800px;
    margin: auto;
    width: 100%;
}
.pc .mokei {
    max-width: 800px;
}
.tb .mokei {
    max-width: 700px;
    width: 100%;
}
.sp .mokei {
    max-width: 700px;
    width: 100%;
}
.sp .ai {
    max-width: 700px;
    width: 40%;
}
.sp  {
    text-align: center;
}
p {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;
}

.tb {
    text-align: center;
}

.botan0  {
    max-width: 600px;
    margin: auto;
    width: 100%;
}
.botan1  {
    max-width: 600px;
    margin: auto;
    width: 100%;
}
.menu a {
 
    color: #1A1A1A;
    
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;
}

.pc {
    text-align: center;
   
}

.pc .naiyou {
    position: relative;
    top: 15px;
}

.pc .naiyou a:hover {
    border-bottom: 3px solid #ffe600;
    
}


.pc .kakoi {
    display: inline-block; /*inline-block要素、もしくはblock要素にする*/
}
h1 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;

}
h2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;

}
h3 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;

}
a {
    text-decoration: none;
}

.pc .menu {
    display: flex;
    
   
 
}
.tb .menu {
    text-align: center;
}

.sp-hamburger span {
    
}




.menu img {
    width: 250px;
}

html,body {
    overflow-x: hidden;
  }
.pc .naiyou a {
    margin-left: 2vw;
    margin-right: 2vw;
}
.tb .naiyou a {
    margin-left: 2vw;
    margin-right: 2vw;
}
span {
    　display: inline-block;
    }

    #sp-hamburger {
        background-color: transparent;
        position: relative;
        height: 60px;
        width: 60px;
        z-index: 100;
        margin: 0 0 0 auto;
      }
      #sp-hamburger .icon span {
        position: absolute;
        left: 15px;
        width: 30px; /* 線の幅 */
        height: 2px; /* 線の太さ */
        background-color: black; /* 線の色 */
        border-radius: 8px;
        transition: ease 0.75s;
      }
      #sp-hamburger .icon span:nth-of-type(1) {
        top: 18px;　/* 上の線の位置調整 */
      }
      #sp-hamburger .icon span:nth-of-type(2) {
        top: 30px; /* 真ん中の線の位置調整 */
      }
      #sp-hamburger .icon span:nth-of-type(3) {
        bottom: 16px; /* 下の線の位置調整 */
      }

      #sp-hamburger .open span:nth-of-type(1) {
        top: 28px;
        transform: rotate(45deg); /* 線の角度調整 */
        background-color: rgb(49, 49, 49);; /* 線の色 */
      }
      #sp-hamburger .open span:nth-of-type(2) {
        opacity: 0; /* 透明化 */
      }
      #sp-hamburger .open span:nth-of-type(3) {
        top: 28px;
        transform: rotate(-45deg);  /* 線の角度調整 */
        background-color: rgb(49, 49, 49); /* 線の色 */
      }



      .sp-nav {
        display: none;
        z-index: 99;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255, 208, 0, 0.596);
      }



      .sp-nav ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        list-style: none;
        height: 100vh;
        padding: 0 20px;
      }
      .sp-nav a {
        padding: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background-image: linear-gradient(to right, white, white 10px, transparent 10px, transparent 15px);
        background-size: 20px 1px;
        background-repeat: repeat-x;
        background-position: center bottom;
      }
      .sp-nav a {
        color: white;
        background-color: #2e2e2e;
      }
    }