@charset "UTF-8";
/*
Theme Name: serum_child
Theme URI:
Description: WordPressテーマ「serum_tcd096」の子テーマ
Template: serum_tcd096
Author: ikel
Author URI: https://ikel.co.jp/
Version:0.0.1
*/
body, input, textarea {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 400 !important;
  font-style: normal;
  color: #444;
}

.common_catch, .cb_free_space .post_content h2:not(.styled_h2), .design_headline, .rich_font, .p-vertical {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 700 !important;
  color: #444;
}

body {
  background-color: #fbf2e6;
}

.cb_carousel.no_bg_color {
  background-color: #fbf2e6;
  border: none;
  padding: 0 0 120px;
}

.cb_box_content.num3 .content {
  background-color: #fff;
}

#header_logo {
  background-color: #fbf2e6;
  border-radius: 0 0 30px 0;
}

#global_menu {
  background-color: #fbf2e6;
  font-weight: 500;
}

.cb_carousel .index_carousel {
  max-width: 100%;
}

.cb_free_space.no_bg_color + .cb_free_space.no_bg_color {
  border-top: 0;
  padding-top: 0;
}

.cb_box_content {
  padding: 0;
}

.cb_free_space.num1 {
  padding-bottom: 0;
  position: relative;
}
.cb_free_space.num1::after {
  position: absolute;
  content: url("images/bg_tsubaki.png");
  top: 150px;
  left: calc(50% - 530px);
  width: 500px;
  height: 325px;
  z-index: -1;
}

.cb_box_content.num3 {
  padding-top: 100px;
}

.cb_carousel.num6 {
  position: relative;
}
.cb_carousel.num6::after {
  position: absolute;
  content: url("images/bg_tsubaki_2.png");
  top: 100px;
  left: calc(50% - 655px);
  width: 372px;
  height: 244px;
  z-index: 0;
}
.cb_carousel.num6 .index_carousel {
  z-index: 1;
}

/*---------------------------------
トップページ
---------------------------------*/
.home .item.animate_background {
  border-left: 1px solid #ddd;
}
.home .item.animate_background:first-child {
  border: none;
}
.home .splide__arrow {
  background-color: #fff;
}
.home .map_area {
  border: 4px solid #fff;
  border-radius: 16px;
  margin-bottom: 32px;
  -webkit-filter: grayscale(30%);
          filter: grayscale(30%);
}
.home .map_area iframe {
  border-radius: 16px;
}
.home section.event {
  margin: 0 20px;
}

h3.headline.common_catch {
  border-radius: 16px 16px 0 0;
}

a.category {
  border-radius: 8px 8px 0 0;
}

.wp-block-image img {
  border-radius: 16px;
}

#bread_crumb li:after {
  top: 6px;
}

/*---------------------------------
文字
---------------------------------*/
h1.single_title {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
}

#page_header .catch, #page_header_small .catch {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 700 !important;
}

h2.wp-block-heading {
  font-size: 200%;
  margin: 128px 0 64px;
  position: relative;
  text-align: center;
}
h2.wp-block-heading:before {
  content: "";
  bottom: -24px;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #bc7498;
  border-radius: 50%;
}

h3.wp-block-heading {
  background-color: #e9d9c9;
  border-radius: 8px;
  margin-top: 64px;
  padding: 24px 16px;
}

.post_content h4.wp-block-heading {
  font-weight: 700 !important;
  color: #b3987d;
  margin: 2em 0 0;
}

h4.address::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background: url("");
  background-size: contain;
  vertical-align: middle;
}

.post_content h5 {
  margin-bottom: 0;
}

#page_404_header .content {
  color: #444;
}

code {
  font-family: inherit;
}

