#hanburger {
  display: none; /* チェックボックスを非表示 */
}
/*JSを使いfixedクラスが付与された際の設定*/
#scroll.fixed{
  position: fixed;/*fixedを設定して固定*/
  z-index: 999;/*最前面へ*/
  top:0;/*位置指定*/
  left:0;/*位置指定*/
  background-color:#21054d;
  transition: 0.8s;
}


/*トップ戻るボタン
----------------------------------------*/

#scroll-to-top-btn{
	position: fixed;
	bottom: 10px;
	right: 10px;
	height: 50px;
	width: 50px;
	color: #FFF;
	font-size: 32px;
	background-color: #9E9E9E;
	border: none;
	border-radius: 50%;
	outline: none;
	transform: rotate(-90deg); 
}

@media screen and (min-width: 501px) {
  body{
    font-size:  15px;
  }
  .page{
    max-width:1500px;
    width:100%;
    margin:0 auto;
  }
  /*動画
  -------------------------------------*/
  .video-container{
    margin:5% 0;
  }


  /*検索
  -------------------------------*/
  .fes-search{
    font-size: 1.5rem;
    border: solid #000;
  }
  .search-form{
    display: flex;
    justify-content: space-between;
  }
  .side-bar{
    border: solid #000;

  }
  .form-row{
    border: 1px solid #000;
  }
  .submit_form{
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px 0 10px;
    width: 200px;
    height: 50px;
    border-top-left-radius: 40px 50px;
    border-top-right-radius: 40px 50px;
    border-bottom-right-radius: 40px 50px;
    border-bottom-left-radius: 40px 50px;
    border: solid 1px #fff;
    cursor: pointer;
    background-image: linear-gradient(to right, #f0a9c1 0%, #e80af0 100%);
    transition: 1.0s;
    background-size: 200% auto;

  }
  .submit_form:hover{
    background-position: right;
    background-image: linear-gradient(to left, #f0a9c1 0%, #e80af0 100%);
  }

  .summer{
    
    
    background-image: url("../images/turumiomaturi720PAS01713_TP_V.jpg");
    background-repeat:repeat ;
    /* position: relative; */
    background-attachment: fixed;
    background-position: center;
    
  
  /* .summer-content{
    /* position:absolute; */
    /* z-index:1; */
    opacity: 0.8;
  }
  /* .autumn-content{
    opacity:0.7; 
  }  */
  .summer::before{
    content: '';
    
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
  }
 
  .title{
    font-size: 3.5rem;
    text-align: center;
  }
  .summer-heading{
    color:#db7093;
  }
  .fes-img{
    width: 750px;
    max-width:750;

  }
  .fes-img-heading{
    width: 100%;
  }
  .container{
    display:flex;
    /* justify-content: space-between */
    justify-content: center;
  }
  .exp{
    width:750px;
    text-align: center;
    padding: 0% 0% 0% 0%; 
    border:  solid #000;
  }
  .heading{
    font-size: 2.5rem;
  }
  .text{
    text-align: center;
    
  }
  .back-img{
    opacity:0.5;  
  }   /*バックグラウンド画像*/
  .autumn{
    background-image: url("../images/STOCKER1202002_TP_V.jpg");
    background-repeat:repeat ;
   
    background-attachment: fixed;
    background-position: center;
  }
  .autumn-heading{
    color:rgb(202, 81, 11);
  }
  
  /*footer
  -----------------------------------------*/
  .footer{
    background-color: rgb(20, 6, 102);
    
  }
  .link{
    color:#fff;
    text-decoration: none;
  }
  /* .footer-menu{
    
    
  } */
  .footer-ul{
    display:flex;
    justify-content: center;
  }
  .footer-li{
    list-style: none;
  }
  .ft-ul-li{
    display:inline-block;
    width:100%;
    margin: 5% 0%;
    font-size: 1.5rem;
    text-align: center;
  }
  .item{
    padding: 2% 0%;
  }
  .copy{
    text-align: center;
    color: #fff;
  }
  /*archive
  ---------------------------------------------------------------------------*/
  .archive-img{
    background-image: url("../images/KZ2123DSCF2828_TP_V.jpg");
    height:20vh;
    
    /* position: relative; */
    /* background-attachment: fixed; */
    background-position: center;
    
  }
  .arc-main{
    margin: 7% 0;
  }
  .archive-h{
    font-size: 2rem;
    text-align: center;
  }
  .wrapper{
    display:grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #000;
    height: 30vh;
    
  }
  .wrapper-p{
    
    border: 1px solid #000;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    
  }
  .area , .sche ,.overview{
    margin: 2% 0;
  }
  
  .slick-img{
    border: 1px solid #000;
   
    max-width: 750px; 
    
  }
  .slick-slide img {
    width:50vw; 
    height: 25vh; 
    object-fit:cover;
    }
  .slick-prev{
    left:0;
    z-index:1;
  }
  .slick-next{
    right:0;
  }

  /*taxonomy  single-festival
  --------------------------------------------------------------------------*/
  .tax-main{
    margin: 7% 0;
  }
  .festival-sec{
    background-image: url("../images/NIS_8452_yodogawanohanabi_TP_V.jpg");
    background-repeat:repeat ;
    /* position: relative; */
    background-attachment: fixed;
    background-position: center;
  }
  .remarks{
    background-image: url("../images/KZ1984002_TP_V.jpg");
    background-repeat:repeat ;
    /* position: relative; */
    background-attachment: fixed;
    background-position: center;
  }
  .fes-content{
    display:grid;
    grid-template-columns: 1fr 1fr;
  }
  .fes-img-detail{
    width:100%;
    border-radius: 50%;
  }
  .guest-meter{
    
    font-size: 2.5rem;
    border: 1px solid #000;
    text-align: center;
    padding: 5% 0;
    margin: 0% 5%;
    background-color:rgb(235, 233, 231,0.4);
    
  }
  .guest-span{
    text-align: center;
    
    color: #fff;
    
  }
  .img-detail{
    padding: 10% 0;
    
  }
  .highlights{
    display:inline-block;
    width:80%;
    transform: translate(5%, 0); 
  }
  .feature{
    width:80%;
    transform: translate(-20%, 0);
  }
  .people{
    width:80%;
    transform: translate(50%, 0);
  }
  
  .enjoy{
   
    width:80%;
    transform: translate(25%, 0);
  }
  /*single
  --------------------------------------------------------------------------*/
  .single-fes-main{
    margin:7% 0;
  }
  .festival-h{
    text-align: center;
    background-image: linear-gradient(to right, #a695eb 0%, #210af0 100%);
  }
  .detail{
    background-color: #fff;
    color:rgb(152, 228, 29);
    display:flex;
    flex-direction: column;
    justify-content: center;
    
  }
  .detail-h .detail-p{
    text-align: left; 

  }
  .single-article{
    display:grid;
    grid-template-columns: 5fr 1fr;
    border: 1px solid #000;
    margin:10% 0 0 0;
    
  }
  .single-img{
    border: 1px solid #000;
    text-align: center; 
  }
  .single-img-heading{
    max-width: 750px;
  }
  .single-sec{
    background-color: #f0a9c1;
    padding: 2% 0;
    margin: 2% 0;
  }
  .single-content{
    margin: 5% 0;
  }
  .single-h{
    margin: 0 2%;
    font-size: 2.5rem;
  }
  .single-detail{
    margin: 1% 3%;
  }
  .single-h-small{
    margin: 1% 0 0 0 ;
    font-size: 2rem;
  }
  .single-p{
    font-size: 1.5rem;
  }


  /*modal
  ----------------------------------------------------------------------------*/
  .modal{
    display:none;
    position: fixed;
    z-index: 1;
    left: 0%;
    top: 0%;
    padding: 10% 25%; 
    overflow: auto;
    background-color: rgba(0,0,0, 0.5);
    background-size:cover;
  }

  /*map
  -------------------------------------------------------------------------------*/
  .google-map{
    width:1000px; 
    margin:50px 100px ; 
    border:solid 1px #000;
  }
  #map_main{
    background-color: #f0dfe5;
  }
  #gmap{
    width:100%;
    height:600px;
  }
  .fes-map-sec{
    display:flex;
  }
  /* .area_btn{
    padding: 1% 0 0 2%;
    
  } */
  .map_btn{
    display:flex;
    /* flex-wrap: wrap;改行許可 */
    list-style-type: none;
    padding: 1% 0 0 5%;
  }
  .map_item{
    padding:1% 1%;
    color: #fff;
    background-color: #eb6100;
    border-radius: 100vh;
  }
  .map_item:hover{
    color: #fff;
    background: #f56500;
  }
  .post-item,.map_post_js{
    padding: 5% 0;
    background-color: #58d1c7;
    /* border:solid 1px #000;
    width: 150px; */
  }




/* PC時のメガメニュー 
----------------------------------------*/
  
  .menu_button {
    display: none; /* ハンバーガーメニューのボタンを非表示 */
  }
  
  .global_menu { /* メニュー全体のスタイル */
    
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    /* SPから移植*/
  
    position: relative;
    padding: 0;
    color: #fff; /* 文字色 */
    background: #e6a3ad; /* 背景色 */
    visibility: visible;
    overflow-y: visible;
  }
  /* SPから移植*/
  #hanburger:checked ~ .global_menu { /* メニュー全体のスタイル（チェック済） */
    visibility: visible; /* メニューを表示 */
  }
  /* SPから移植*/
  .global_menu a { /* 各項目のスタイル */
    display: block;
    width: 100%;
  }
   
  .global_menu a:hover { /* 各項目のスタイル（ホバー時） */
    background: #ffb6c1;
  }
  
  .menu, .child_menu > li {
    display: inline-block;
  }
  
  .menu:not(:last-child) {
    margin-bottom: 0;
  }
  
  .menu > a { /* 親項目のスタイル */
    font-weight: normal;
    padding: 10px 20px;
  
  }
  
  .menu:hover > a {
    background: #ffb6c1;
  }
  
  .child_menu { /* 下層メニューのスタイル */
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px;
    color: #333; /* 文字色 */
    background: #ffb6c1; /* 背景色 */
    visibility: hidden; /* 下層メニューを非表示 */
    opacity: 0;
    transition: 1s opacity; /* アニメーション設定 */
  }
  
  .menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
    
    opacity: 1;
    visibility: visible; /* 下層メニューを表示 */
  }
  
  .child_menu > li > a {
    padding: 10px 30px;
    font-size: 0.8em;
  }
  
  .child_menu > li > a:hover {
      background: unset;
      color: #fff;
  }
}

