@charset "utf-8";

/* CSS Document */

/*
  font-family: 'Cormorant SC', serif;
  font-family: 'Roboto', sans-serif;
  font-family: "Yu Mincho","游明朝",YuMincho,"Hiragino Mincho ProN",serif;
*/


/***********
tabNavi
************/

.fade-in{ 
  font-size:40px;
　opacity:0;
  animation-name:bme;
  animation-duration:8s; 
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes bme {
0% {
 opacity: 0;
 transform: translateY(-50px);
}
  50%{
    opacity: 1;
     transform: translateY(0);
  }
 100% {
 } 
}

.youtubeScreen {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.youtubeScreen iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/***********
tabNavi
************/

.mainVisual {
  background: url(../../bme/img/mainvisual_bg.jpg) no-repeat center center / cover ;
  background-color: #18253b;
  text-align: center;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 5vh;
}
.mainVisual-block {
}

@media screen and (max-width:834px) {

  .mainVisual {
    background: url(../../bme/img/mainvisual_bg_sp.jpg) no-repeat center center / 140% auto ;
  background-color: #18253b;
    height: 180vmin;
    min-height: 300px;
    padding-top: 2.5vh;
    background:
  }

}



/***********
tabNavi
************/

.tabNavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.tabNavi li {
  width: 25%;
  text-align: center;
  padding: 10px 10px 40px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.tabNavi li::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -5px;
  transform: rotate(45deg);
}
.tabNavi li:hover {
  background-color: rgba(236, 238, 242, 0.5);
}
.tabNavi li.is-active {
  background: #eceef2;
}

.tabNavi-img {
  padding-bottom: 15px;
}
.tabNavi-img img {
}
.tabNavi-title {
  font-family: "Yu Mincho","游明朝",YuMincho,"Hiragino Mincho ProN",serif;
  font-size: 154%;
  font-feature-settings: "palt";
  line-height: 1.4;
}
.tabNavi-subTitle {
  color: #98813a;
  font-family: 'Cormorant SC', serif;
  font-size: 116%;
  font-weight: 600;
}

@media screen and (max-width:834px) {

  .tabNavi {
    display: flex;
    margin-top: 30px;
  }
  .tabNavi li {
    width: 50%;
    padding: 10px 10px 25px;
  }
  .tabNavi li::after {
    width: 5px;
    height: 5px;
    left: 50%;
    bottom: 10px;
    margin-left: -3px;
  }
  .tabNavi li:hover {
    backface-visibility: none;
  }

  .tabNavi-img {
    padding-bottom: 12px;
  }
  .tabNavi-img img {
  }
  .tabNavi-title {
    font-size: 108%;
  }
  .tabNavi-subTitle {
    font-size: 93%;
  }

}

/***********
schedule
************/

.schedule{
}
.schedule-heading {
  font-size: 200%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  position: relative;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
.schedule-heading::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #999;
  position: absolute;
  left: 0;
  top: 50%;
}
.schedule-heading span {
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding-right: 1em;
}

.schedule-block {
  display: flex;
  margin-bottom: 20px;
}
.schedule-day {
  width: 150px;
  background-color: #eceef2;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.schedule-day-title {
  font-size: 170%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.schedule-day-title small {
  padding-left: 0.5em;
  font-size: 77%;
}
.schedule-inner {
  flex: 1;
  padding-left: 30px;
  padding-top: 15px;
}

.schedule-item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 15px;
}
.schedule-item dt {
  width: 8em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 131%;
}
.schedule-item dd {
  font-size: 116%;
  line-height: 1.8;
  flex: 1;
}

@media screen and (max-width:834px) {

  .schedule{
  }
  .schedule-heading {
    font-size: 139%;
    margin-bottom: 20px;
    text-align: center;
  }
  .schedule-heading span {
    padding: 0 0.5em;
  }

  .schedule-block {
    display: block;
    margin-bottom: 20px;
  }
  .schedule-day {
    width: auto;
    display: block;
    padding: 5px 0;
    text-align: center;
  }
  .schedule-day-title {
    font-size: 139%;
  }
  .schedule-inner {
    padding-left: 0;
    padding-top: 15px;
  }

  .schedule-item {
    display: block;
    padding-bottom: 20px;
  }
  .schedule-item dt {
    width: auto;
    text-align: center;
    padding-bottom: 10px;
    font-size: 124%;
  }
  .schedule-item dd {
    font-size: 100%;
    line-height: 1.7;
  }


}


/***********
eventList
************/

.eventList {
  display: flex;
  flex-wrap: wrap;
  list-style: disc;
}
.eventList li {
  width: 48%;
  margin-left: 1em;
  font-size: 124%;
  line-height: 2;
}

@media screen and (max-width:834px) {

  .eventList {
    display: block;
  }
  .eventList li {
    width: auto;
    margin-left: 1em;
    font-size: 100%;
    line-height: 1.7;
  }

}



/***********
accessMap
************/

.accessMap {
}
.accessMap iframe{
  width: 100%;
  height: 600px;
  vertical-align: top;
}

.accessMap-map iframe{
  width: 100%;
  height: 600px;
  vertical-align: top;
}

.accessMap-access {
  max-width: 834px;
  margin: 0 auto;
  padding-top: 30px;
}

.accessMap-item {
  padding-bottom: 30px;
}
.accessMap-title {
  font-size: 147%;
  padding-bottom: 10px;
}
.accessMap-text {
  line-height: 1.8;
}

@media screen and (max-width:834px) {

  .accessMap {
  }
  .accessMap iframe{
  }

  .accessMap-map iframe{
    height: 500px;
  }

  .accessMap-access {
    padding-top: 20px;
  }

  .accessMap-item {
    padding-bottom: 20px;
  }
  .accessMap-title {
    font-size: 108%;
    padding-bottom: 10px;
  }
  .accessMap-text {
    font-size: 93%;
    line-height: 1.7;
  }

}

/***********
gallery
************/

.gallery {
  display: flex;
  flex-wrap: wrap;
}
.gallery li {
  width: 25%;
}
.gallery li a{
  display: block;
}
.gallery li a:hover {
  opacity: 0.9;
}

@media screen and (max-width:834px) {

  .gallery {
    display: flex;
    margin-left: -5%;
    margin-right: -5%;
  }
  .gallery li {
    width: 25%;
  }
  .gallery li a:hover {
    opacity: 1;
  }

}


/***********
supporter
************/

.supporter {
  padding: 50px 0;
  text-align: center;
}
.supporter h3 {
  font-size: 116%;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 5px;
}
.supporter p {
  line-height: 1.8;
}

/***********
xxxxx
************/

.ad {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}
.ad a {
  display: inline-block;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  padding: 5px 20px;
  background-color: #fff;
}
.ad img {
  width: 220px;
}

@media screen and (max-width:834px) {

  .ad {
    left: auto;
    right: 0;
    bottom: 0vh;
  }
  .ad a {
  }
  .ad img {
    width: 120px;
  }

}

/***********
judge
************/

.judge {
  padding-top: 60px;
}
.judge-heading {
  text-align: center;
  font-size: 220%;
  font-family: "Yu Mincho","游明朝",YuMincho,"Hiragino Mincho ProN",serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #18253b;
  color: #18253b;
  margin-bottom: 40px;
}

.judge-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
}
.judge-list li {
  width: 31.3%;
  margin-left: 2%;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.judge-img {
  width: 25%;
}
.judge-img img {
}
.judge-inner {
  flex: 1;
  font-feature-settings: "palt";
  padding-left: 20px;
}
.judge-job {
  font-size: 108%;
}
.judge-title {
  font-size: 131%;
  font-weight: normal;
  padding-bottom: 10px;
}
.judge-text {
}

@media screen and (max-width:834px) {


  .judge {
    padding-top: 40px;
  }
  .judge-heading {
    font-size: 154%;
    margin-bottom: 20px;
  }

  .judge-list {
    margin-left: -4%;
  }
  .judge-list li {
    width: 46%;
    margin-left: 4%;
    margin-bottom: 30px;
    display: block;
    text-align: center;
  }

  .judge-img {
    width: auto;
    padding: 0 10px;
    margin-bottom: 12px;
  }
  .judge-img img {
  }
  .judge-inner {
    padding-left: 0px;
  }
  .judge-job {
    font-size: 77%;
  }
  .judge-title {
    font-size: 85%;
    padding-bottom: 5px;
  }
  .judge-text {
    font-size: 77%;
  }

}

/***********
separate
************/

.separate {
  display: flex;
  justify-content: space-between;
}
.separate-img {
  width: 46%;
}
.separate img {
}
.separate-inner {
  width: 48%;
}

@media screen and (max-width:834px) {

  .separate {
    display: block;
  }
  .separate-img {
    width: auto;
    text-align: center;
    padding-bottom: 20px;
  }
  .separate img {
    max-width: 240px;
  }
  .separate-inner {
    width: auto;
  }

}

/***********
common custom
************/

.l-menu-navi{
  padding-top: 80px;
}

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/