@charset "utf-8";

.heading{
  background-color: #65A100;
}
.heading:before{
  background-image: url("../images/bg_ttl.png");
}
.heading h1:before{
  background-image: url("../images/bg_ttl1.png");
}
.heading h1:after{
  background-image: url("../images/bg_ttl2.png");
}

.ttl{
  background-color: #069AA5;
  color: #FFF;
}
.ttl .section-head:after{
  background-color: #D6D600;
}
@media print, screen and (min-width:781px) {
  .heading h1:before,
  .heading h1:after{
    height: 105px;
    width: 106px;
  }
}
@media screen and (max-width: 780px) {
  .heading h1:before,
  .heading h1:after{
    height: 69px;
    width: 60px;
  }
}



/* ------- MAP SECTION ---------------------------------------------- */
.map-sub-sec .section-head{
  font-weight: 500;
}
.map-sub-sec .section-head b{
  border-radius: 50%;
  font-weight: 500;
  color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.map-sub-sec.day1 .section-head:after,
.map-sub-sec.day1 .section-head b{
  background-color: #421367;
}
.map-sub-sec.day2 .section-head:after,
.map-sub-sec.day2 .section-head b{
  background-color: #B4005D;
}


.event-list{
  display: flex;
  flex-flow: wrap;
}
.event-list > li{
  display: flex;
  line-height: 1.17;
  text-align: center;
}
.event-list > li > a{
  color: #FFF;
  display: flex;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: .3s;
}
@media (hover: hover) and (pointer: fine){
  .event-list > li > a:hover{
    opacity: .7;
  }
}




@media print, screen and (min-width:781px) {
  .map-sec{
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 90%;
  }
  .map-sub-sec.day1{
    margin-top: 85px;
  }
  .map-sub-sec.day2{
    margin-top: 150px;
  }
  .map-sub-sec .section-head span{
    font-size: 3.0rem;
  }
  .map-sub-sec .section-head b{
    font-size: 2.5rem;
    margin-left: 10px;
    height: 42px;
    width: 42px;
  }
  .event-list{
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 90%;
  }
  .event-list > li{
    font-size: min(1.916vw,2.3rem);
    margin-right: 2.77778%;
    width: 31.48148%;
  }
  .event-list > li:nth-child(3n){
    margin-right: 0;
  }
  .event-list > li:nth-child(n + 4){
    margin-top: 2.77778%;
  }
  .event-list > li > a{
    border-radius: 9px;
    height: 70px;
  }
  
}
@media screen and (max-width: 780px) {
  .map-sec{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .map-sub-sec.day1{
    margin-top: 45px;
  }
  .map-sub-sec.day2{
    margin-top: 75px;
  }
  .map-sub-sec .section-head span{
    font-size: 2.0rem;
  }
  .map-sub-sec .section-head b{
    font-size: 1.6rem;
    margin-left: 10px;
    height: 30px;
    width: 30px;
  }
  .event-list{
    display: block;
    margin-top: 25px;
  }
  .event-list > li{
    font-size: min(4.6vw,1.8rem);
  }
  .event-list > li:nth-child(n + 2){
    margin-top: 5px;
  }
  .event-list > li > a{
    border-radius: 4px;
    height: 60px;
  }
}



/* ------- EVENT COMMON ---------------------------------------------- */
.event-sec .ttl{
  position: relative;
}
.event-sec .ttl .cloud{
  position: absolute;
}
.event-sec .ttl .cloud:before{
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}


.bt-zenyasai a,
#zenyasai .ttl,
#zenyasai .event-other h4:before{
  background-color: #023568;
}
#zenyasai .event-other h4{
  color: #023568;
}


.bt-minasakai a,
#minasakai .ttl,
#minasakai .event-other h4:before,
#minasakai .event-picup h4:before{
  background-color: #73C2E9;
}
#minasakai .event-other h4{
  color: #73C2E9;
}
#minasakai .event-picup h4{
  color: #17A0E3;
}


.bt-ocha a,
#ocha .ttl,
#ocha .event-other h4:before{
  background-color: #40A631;
}
#ocha .event-other h4{
  color: #40A631;
}



.bt-shiminpower a,
#shiminpower .ttl,
#shiminpower .event-other h4:before,
#shiminpower .event-picup h4:before{
  background-color: #F9F169;
  color: #464646 !important;
}
#shiminpower .event-other h4{
  color: #464646;
}
#shiminpower .event-picup h4{
  color: #464646;
}

.bt-dentou a,
#dentou .ttl,
#dentou .event-other h4:before,
#dentou .event-picup h4:before{
  background-color: #EA9B90;
}
#dentou .event-other h4{
  color: #EA9B90;
}



