@charset "UTF-8";

/*!
Theme Name: 安延山 承福禅寺専用子テーマ
Description:
Theme URI: https://wp-cocoon.com/
Author:
Author URI: http://www.jyofukuji.com/
Template:   cocoon-master
Version:    1.0.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* BASE */
.header-container,
.main,
.sidebar,
.footer {
  background-color: #000;
  color: #fff;
}

p,
strong {
  color: #fff;
}

a {
  color: #D4A607;
}

.fnt1 {
  color: #b7ae56;
}

h1 {
  /*border-bottom: 1px solid #c1ab05;*/
  text-align: center;
  padding: 15px 5px 10px;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
  font-weight: 700;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin-top: 0.8em !important;
  margin-bottom: 0.8em !important;
  background-image: none !important;
  background-color: transparent;
}

.article h1 {
  color: #222;
  background-color:#bdb76b;
 /* background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%) !important;*/
}

.article h2 {
  padding: 10px;
  background-color: #222;
  border-radius: 0px;
  border-left: 10px solid #C38E05;
}

.article h3 {
  border: 0px !important;
  padding: 12px 20px;
  background-color: #282727;
}

.tb2 table {
  width: 100% !important;
}

.tb2 td {
  text-align: left;
  padding: 10px;
}

.tb2 td:nth-child(odd) {
  background-color: #555;
}

.wp-block-spacer {
  margin: 0px;
}

@media screen and (max-width: 680px) {
  .site-logo-image {
    width: 80% !important;
  }

  .tb1 td {
    display: block;
    text-align: left;
    padding: 10px;
  }

  .tb1 td:nth-child(odd) {
    background-color: #555;
  }

  .wp-block-media-text .wp-block-media-text__content {
    padding: 1% !important;
  }

  .tb2 td {
    display: block;
    text-align: left;
    padding: 10px;
  }

  .tb2 td:nth-child(odd) {
    background-color: #555;
  }
}


/* HEADER */
@media (max-width: 1419px) {
  #secitem1 {
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
  }

  .head_1,
  .head_2,
  .head_3,
  .head_4 {
    padding: 5px
  }

  .head_1 {
    float: left;
    width: 40%;
    text-align: center;
  }

  .head_2 {
    float: right;
    width: 60%;
    height: 60px;
    padding-top: 10px;
  }

  .head_3 {
    float: left;
    width: 50%;
  }

  .head_4 {
    float: right;
    width: 50%;
  }

  .head_1 img {
    width: 40px;
    vertical-align: middle;
  }

  .head_4 img {
    width: 20px;
  }

  .n_no {
    display: none;
  }

  .logo-header {
    display: none;	
  }

  body.home .navi {
    display: none;
  }

}

@media (min-width: 1420px) {
  #secitem1 {
    width: 1050px;
    margin: 10px auto;
    overflow: hidden;
    color: #fff;
  }

  .head_1 {
    float: left;
    width: 20%;
  }

  .head_1 img {
    vertical-align: middle;
    margin-right: 5px;
  }

  .head_2 {
    float: left;
    width: 20%;
    margin-top: 10px;
  }

  .head_3 {
    float: left;
    width: 40%;
    margin-top: 10px;
  }

  .head_4 {
    float: left;
    width: 20%;
    text-align: right;
  }

  span.tel_h1 a[href*="tel:"] {
    color: #fff;
  }

  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }

  .head_3 br {
    display: none;
  }
}

@media screen and (min-width: 1420px) {
  .main {
    padding: 0px !important;
  }

  body.home #header-container-in {
    position: relative;
    width: 70%;
  }

  body.home .header {
    position: absolute;
    z-index: 1000;
  }

  body.home .navi {
    display: none;
  }

  img.site-logo-image.header-site-logo-image {
    display: none;
  }

  .logo-header {
    background-image: url("https://jyofukuji.jp/wp-content/uploads/2024/08/jyofukuji-logo-tate-2.png") !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 2000;
    top: 60px !important;
    width: 150px;
    height: 530px;
    right: 30px !important;
  }

  span.site-name-text {
    position: fixed;
    right: 0;
    top: 50px;
  }

  .footer-bottom-logo img {
    display: none;
  }

  body.home span.site-name-text {
    position: absolute;
    right: 0;
    top: 50px;
  }

  .navi-in>ul li {
    width: 146px;
  }
}

img#floatButton1 {
  position: fixed;
  left: 0;
  top: 50px;
}

/* TOP */

.smb-items__item__figure {
  position: relative;
}

.smb-items__item__figure::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 15px 15px #000;
}

body.home .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
  width: 92%;
  box-shadow: 3px 5px 7px 5px;
  box-shadow: 0px 0px 8px 8px #949495;
}

.wp-block-button__link {
  padding: 0.12rem;
}

@media screen and (min-width: 681px) {
  .top_block1 {
    margin-top: 40px;
  }
}

.top_block1 .smb-items__item__title {
  color: #fff !important;
  text-align: center;
}

.top_block1 .smb-items__item__figure {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 680px) {

  .article ul.new-posts,
  .article ol.new-posts {
    padding-left: 0px;
  }
}

/* コンテンツ */
.c-container {
  padding: 0px !important;
}

.breadcrumb {
  padding: 0 20px;
  border-bottom: 1px solid #000;
}

ul.wp-block-latest-posts__list {
  display: flex;
  flex-wrap: wrap;
}

ul.wp-block-latest-posts__list li {
  width: 19%;
  border: 1px solid #555 !important;
  text-align: center;
}

