@charset "utf-8";

/* clearfix */
/*************************************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* custom */
/*************************************************************/
#special_body {
  text-align: center;
  background-color: #fff;
}
#special_body img {
  max-width:100%;
  height:auto;
}

#special_body #main {
  background-color: #fff;
  background-image: url("../images/main_bk.png");
  background-size: contain;
  background-repeat: repeat-y;
  background-position: 0 0;
  padding-bottom: 3%;
  border-bottom: #000000 solid 50px;
}

#special_body a:hover img, #special_body2 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#special_body h2{
  margin-bottom: 5%;
}

#special_body .menu ul {
  display:flex;
  justify-content: space-around;
  margin: 0 5% 5%;
}

#special_body .no-accordion,
#special_body .accordion {
  text-align: center;
}
#special_body .no-accordion>div,
#special_body .accordion>div {
  padding-bottom: 5%;
}
#special_body .accordion p {
  display: block;
  position: relative;
  cursor: pointer;
}

#special_body .no-accordion #ct-01 {
  background-color: #f41e1e;
  margin-bottom: 5%;
  padding-bottom: 5%;
}

#special_body .no-accordion #ct-01 .inner,
#special_body .accordion #ct-02 .inner,
#special_body .accordion #ct-03 .inner,
#special_body .accordion #ct-04 .inner {
  max-width: 800px;
  margin: 0 auto;
}

#special_body .no-accordion #ct-01 .inner {
  background-color: #ffffff;
}

#special_body .accordion #ct-02 .inner {
  background-color: #DEF1FB;
}

#special_body .accordion #ct-03 .inner {
  background-color: #F0EBDC;
}

#special_body .accordion .inner {
  display: none;
}
#special_body .no-accordion .inner ul,
#special_body .accordion .inner ul {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 0 9%;
  padding-bottom: 5%;
}
#special_body .no-accordion .inner ul li:nth-child(n),
#special_body .accordion .inner ul li:nth-child(n) {
  margin-top: 3%;
  margin-right: 2%;
}

#special_body .event {
  margin: 5% 0;
}
#special_body .event ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5% 3% 0;
}
#special_body .event ul li {
  margin: 0 1% 3% 0;
}
#special_body .event ul li:nth-of-type(3) {
  margin: 0 0 3% 0;
}



@media screen and (max-width: 640px) {
  #special_body #main {
    border-bottom: #000000 solid 20px;
  }

  #special_body .menu ul li {
    margin-right:5%;
  }
  #special_body .menu ul li:last-child {
    margin-right:0;
  }

  #special_body .no-accordion #ct-01 p,
  #special_body .no-accordion #ct-01 .inner {
    margin: 0 5%;
  }

  #special_body .accordion div {
    padding-left: 3%;
    padding-right: 3%;
  }

  #special_body .no-accordion .inner ul li,
  #special_body .accordion .inner ul li {
    width: 48%;
  }

  #special_body .event {
    margin: 5% 3%;
  }
  #special_body .event ul li {
    width: 30%;
    margin: 0 3% 3% 0;
  }
}