.bt-teppo a,
#teppo .ttl,
#teppo .event-other h4:before,
#teppo .event-picup h4:before{
  background-color: #68412E;
}
#teppo .event-other h4{
  color: #68412E;
}



.bt-futondaiko a,
#futondaiko .ttl,
#futondaiko .event-other h4:before,
#futondaiko .event-picup h4:before{
  background-color: #612F85;
}
#futondaiko .event-other h4{
  color: #612F85;
}





.bt-yamanokuchi a,
#yamanokuchi .ttl,
#yamanokuchi .event-other h4:before,
#yamanokuchi .event-picup h4:before{
  background-color: #E8D2C0;
  color: #464646 !important;
}
#yamanokuchi .event-other h4{
  color: #464646;
}




.bt-daidosuji a,
#daidosuji .ttl,
#daidosuji .event-other h4:before,
#daidosuji .event-picup h4:before{
  background-color: #F0B6CF;
}
#daidosuji .event-other h4{
  color: #F0B6CF;
}



.bt-sensyu a,
#sensyu .ttl,
#sensyu .event-other h4:before,
#sensyu .event-picup h4:before{
  background-color: #F0A947;
}
#sensyu .event-other h4{
  color: #F0A947;
}



.bt-cruise a,
#cruise .ttl,
#cruise .event-other h4:before,
#cruise .event-picup h4:before{
  background-color: #008CD6;
}
#cruise .event-other h4{
  color: #008CD6;
}



.bt-taxi a,
#taxi .ttl,
#taxi .event-other h4:before,
#taxi .event-picup h4:before{
  background-color: #AA5C31;
}
#taxi .event-other h4{
  color: #AA5C31;
}




.bt-family a,
#family .ttl,
#family .event-other h4:before,
#family .event-picup h4:before{
  background-color: #A0D5C8;
  color: #464646 !important;
}
#family .event-other h4{
  color: #A0D5C8;
}



#zenyasai .cloud:before{
  background-image: url("../images/cloud1.png");
  padding-bottom: 46.4991%;
}
#minasakai .cloud:before{
  background-image: url("../images/cloud2.png");
  padding-bottom: 42.76094%;
}
#ocha .cloud:before{
  background-image: url("../images/cloud3.png");
  padding-bottom: 39.31034%;
}
#shiminpower .cloud:before{
  background-image: url("../images/cloud4.png");
  padding-bottom: 29.92299%;
}
#dentou .cloud:before{
  background-image: url("../images/cloud5.png");
  padding-bottom: 46.45799%;
}
#teppo .cloud:before{
  background-image: url("../images/cloud6.png");
  padding-bottom: 39.310344%;
}
#futondaiko .cloud:before{
  background-image: url("../images/cloud7.png");
  padding-bottom: 39.310344%;
}
#yamanokuchi .cloud:before{
  background-image: url("../images/cloud8.png");
  padding-bottom: 46.4991%;
}
#daidosuji .cloud:before{
  background-image: url("../images/cloud9.png");
  padding-bottom: 42.76094%;
}
#sensyu .cloud:before{
  background-image: url("../images/cloud10.png");
  padding-bottom: 39.310344%;
}
#cruise .cloud:before{
  background-image: url("../images/cloud11.png");
  padding-bottom: 46.45799%;
}
#taxi .cloud:before{
  background-image: url("../images/cloud12.png");
  padding-bottom: 46.51898%;
}
#family .cloud:before{
  background-image: url("../images/cloud13.png");
  padding-bottom: 39.3574%;
}


.event-wrap .image figcaption{
  font-weight: 400;
  line-height: 1.3;
  margin-top: 10px;
}
.event-contents b{
  font-weight: 500;
}