@media screen and (max-width: 500px) {
  
  /* スマホ閲覧時のハンバーガーメニュー */

   
  .menu_button { /* ボタンのスタイル */
    width: 50px; /* 幅 */
    height: 50px; /* 高さ */
    position: fixed;
    top: 20px;
    right: 20px;
    background: #db7093; /* 背景色 */
    z-index: 10;
  }
   
  .menu_button::before { /* アイコンのスタイル */
    font-family: "Font Awesome 5 Free";
    content: "\f0c9"; /* アイコン「３本線」 */
    font-weight: 900;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
   
  #hanburger:checked + .menu_button::before { /* アイコンのスタイル（チェック済み） */
    content: "\f00d"; /* アイコン「×印」 */
  }
   
  .global_menu { /* メニュー全体のスタイル */
    visibility: hidden; /* メニューを非表示 */
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px;
    color: #333; /* 文字色 */
    background: #ffc0cb; /* 背景色 */
    overflow-y:  scroll;
    text-align: center;
  }
   
  #hanburger:checked ~ .global_menu { /* メニュー全体のスタイル（チェック済） */
    visibility: visible; /* メニューを表示 */
  }
   
  .global_menu a { /* 各項目のスタイル */
    display: block;
    width: 100%;
  }
   
  .global_menu a:hover { /* 各項目のスタイル（ホバー時） */
    background: #ffb6c1;
  }
   
  .menu:not(:last-child) {
    margin-bottom: 20px;
  }
   
  .menu > a { /* 親項目のスタイル */
    font-weight: bold;
    padding: 10px 20px;
  }
   
  .child_menu > li > a {
    padding: 10px 30px;
    font-size: 0.8em;
  }
}

input,
button,
select,
textarea {
border:solid 1px #000;
padding:0.5em;
}