@charset "utf-8";
/* ■layout共通
----------------------------------*/

.post.custom_archive .pc_basic02 h3, .post.custom_archive .pc_layout01 h3, .post.custom_archive .pc_layout02 h3, .post.custom_archive .pc_layout03 h3, .post.custom_archive .pc_layout04 h3 {
  border-bottom: 0px;
}

.post.custom_archive .pc_basic02 h3::before, .post.custom_archive .pc_layout01 h3::before, .post.custom_archive .pc_layout02 h3::before, .post.custom_archive .pc_layout03 h3::before, .post.custom_archive .pc_layout04 h3::before, .post.custom_archive .sp_layout01 h3::before, .post.custom_archive .sp_layout03 h3::before, .post.custom_archive .sp_layout04 h3::before, .post.custom_archive .sp_layout02 h3::before {
  display: none;
}

.post.custom_archive .textarea h3 {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_layout01.bdr_on .date time, #toppage .front_content .post.custom_archive .pc_layout01.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .pc_layout01.bdr_on .textarea .postexc.excerpt_on p {
  color: #333;
}

@media only screen and (max-width:740px) {
  #toppage .front_content .post.custom_archive .sp_layout01.bdr_on .date time, #toppage .front_content .post.custom_archive .sp_layout01.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .sp_layout01.bdr_on .textarea .postexc.excerpt_on p {
    color: #333;
  }
}

#toppage .front_content .post.custom_archive .pc_layout02.bdr_on .date time, #toppage .front_content .post.custom_archive .pc_layout02.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .pc_layout02.bdr_on .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_layout03.bdr_on .date time, #toppage .front_content .post.custom_archive .pc_layout03.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .pc_layout03.bdr_on .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .sp_layout04.bdr_on .date time, #toppage .front_content .post.custom_archive .sp_layout04.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .sp_layout04.bdr_on .textarea .postexc.excerpt_on p {
  color: #333;
}

}

#toppage .front_content .post.custom_archive .pc_layout00.bdr_on .date time, #toppage .front_content .post.custom_archive .pc_layout00.bdr_on .textarea h3, #toppage .front_content .post.custom_archive .pc_layout00.bdr_on .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerA01 .date time, #toppage .front_content .post.custom_archive .pc_bannerA01 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerA01 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerA02 .date time, #toppage .front_content .post.custom_archive .pc_bannerA02 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerA02 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerA03 .date time, #toppage .front_content .post.custom_archive .pc_bannerA03 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerA03 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerA00 .date time, #toppage .front_content .post.custom_archive .pc_bannerA00 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerA00 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerB01 .date time, #toppage .front_content .post.custom_archive .pc_bannerB01 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerB01 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerB02 .date time, #toppage .front_content .post.custom_archive .pc_bannerB02 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerB02 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerB03 .date time, #toppage .front_content .post.custom_archive .pc_bannerB03 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerB03 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerB00 .date time, #toppage .front_content .post.custom_archive .pc_bannerB00 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerB00 .textarea .postexc.excerpt_on p {
  color: #333;
}

#toppage .front_content .post.custom_archive .pc_bannerC01 .date time, #toppage .front_content .post.custom_archive .pc_bannerC01 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerC01 .textarea .postexc.excerpt_on p {
  color: #FFF;
}

#toppage .front_content .post.custom_archive .pc_bannerC02 .date time, #toppage .front_content .post.custom_archive .pc_bannerC02 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerC02 .textarea .postexc.excerpt_on p {
  color: #FFF;
}

#toppage .front_content .post.custom_archive .pc_bannerC03 .date time, #toppage .front_content .post.custom_archive .pc_bannerC03 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerC03 .textarea .postexc.excerpt_on p {
  color: #FFF;
}

#toppage .front_content .post.custom_archive .pc_bannerC00 .date time, #toppage .front_content .post.custom_archive .pc_bannerC00 .textarea h3, #toppage .front_content .post.custom_archive .pc_bannerC00 .textarea .postexc.excerpt_on p {
  color: #FFF;
}

@media only screen and (max-width:740px) {
  #toppage .front_content .post.custom_archive article.sp_basic02 .textarea h3, #toppage .front_content .post.custom_archive article.sp_basic02 .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_basic02 .date time {
    color: #333;
  }
  #toppage .front_content .post.custom_archive .sp_layout02 .date time, #toppage .front_content .post.custom_archive .sp_layout02 .textarea h3, #toppage .front_content .post.custom_archive .sp_layout02 .textarea .postexc.excerpt_on p {
    color: #FFF;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerA .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerA .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerA .date time {
    color: #333;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerA0 .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerA0 .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerA0 .date time {
    color: #333;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerB .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerB .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerB .date time {
    color: #333;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerB0 .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerB0 .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerB0 .date time {
    color: #333;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerC .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerC .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerC .date time {
    color: #FFF;
  }
  #toppage .front_content .post.custom_archive article.sp_bannerC0 .textarea h3, #toppage .front_content .post.custom_archive article.sp_bannerC0 .textarea .postexc.excerpt_on p, #toppage .front_content .post.custom_archive article.sp_bannerC0 .date time {
    color: #FFF;
  }
}

.post.custom_archive a:hover {
  opacity: 0.7;
}

.post.custom_archive h3 {
  font-size: 131%;
  font-weight: normal;
  line-height: 1.3;
  margin: 5px 5px 0 0;
  padding: 0 0 10px;
}

.textarea .postexc {
  display: none;
}

.post .detail_link article .textarea .postexc.excerpt_on {
  display: block;
  margin: 5px 5px;
  line-height: 1.2;
}

.post .detail_link article {
  box-sizing: border-box;
}

.post .detail_link article.bdr_on {
  background-color: #FFF;
}

.post .detail_link article .textarea .postexc p {
  color: #777;
  font-size: 90%;
  line-height: 1.6;
  padding-bottom: 0;
}

.post .detail_link article.bdr_on {
  border: 1px solid #CCC;
}

.post .detail_link article.bdr_on h3 {
  margin: 10px 10px 5px;
}

.post .detail_link article.bdr_on .textarea .postexc.excerpt_on {
  margin: 5px 10px;
  line-height: 1.2;
}

.post.custom_archive article .textarea .date time {
  color: #AAA;
}

.swiper-container {
  text-align: center;
}

#toppage .front_set_content .post_inner .post {
  position: relative;
}

/* スライダー -------*/

#toppage .swiper-wrapper::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}

#toppage .swiper-container {
  width: 90%;
}

#toppage .swiper-button-prev, #toppage .swiper-button-next {
  font-size: 300%;
  background-image: none;
}

#toppage .swiper-button-prev i.fa, #toppage .swiper-button-next i.fa {
  margin: 0;
}

@media only screen and (max-width:740px) {
  #toppage .swiper-button-prev, #toppage .swiper-button-next {
    font-size: 200%;
  }
}

#toppage .swiper-button-prev {
  text-align: left;
}

#toppage .swiper-button-next {
  text-align: right;
}

@media only screen and (max-width:740px) {
  #toppage .swiper-container {
    width: 93%;
  }
  #toppage .swiper-button-prev, #toppage .swiper-button-next {
    width: 10px;
    height: 18px;
    margin-top: -11px;
    background-size: 10px 18px;
  }
  #toppage .swiper-button-prev {
    left: 0;
  }
  #toppage .swiper-button-next {
    right: 0;
  }
  #toppage .swiper-wrapper {
    width: 130%;
  }
  #toppage .swiper-wrapper a:hover {
    opacity: 1;
  }
}

/* ■トップページ用
----------------------------------*/