.widget-single-content-bottom-title {
  border-bottom: 1px solid #555 !important;
  margin-bottom: 30px;
}

.widget_recent_entries ul li a {
  border-bottom: 0px solid #050505 !important;
  transition-duration: 0.2s;
  box-shadow: 0 0px 0 #282727 !important;
  color: #f9f9f9;
}

#recent-posts-2 ul {
  display: flex;
  flex-wrap: wrap;
}

#recent-posts-2 li {
  width: 19%;
  border: 1px solid #555 !important;
  text-align: center;
}

.block1 {
  font-size: 2em;
}

.block1 p {
  margin: 0px;
}

.block1 table td {
  border: 0px solid #eee;
  padding: 5px 20px;
}

p.block2 {
  margin-bottom: 0px;
}

@media screen and (max-width: 680px) {
  ul.list_f1 {
    display: block;
  }

  ul.list_f1 li {
    margin: 0.2em !important;
    width: 98% !important;
  }

  html :where(img) {
    height: auto;
    width: 100%;
  }

  .block1 table {
    width: 100% !important;
  }

  .block1 table td {
    display: block;
    width: 100%;
  }

  .block1 table td:first-child {
    background-color: #444;
  }
}

body.home .article-header .post-date {
  display: none;
}

.pbox_1 p:last-child {
  margin-bottom: 0px;
}

a.a-wrap:hover h2 {
  color: #000 !important;
}

a.a-wrap:hover.entry-card-snippet {
  color: #000 !important;
}

.breadcrumb.pbp-footer-before {
  background-color: #000;
}

/* ----------サイドバー ----------*/
.sidebar {
  padding: 0px;
}

.sidebar h2,
.sidebar h3 {
  background-color: #222;
}

.xo-event-calendar table.xo-month .month-header>span {
  font-size: 18px;
}

.xo-event-calendar table.xo-month .month-header {
  font-size: 0 !important;
}

/* ---------- カレンダー ----------- */

.xo-event-meta {
  padding: 3.8461% 0 0 !important;
}

.xo-event-calendar table.xo-month .month-header>span {
  color: #fff;
}

.calendarbox1 table.xo-month .month-header>span {
  color: #000;
}

#wp-calendar thead tr th {
  background-color: #999;
  color: #fff;
}

.calendarbox1 {
  background-color: #ffefd5;
}
.calendarbox1 p,
.calendarbox1 strong {
  color: #000;
}

table tr:nth-of-type(2n+1) {
  background-color: #050505;
}

.xo-month th {
  background-color: #1e1e1e;
}

th.monday,
th.tuesday,
th.wednesday,
th.thursday,
th.friday {
  color: #949495 !important;
}

.xo-event-calendar table.xo-month .month-header {
  margin: 2px 0 4px;
  font-size: 1.6rem;
}

.xo-event-calendar table.xo-month {
  border: 1px solid #444;
}

.xo-event-calendar table.xo-month td,
.xo-event-calendar table.xo-month th {
  border: 1px solid #444;
}

/* トップ　非表示情報 */

body.home .eye-catch-wrap {
  display: none;
}

/* 禅語一覧 */
.entry-card-content {
  margin-left: 330px;
  color: #ddd;
}

@media screen and (min-width: 1420px) {
  .header-container {
    width: 1056px;
    margin: auto;
  }
}

@media screen and (max-width: 680px) {

  .toukouichi1 ul,
  .toukouichi1 ol {
    padding-left: 0px !important;
  }

  #recent-posts-2 li {
    width: 31.3% !important;
  }
}

/* ---------- 禅語一覧 ---------- */
body.page-id-601 .post-date,
body.page-id-601 .post-update,
body.page-id-601 .post-author,
body.page-id-601 .amp-back {
  display: none;
}

.new-entry-cards {
  display: flex;
  flex-wrap: wrap;
}

.new-entry-card-title {
  color: #fff;
}

.widget-entry-cards .a-wrap:hover {
  background-color: #282727 !important;
}

.widget-entry-card-content {
  margin-left: 0;
}

@media screen and (min-width: 681px) {
  .widget-entry-cards .a-wrap {
    width: 20% !important;
  }
  .widget-entry-cards figure {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .widget-entry-cards .a-wrap {
    width: 50%;
  }
}

/*フロント固定ページのタイトルを非表示*/
.content {
  margin-top: -5px;
}

.home.page .entry-title {
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share {
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow {
  display: none;
}

/*フロント固定ページの投稿日を非表示
.home.page .post-date {
  display: none;
}*/

/*フロント固定ページの更新日を非表示*/
.home.page .post-update {
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info {
  display: none;
}

/* カレンダー */

.calendarbox1.xo-event-calendar table.xo-month .month-week table {
  color: #fff !important;
}

.calendarbox1.xo-event-calendar table.xo-month .month-week {
  padding: 30px 0 0 0 !important;
}
.xo-event-calendar table.xo-month>thead th {
  background-color: #C9BD9E;
  color: #222 !important;
}
.calendarbox1.xo-event-calendar table.xo-month .month-event td {
  border-width: 0 0px 0 0 !important;
}
.calendarbox1.calendar-caption{
  font-size: 1.8rem !important;
}
.calendarbox1 table tr:nth-of-type(2n+1) {
  --background-color: #fff;
}
.calendarbox1 .other-month{color: #888;}
.xo-event-calendar table.xo-month .month-dayname td div {
  color: #333;
}
.xo-event-calendar table.xo-month .month-header>span {
  font-size: 2.0rem;
  margin-bottom: 15px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}