.event-other,
.event-picup{
  border: 1px solid #707070;
}
.event-other > *:first-child{
  margin-top: 0 !important;
}
.event-other h4,
.event-picup h4{
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}
.event-other h4{
  padding-left: 20px;
}
.event-other h4 img,
.event-picup h4 img{
  vertical-align: middle;
  margin-left: 10px;
}
.event-other h4:before{
  content: "";
  display: block;
  width: 8px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.event-picup h4{
  display: flex;
  align-items: center;
}
.event-picup h4:before{
  border-radius: 4px;
  color: #FFF;
  content: "Pick UP！";
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 5px;
  margin-right: 10px;
  white-space: nowrap;
}
.ic-event-list{
  display: flex;
}
.ic-event-list > li{
  margin-right: 8px;
}

.comment{
  background-color: #BEAA2B;
  border-radius: 10px;
  color: #FFF;
  font-weight: 700;
  line-height: 1.21;
  text-align: center;
}
@media print, screen and (min-width:781px) {
  .event-wrap .image figcaption{
    font-size: 1.6rem !important;
  }
  .event-sec{
    margin-top: 180px;
  }
  .event-contents{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 80%;
  }
  .event-other{
    padding: 40px 40px;
    margin-top: 40px;
  }
  .event-other h4,
  .event-picup h4{
    font-size: 2.3rem;
  }
  .event-other-sec{
    font-size: 1.8rem;
    margin-top: 70px;
  }
  .event-other-sec > p{
    margin-top: 30px;
  }
  .event-other-sec > *:first-child{
    margin-top: 0 !important;
  }
  .event-picup{
    padding: 40px 40px;
    margin-top: 20px;
  }
  .picup-contents{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .picup-contents .detail{
    font-size: 1.8rem;
    width: 50%;
  }
  .picup-contents .detail > *:nth-child(n + 2){
    margin-top: 10px;
  }
  .picup-contents .images{
    width: 38.46153%;
  }
  .picup-contents .images > .image:nth-child(n + 2){
    margin-top: 15px;
  }
  .comment{
    font-size: 2.3rem;
    padding: 20px;
    margin: 30px auto 0;
    max-width: 340px;
  }
  
  
  #zenyasai .cloud{
    width: 557px;
    right: 163px;
    top: -115px;
    transform: translateX(100%);
  }
  #minasakai .cloud{
    width: 594px;
    left: 193px;
    top: -137px;
    transform: translateX(-100%);
  }
  #ocha .cloud{
    width: 725px;
    right: 143px;
    top: 46px;
    transform: translateX(100%);
  }
  #shiminpower .cloud{
    width: 909px;
    left: 231px;
    top: -112px;
    transform: translateX(-100%);
  }
  #dentou .cloud{
    width: 607px;
    right: 83px;
    top: -123px;
    transform: translateX(100%);
  }
  #teppo .cloud{
    width: 725px;
    right: 263px;
    top: -143px;
    transform: translateX(100%);
  }
  #futondaiko .cloud{
    width: 725px;
    left: 176px;
    top: -185px;
    transform: translateX(-100%);
  }
  #yamanokuchi .cloud{
    width: 557px;
    right: 200px;
    top: -169px;
    transform: translateX(100%);
  }
  #daidosuji .cloud{
    width: 594px;
    left: 143px;
    top: -134px;
    transform: translateX(-100%);
  }
  #sensyu .cloud{
    width: 725px;
    right: 143px;
    top: -130px;
    transform: translateX(100%);
  }
  #cruise .cloud{
    width: 607px;
    left: 143px;
    top: -127px;
    transform: translateX(-100%);
  }
  #taxi .cloud{
    width: 632px;
    right: 143px;
    top: -121px;
    transform: translateX(100%);
  }
  #family .cloud{
    width: 747px;
    left: 97px;
    top: -122px;
    transform: translateX(-100%);
  }
  
  
  .event-wrap > .note{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 180px;
  }
}
@media screen and (max-width: 780px) {
  .event-wrap .image figcaption{
    font-size: 1.3rem !important;
  }
  .event-sec{
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .event-other{
    padding: 20px 20px;
    margin-top: 50px;
  }
  .event-other h4,
  .event-picup h4{
    font-size: 1.8rem;
  }
  .event-picup h4:before{
    border-radius: 2px;
    font-size: 1.1rem;
  }
  .event-other h4 img,
  .event-picup h4 img{
    height: auto;
    width: 20px;
  }
  .event-other-sec{
    font-size: 1.6rem;
    margin-top: 70px;
  }
  .event-other-sec > p{
    margin-top: 30px;
  }
  .event-other-sec > *:first-child{
    margin-top: 0 !important;
  }
  .event-picup{
    padding: 20px 20px;
    margin-top: 50px;
  }
  .picup-contents{
    margin-top: 20px;
  }
  .picup-contents .detail{
    font-size: 1.6rem;
  }
  .picup-contents .detail > *:nth-child(n + 2){
    margin-top: 10px;
  }
  .picup-contents .images > .image:nth-child(n + 2){
    margin-top: 15px;
  }
  .comment{
    font-size: 1.8rem;
    padding: 20px;
    margin: 30px auto 0;
  }
  
  
  #zenyasai .cloud{
    width: 40.77598%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #minasakai .cloud{
    width: 43.48462%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  #ocha .cloud{
    width: 53.074%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #shiminpower .cloud{
    width: 66.5446%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  #dentou .cloud{
    width: 44.3631%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #teppo .cloud{
    width: 53.074%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #futondaiko .cloud{
    width: 53.074%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  #yamanokuchi .cloud{
    width: 40.7759%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #daidosuji .cloud{
    width: 43.484%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  #sensyu .cloud{
    width: 53.074%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #cruise .cloud{
    width: 44.436%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  #taxi .cloud{
    width: 46.266%;
    right: 10.468521%;
    top: -5%;
    transform: translateX(100%);
  }
  #family .cloud{
    width: 54.685%;
    left: 10.468521%;
    top: -5%;
    transform: translateX(-100%);
  }
  
  
  .event-wrap > .note{
    margin: 90px auto 0;
    width: 90%;
  }
}


