@charset "UTF-8";

/*--------------------------------
コロナ感染対策
--------------------------------*/

#covid-19{
  background: #EBE1A9;
  padding:40px 0;
}

.Tcovid-title{
  /* background: #CB0E0E; */
  background: #222;
  color:#fff;
  font-size:1.8rem;
  text-align: center;
  padding:8px;
  margin-bottom:40px;
}



.btn-covid-inner{
  max-width:600px;
  text-align: center;
  padding:20px 40px;
  justify-content: center;
  text-align: center;
  margin:40px auto;
  align-items: center;
}

.btn-covid-inner p{
  text-align: left;
  margin-right:20px;
  font-size:1.4rem;
  font-weight: bold;
}

.btn-covid-pdf a{
  text-decoration: none;
}

.btn-covid-inner .fa-file-pdf{
  font-size:3.8rem;
  color:#CB0E0E;
}

.T-section-title{
  text-align: center;
  font-size:3.6rem;
  line-height: 1.0em;
  margin-bottom:20px;
  /* color:#0F2350; */
  color:#222;
}

@media(max-width:480px){
  .T-section-title{
    font-size:2.4rem;
  }
}

.T-section-title-wh{
  color:#fff;
}

.T-section-title span{
  font-size:1.3rem;
}


.greeting-ttl{
  max-width: 640px;
  margin: 60px auto 20px;
}

.greeting-image{
  max-width:240px;
  margin:auto;
  padding:0 20px 20px 20px;
}

/*--------------------------------
アクセス
--------------------------------*/

#access{
  background:#222;
  padding:40px 0;
}

.T-access-info{
  background: #fff;
  margin: 0 auto 40px;
}

.T-access-ta{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:10px 0;
  border-left:none;
  border-right:none;
}

.T-access-ta th,.T-access-ta td{
  border:none;
  vertical-align: top;
  padding:8px 0;
}

.T-access-ta th{
  width:50px;
}


.T-access-explain{
  margin-bottom:10px;
}

.T-access-explain li{
  color:#fff;
  font-size:1.4rem;
  color:#fff;
}

.T-access-explain a{
  color:#fff;
}

.T-access-explain-wrapper > div{
  margin:0 auto 40px;
}

.T-access-list-ttl{
  color:#fff;
  font-size:2.0rem;
}

.T-access-list-ttl::before{
  content:"●";
  color:#CB0E0E;
  margin-right:6px;
}

.T-access-g-map{
  margin:10px auto 40px;
}

.T-access-g-map p,.T-access-g-map a{
  color:#fff;
}

.btn-map-zoom{
  width:200px;
  margin:10px auto;
  padding:8px;
}

@media(max-width:767px){
  .btn-map-zoom{
    width:100%;
  }
}

.btn-g-map-link{
  text-align: center;
  font-size:1.2rem;
  margin: auto;
}

.media-point{
  margin-bottom:40px;
}

.media-point-text{
  background: #222;
  padding:20px;
  color:#fff;
}

.media-point-text p{
  color:#fff;
}

.media-point-img{
  padding:0;
}

.media-point-img img{
  height:100%;

}


.point-ttl{
  color:#fff;
  font-size:2.6rem;
  margin-bottom:10px;
}

.point p{
  color:#fff;
}

/* 角丸ボタン */

.btn-round{
  border-radius:20px;
  border:1px solid #ccc;
  padding:6px 20px;
  color:#fff;
  display: block;
}

a.btn-round{
  color:#fff;
  text-decoration: none;
  font-size:1.2rem;
  text-align: center;
}

a.btn-round::after{
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  font-weight: 400;
  margin-left:8px;
}

.btn-round-wh{
  border-color:#fff;
}

.btn-round-bl{
  border-radius:20px;
  border:1px solid #ccc;
  padding:6px 20px;
  display: block;
  font-weight:bold;
}

a.btn-round-bl{
  text-decoration: none;
  font-size:1.2rem;
  text-align: center;
}

a.btn-round-bl::after{
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  font-weight: 400;
  margin-left:8px;
}



/* 見どころ */

@media(min-width:768px){

  .media-point-text{
    position: relative;
  }

  .btn-round-point{
    position: absolute;
    right:30px;
    bottom:20px;
  }

}

@media (max-width:767px){
  .media-point-text p{
    margin-bottom:10px;
  }
}

@media(max-width:480px){
  .media-point{
    flex-direction: column;
  }
  .media-point-img{
    max-width: 100%;
  }
  .media-point-text{
    max-width: 100%;
  }

}
/* NEWS */

#T-news{
  background: #EBE1A9;
  padding:40px 0;
}

.T-news-wrapper{
  background: #fff;
  padding:30px;
}

/* TOPIC */

.T-topic-wrapper{
  padding:20px;
  flex-basis: 28%;
  margin: auto;
}

@media(max-width:767px){
  .T-topic-wrapper{
    flex-basis: 60%;
  }
}

@media(max-width:480px){
  .T-topic-wrapper{
    flex-basis: 100%;
  }
}

.T-topic-inner{
  display: flex;
  flex-direction: column;
  border:1px solid #ccc;
}

.T-topic-ttl{
  font-weight: bold;
  text-align: center;
  padding:10px;
  background: #f2f2f2;
}

.T-topic-inner img{
  vertical-align: bottom;
}

/* 協賛 */

.sponsorM,.sponsorL{
  align-items: center;
}

.sponsorL > div{
  flex-basis: 31%;
  padding:1%;
}

@media(max-width:767px){
  .sponsorL > div{
    flex-basis: 98%;
    padding:1%;
  }
}
.sponsorM > div{
  flex-basis: 14%;
  padding:1%;  
}

@media(max-width:767px){
  .sponsorM > div{
    flex-basis: 48%;
    padding:1%;
  }
}

.sponsorM img,.sponsorL img{
  border:1px solid #ccc;
}

/* 当日YouTubeタブ */
.tab_container {
  padding-bottom: 1em;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/3);    /*100%/4を100%/3に変更*/
  padding:15px 0;
  border-bottom: 3px solid #CB0E0E ;
  background-color: #EBE1A9;
  text-align: center;
  background-color: #ececec;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #CB0E0E ;
  color: #fff;
}
/*--------------------------------
YouTube埋め込み
--------------------------------*/
.movie-b{
  position:relative;
  padding-bottom:56.25%;
  text-align: center;
  height:0;
  overflow:hidden
}

.movie-b iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.movie-short{
 width: 70%; /* 伸縮する横幅 */
 max-width: 400px; /* 最大の横幅 */
 margin: auto; /* 画面の中央に配置 */
}

.movie-short iframe{
     aspect-ratio: 9 / 16;
     width: 100%;
     height: 100%;
}


.movie-title{
  background: #CB0E0E;
  color:#fff;
  font-size:1.3rem;
  text-align: center;
  padding:8px;
  width: 100%;
  font-weight:bold;
}

/*--------------------------------
トップページ スライドとお知らせの間
--------------------------------*/

.top-notice{
  font-size:2rem;
  text-align: center;
  margin-bottom: 1%;
}

@media(max-width:767px){
  .top-notice{
    text-align: center;
    font-size:1.5rem;
    margin-bottom: 0;
  }
}