@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-position: 0 0;
  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 .no-accordion,
#special_body .accordion {
  text-align: center;
}
#special_body .accordion p {
  display: block;
  position: relative;
  cursor: pointer;
}

#special_body .no-accordion #ct-01 {
  background-color: #ff6428;
  padding-bottom: 5%;
}
#special_body .accordion #ct-03 {
  background-color: #def1fb;
}

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

#special_body .accordion .inner {
  display: none;
}
#special_body .no-accordion .inner ul {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding-bottom: 5%;
}
#special_body .accordion .inner ul {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 5% 0;
}
#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 .no-accordion .inner ul li:nth-child(1),
#special_body .no-accordion .inner ul li:nth-child(2),
#special_body .accordion .inner ul li:nth-child(1),
#special_body .accordion .inner ul li:nth-child(2) {
  margin-top: 0;
}

#special_body .event {
  padding: 5% 0;
  background-color: #fff5e6;
}
#special_body .event ul {
  max-width: 850px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 5%;
}
#special_body .event ul li:nth-child(n) {
  margin-top: 3%;
  margin-right: 2%;
}
#special_body .event ul li:nth-child(1),
#special_body .event ul li:nth-child(2) {
  margin-top: 0;
}


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

  #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 h2 {
    margin: 3% 5% 0;
  }
  #special_body .event ul li {
    width: 48%;
  }
}