/* ------- ZENYASAI ---------------------------------------------- */
#zenyasai .subttl{
  background-color: #D9E1E8;
  color: #023568;
  font-weight: 700;
  line-height: 1.3;
}
#zenyasai .taiko-list{
  margin-top: 15px;
}
#zenyasai .taiko-list dt{
  font-weight: 400;
}
@media print, screen and (min-width:781px) {
  #zenyasai .col2{
    display: flex;
    justify-content: space-between;
  }
  #zenyasai .col2 .cl{
    font-size: 1.8rem;
    width: 50%;
  }
  #zenyasai .col2 .cl section{
    margin-top: 55px;
  }
  #zenyasai .col2 .cr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: flex-start;
    width: 39.8148%;
  }
  #zenyasai .col2 .cr .image{
    margin-top: 20px;
    width: 46.511627%;
  }
  #zenyasai .col2 .cr .image:first-child{
    margin-left: 26.7441865%;
    margin-right: 26.7441865%;
  }
  #zenyasai .subttl{
    font-size: 2.3rem;
    padding: 5px 20px;
    margin-bottom: 10px;
  }
  #zenyasai .images-list{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }
  #zenyasai .images-list > .image{
    width: calc((100% - 100px) / 3);
  }
  #zenyasai .taiko-list dd > ul{
    display: flex;
    flex-wrap: wrap;
  }
  #zenyasai .taiko-list dd > ul > li{
    width: 25%;
  }
}
@media screen and (max-width: 780px) {
  #zenyasai .col2 .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #zenyasai .col2 .cl section{
    margin-top: 30px;
  }
  #zenyasai .col2 .cr{
  }
  #zenyasai .col2 .cr .image{
    margin-top: 20px;
  }
  #zenyasai .subttl{
    font-size: 1.6rem;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  #zenyasai .images-list{
    margin-top: 25px;
  }
  #zenyasai .images-list > .image{
    margin-top: 20px;
  }
}


/* ------- EVENT ---------------------------------------------- */
#minasakai .subttl{
  background-color: #D9E1E8;
  color: #023568;
  font-weight: 700;
  line-height: 1.3;
}
@media print, screen and (min-width:781px) {
  #minasakai .col2{
    display: flex;
    justify-content: space-between;
  }
  #minasakai .event-contents > .col2 .cl{
    font-size: 1.8rem;
    width: 50%;
  }
  #minasakai .event-contents > .col2 .cl > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #minasakai .event-contents > .col2 .cr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 41.6666%;
  }
  #minasakai .images-list{
    display: flex;
    margin-top: 50px;
  }
  #minasakai .images-list > .image{
    margin-right: 50px;
    width: calc((100% - 100px) / 3);
  }
  #minasakai .images-list > .image:nth-child(3n){
    margin-right: 0;
  }
  #minasakai .event-other > .col2 .cl{
    width: 50%;
  }
  #minasakai .event-other > .col2 .cr{
    width: 46.2%;
  }
  
  #minasakai .kaiju{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  #minasakai .stamp{
    transition: .3s;
  }
  @media (hover: hover) and (pointer: fine){
    #minasakai .stamp:hover{
      opacity: .7;
    }
  }
}
@media screen and (max-width: 780px) {
  #minasakai .event-other-sec:first-child{
    margin-top: 0;
  }
  #minasakai .col2{
  }
  #minasakai .event-contents > .col2 .cl{
    font-size: 1.6rem;
  }
  #minasakai .event-contents > .col2 .cl > p{
    margin-top: 20px;
  }
  #minasakai .event-contents > .col2 .cr{
  }
  #minasakai .images-list{
    margin-top: 25px;
  }
  #minasakai .images-list > .image{
    margin-top: 20px;
  }
  #minasakai .event-other > .col2 .cl{
    margin-top: 20px;
  }
  #minasakai .event-other > .col2 .cr{
    margin-top: 70px;
  }
  
  #minasakai .kaiju{
    margin-top: 20px;
    margin-bottom: 30px;
  }
}


/* ------- OCHA ---------------------------------------------- */
#ocha .subttl{
  background-color: #E8F4E6;
  color: #40A631;
  font-weight: 700;
  line-height: 1.3;
}