.post_content ul.event_list {
  padding: 1em 1em 1em 1.5em;
  margin-left: 0;
  background-color: #fff;
  border-radius: 8px;
}
.post_content ul.event_list li {
  list-style: none;
  padding: 0.3em 0.3em 0.3em 0;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table tr td {
  border-bottom: 1px dashed #aba59d;
}

.wp-block-button .wp-block-button__link {
  border-width: 1px;
  padding-top: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a.wp-block-button__link:hover {
  background: #bc7498;
  color: #fff;
  text-decoration: none;
}

.wpcf7 {
  border: none;
  background: #fbf2e6;
}

.wpcf7 form {
  margin: 0;
}

.wpcf7 td, .wpcf7 th {
  border: 1px solid #aba59d;
}

.wpcf7 th {
  background: #e9d9c9;
  font-weight: 700;
  vertical-align: middle;
}

.wpcf7 input, .wpcf7 textarea {
  border-radius: 8px;
}

.wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous {
  background-color: #fbf2e6;
  border: 1px solid #bc7498 !important;
  border-radius: 10em;
  color: #bc7498;
  font-family: "Zen Maru Gothic", serif;
  font-size: 1em;
  height: auto;
  padding-top: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  padding-left: 1.5em;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover {
  background: #bc7498;
  color: #fff;
}

table.t_contact th .hissu {
  margin-left: 10px;
  padding: 3px 8px;
  background-color: #bc7498;
  color: #fff;
  font-size: 12px;
}

/*---------------------------------
イベントカレンダー
---------------------------------*/
.xo-event-calendar table.xo-month .month-event-title {
  overflow: visible;
  padding: 4px;
  text-align: center;
  white-space: normal;
  line-height: 1.2;
}

/*---------------------------------
イベントバナー設定（お知らせ：画像のみ表示）
---------------------------------*/
.cb_carousel.num2.no_bg_color {
  background-color: #fbf2e6;
  border-bottom: 0;
  padding: 0;
}
.cb_carousel.num2.no_bg_color .content {
  background-color: transparent;
}

.xo-event-meta-details {
  display: none;
}

.side_xo {
  width: 700px;
  margin: 80px auto 0;
  max-width: 90%;
}

/*---------------------------------
本住寺だより
---------------------------------*/
.newsletter .wp-block-image {
  text-align: center;
}
.newsletter .wp-block-image img {
  max-height: 200px;
  width: auto;
}

/*---------------------------------
ハンバーガーメニュー
---------------------------------*/
@media screen and (max-width: 800px) {
  body.home #header #drawer_menu_button span {
    background: #000;
  }
}
.pc_off {
  display: none !important;
}

.sp_on {
  display: none;
}

@media screen and (max-width: 1220px) and (min-width: 801px) {
  .tab_off {
    display: none !important;
  }
  .sp_on {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  code {
    display: block;
  }
  .wp-block-flexible-table-block-table.t_history > table tr th:nth-of-type(1) {
    width: 15% !important;
  }
  .wp-block-flexible-table-block-table.t_history > table tr th:nth-of-type(2),
  .wp-block-flexible-table-block-table.t_history > table tr td:nth-of-type(2) {
    display: none;
  }
  #header {
    background: #fbf2e6 !important;
  }
  body.home.no_header_logo_image_mobile #header_logo2,
  #drawer_menu_button {
    top: 0;
  }
  .cb_free_space.num1::after {
    left: calc(50% - 100px);
    width: 372px;
    height: 244px;
  }
  /*コンタクトフォーム*/
  table.t_contact th,
  table.t_contact td {
    display: block;
    width: 100%;
  }
  table.t_contact th {
    width: 100%;
  }
  .wpcf7 input[type=date],
  .wpcf7 input[type=email],
  .wpcf7 input[type=number],
  .wpcf7 input[type=password],
  .wpcf7 input[type=tel],
  .wpcf7 input[type=text], .wpcf7 input[type=url],
  .wpcf7 select,
  .wpcf7 textarea {
    width: 95%;
  }
  .wp-block-image .alignright {
    margin-left: 0;
  }
  .wp-block-image .alignleft {
    margin-right: 0;
  }
  .sp_off {
    display: none !important;
  }
  .sp_on {
    display: inherit !important;
  }
}