@charset "UTF-8";
/**
* フロント＆エディター共通
* 高度な設定でCLASSを追加すれば、エディターにも反映される。
*　IDはページスクロールなどに利用
※　コアブロックはmixinにて作成
*/
.post_content h2:not(.p-postList__title):not(.is-style-section_ttl),
.wp-admin .edit-post-visual-editor h2:not(.p-postList__title):not(.is-style-section_ttl) {
  font-size: 32px;
  color: #fff;
  padding: 0.6em 1em;
  border-radius: 38px;
  background: url("../img/h2-ttl-bg_left.webp") left 40px top -44px/160px 150px no-repeat, url("../img/h2-ttl-bg_right.webp") right 40px top -21px/160px 152px no-repeat;
  background-color: #2b66b1;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(224, 231, 238, 0.8);
          box-shadow: 7px 7px 5px 0px rgba(224, 231, 238, 0.8);
}
@media screen and (max-width: 599px) {
  .post_content h2:not(.p-postList__title):not(.is-style-section_ttl),
  .wp-admin .edit-post-visual-editor h2:not(.p-postList__title):not(.is-style-section_ttl) {
    font-size: 26px;
    background: url("../img/h2-ttl-bg_left.webp") left 10px top -10px/80px 75px no-repeat, url("../img/h2-ttl-bg_right.webp") right 10px top -5px/80px 76px no-repeat;
    background-color: #2b66b1;
  }
}
.post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl),
.wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl) {
  font-size: 23px;
  margin-bottom: 3.5em;
}
@media screen and (max-width: 599px) {
  .post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl),
  .wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl) {
    font-size: 20px;
    margin-bottom: 2.5em;
  }
}
.post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::before,
.wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::before {
  content: "";
  position: absolute;
  bottom: -53.7px;
  left: 0px;
  width: 246px;
  height: 33px;
  background: url("../img/h3-ttl_deco.webp") center/contain no-repeat;
}
@media screen and (max-width: 599px) {
  .post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::before,
  .wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::before {
    bottom: -29px;
    width: 120px;
    height: 16px;
  }
}
.post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::after,
.wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -25px;
  width: 100%;
  height: 4px;
  background: -webkit-linear-gradient(left, transparent 238px, #e6e6e6 238px);
  background: linear-gradient(to right, transparent 238px, #e6e6e6 238px);
}
@media screen and (max-width: 599px) {
  .post_content h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::after,
  .wp-admin .edit-post-visual-editor h3:not(.p-postList__title, .event-set_h3):not(.is-style-section_ttl)::after {
    background: -webkit-linear-gradient(left, transparent 118px, #e6e6e6 118px);
    background: linear-gradient(to right, transparent 118px, #e6e6e6 118px);
    height: 2.5px;
    bottom: -15px;
  }
}
.post_content .is-style-regular table,
.wp-admin .edit-post-visual-editor .is-style-regular table {
  background: #fff;
}

.post_content div[class*=swell-block-button].is-style-btn_normal,
.p-homeContent div[class*=swell-block-button].is-style-btn_normal,
.p-termContent div[class*=swell-block-button].is-style-btn_normal,
.wp-admin .edit-post-visual-editor div[class*=swell-block-button].is-style-btn_normal {
  max-width: 252px;
}
@media screen and (max-width: 599px) {
  .post_content div[class*=swell-block-button].is-style-btn_normal,
  .p-homeContent div[class*=swell-block-button].is-style-btn_normal,
  .p-termContent div[class*=swell-block-button].is-style-btn_normal,
  .wp-admin .edit-post-visual-editor div[class*=swell-block-button].is-style-btn_normal {
    max-width: 180px;
  }
}
.post_content div[class*=swell-block-button].is-style-btn_normal a,
.p-homeContent div[class*=swell-block-button].is-style-btn_normal a,
.p-termContent div[class*=swell-block-button].is-style-btn_normal a,
.wp-admin .edit-post-visual-editor div[class*=swell-block-button].is-style-btn_normal a {
  width: 100%;
  background: #fff url("../img/btn_arrow.webp") right 14px center/24px 24px no-repeat;
  padding: 1em 2.6em 1em 1.6em;
  border: 1px solid #ccc;
  border-radius: 30px;
  color: #000;
  text-align: left;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 599px) {
  .post_content div[class*=swell-block-button].is-style-btn_normal a,
  .p-homeContent div[class*=swell-block-button].is-style-btn_normal a,
  .p-termContent div[class*=swell-block-button].is-style-btn_normal a,
  .wp-admin .edit-post-visual-editor div[class*=swell-block-button].is-style-btn_normal a {
    background-size: 17px 17px;
    padding: 0.7em 2.2em 0.7em 1.4em;
  }
}
.post_content div[class*=swell-block-button].is-style-btn_normal a:hover,
.p-homeContent div[class*=swell-block-button].is-style-btn_normal a:hover,
.p-termContent div[class*=swell-block-button].is-style-btn_normal a:hover,
.wp-admin .edit-post-visual-editor div[class*=swell-block-button].is-style-btn_normal a:hover {
  opacity: 0.7;
}
.post_content .smf-form,
.wp-admin .edit-post-visual-editor .smf-form {
  background: #fff;
}

/**
* フロント＆エディター共通
* 独自のグループを作成
*/
.entry-icon-new {
  position: absolute;
  top: 0;
  left: -1px;
  text-align: center;
  background: #ffff00;
  padding: 2px;
  z-index: 10;
  width: 70px;
  font-size: 12px;
  font-weight: bold;
  border-bottom-right-radius: 8px;
}

.post-text-group .wp-block-group__inner-container {
  position: relative;
}
@media screen and (min-width: 960px) {
  .post-text-group .wp-block-group__inner-container .swell-block-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.border-radius {
  border-radius: 2em;
}
.border-radius img {
  border-radius: 2em;
}
@media screen and (max-width: 599px) {
  .border-radius {
    border-radius: 1em;
  }
  .border-radius img {
    border-radius: 1em;
  }
}

.group-h100 {
  height: 100%;
}

.dashed-note {
  background-image: -webkit-linear-gradient(left, transparent 0%, transparent 50%, #fff 50%, #fff 100%), -webkit-linear-gradient(top, #dadada 1px, transparent 1px);
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #dadada 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, 100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}

.justify-content:not(.swell-block-columns) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-content .swell-block-columns__inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-text {
  text-align: justify;
}

@media screen and (max-width: 599px) {
  .common-expo {
    padding-left: 32px;
    padding-right: 32px;
  }
  .common-expo .swell-block-fullWide__inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/**
* トップページCSS
*/
/* トップのみのコンテンツ余白調整用 */
/* 下記より編集画面でも適用 */
.group_bg-blur {
  position: relative;
  background: #fff;
  border-radius: 25px;
  z-index: 0;
  overflow: visible;
}
.group_bg-blur::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  background: #fff;
  border-radius: 25px;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .group_bg-blur::before {
    border-radius: 3vw;
  }
}
@media screen and (max-width: 599px) {
  .group_bg-blur {
    padding: 30px 5px !important;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 3vw;
  }
}

.bg_hirakata {
  background: url("../img/bg_section_pc.webp") center top/100vw repeat-y;
}
@media screen and (max-width: 599px) {
  .bg_hirakata {
    background-image: url("../img/bg_section_sp.webp");
  }
}

@media screen and (min-width: 960px) {
  .event-set {
    padding: 50px !important;
  }
}
.event-set .event-set_logo {
  position: absolute;
  top: -55px;
  left: 35px;
}
@media screen and (max-width: 959px) {
  .event-set .event-set_logo {
    top: -45px;
  }
}
@media screen and (max-width: 599px) {
  .event-set .event-set_logo {
    top: -40px;
    left: 5px;
  }
}
@media screen and (max-width: 959px) {
  .event-set .event-set_logo img {
    max-width: 100px;
  }
}
@media screen and (max-width: 599px) {
  .event-set .event-set_logo img {
    max-width: 75px;
  }
}
.event-set .event-set_h3 {
  font-size: 32px;
  padding-top: 20px;
  margin-top: 0px;
  margin-bottom: 0.4em;
}
@media screen and (max-width: 599px) {
  .event-set .event-set_h3 {
    font-size: 24px;
    padding-top: 0px;
  }
}
.event-set .event-set_h4 {
  font-size: 27px;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 599px) {
  .event-set .event-set_h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 599px) {
  .event-set .event-data {
    font-size: 14px !important;
  }
}
.event-set .event-set_img img {
  border-radius: 20px;
}
@media screen and (max-width: 599px) {
  .event-set .event-set_img img {
    border-radius: 15px;
  }
}
.event-set .ttl_yarinahare_sp,
.event-set .ttl_tabenahare_sp {
  margin: 1.5em 0px;
}

@media screen and (max-width: 599px) {
  .top-read {
    background: url("../img/top-read_bg_sp.webp") center top/contain no-repeat !important;
  }
}
@media screen and (max-width: 599px) {
  .top-read .group_bg-blur {
    background-color: transparent !important;
    padding: 0px !important;
    margin: 0px;
  }
  .top-read .group_bg-blur::before {
    background: transparent;
  }
}
@media screen and (max-width: 599px) {
  .top-read .group_bg-blur .top-read_logo_osakaweek .wp-block-image {
    max-width: 154px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 599px) {
  .top-menu .btn_summer .wp-block-image {
    max-width: 260px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .top-menu .btn_autumn .wp-block-image {
    max-width: 260px;
    margin: 0 auto;
  }
}/*# sourceMappingURL=common.css.map */