@media print, screen and (min-width:781px) {
  #ocha .event-contents{
    font-size: 1.8rem;
  }
  #ocha .event-contents > p{
    margin-top: 10px;
  }
  #ocha .event-contents > .image{
    margin-top: 20px;
  }
  #ocha .event-sub-sec{
    margin-top: 65px;
  }
  #ocha .subttl{
    font-size: 2.3rem;
    padding: 5px 20px;
    margin-bottom: 10px;
  }
  #ocha .subttl img{
    vertical-align: middle;
    margin-left: 15px;
  }
  #ocha .col2{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  #ocha .col2 .detail{
    width: 51.923%;
  }
  #ocha .col2 .detail > *:nth-child(n + 2){
    margin-top: 15px;
  }
  #ocha .col2 .image-wrap{
    width: 38.461538%;
  }
  #ocha .col2 .image-wrap > *:nth-child(n + 2){
    margin-top: 20px;
  }
  
}
@media screen and (max-width: 780px) {
  #ocha .event-contents > .image{
    margin-top: 20px;
  }
  #ocha .event-contents > p{
    margin-top: 20px;
  }
  #ocha .event-sub-sec{
    margin-top: 30px;
  }
  #ocha .subttl{
    font-size: 1.8rem;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  #ocha .subttl img{
    vertical-align: middle;
    margin-left: 10px;
    height: auto;
    width: 20px;
  }
  #ocha .col2{
    margin-top: 20px;
  }
  #ocha .col2 .detail > *:nth-child(n + 2){
    margin-top: 15px;
  }
  #ocha .col2 .image-wrap{
    margin-top: 30px;
  }
  #ocha .col2 .image-wrap > *:nth-child(n + 2){
    margin-top: 20px;
  }
}


/* ------- SHIMINPOWER ---------------------------------------------- */
.cyclecity{
  background-color: #FEFCE1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cyclecity:before{
  background-image: url("../images/cyclecity.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.cyclecity dt{
  border-bottom: 1px solid #707070;
  font-weight: 700;
  padding-bottom: 10px;
}
.cyclecity dd{
  text-align: center;
  margin-top: 20px;
}
#shiminpower .event-other-sec .col2 .images > .image:nth-child(n + 2){
  margin-top: 40px;
}
@media print, screen and (min-width:781px) {
  #shiminpower .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #shiminpower .event-contents .col2 .cl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 65.5555%;
  }
  #shiminpower .event-contents .col2 .cl .detail{
    font-size: 1.8rem;
    margin-top: 0;
    width: 76.27118%;
  }
  #shiminpower .event-contents .col2 .cl .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #shiminpower .event-contents .col2 .cl .images{
    display: flex;
    justify-content: space-between;
  }
  #shiminpower .event-contents .col2 .cl .images > .image{
    width: 47.31638%;
  }
  #shiminpower .event-contents .col2 .cr{
    width: 31.0185%;
  }
  .cyclecity{
    padding: 20px 250px 20px 160px;
    margin-top: 30px;
  }
  .cyclecity:before{
    height: 117px;
    width: 160px;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
  }
  .cyclecity dt{
    font-size: 2.3rem;
  }
  #shiminpower .event-other-sec .col2{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }
  #shiminpower .event-other-sec .col2 .detail{
    width: 54%;
  }
  #shiminpower .event-other-sec .col2 .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #shiminpower .event-other-sec .col2 .images{
    width: 31%;
  }
}
@media screen and (max-width: 780px) {
  #shiminpower .event-contents .col2{
    margin-top: 20px;
  }
  #shiminpower .event-contents .col2 .cl{
  }
  #shiminpower .event-contents .col2 .cl .detail{
    font-size: 1.6rem;
    margin-top: 0;
  }
  #shiminpower .event-contents .col2 .cl .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #shiminpower .event-contents .col2 .cl .images{
  }
  #shiminpower .event-contents .col2 .cl .images > .image{
    margin-top: 20px;
  }
  #shiminpower .event-contents .col2 .cr{
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .cyclecity{
    padding: 20px;
    margin-top: 30px;
  }
  .cyclecity:before{
    margin: 0 auto 15px;
    height: 117px;
    width: 160px;
    mix-blend-mode: multiply;
  }
  .cyclecity dt{
    font-size: 1.8rem;
  }
  .cyclecity dd{
    text-align: left;
  }
  #shiminpower .event-other-sec .col2{
    margin-top: 15px;
  }
  #shiminpower .event-other-sec .col2 .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #shiminpower .event-other-sec .col2 .images{
    margin-top: 30px;
  }
}