@media only screen and (min-width:741px) {
  /* ◇ mediaPC */
  /* ■PC basic01：ベーシック（画像なし）
----------------------------------*/
  #toppage .post.slpc_basic01 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_basic01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_basic01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_basic01 .swiper-button-next {
    display: none;
  }
  .post .detail_link article.pc_basic01 {
    display: table;
    width: 100%;
    text-align: left;
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_basic01.bdr_on {
    border-width: 0 0 1px;
  }
  article.pc_basic01 .img_wrap {
    display: none;
  }
  article.pc_basic01 .date {
    line-height: 1;
    margin: 0 10px 0 0;
    display: inline-block;
    position: relative;
  }
  article.pc_basic01 .date time {
    font-size: 90%;
    color: #333;
  }
  article.pc_basic01 .date.seminar {
    text-align: left;
    margin: 3px 0 0;
    padding: 0;
  }
  article.pc_basic01 .date.seminar time span {
    display: inline-block;
    margin: 0 10px 7px 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 90%;
  }
  article.pc_basic01 .date.seminar time .datetime {
    display: inline;
  }
  article.pc_basic01 ul.post_cat_name {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
  }
  article.pc_basic01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
  }
  article.pc_basic01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_basic01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 5px;
    color: #fff;
    font-size: 80%;
  }
  article.pc_basic01 .textarea {
    display: block;
    padding: 0px;
    margin: 0;
    vertical-align: top;
    position: relative;
    text-align: left;
  }
  .post .detail_link article.pc_basic01:hover {
    opacity: 0.7;
  }
  .post .detail_link article.pc_basic01::after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    display: block;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: none!important;
  }
  .post .detail_link article.pc_basic01 .textarea h3 {
    font-size: 110%;
    font-weight: normal;
    line-height: 1.4;
    margin: 0px;
    padding: 0;
    border: none;
  }
  .post .detail_link article.pc_basic01 .textarea h3::before {
    position: static;
  }
  .post .detail_link article.pc_basic01 .textarea .postexc.excerpt_on {
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 90%;
    line-height: 1.4;
  }
  /* ■PC basic02：ベーシック（左画像）
----------------------------------*/
  #toppage .post.slpc_basic02 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_basic02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_basic02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_basic02 .swiper-button-next {
    display: none;
  }
  .post .detail_link article.pc_basic02 {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0px 0 25px 0;
    padding: 0px 0 25px 0;
    box-sizing: content-box;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_basic02.bdr_on {
    border-width: 0 0 1px;
  }
  article.pc_basic02 .img_wrap {
    display: block;
    float: left;
    width: 250px;
    margin: 0 20px 0 0;
  }
  article.pc_basic02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_basic02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_basic02 .date {
    display: inline-block;
    line-height: 1;
    margin: 7px 15px 0 0;
    position: relative;
  }
  article.pc_basic02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_basic02 .date.seminar {
    text-align: left;
    margin: 3px 0 0;
    padding: 0;
    display: block;
    float: none;
  }
  article.pc_basic02 .date.seminar time span {
    display: inline-block;
    margin: 0 10px 7px 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 90%;
  }
  article.pc_basic02 .date.seminar time .datetime {
    display: inline;
  }
  article.pc_basic02 ul.post_cat_name {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
  }
  article.pc_basic02 ul.post_cat_name li {
    display: none;
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 1;
  }
  article.pc_basic02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_basic02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.pc_basic02 .textarea {
    display: block;
    position: relative;
    vertical-align: top;
    float: left;
    width: 61%;
    text-align: left;
  }
  .post.custom_archive article.pc_basic02 .textarea h3 {
    font-size: 130%;
    font-weight: normal;
    line-height: 1.4;
    margin: 15px 0 5px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_basic02 .textarea .postexc.excerpt_on {
    margin: 0 0 10px;
    padding-bottom: 0;
    font-size: 90%;
    line-height: 1.4;
  }
  /* ■PC layout02：タイル2列
----------------------------------*/
  #toppage .post.slpc_layout02 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout02 .swiper-button-next {
    display: none;
  }
  article.pc_layout02 {
    display: inline-block;
    width: 44%;
    margin: 0 2% 4%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  article.pc_layout02 .img_wrap {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  .archive_garally article.pc_layout02 .img_wrap span::before {
    padding-top: 100%;
  }
  article.pc_layout02 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.pc_layout02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout02 .date.seminar {
    text-align: left;
    margin: 8px 0 0;
    padding: 0;
  }
  article.pc_layout02.bdr_on .date.seminar {
    margin: 8px 7px 0;
  }
  article.pc_layout02 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 7px 10px 5px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout02 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout02 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.pc_layout02 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.pc_layout02 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .post.custom_archive article.pc_layout02 .textarea h3 {
    font-size: 105%;
    font-weight: normal;
    line-height: 1.3;
    margin: 10px 0 5px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout02 .textarea h3.h3bdr_on {
    margin: 7px 7px 5px;
  }
  .post .detail_link article.pc_layout02 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0 0 10px;
    font-size: 90%;
    line-height: 1.3;
  }
  .post .detail_link article.pc_layout02.bdr_on .textarea .postexc.excerpt_on {
    margin: 0 7px 5px;
  }
  /* ■PC layout03：タイル3列
----------------------------------*/
  #toppage .post.slpc_layout03 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout03 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout03 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout03 .swiper-button-next {
    display: none;
  }
  a.pcint_layout03 {
    display: block;
    width: 30% !important;
    margin: 0 1.5% 4% 1.5% !important;
    float: left;
  }
  a.pcint_layout03 article.pc_layout03 {
    width: 100%;
  }
  article.pc_layout03 {
    display: inline-block;
    width: 32%;
    margin: 0 0 2% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_layout03 {
    margin: 0 0 2% 0;
  }
  article.pc_layout03 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout03 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout03 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  .archive_garally article.pc_layout03 .img_wrap span::before {
    padding-top: 100%;
  }
  article.pc_layout03 .date {
    display: block;
    line-height: 1;
    padding: 3px 5px 0;
    position: relative;
    text-align: right;
  }
  article.pc_layout03 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout03 .date.seminar {
    text-align: left;
    padding: 0;
  }
  article.pc_layout03 .date.seminar {
    margin: 8px 0 0;
  }
  article.pc_layout03.bdr_on .date.seminar {
    margin: 8px 7px 0;
  }
  article.pc_layout03 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout03 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout03 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_layout03 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout03 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout03 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_layout03 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .post.custom_archive article.pc_layout03 .textarea h3 {
    font-size: 95%;
    font-weight: normal;
    line-height: 1.2;
    margin: 8px 0 3px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout03 .textarea h3.h3bdr_on {
    margin: 7px 7px 5px;
  }
  .post .detail_link article.pc_layout03 .textarea .postexc.excerpt_on {
    margin: 0 0 5px;
    padding-bottom: 0;
    font-size: 85%;
    line-height: 1.2;
  }
  .post .detail_link article.pc_layout03.bdr_on .textarea .postexc.excerpt_on {
    margin: 0 7px 5px;
  }
  /* ■PC layout04：タイル4列
----------------------------------*/
  #toppage .post.slpc_layout04 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout04 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout04 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout04 .swiper-button-next {
    display: none;
  }
  a.pcint_layout04 {
    display: block;
    width: 23.8% !important;
    margin: 0 0% 1% 1% !important;
    float: left;
  }
  a.pcint_layout04 article.pc_layout04 {
    width: 100%;
  }
  article.pc_layout04 {
    display: inline-block;
    width: 24%;
    margin: 0 0 1% 1.3%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(4n+1) article.pc_layout04 {
    margin: 0 0 1% 0;
  }
  article.pc_layout04 .img_wrap {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout04 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout04 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  .archive_garally article.pc_layout04 .img_wrap span::before {
    padding-top: 100%;
  }
  article.pc_layout04 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.pc_layout04 .date time {
    font-size: 70%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout04 .date.seminar {
    text-align: left;
    margin: 3px 0 0;
    padding: 0;
  }
  article.pc_layout04.bdr_on .date.seminar {
    margin: 3px 5px 0;
  }
  article.pc_layout04 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
    font-size: 70%;
  }
  article.pc_layout04 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout04 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_layout04 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout04 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout04 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  article.pc_layout04 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .custom_archive .pc_layout04 .textarea h3 {
    font-size: 90%;
    font-weight: normal;
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .custom_archive .pc_layout04 .textarea h3.h3bdr_on {
    margin: 5px;
  }
  .post.custom_archive .pc_layout04 .textarea .postexc.excerpt_on {
    margin: 0 0 5px;
    line-height: 1;
    padding-bottom: 0;
    font-size: 70%;
    color: #999;
    line-height: 1.2;
  }
  .post .detail_link article.pc_layout04.bdr_on .textarea .postexc.excerpt_on {
    margin: 0 5px 5px;
  }
  /* ■PC layout00：タイル スライダー
----------------------------------*/
  article.pc_layout00 {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_layout00 {
    margin: 0 0 2% 0;
  }
  article.pc_layout00 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout00 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout00 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_layout00 .date {
    display: block;
    line-height: 1;
    padding: 3px 5px 0;
    position: relative;
    text-align: right;
  }
  article.pc_layout00 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout00 .date.seminar {
    text-align: left;
    padding: 0;
  }
  article.pc_layout00 .date.seminar {
    margin: 8px 0 0;
  }
  article.pc_layout00.bdr_on .date.seminar {
    margin: 8px 7px 0;
  }
  article.pc_layout00 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout00 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout00 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_layout00 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout00 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout00 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_layout00 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .post.custom_archive article.pc_layout00 .textarea h3 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.2;
    margin: 8px 0 6px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout00 .textarea h3.h3bdr_on {
    margin: 7px 7px 5px;
  }
  .post .detail_link article.pc_layout00 .textarea .postexc.excerpt_on {
    margin: 0 0 5px;
    padding-bottom: 0;
    font-size: 85%;
    line-height: 1.2;
  }
  .post .detail_link article.pc_layout00.bdr_on .textarea .postexc.excerpt_on {
    margin: 0 7px 5px;
  }
  /* ■PC layout12：丸タイル2列
----------------------------------*/
  #toppage .post.slpc_layout12 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout12 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout12 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout12 .swiper-button-next {
    display: none;
  }
  article.pc_layout12 {
    display: inline-block;
    width: 46%;
    margin: 0 0 4% 4%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.pc_layout12.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_layout12.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  .post .detail_link:nth-of-type(2n+1) article.pc_layout12 {
    margin: 0 0 4% 0;
  }
  article.pc_layout12 .img_wrap {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout12 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout12 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.pc_layout12 .date {
    display: block;
    line-height: 1;
    padding: 0 5px 10px;
    position: relative;
    text-align: center;
  }
  article.pc_layout12 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout12 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.pc_layout12 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout12 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout12 ul.post_cat_name {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
  article.pc_layout12 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout12 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout12 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.pc_layout12 .textarea {
    display: block;
    position: relative;
    text-align: center;
  }
  .post.custom_archive article.pc_layout12 .textarea h3 {
    font-size: 105%;
    font-weight: normal;
    line-height: 1.3;
    margin: 7px 0 0;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout12 .textarea h3.h3bdr_on {
    margin: 7px 7px 10px;
  }
  .post .detail_link article.pc_layout12 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 10px 10px;
    font-size: 90%;
    line-height: 1.3;
  }
  /* ■PC layout13：丸タイル3列
----------------------------------*/
  #toppage .post.slpc_layout13 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout13 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout13 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout13 .swiper-button-next {
    display: none;
  }
  article.pc_layout13 {
    display: inline-block;
    width: 30.9%;
    margin: 0 0 5% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.pc_layout13.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_layout13.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_layout13 {
    margin: 0 0 5% 0;
  }
  article.pc_layout13 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout13 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout13 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.pc_layout13 .date {
    line-height: 1;
    padding: 3px 5px 10px;
    position: relative;
    text-align: center;
  }
  article.pc_layout13 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout13 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_layout13 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout13 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout13 ul.post_cat_name {
    margin: 0;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
  article.pc_layout13 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout13 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout13 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_layout13 .textarea {
    display: block;
    position: relative;
    text-align: center;
  }
  .post.custom_archive article.pc_layout13 .textarea h3 {
    font-size: 105%;
    font-weight: normal;
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout13 .textarea h3.h3bdr_on {
    margin: 5px 7px;
  }
  .post .detail_link article.pc_layout13 .textarea .postexc.excerpt_on {
    margin: 0 7px 5px;
    padding-bottom: 0;
    font-size: 85%;
    line-height: 1.2;
  }
  /* ■PC layout14：丸タイル4列
----------------------------------*/
  #toppage .post.slpc_layout14 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_layout14 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_layout14 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_layout14 .swiper-button-next {
    display: none;
  }
  article.pc_layout14 {
    display: inline-block;
    width: 22.8%;
    margin: 0 0 1% 1.3%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.pc_layout14.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_layout14.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  .post .detail_link:nth-of-type(4n+1) article.pc_layout14 {
    margin: 0 0 1% 0;
  }
  article.pc_layout14 .img_wrap {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout14 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout14 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.pc_layout14 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: center;
  }
  article.pc_layout14 .date time {
    font-size: 70%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout14 .date.seminar {
    text-align: left;
    margin: 3px 5px 0;
    padding: 0;
  }
  article.pc_layout14 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
    font-size: 70%;
  }
  article.pc_layout14 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout14 ul.post_cat_name {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
  article.pc_layout14 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout14 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout14 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  article.pc_layout14 .textarea {
    display: block;
    position: relative;
    text-align: center;
  }
  .custom_archive .pc_layout14 .textarea h3 {
    font-size: 95%;
    font-weight: normal;
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .custom_archive .pc_layout14 .textarea h3.h3bdr_on {
    margin: 5px;
  }
  .post.custom_archive .pc_layout14 .textarea .postexc.excerpt_on {
    margin: 0 5px 5px;
    line-height: 1;
    padding-bottom: 0;
    font-size: 70%;
    color: #999;
    line-height: 1.2;
  }
  /* ■PC layout10：丸タイル スライダー
----------------------------------*/
  article.pc_layout10 {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.pc_layout10.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.pc_layout10.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_layout10 {
    margin: 0 0 5% 0;
  }
  article.pc_layout10 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_layout10 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_layout10 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.pc_layout10 .date {
    display: none;
    line-height: 1;
    padding: 3px 5px 0;
    position: relative;
    text-align: center;
  }
  article.pc_layout10 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_layout10 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_layout10 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_layout10 .date.seminar time .datetime {
    display: none;
  }
  article.pc_layout10 ul.post_cat_name {
    display: none;
    margin: 0;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
  article.pc_layout10 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_layout10 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_layout10 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_layout10 .textarea {
    display: block;
    position: relative;
    text-align: center;
  }
  .post.custom_archive article.pc_layout10 .textarea h3 {
    font-size: 105%;
    font-weight: normal;
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_layout10 .textarea h3.h3bdr_on {
    margin: 5px 7px;
  }
  .post .detail_link article.pc_layout10 .textarea .postexc.excerpt_on {
    margin: 0 7px 5px;
    padding-bottom: 0;
    font-size: 85%;
    line-height: 1.2;
  }
  /* ■PC bannerA01：バナーA2列
----------------------------------*/
  #toppage .post.slpc_bannerA01 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerA01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerA01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerA01 .swiper-button-next {
    display: none;
  }
  article.pc_bannerA01 {
    display: block;
    float: left;
    width: 46.4%;
    margin: 0 2% 4%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(2n+1) article.pc_bannerA01 {
    margin: 0 0 4% 0;
  }
  article.pc_bannerA01 .img_wrap {
    width: 100%;
    margin-bottom: 0px;
  }
  article.pc_bannerA01 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerA01 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerA01 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 3px 5px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  article.pc_bannerA01 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerA01 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.pc_bannerA01 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerA01 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerA01 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerA01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerA01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerA01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  .post.custom_archive article.pc_bannerA01 .textarea {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    display: block;
    height: 60%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%;
  }
  .post.custom_archive article.pc_bannerA01 .textarea h3 {
    border: none;
    display: table;
    font-size: 120%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerA01 .textarea h3.h3exc_on {
    height: 50%;
  }
  .post.custom_archive article.pc_bannerA01 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .post.custom_archive article.pc_bannerA01 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerA01 .textarea .postexc.excerpt_on {
    display: table-row;
    font-size: 90%;
    line-height: 1.3;
    margin: 0 10px 10px;
    width: 100%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerA01 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 15px;
  }
  /* ■PC bannerA02：バナーA3列
----------------------------------*/
  #toppage .post.slpc_bannerA02 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerA02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerA02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerA02 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerA02 {
    display: block;
    width: 100% !important;
    height: auto;
  }
  article.pc_bannerA02 {
    display: block;
    float: left;
    width: 32%;
    margin: 0 0 2% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerA02 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerA02 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_bannerA02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerA02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerA02 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
  }
  article.pc_bannerA02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerA02 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_bannerA02 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerA02 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerA02 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerA02 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerA02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerA02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_bannerA02 .textarea {
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
    display: block;
    height: 70%;
    left: 15%;
    position: absolute;
    top: 15%;
    width: 70%;
  }
  .post.custom_archive article.pc_bannerA02 .textarea h3 {
    border: none;
    display: table;
    font-size: 115%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerA02 .textarea h3.h3exc_on {
    height: 50%;
  }
  .post.custom_archive article.pc_bannerA02 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .post.custom_archive article.pc_bannerA02 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerA02 .textarea .postexc.excerpt_on {
    display: table-row;
    font-size: 85%;
    line-height: 1.2;
    margin: 0 7px 5px;
    font-size: 85%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerA02 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 10px;
  }
  /* ■PC bannerA03：バナーA 4列
----------------------------------*/
  #toppage .post.slpc_bannerA03 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerA03 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerA03 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerA03 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerA03 {
    display: block;
    width: 100% !important;
    height: auto;
  }
  article.pc_bannerA03 {
    display: block;
    float: left;
    width: 24%;
    margin: 0 0 4% 1.3%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(4n+1) article.pc_bannerA03 {
    margin: 0 0 4% 0;
  }
  article.pc_bannerA03 .img_wrap {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerA03 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerA03 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerA03 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.pc_bannerA03 .date time {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    font-size: 70%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerA03 .date.seminar {
    text-align: left;
    margin: 3px 5px 0;
    padding: 0;
  }
  article.pc_bannerA03 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
    font-size: 70%;
  }
  article.pc_bannerA03 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerA03 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerA03 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerA03 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerA03 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  .post.custom_archive article.pc_bannerA03 .textarea {
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
    display: block;
    height: 70%;
    left: 10%;
    position: absolute;
    top: 15%;
    width: 80%;
  }
  .post.custom_archive article.pc_bannerA03 .textarea h3 {
    border: none;
    display: table;
    font-size: 105%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerA03 .textarea h3.h3exc_on {
    height: 50%;
  }
  .post.custom_archive article.pc_bannerA03 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .post.custom_archive article.pc_bannerA03 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerA03 .textarea .postexc.excerpt_on {
    display: table-row;
    font-size: 85%;
    line-height: 1;
    margin: 0 7px 5px;
    font-size: 70%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerA03 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 5px;
  }
  /* ■PC bannerA00：バナーA スライダー
----------------------------------*/
  article.pc_bannerA00 {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerA00 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerA00 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_bannerA00 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerA00 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerA00 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
  }
  article.pc_bannerA00 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerA00 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_bannerA00 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerA00 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerA00 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerA00 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerA00 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerA00 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_bannerA00 .textarea {
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
    display: block;
    height: 70%;
    left: 15%;
    position: absolute;
    top: 15%;
    width: 70%;
  }
  .post.custom_archive article.pc_bannerA00 .textarea h3 {
    border: none;
    display: table;
    font-size: 115%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerA00 .textarea h3.h3exc_on {
    height: 50%;
  }
  .post.custom_archive article.pc_bannerA00 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .post.custom_archive article.pc_bannerA00 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerA00 .textarea .postexc.excerpt_on {
    display: table-row;
    font-size: 85%;
    line-height: 1.2;
    margin: 0 7px 5px;
    font-size: 85%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerA00 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 10px;
  }
  /* ■PC bannerC01：バナーC2列
----------------------------------*/
  #toppage .post.slpc_bannerC01 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerC01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerC01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerC01 .swiper-button-next {
    display: none;
  }
  article.pc_bannerC01 {
    display: block;
    float: left;
    width: 45%;
    margin: 0 0 4% 4%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(2n+1) article.pc_bannerC01 {
    margin: 0 0 4% 3%;
  }
  article.pc_bannerC01 .img_wrap {
    width: 100%;
    margin-bottom: 0px;
  }
  article.pc_bannerC01 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerC01 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 53.5%;
  }
  article.pc_bannerC01 .date {
    display: none;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
  }
  article.pc_bannerC01 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerC01 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.pc_bannerC01 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerC01 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerC01 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    z-index: 9;
  }
  article.pc_bannerC01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerC01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerC01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  .post.custom_archive article.pc_bannerC01 .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 1em;
  }
  .post.custom_archive article.pc_bannerC01 .textarea h3 {
    border: none;
    display: table;
    font-size: 130%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerC01 .textarea h3.h3exc_on {
    height: 80%;
  }
  .post.custom_archive article.pc_bannerC01 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 115%;
  }
  .post.custom_archive article.pc_bannerC01 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerC01 .textarea .postexc.excerpt_on {
    display: block;
    font-size: 90%;
    line-height: 1.3;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerC01 .textarea .postexc.excerpt_on p {
    display: block;
    color: #FFF;
    height: 30%;
    vertical-align: top;
    padding: 0 15px;
  }
  /* ■PC bannerC02：バナーC3列
----------------------------------*/
  #toppage .post.slpc_bannerC02 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerC02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerC02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerC02 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerC02 {
    display: block;
    width: 100% !important;
    height: auto;
  }
  article.pc_bannerC02 {
    display: block;
    float: left;
    width: 32%;
    margin: 0 0 2% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerC02 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerC02 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_bannerC02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerC02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 53.5%;
  }
  article.pc_bannerC02 .date {
    display: none;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
  }
  article.pc_bannerC02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerC02 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_bannerC02 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerC02 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerC02 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
    z-index: 9;
  }
  article.pc_bannerC02 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerC02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerC02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_bannerC02 .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .post.custom_archive article.pc_bannerC02 .textarea h3 {
    border: none;
    display: table;
    font-size: 125%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerC02 .textarea h3.h3exc_on {
    height: 75%;
  }
  .post.custom_archive article.pc_bannerC02 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 100%;
  }
  .post.custom_archive article.pc_bannerC02 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerC02 .textarea .postexc.excerpt_on {
    display: block;
    font-size: 85%;
    line-height: 1.2;
    margin: 0 0 5px;
    font-size: 85%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerC02 .textarea .postexc.excerpt_on p {
    display: block;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 10px;
  }
  /* ■PC bannerC03：バナーC 4列
----------------------------------*/
  #toppage .post.slpc_bannerC03 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerC03 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerC03 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerC03 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerC03 {
    display: block;
    width: 100% !important;
    height: auto;
  }
  article.pc_bannerC03 {
    display: block;
    float: left;
    width: 24%;
    margin: 0 0 1% 1.3%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(4n+1) article.pc_bannerC03 {
    margin: 0 0 1% 0;
  }
  article.pc_bannerC03 .img_wrap {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerC03 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerC03 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 53.5%;
  }
  article.pc_bannerC03 .date {
    display: none;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.pc_bannerC03 .date time {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    font-size: 70%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerC03 .date.seminar {
    text-align: left;
    margin: 3px 5px 0;
    padding: 0;
  }
  article.pc_bannerC03 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
    font-size: 70%;
  }
  article.pc_bannerC03 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerC03 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
    z-index: 9;
  }
  article.pc_bannerC03 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerC03 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerC03 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  .post.custom_archive article.pc_bannerC03 .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .post.custom_archive article.pc_bannerC03 .textarea h3 {
    border: none;
    display: table;
    font-size: 115%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerC03 .textarea h3.h3exc_on {
    height: 65%;
  }
  .post.custom_archive article.pc_bannerC03 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 85%;
  }
  .post.custom_archive article.pc_bannerC03 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerC03 .textarea .postexc.excerpt_on {
    display: block;
    font-size: 85%;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 70%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerC03 .textarea .postexc.excerpt_on p {
    display: block;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 5px;
  }
  /* ■PC bannerC00：バナーC3 スライダー
----------------------------------*/
  article.pc_bannerC00 {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerC00 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerC00 .img_wra {
    width: 100%;
    margin-bottom: 3px;
  }
  article.pc_bannerC00 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerC00 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 53.5%;
  }
  article.pc_bannerC00 .date {
    display: none;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
  }
  article.pc_bannerC00 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerC00 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_bannerC00 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerC00 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerC00 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
    z-index: 9;
  }
  article.pc_bannerC00 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerC00 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerC00 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  .post.custom_archive article.pc_bannerC00 .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 1em;
  }
  .post.custom_archive article.pc_bannerC00 .textarea h3 {
    border: none;
    display: table;
    font-size: 125%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.pc_bannerC00 .textarea h3.h3exc_on {
    height: 60%;
  }
  .post.custom_archive article.pc_bannerC00 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 100%;
  }
  .post.custom_archive article.pc_bannerC00 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.pc_bannerC00 .textarea .postexc.excerpt_on {
    display: block;
    font-size: 85%;
    line-height: 1.2;
    margin: 0 0 5px;
    font-size: 85%;
    text-align: center;
  }
  .post .detail_link article.pc_bannerC00 .textarea .postexc.excerpt_on p {
    display: block;
    color: #333;
    height: 30%;
    vertical-align: top;
    padding: 0 10px;
  }
  /* ■PC bannerB01：バナー風B 2列
----------------------------------*/
  #toppage .post.slpc_bannerB01 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerB01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerB01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerB01 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerB01 {
    display: block;
    width: 48% !important;
    margin: 0 1% 4% 1% !important;
    float: left;
  }
  a.pcint_bannerB01 article.pc_bannerB01 {
    display: inline-block;
    width: 100%;
    margin: 0 0 4% 0;
  }
  article.pc_bannerB01 {
    display: inline-block;
    width: 48%;
    margin: 0 0 4% 4%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(2n+1) article.pc_bannerB01 {
    margin: 0 0 4% 0;
  }
  article.pc_bannerB01 .img_wrap {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerB01 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerB01 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerB01 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    font-size: 100%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB01 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB01 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.pc_bannerB01 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerB01 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerB01 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerB01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerB01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerB01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.pc_bannerB01 .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.pc_bannerB01 .textarea h3 {
    font-size: 130%;
    font-weight: normal;
    line-height: 1.3;
    margin: 13px 10px 10px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_bannerB01 .textarea h3.h3exc_on {
    margin: 10px 10px 0;
  }
  .post.custom_archive article.pc_bannerB01 .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.pc_bannerB01 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 10px 5px;
    font-size: 90%;
    line-height: 1.3;
  }
  /* ■PC bannerB02：バナー風B 3列
----------------------------------*/
  #toppage .post.slpc_bannerB02 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerB02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerB02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerB02 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerB02 {
    display: block;
    width: 30% !important;
    margin: 0 1.5% 4% 1.5% !important;
    float: left;
  }
  a.pcint_bannerB02 article.pc_bannerB02 {
    display: inline-block;
    width: 100%;
    margin: 0 0 2% 0;
  }
  article.pc_bannerB02 {
    display: inline-block;
    width: 32%;
    margin: 0 0 2% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerB02 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerB02 .img_wra {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerB02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerB02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerB02 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0 3px 0 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  article.pc_bannerB02 .date.seminar {
    text-align: left;
    margin: 3px 3px 0 0;
    padding: 0;
  }
  article.pc_bannerB02 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px 2px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerB02 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerB02 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerB02 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerB02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerB02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  article.pc_bannerB02 .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.pc_bannerB02 .textarea h3 {
    font-size: 115%;
    font-weight: normal;
    line-height: 1.2;
    margin: 10px 10px 7px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_bannerB02 .textarea h3.h3exc_on {
    margin: 7px 10px 0;
  }
  .post.custom_archive article.pc_bannerB02 .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.pc_bannerB02 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 10px 5px;
    font-size: 85%;
    line-height: 1.3;
  }
  /* ■PC bannerB03：バナー風B 4列
----------------------------------*/
  #toppage .post.slpc_bannerB03 .swiper-wrapper {
    display: block;
  }
  #toppage .post.slpc_bannerB03 .swiper-container {
    width: 100%;
  }
  #toppage .post.slpc_bannerB03 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slpc_bannerB03 .swiper-button-next {
    display: none;
  }
  a.pcint_bannerB03 {
    display: block;
    width: 23% !important;
    margin: 0 1% 2% 1% !important;
    float: left;
  }
  a.pcint_bannerB03 article.pc_bannerB03 {
    display: inline-block;
    width: 100%;
    margin: 0 0 2% 0;
  }
  article.pc_bannerB03 {
    display: inline-block;
    width: 23%;
    margin: 0 0 2% 2%;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  article.pc_bannerB03 .img_wrap {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerB03 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerB03 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerB03 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB03 .date time {
    font-size: 70%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB03 .date.seminar {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  article.pc_bannerB03 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
    font-size: 70%;
  }
  article.pc_bannerB03 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerB03 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerB03 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerB03 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerB03 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  article.pc_bannerB03 .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.pc_bannerB03 .textarea h3 {
    font-size: 95%;
    font-weight: normal;
    line-height: 1.2;
    margin: 8px 5px 4px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_bannerB03 .textarea h3.h3exc_on {
    margin: 6px 5px 0;
  }
  .post.custom_archive article.pc_bannerB03 .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.pc_bannerB03 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 5px 5px;
    font-size: 70%;
    line-height: 1.3;
  }
  /* ■PC bannerB00：バナー風B スライダー
----------------------------------*/
  article.pc_bannerB00 {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link:nth-of-type(3n+1) article.pc_bannerB00 {
    margin: 0 0 2% 0;
  }
  article.pc_bannerB00 .img_wra {
    width: 100%;
    margin-bottom: 0;
  }
  article.pc_bannerB00 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.pc_bannerB00 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.pc_bannerB00 .date {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    padding: 0 5px;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB00 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.pc_bannerB00 .date.seminar {
    text-align: left;
    margin: 8px 7px 0;
    padding: 0;
  }
  article.pc_bannerB00 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.pc_bannerB00 .date.seminar time .datetime {
    display: none;
  }
  article.pc_bannerB00 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.pc_bannerB00 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.pc_bannerB00 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.pc_bannerB00 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  article.pc_bannerB00 .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.pc_bannerB00 .textarea h3 {
    font-size: 115%;
    font-weight: normal;
    line-height: 1.2;
    margin: 10px 10px 7px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.pc_bannerB00 .textarea h3.h3exc_on {
    margin: 7px 10px 0;
  }
  .post.custom_archive article.pc_bannerB00 .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.pc_bannerB00 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 10px 5px;
    font-size: 85%;
    line-height: 1.3;
  }
}

@media only screen and (max-width:740px) {
  .post.custom_archive .sp_basic02 h3, .post.custom_archive .sp_layout01 h3, .post.custom_archive .sp_layout04 h3 {
    border-bottom: 0px;
  }
  /* ■■ SP ■■■■■■■■■■■■
/* ■SP basic01：ベーシック（画像なし）
----------------------------------*/
  #toppage .post.slsp_basic01 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_basic01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_basic01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_basic01 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_basic01 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  .post .detail_link article.sp_basic01 {
    display: table;
    width: 100%;
    text-align: left;
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.sp_basic01.bdr_on {
    border-width: 0 0 1px;
  }
  a:nth-of-type(3n+1) article.sp_basic01 {}
  article.sp_basic01 .img_wrap {
    display: none;
  }
  article.sp_basic01 .date {
    line-height: 1;
    margin: 0 10px 0 0;
    display: inline-block;
    font-size: 80%;
  }
  article.sp_basic01 .date time {
    font-size: 90%;
    color: #333;
    display: inline;
    padding: 0;
  }
  article.sp_basic01 ul.post_cat_name {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  article.sp_basic01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 80%;
  }
  article.sp_basic01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_basic01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  article.sp_basic01 .date.seminar {
    text-align: left;
    margin: 3px 0 0;
    padding: 0;
  }
  article.sp_basic01 .date.seminar time span {
    display: inline-block;
    margin: 0 10px 7px 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 90%;
  }
  article.sp_basic01 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_basic01 .textarea {
    display: block;
    clear: both;
    padding: 0px 30px 0 0;
    margin: 0;
    vertical-align: top;
    position: relative;
    text-align: left;
  }
  .post .detail_link article.sp_basic01 .textarea h3 {
    font-size: 115%;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 5px;
    padding: 0;
    border: none;
  }
  .post .detail_link article.sp_basic01.bdr_on .textarea .postexc.excerpt_on {
    margin: 0;
    font-size: 70%;
  }
  .post .detail_link article.sp_basic01 .textarea .postexc.excerpt_on {
    margin: 0;
  }
  .post .detail_link article.sp_basic01::after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    display: block;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: none!important;
  }
  .post .detail_link article.pc_basic01 .textarea h3::before {
    display: none;
  }
  article.sp_basic01 .textarea p {
    display: block;
    padding-bottom: 0;
    font-size: 80%;
    line-height: 1.4;
  }
  /* ■SP basic02：ベーシック（左画像）
----------------------------------*/
  #toppage .post.slsp_basic02 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_basic02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_basic02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_basic02 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_basic02 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  .post .detail_link article.sp_basic02 {
    display: block;
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
    box-sizing: content-box;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.sp_basic02.bdr_on {
    border-width: 0 0 1px;
  }
  article.sp_basic02 .img_wrap {
    display: block;
    float: left;
    width: 33%;
    margin: 0 2% 0 0;
  }
  article.sp_basic02 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_basic02 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 66.67%;
  }
  article.sp_basic02 .date {
    display: inline-block;
    float: left;
    line-height: 1;
    margin: 2px 10px 0 0;
    position: relative;
  }
  article.sp_basic02 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_basic02 .date.seminar {
    text-align: left;
    margin: 3px 0 0;
    padding: 0;
    display: block;
    float: none;
  }
  article.sp_basic02 .date.seminar time span {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #666;
    padding: 3px 5px;
    color: #fff;
    text-align: center;
    font-size: 90%;
  }
  article.sp_basic02 .date.seminar time .datetime {
    display: none;
  }
  article.sp_basic02 ul.post_cat_name {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 1;
  }
  article.sp_basic02 ul.post_cat_name li {
    display: none;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 0;
  }
  article.sp_basic02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_basic02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.6;
    padding: 0 5px;
    color: #fff;
    font-size: 70%;
  }
  article.sp_basic02 .textarea {
    display: block;
    position: relative;
    vertical-align: top;
    float: left;
    width: 65%;
    text-align: left;
  }
  .post .detail_link article.sp_basic02 .textarea h3 {
    font-size: 95%;
    font-weight: normal;
    line-height: 1.1;
    margin: 5px 0 2px;
    padding: 0;
    border: none;
  }
  .post .detail_link article.sp_basic02 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_basic02 .textarea .postexc.excerpt_on {
    padding-bottom: 0;
    font-size: 70%;
    line-height: 1.4;
    display: block;
    float: left;
    margin: 0;
  }
  .post .detail_link article.bdr_on.sp_basic02 .textarea .postexc.excerpt_on {
    margin: 0;
  }
  .post .detail_link article.bdr_on.sp_basic02 .textarea .postexc.excerpt_on p {
    padding-bottom: 0;
  }
  /* ■SP layout01：タイル
----------------------------------*/
  #toppage .post.slsp_layout01 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_layout01 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_layout01 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_layout01 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_layout01 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  article.sp_layout01 {
    display: table;
    width: 92%;
    margin: 10px auto 25px;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_layout01.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_layout01 .img_wrap {
    display: block;
    width: 100%;
    margin: 0 auto 3px;
    text-align: center;
  }
  article.sp_layout01 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_layout01 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_layout01 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.sp_layout01 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_layout01 .date.seminar {
    text-align: left;
    margin: 5px 0 0;
    padding: 0;
  }
  article.sp_layout01 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout01 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout01 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 2px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.sp_layout01 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout01 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_layout01 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 65%;
  }
  article.sp_layout01 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .post .detail_link article.sp_layout01 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_layout01 .textarea h3 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.3;
    margin: 10px auto 3px;
    padding: 0;
    border: none;
    width: 100%;
  }
  .post .detail_link article.sp_layout01 .textarea h3.h3bdr_on {
    margin: 7px 10px 5px;
  }
  .post .detail_link article.sp_layout01 .textarea .excerpt_on {
    margin: 0 0 5px;
  }
  .post .detail_link article.bdr_on .textarea .postexc.excerpt_on {
    margin: 5px 10px 7px;
  }
  .post .detail_link article.sp_layout01 .textarea .postexc p {
    padding-bottom: 0;
    font-size: 70%;
    line-height: 1.3;
    display: block;
  }
  /* ■SP layout04：タイル小（グリッド）
----------------------------------*/
  #toppage .post.slsp_layout04 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_layout04 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_layout04 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_layout04 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_layout04 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  article.sp_layout04 {
    display: table;
    width: 31.3%;
    float: left;
    margin: 1.5% 1% 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_layout04.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_layout04 .img_wrap {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    float: left;
  }
  article.sp_layout04 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_layout04 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.sp_layout04 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.sp_layout04 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_layout04 .date.seminar {
    text-align: left;
    margin: 5px 0 0;
    padding: 0;
  }
  article.sp_layout04 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout04 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout04 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 2px;
    top: 1px;
    text-align: right;
    line-height: 1;
  }
  article.sp_layout04 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 3px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout04 ul.post_cat_name li:first-child {
    display: none;
  }
  article.sp_layout04 ul.post_cat_name li span {
    display: none;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 65%;
  }
  article.sp_layout04 .textarea {
    display: none;
    position: relative;
    text-align: left;
  }
  .post .detail_link article.sp_layout04 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_layout04 .textarea h3 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.3;
    margin: 10px auto 3px;
    padding: 0;
    border: none;
    width: 100%;
  }
  .post .detail_link article.sp_layout04 .textarea h3.h3bdr_on {
    margin: 7px 10px 5px;
  }
  .post .detail_link article.sp_layout04 .textarea .excerpt_on {
    margin: 0 0 5px;
  }
  .post .detail_link article.bdr_on .textarea .postexc.excerpt_on {
    margin: 5px 10px 7px;
  }
  .post .detail_link article.sp_layout04 .textarea .postexc p {
    padding-bottom: 0;
    font-size: 70%;
    line-height: 1.3;
    display: block;
  }
  /* ■SP layout02：タイル（）画像大
----------------------------------*/
  #toppage .post.slsp_layout02 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_layout02 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  #toppage .post.slsp_layout02 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_layout02 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_layout02 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_layout02.custom_archive {
    margin: 0 -2%;
  }
  article.sp_layout02 {
    display: block;
    width: 100%;
    margin: 0px 0%;
    padding: 0;
    position: relative;
    height: 240px;
  }
  .post .detail_link article.sp_layout02.bdr_on {
    border: 0px solid #ccc;
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
  }
  a:nth-of-type(3n+1) article.sp_layout02 {
    margin: 0px 0%;
  }
  article.sp_layout02 .img_wrap {
    display: table;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
    position: absolute;
    height: 100%;
  }
  article.sp_layout02 .img_wrap span {
    display: table-cell;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
  }
  article.sp_layout02 .img_wrap span::before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
  }
  article.sp_layout02 .date {
    line-height: 1;
    padding-bottom: 0;
    text-align: left;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .post.custom_archive article.sp_layout02 .date time {
    font-size: 90%;
    color: #FFF;
    padding: 5px;
  }
  article.sp_layout02 .date.seminar {
    text-align: left;
    margin: 0px 5px 0;
    padding: 0;
  }
  article.sp_layout02 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout02 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout02 ul.post_cat_name {
    display: inline-block;
    margin: 0 3px 0 0;
    position: absolute;
    line-height: 1;
    top: 5px;
    right: 2px;
  }
  article.sp_layout02 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout02 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_layout02 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 70%;
  }
  article.sp_layout02 .textarea {
    display: block;
    padding-left: 0px;
    vertical-align: top;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: left;
  }
  .post .detail_link article.sp_layout02 .textarea:after {
    display: none;
  }
  #toppage .front_content .post.custom_archive article.sp_layout02 .textarea h3 {
    margin: 10px 10px 5px 15px;
    font-size: 115%;
    line-height: 1.3;
    position: absolute;
    bottom: 0px;
    padding: 0;
    color: #FFF;
    border: 0;
  }
  #toppage .front_content .post.custom_archive article.sp_layout02 .textarea h3.h3exc_on {
    bottom: 22px;
  }
  #toppage .front_content .post.custom_archive article.sp_layout02 .textarea .excerpt_on {
    margin: 0 10px 0px 15px;
    position: absolute;
    bottom: 5px;
    color: #FFF;
    height: 20px;
    line-height: 1.8;
    overflow: hidden;
  }
  #toppage .front_content .post.custom_archive article.sp_layout02 .textarea p {
    display: block;
    padding-bottom: 10px;
    font-size: 80%;
    line-height: 1.7;
    color: #FFF;
  }
  .post .detail_link article.sp_layout02 .textarea.seminartxt p {
    display: none;
  }
  /* ■SP layout00：タイル スライダー
----------------------------------*/
  article.sp_layout00 {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_layout00.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_layout00 .img_wrap {
    display: block;
    width: 100%;
    margin: 0 auto 0px;
    text-align: center;
  }
  article.sp_layout00 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_layout00 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_layout00 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.sp_layout00 .date time {
    font-size: 60%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  #toppage .front_content article.sp_layout00.bdr_on .date time {
    color: #333 !important;
  }
  article.sp_layout00 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_layout00 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout00 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout00 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 2px;
    top: 0px;
    text-align: right;
    line-height: 1;
  }
  article.sp_layout00 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 2px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout00 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_layout00 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 55%;
  }
  article.sp_layout00 .textarea {
    display: block;
    position: relative;
    text-align: left;
  }
  .post .detail_link article.sp_layout00 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_layout00 .textarea h3 {
    font-size: 80%;
    font-weight: normal;
    line-height: 1.4;
    margin: 5px auto 3px;
    padding: 0;
    border: none;
    width: 100%;
  }
  .post .detail_link article.sp_layout00 .textarea .postexc.excerpt_on {
    margin: 0 5px 3px;
  }
  #toppage .front_content article.sp_layout00 .textarea h3.h3bdr_on {
    margin: 5px 5px 0;
    color: #333 !important;
  }
  .post .detail_link article.sp_layout00 .textarea .excerpt_on {
    margin: 0 0 5px;
  }
  #toppage .front_content article.sp_layout00.bdr_on .textarea .excerpt_on p {
    color: #333 !important;
  }
  article.sp_layout00 .textarea p {
    padding-bottom: 0;
    font-size: 90%;
    line-height: 1.3;
    display: block;
  }
  .post .detail_link article.sp_layout00 .textarea .postexc p {
    font-size: 60%;
  }
  /* ■SP layout03：丸タイル
----------------------------------*/
  #toppage .post.slsp_layout03 .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_layout03 .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_layout03 .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_layout03 .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_layout03 .swiper-wrapper a {
    margin-right: 0 !important;
  }
  article.sp_layout03 {
    display: inline-block;
    width: 50%;
    margin: 30px 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_layout03.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.sp_layout03.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  article.sp_layout03 .img_wrap {
    display: block;
    width: 90%;
    margin: 0 auto 3px;
    text-align: center;
  }
  article.sp_layout03 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_layout03 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.sp_layout03 .date {
    display: none;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.sp_layout03 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_layout03 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_layout03 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout03 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout03 ul.post_cat_name {
    display: none;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.sp_layout03 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout03 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_layout03 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.sp_layout03 .textarea {
    display: block;
    position: relative;
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }
  .post .detail_link article.sp_layout03 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_layout03 .textarea h3 {
    font-size: 105%;
    font-weight: normal;
    line-height: 1.3;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .post .detail_link article.sp_layout03 .textarea h3.h3bdr_on {
    margin: 5px 10px 0;
  }
  .post .detail_link article.sp_layout03 .textarea .excerpt_on {
    margin: 0 10px 5px;
  }
  .post .detail_link article.sp_layout03 .textarea p {
    padding-bottom: 0;
    font-size: 80%;
    line-height: 1.3;
    display: block;
    text-align: center;
  }
  /* ■SP layout10：丸タイル スライダー
----------------------------------*/
  article.sp_layout10 {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_layout10.bdr_on {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  .post .detail_link article.sp_layout10.bdr_on .img_wrap span {
    border: 1px solid #CCC;
    box-shadow: inset 0 0 0 3px #FFF;
  }
  article.sp_layout10 .img_wrap {
    display: block;
    width: 90%;
    margin: 0 auto 3px;
    text-align: center;
  }
  article.sp_layout10 .img_wrap span {
    border-radius: 50%;
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_layout10 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  article.sp_layout10 .date {
    display: none;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: right;
  }
  article.sp_layout10 .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_layout10 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_layout10 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_layout10 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_layout10 ul.post_cat_name {
    display: none;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.sp_layout10 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_layout10 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_layout10 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  article.sp_layout10 .textarea {
    display: block;
    position: relative;
    text-align: center;
  }
  .post .detail_link article.sp_layout10 .textarea:after {
    display: none;
  }
  .post .detail_link article.sp_layout10 .textarea h3 {
    font-size: 95%;
    font-weight: normal;
    line-height: 1.3;
    margin: 5px 0 0;
    padding: 0;
    border: none;
  }
  .post .detail_link article.sp_layout10 .textarea h3.h3bdr_on {
    margin: 5px 10px 0;
  }
  .post .detail_link article.sp_layout10 .textarea .excerpt_on {
    margin: 0 10px 5px;
  }
  article.sp_layout10 .textarea p {
    padding-bottom: 0;
    font-size: 90%;
    line-height: 1.3;
    display: block;
    text-align: center;
  }
  /* ■SP bannerA：バナー風A
----------------------------------*/
  #toppage .post.slsp_bannerA .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_bannerA .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_bannerA .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_bannerA .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_bannerA .swiper-wrapper a {
    margin-right: 0 !important;
  }
  article.sp_bannerA {
    display: block;
    width: 92%;
    margin: 15px auto 50px;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerA.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerA .img_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  article.sp_bannerA .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerA .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_bannerA .date {
    display: block;
    line-height: 1;
    padding: 0 5px 5px;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
  }
  article.sp_bannerA .date time {
    font-size: 90%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_bannerA .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_bannerA .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerA .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerA ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.sp_bannerA ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerA ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerA ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 80%;
  }
  .post.custom_archive article.sp_bannerA .textarea {
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
    display: block;
    height: 50%;
    left: 15%;
    position: absolute;
    top: 25%;
    width: 70%;
    overflow: hidden;
  }
  .post .detail_link article.sp_bannerA .textarea:after {
    display: none;
  }
  .post.custom_archive article.sp_bannerA .textarea h3 {
    border: none;
    display: table;
    font-size: 110%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.sp_bannerA .textarea h3.h3exc_on {
    height: 45%;
    overflow: hidden;
    display: table;
    text-align: center;
    margin: 0 auto;
  }
  .post.custom_archive article.sp_bannerA .textarea h3.h3exc_on span {
    display: table-cell;
  }
  .post.custom_archive article.sp_bannerA .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    max-height: 80px;
    overflow: hidden;
  }
  .post.custom_archive article.sp_bannerA .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.sp_bannerA .textarea .postexc.excerpt_on {
    display: inline-block;
    line-height: 1.3;
    margin: 0 7px 5px;
    font-size: 75%;
    height: 35px;
    overflow: hidden;
    text-align: center;
  }
  .post .detail_link article.sp_bannerA .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
  }
  /* ■SP bannerA0：バナー風A スライダー
----------------------------------*/
  article.sp_bannerA0 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerA0.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerA0 .img_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  article.sp_bannerA0 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerA0 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_bannerA0 .date {
    display: none;
    line-height: 1;
    padding: 0 5px;
    text-align: right;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
  }
  article.sp_bannerA0 .date time {
    font-size: 60%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_bannerA0 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_bannerA0 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerA0 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerA0 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 0px;
    text-align: right;
    line-height: 1;
  }
  article.sp_bannerA0 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerA0 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerA0 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 60%;
  }
  .post.custom_archive article.sp_bannerA0 .textarea {
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
    display: block;
    height: 50%;
    left: 15%;
    position: absolute;
    top: 25%;
    width: 70%;
    overflow: hidden;
  }
  .post .detail_link article.sp_bannerA0 .textarea:after {
    display: none;
  }
  .post.custom_archive article.sp_bannerA0 .textarea h3 {
    border: none;
    display: table;
    font-size: 125%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 8px 5px 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.sp_bannerA0 .textarea h3.h3exc_on {
    height: 50%;
  }
  .post.custom_archive article.sp_bannerA0 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 70%;
  }
  .post.custom_archive article.sp_bannerA0 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.sp_bannerA0 .textarea .postexc.excerpt_on {
    display: table-row;
    line-height: 1.3;
    margin: 0 7px 5px;
    font-size: 70%;
    text-align: center;
  }
  .post .detail_link article.sp_bannerA0 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
  }
  /* ■SP bannerB：バナー風 B
----------------------------------*/
  #toppage .post.slsp_bannerB .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_bannerB .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_bannerB .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_bannerB .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_bannerB .swiper-wrapper a {
    width: 92% !important;
    display: block;
    margin: 0 auto !important;
  }
  article.sp_bannerB {
    display: table;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerB.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerB .img_wrap {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  article.sp_bannerB .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerB .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_bannerB .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    text-align: right;
    position: absolute;
    text-align: right;
    top: 3px;
    right: 3px;
  }
  article.sp_bannerB .date time {
    font-size: 80%;
    color: #333;
    display: block;
    padding: 0;
  }
  article.sp_bannerB .date.seminar {
    text-align: left;
    margin: 0;
    padding: 0 3px 0 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  article.sp_bannerB .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px 3px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerB .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerB ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
  }
  article.sp_bannerB ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerB ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerB ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 70%;
  }
  article.sp_bannerB .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.sp_bannerB .textarea h3 {
    font-size: 110%;
    font-weight: normal;
    line-height: 1.2;
    margin: 8px 7px 5px;
    padding: 0;
    border: none;
  }
  .post.custom_archive article.sp_bannerB .textarea h3 span {
    display: block;
    width: 100%;
  }
  .post.custom_archive article.sp_bannerB .textarea h3.h3exc_on {
    margin: 3px 10px 0;
  }
  .post.custom_archive article.sp_bannerB .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.sp_bannerB .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 10px 3px;
    font-size: 70%;
    line-height: 1.3;
  }
  .post .detail_link article.sp_bannerB .textarea .postexc.excerpt_on p {
    padding-bottom: 0;
  }
  /* ■SP bannerB0：バナー風 B スライダー
----------------------------------*/
  article.sp_bannerB0 {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerB0.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerB0 .img_wrap {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  article.sp_bannerB0 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerB0 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 56%;
  }
  article.sp_bannerB0 .date {
    display: block;
    line-height: 1;
    padding: 0 5px;
    text-align: right;
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
  }
  article.sp_bannerB0 .date time {
    font-size: 60%;
    color: #333;
    display: block;
    padding: 0;
  }
  article.sp_bannerB0 .date.seminar {
    text-align: left;
    margin: 2px 2px 0;
    padding: 0 3px 0 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  article.sp_bannerB0 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerB0 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerB0 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 0px;
    text-align: right;
    line-height: 1;
  }
  article.sp_bannerB0 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerB0 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerB0 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 5px;
    color: #fff;
    font-size: 55%;
  }
  article.sp_bannerB0 .textarea {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
  }
  .post.custom_archive article.sp_bannerB0 .textarea h3 {
    font-size: 80%;
    font-weight: normal;
    line-height: 1.3;
    margin: 4px 5px 2px;
    padding: 0;
    border: none;
    max-height: 18px;
    overflow: hidden;
  }
  .post.custom_archive article.sp_bannerB0 .textarea h3.h3exc_on {
    margin: 5px 5px 0;
  }
  .post.custom_archive article.sp_bannerB0 .textarea h3:before {
    height: 0;
  }
  .post .detail_link article.sp_bannerB0 .textarea .postexc.excerpt_on {
    line-height: 1.2;
    margin: 0px 5px 1px;
    font-size: 60%;
    line-height: 1.3;
    max-height: 13px;
    overflow: hidden;
  }
  .post .detail_link article.sp_bannerB0 .textarea .postexc.excerpt_on p {
    padding-bottom: 3px;
  }
  /* ■SP bannerC：バナー風C
----------------------------------*/
  #toppage .post.slsp_bannerC .swiper-wrapper {
    display: block;
    width: 100%;
    transform: unset !important;
  }
  #toppage .post.slsp_bannerC .swiper-container {
    width: 100%;
  }
  #toppage .post.slsp_bannerC .swiper-button-prev {
    display: none;
  }
  #toppage .post.slsp_bannerC .swiper-button-next {
    display: none;
  }
  #toppage .post.slsp_bannerC .swiper-wrapper a {
    width: 80% !important;
    display: block;
    margin: 0 auto !important;
  }
  #toppage .post.slsp_bannerC .swiper-wrapper a {
    width: 80% !important;
    display: block;
    margin: 0 auto !important;
  }
  article.sp_bannerC {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerC.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerC .img_wrap {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  article.sp_bannerC .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerC .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  article.sp_bannerC .date {
    line-height: 1;
    padding: 0 5px;
    position: absolute;
    text-align: right;
    top: 5px;
    z-index: 1;
  }
  article.sp_bannerC .date time {
    font-size: 80%;
    color: #333;
    display: inline-block;
    padding: 0;
    color: #FFF;
  }
  article.sp_bannerC .date.seminar {
    text-align: left;
    margin: 0 1px 0 5px;
    padding: 0;
  }
  article.sp_bannerC .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerC .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerC ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: right;
    line-height: 1;
    z-index: 1;
  }
  article.sp_bannerC ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerC ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerC ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.7;
    padding: 0 7px;
    color: #fff;
    font-size: 60%;
  }
  .post.custom_archive article.sp_bannerC .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .post .detail_link article.sp_bannerC .textarea:after {
    display: none;
  }
  .post.custom_archive article.sp_bannerC .textarea h3 {
    border: none;
    display: table;
    font-size: 125%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.sp_bannerC .textarea h3.h3exc_on {
    height: 60%;
  }
  .post.custom_archive article.sp_bannerC .textarea h3.h3exc_on span {
    vertical-align: bottom;
  }
  .post.custom_archive article.sp_bannerC .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
  }
  .post.custom_archive article.sp_bannerC .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.sp_bannerC .textarea .postexc.excerpt_on {
    display: table;
    margin: 5px 0px 5px;
    font-size: 90%;
    text-align: center;
    width: 100%;
    padding: 0 5px;
  }
  .post .detail_link article.sp_bannerC .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    line-height: 1.3;
    padding-bottom: 5px;
  }
  /* ■SP bannerC0：バナー風C スライダー
----------------------------------*/
  article.sp_bannerC0 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
  }
  .post .detail_link article.sp_bannerC0.bdr_on {
    border: 1px solid #ccc;
    background-color: #FFF;
    ;
  }
  article.sp_bannerC0 .img_wrap {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  article.sp_bannerC0 .img_wrap span {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sp_bannerC0 .img_wrap span::before {
    content: "";
    display: block;
    padding-top: 60%;
  }
  article.sp_bannerC0 .date {
    line-height: 1;
    padding: 0 5px;
    position: absolute;
    text-align: right;
    top: 0;
    z-index: 1;
  }
  article.sp_bannerC0 .date time {
    font-size: 60%;
    color: #333;
    display: inline-block;
    padding: 0;
  }
  article.sp_bannerC0 .date.seminar {
    text-align: left;
    margin: 8px 10px 0;
    padding: 0;
  }
  article.sp_bannerC0 .date.seminar time span {
    display: inline-block;
    margin: 0 5px 0 0;
    background-color: #666;
    padding: 5px 7px;
    color: #fff;
    text-align: center;
    font-size: 80%;
  }
  article.sp_bannerC0 .date.seminar time .datetime {
    display: inline;
  }
  article.sp_bannerC0 ul.post_cat_name {
    display: block;
    margin: 0;
    position: absolute;
    right: 2px;
    top: 0;
    text-align: right;
    line-height: 1;
    z-index: 1;
  }
  article.sp_bannerC0 ul.post_cat_name li {
    display: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    line-height: 1;
  }
  article.sp_bannerC0 ul.post_cat_name li:first-child {
    display: inline-block;
  }
  article.sp_bannerC0 ul.post_cat_name li span {
    display: inline-block;
    line-height: 1.5;
    padding: 0 3px;
    color: #fff;
    font-size: 60%;
  }
  .post.custom_archive article.sp_bannerC0 .textarea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .post .detail_link article.sp_bannerC0 .textarea:after {
    display: none;
  }
  .post.custom_archive article.sp_bannerC0 .textarea h3 {
    border: none;
    display: table;
    font-size: 115%;
    font-weight: normal;
    height: 100%;
    width: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  .post.custom_archive article.sp_bannerC0 .textarea h3.h3exc_on {
    height: 60%;
  }
  .post.custom_archive article.sp_bannerC0 .textarea h3.h3exc_on span {
    vertical-align: bottom;
  }
  .post.custom_archive article.sp_bannerC0 .textarea h3 span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 80%;
    padding: 0 2%;
  }
  .post.custom_archive article.sp_bannerC0 .textarea h3:before {
    background-color: #3b3b3b;
    bottom: -1px;
    content: "";
    height: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 30%;
  }
  .post .detail_link article.sp_bannerC0 .textarea .postexc.excerpt_on {
    display: block;
    line-height: 1.2;
    margin: 0 3px 5px;
    font-size: 90%;
    text-align: center;
  }
  .post .detail_link article.sp_bannerC0 .textarea .postexc.excerpt_on p {
    display: table-cell;
    color: #333;
    height: 30%;
    vertical-align: top;
    font-size: 60%;
    padding: 5px 0 0 0;
  }
}