/* ------- DENTOU ---------------------------------------------- */
.miyagehin{
  background-color: #FBEBE9;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.miyagehin:before{
  background-image: url("../images/miyagehin.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.miyagehin dt{
  border-bottom: 1px solid #707070;
  font-weight: 700;
  padding-bottom: 10px;
}
.miyagehin dd{
  text-align: center;
  margin-top: 20px;
}
.miyagehin-sec .circle-list > li:before{
  color: #EA9B90;
  content: "●";
}
.miyagehin-sec .note-list{
  color: #EA9B90;
}
@media print, screen and (min-width:781px) {
  #dentou .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #dentou .event-contents .col2 .cl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 74.074%;
  }
  #dentou .event-contents .col2 .cl .detail{
    font-size: 1.8rem;
    margin-top: 0;
    width: 67.5%;
  }
  #dentou .event-contents .col2 .cl .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #dentou .event-contents .col2 .cl .images{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  #dentou .event-contents .col2 .cl .images > .image{
    width: 30%;
  }
  #dentou .event-contents .col2 .cr{
    display: flex;
    align-items: flex-end;
    width: 22.2222%;
  }
  #dentou .event-other .col2{
    margin-top: 15px;
  }
  #dentou .event-other .col2 .detail{
    width: 63.4615%;
  }
  #dentou .event-other .col2 .images{
    width: 29.80769%;
  }
  #dentou .event-other > .image{
    margin-top: 25px;
  }
  #dentou .event-other .img-logo{
    margin-bottom: 30px;
    width: 16.53846%;
  }
  .miyagehin{
    padding: 20px 230px;
    margin-top: 30px;
  }
  .miyagehin:before{
    height: 140px;
    width: 108px;
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
  }
  .miyagehin dt{
    font-size: 2.3rem;
  }
  .miyagehin-sec .circle-list{
    margin-top: 30px;
  }
  .miyagehin-sec .image-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .miyagehin-sec .image-list > .image{
    margin-top: 25px;
    width: 29.80769%;
  }
}
@media screen and (max-width: 780px) {
  #dentou .event-contents .col2 .cl .detail{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #dentou .event-contents .col2 .cl .detail > p:nth-child(n + 2){
    margin-top: 20px;
  }
  #dentou .event-contents .col2 .cl .images{
    margin-top: 20px;
  }
  #dentou .event-contents .col2 .cl .images > .image{
    margin-top: 20px;
  }
  #dentou .event-contents .col2 .cr{
    margin-top: 20px;
  }
  #dentou .event-other .col2{
    margin-top: 15px;
  }
  #dentou .event-other .col2 .images{
    margin-top: 25px;
  }
  #dentou .event-other > .image{
    margin-top: 25px;
  }
  #dentou .event-other .img-logo{
    margin: 0 auto 15px;
    width: 50%;
  }
  .miyagehin{
    padding: 20px;
    margin-top: 30px;
  }
  .miyagehin:before{
    margin: 0 auto 15px;
    height: 140px;
    width: 108px;
    mix-blend-mode: multiply;
  }
  .miyagehin dt{
    font-size: 1.8rem;
  }
  .miyagehin dd{
    text-align: left;
  }
  .miyagehin-sec .circle-list{
    margin-top: 30px;
  }
  .miyagehin-sec .image-list > .image{
    margin-top: 20px;
  }
}


/* ------- TEPPO ---------------------------------------------- */
.teppo-rekisi{
  background-color: #EFEBE9;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.teppo-rekisi dt{
  border-bottom: 1px solid #68412E;
  color: #68412E;
  font-weight: 700;
  padding-bottom: 10px;
}
.teppo-rekisi dd{
  margin-top: 20px;
}

@media print, screen and (min-width:781px) {
  #teppo .event-contents .col2,
  #teppo .col2-sub{
    display: flex;
    justify-content: space-between;
  }
  #teppo .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 57.4074%;
  }
  #teppo .event-contents > .col2 > .cr{
    width: 40.74074%;
  }
  #teppo .col2-sub{
    margin-top: 25px;
  }
  #teppo .col2-sub .detail{
    width: 46.77419%;
  }
  #teppo .col2-sub .image{
    margin-top: 20px;
    width: 48.387%;
  }
  .teppo-rekisi{
    padding: 30px 40px;
  }
  .teppo-rekisi dt{
    font-size: 2.3rem;
  }
  .teppo-rekisi dd{
    font-size: 1.8rem;
  }
  #teppo .event-other .col2{
    margin-top: 15px;
  }
  #teppo .event-other .col2 .detail{
    width: 48.07692%;
  }
  #teppo .event-other .col2 .detail *:nth-child(n + 2){
    margin-top: 20px;
  }
  #teppo .event-other .col2 .images{
    width: 38.4615%;
  }
  #teppo .event-other > .image{
    margin-top: 25px;
  }
  #teppo .exhibits .image{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 51.923%;
  }
}
@media screen and (max-width: 780px) {
  #teppo .event-contents .col2,
  #teppo .col2-sub{
  }
  #teppo .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #teppo .col2-sub{
    margin-top: 25px;
  }
  #teppo .col2-sub .image{
    margin-top: 20px;
  }
  .teppo-rekisi{
    padding: 20px;
    margin-top: 30px;
  }
  .teppo-rekisi dt{
    font-size: 1.8rem;
  }
  .teppo-rekisi dd{
    font-size: 1.6rem;
    text-align: left;
  }
  #teppo .event-other .col2{
    margin-top: 15px;
  }
  #teppo .event-other .col2 .detail *:nth-child(n + 2){
    margin-top: 20px;
  }
  #teppo .event-other .col2 .images{
    margin-top: 25px;
  }
  #teppo .event-other > .image{
    margin-top: 25px;
  }
  #teppo .exhibits .image{
    margin-top: 30px;
  }
}


/* ------- FUTONDAIKO ---------------------------------------------- */
.futondaiko-rekisi{
  background-color: #EFE9F3;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.futondaiko-rekisi dt{
  border-bottom: 1px solid #612F85;
  color: #612F85;
  font-weight: 700;
  padding-bottom: 10px;
}
.futondaiko-rekisi dt:before{
  background-image: url("../images/futondaiko.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  margin: 0 auto 20px;
}
.futondaiko-rekisi dd{
  margin-top: 20px;
}
@media print, screen and (min-width:781px) {
  #futondaiko .event-contents .col2,
  #futondaiko .col2-sub{
    display: flex;
    justify-content: space-between;
  }
  #futondaiko .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 57.4074%;
  }
  #futondaiko .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #futondaiko .event-contents > .col2 > .cr{
    width: 40.74074%;
  }
  .futondaiko-rekisi{
    padding: 30px 40px;
  }
  .futondaiko-rekisi dt{
    font-size: 2.3rem;
  }
  .futondaiko-rekisi dt:before{
    height: 55px;
    width: 158px;
  }
  .futondaiko-rekisi dd{
    font-size: 1.8rem;
  }
  #futondaiko .event-other .col2{
    margin-top: 15px;
  }
  #futondaiko .event-other .col2 .detail{
    width: 48.07692%;
  }
  #futondaiko .event-other .col2 .images{
    width: 38.4615%;
  }
  #futondaiko .event-other > .image{
    margin-top: 25px;
  }
  #futondaiko .images-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #futondaiko .images-list > .image{
    margin-top: 30px;
    width: 22.11538%;
  }
}
@media screen and (max-width: 780px) {
  #futondaiko .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #futondaiko .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  .futondaiko-rekisi{
    padding: 20px;
    margin-top: 30px;
  }
  .futondaiko-rekisi dt{
    font-size: 1.8rem;
  }
  .futondaiko-rekisi dt:before{
    height: 55px;
    width: 158px;
  }
  .futondaiko-rekisi dd{
    font-size: 1.6rem;
  }
  #futondaiko .event-other .col2{
    margin-top: 15px;
  }
  #futondaiko .event-other > .image{
    margin-top: 25px;
  }
  #futondaiko .images-list > .image{
    margin-top: 30px;
  }
}



/* ------- YAMANOKUCHI ---------------------------------------------- */
.yamanokuchi-rekisi{
  background-color: #FAF4F0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.yamanokuchi-rekisi dt{
  border-bottom: 1px solid #707070;
  color: #464646;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
}
.yamanokuchi-rekisi dt span{
  font-weight: 400;
}
.yamanokuchi-rekisi dd{
  margin-top: 20px;
}
@media print, screen and (min-width:781px) {
  #yamanokuchi .event-contents .col2,
  #yamanokuchi .col2-sub{
    display: flex;
    justify-content: space-between;
  }
  #yamanokuchi .event-contents > .col2 > .cl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1.8rem;
    width: 57.4074%;
  }
  #yamanokuchi .event-contents > .col2 > .cl > .image{
    align-self: flex-end;
    width: 48.387%;
  }
  #yamanokuchi .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #yamanokuchi .event-contents > .col2 > .cr{
    width: 40.74074%;
  }
  .yamanokuchi-rekisi{
    padding: 30px 40px;
  }
  .yamanokuchi-rekisi dt{
    font-size: 2.3rem;
  }
  .yamanokuchi-rekisi dt span{
    font-size: 1.8rem;
  }
  .yamanokuchi-rekisi dd{
    font-size: 1.8rem;
  }
  #yamanokuchi .event-other{
    background-image: url("../images/img_yamanokuchi2.png");
    background-repeat: no-repeat;
    background-position: right 40px center;
    background-size: 309px auto;
  }
  #yamanokuchi .event-other .col2{
    margin-top: 15px;
  }
  #yamanokuchi .event-other .col2 .detail{
    width: 48.07692%;
  }
  #yamanokuchi .event-other .col2 .images{
    width: 38.4615%;
  }
  #yamanokuchi .event-other > .image{
    margin-top: 25px;
  }
  #yamanokuchi .images-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #yamanokuchi .images-list > .image{
    margin-top: 30px;
    width: 22.11538%;
  }
}
@media screen and (max-width: 780px) {
  #yamanokuchi .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #yamanokuchi .event-contents > .col2 > .cl > .image{
    margin-top: 30px;
  }
  #yamanokuchi .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  .yamanokuchi-rekisi{
    padding: 20px;
    margin-top: 30px;
  }
  .yamanokuchi-rekisi dt{
    font-size: 1.8rem;
  }
  .yamanokuchi-rekisi dt span{
    font-size: 1.5rem;
  }
  .yamanokuchi-rekisi dd{
    font-size: 1.6rem;
  }
  #yamanokuchi .event-other:after{
    background-image: url("../images/img_yamanokuchi2.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    padding-bottom: 145.7189%;
    margin-top: 20px;
    width: 100%;
  }
  #yamanokuchi .event-other .col2{
    margin-top: 15px;
  }
  #yamanokuchi .event-other > .image{
    margin-top: 25px;
  }
  #yamanokuchi .images-list > .image{
    margin-top: 30px;
  }
}



/* ------- DAIDOSUJI ---------------------------------------------- */

@media print, screen and (min-width:781px) {
  #daidosuji .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #daidosuji .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 62.5%;
  }
  #daidosuji .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #daidosuji .event-contents > .col2 > .cr{
    width: 38.46153%;
  }
}
@media screen and (max-width: 780px) {
  #daidosuji .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #daidosuji .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #daidosuji .event-contents > .col2 > .cr{
    margin-top: 30px;
  }
}



/* ------- SENSYU ---------------------------------------------- */
.cheffesta{
  background-color: #FDF2E3;
  text-align: center;
}
.cheffesta > dt{
  color: #F0A947;
  font-weight: 700;
  line-height: 1.3;
}
@media print, screen and (min-width:781px) {
  #sensyu .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #sensyu .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 50%;
  }
  #sensyu .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #sensyu .event-contents > .col2 > .cr{
    width: 37.037%;
  }
  #sensyu .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
  .cheffesta{
    margin-top: 60px;
    padding: 30px 40px;
  }
  .cheffesta > dt{
    font-size: 2.3rem;
  }
  .cheffesta > dd{
    margin-top: 10px;
  }
}
@media screen and (max-width: 780px) {
  #sensyu .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #sensyu .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #sensyu .event-contents > .col2 > .cr{
    margin-top: 30px;
  }
  #sensyu .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
  .cheffesta{
    margin-top: 30px;
    padding: 20px;
  }
  .cheffesta > dt{
    font-size: 1.6rem;
  }
  .cheffesta > dd{
    margin-top: 10px;
  }
}



/* ------- CRUISE ---------------------------------------------- */

@media print, screen and (min-width:781px) {
  #cruise .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #cruise .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 50%;
  }
  #cruise .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #cruise .event-contents > .col2 > .cr{
    width: 37.037%;
  }
  #cruise .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
}
@media screen and (max-width: 780px) {
  #cruise .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #cruise .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #cruise .event-contents > .col2 > .cr{
    margin-top: 30px;
  }
  #cruise .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
}



/* ------- TAXI ---------------------------------------------- */

@media print, screen and (min-width:781px) {
  #taxi .event-contents .col2{
    display: flex;
    justify-content: space-between;
  }
  #taxi .event-contents > .col2 > .cl{
    font-size: 1.8rem;
    width: 50%;
  }
  #taxi .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #taxi .event-contents > .col2 > .cr{
    width: 37.037%;
  }
  #taxi .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
}
@media screen and (max-width: 780px) {
  #taxi .event-contents > .col2 > .cl{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  #taxi .event-contents > .col2 > .cl p:nth-child(n + 2){
    margin-top: 20px;
  }
  #taxi .event-contents > .col2 > .cr{
    margin-top: 30px;
  }
  #taxi .event-contents > .col2 > .cr > .image:nth-child(n + 2){
    margin-top: 15px;
  }
}



/* ------- FAMILY ---------------------------------------------- */
@media print, screen and (min-width:781px) {
  #family .event-contents > p{
    margin-top: 15px;
  }
  #family .event-contents > *:first-child{
    margin-top: 0;
  }
  #family .images-list{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  #family .images-list > .image{
    width: 31.0185%;
  }
  #family .event-other-sec .col2{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  #family .event-other-sec .col2 > .detail{
    width: 48.55769%;
  }
  #family .event-other-sec .col2 > .images{
    width: 48.55769%;
  }
}
@media screen and (max-width: 780px) {
  #family .event-contents > p{
    margin-top: 20px;
  }
  #family .images-list{
    margin-top: 30px;
  }
  #family .images-list > .image{
    margin-top: 20px;
  }
  #family .event-other-sec .col2{
    margin-top: 30px;
  }
}
