@charset "UTF-8";
/******************************************************************
サイトコンテンツスタイルシート（スマホ版）
Author: Y.Yokoyama
Author URI: http://fromdime.com
******************************************************************/
/******************************************************************

共通

******************************************************************/
/*-------------------------------------------
ヘッダーバー
-------------------------------------------*/
/*
メニューボタン
*/
.menu-btn a,
.menu-btn a span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.menu-btn a {
  position: relative;
  width: 40px;
  height: 40px;
}
.menu-btn a span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #515151;
  border-radius: 4px;
}
.menu-btn a span:nth-of-type(1) {
  top: 7px;
}
.menu-btn a span:nth-of-type(2) {
  top: 18px;
}
.menu-btn a span:nth-of-type(3) {
  bottom: 8px;
}
.menu-btn a.btn-close span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}
.menu-btn a.btn-close span:nth-of-type(2) {
  opacity: 0;
}
.menu-btn a.btn-close span:nth-of-type(3) {
  transform: translateY(-11px) rotate(45deg);
}

/*
メニュー
*/
.overlay {
  position: fixed;
  z-index: 100;
  background-color: #f1f1f1;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.5rem 1.2rem;
  height: calc(100% - 72px);
}

/* スクロールバーのカスタマイズ */
.overlay::-webkit-scrollbar {
  /*    width: 10px;*/
  width: 5px;
}
.overlay::-webkit-scrollbar-track {
  background: #ffffff;
  border-left: solid 1px #ececec;
}
.overlay::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.overlay_inner {
  /*        overflow-y: scroll;*/
}
.wrap-globalnavi-sp {
  margin-bottom: 1.5rem;
}
.wrap-globalnavi-sp .globalnavi {
  background-color: #ffffff;
  margin-bottom: 1rem;
}
.wrap-globalnavi-sp .globalnavi > ul {
  flex-flow: wrap;
}
.wrap-globalnavi-sp .globalnavi > ul > li {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0;
}
.wrap-globalnavi-sp .globalnavi ul li.menu-item-has-children > a::after {
  content: "\f196";
}
.wrap-globalnavi-sp .globalnavi ul li.menu-item-has-children.dropdown_open > a::after {
  content: "\f147";
}
.wrap-globalnavi-sp .globalnavi ul li a {
  /*    font-size: 0.9rem;*/
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.wrap-globalnavi-sp .globalnavi ul li a::after {
  font-family: FontAwesome;
  content: "\f105";
  color: inherit;
  font-weight: normal;
  position: absolute;
  right: 15px;
}
.wrap-globalnavi-sp .globalnavi ul li a:hover,
.wrap-globalnavi-sp .globalnavi ul li a:focus {
  background-color: rgba(71, 103, 220, 0.2);
}
.wrap-globalnavi-sp .globalnavi .globalnavi-ul > li:last-child a {
  border-bottom: none;
}
.wrap-globalnavi-sp .globalnavi ul li a:hover {
  opacity: 1;
}
.globalnavi-sp ul li .dropdown li a {
  padding: 0.8rem 0.5rem 0.8rem 2.5rem;
}
.overlay .internal-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay .internal-item {
  text-align: center;
}
.overlay .internal-item {
  margin-right: 4%;
}
.overlay .internal-item:last-child {
  margin-right: 0;
}
.overlay .internal-item > a {
  display: block;
}
.overlay .internal-item img {
  max-width: 40px;
}
.overlay .internal-item span {
  display: block;
  font-size: 0.7rem;
}
.overlay .contact > a {
  background-color: #0071bc;
  margin-inline: auto;
}

/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* 1281px ~ : PC Large screens -> Default */
/* ~ 1280px : PC screens */
@media only screen and (max-width: 80em) {
}

/* ~ 1024px : Medium screens */
@media only screen and (max-width: 64em) {
}

/* ~ 960px : Tablet screens */

/* ~ 896px : スマホ横 */
@media only screen and (max-width: 56em) {
  /* =========================
   固有スタイル
  ========================= */
  #inner-content #main {
    flex-basis: 100%;
    max-width: 100%;
  }
  #inner-content .sidebar {
    display: none;
  }
  /* =========================
   トップページ
  ========================= */
  .home #inner-content {
    margin-top: -1.5rem;
  }

  /* =========================
   ヘッダー
  ========================= */
  #header {
    padding-top: 0;
  }
  #head-bar {
    display: none;
  }
  #head-bar-sp {
    display: block;
    position: relative;
    padding: 0.5rem 0;
    background-color: #ffffff;
    border-bottom: 6px solid var(--color-03);
  }
  #head-bar-sp .head-bar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #head-bar-sp .head-bar__inner .head-bar__left .menu-btn {
    display: flex;
    justify-content: flex-end;
  }
  #head-bar-sp .head-bar__inner .head-bar__center {
    flex-basis: 70%;
    max-width: 70%;
    text-align: center;
  }
  #head-bar-sp .head-bar__inner .head-bar__right .contact > a {
    max-width: 38px;
  }
  .globalnavi__info {
    font-size: var(--font-size-12px);
  }
  .globalnavi__info .info__text__small {
    font-size: var(--font-size-10px);
  }
  /* =========================
   フッター
  ========================= */
  #footer {
    padding: 1.5rem 0;
  }
  #footer-main {
    margin-bottom: 1rem;
  }
  .wrap-footernavi {
    margin-bottom: 1.5rem;
  }
  #menu-footernavi {
    gap: 2rem 1rem;
  }
  #menu-footernavi > .menu-item {
    font-size: 1rem;
    padding: 0;
    max-width: calc(450px / 3);
  }
  #menu-footernavi .css-gnav-margin-top {
    margin-top: 1rem;
  }
} /* 896px以下 End */

/* ~ 812px : iphone X screens */

/* ~ 767px : Tablet screens */
@media only screen and (max-width: 47.938em) {
}

/* 641px ~ */

/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {
  /******************************************************************

    共通

  ******************************************************************/
  html {
    overflow-x: hidden;
  }
  /******************************************************************

    構造調整タグ

  ******************************************************************/
  .base_width {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .base_width.base_width_sp {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .inner_width {
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  br.br-pc {
    display: none;
  }
  br.br-sp {
    display: block;
  }
  
  /*-------------------------------------------
    テーブルの基本レイアウト
  -------------------------------------------*/
  table.base_table {
    border: 1px solid #dbdbdb;
  }
  table.base_table tr th,
  table.base_table tr td {
    display: block;
    width: 100%;
  }
  table.base_table tr th {
    text-align: left;
    font-weight: normal;
    background-color: #eaeaea;
    padding: 0.3rem 1.3rem;
    border-bottom: 1px solid #dbdbdb;
  }
  table.base_table tr td {
    background-color: #ffffff;
    padding: 0.7rem 1.3rem;
    border-bottom: 1px solid #dbdbdb;
  }
  table.base_table tr:last-child td {
    border-bottom: none;
  }
  /******************************************************************

    汎用パーツ

  ******************************************************************/
  /*
    横並びレイアウト
  */
  .flexbox {
    flex-flow: row wrap;
  }

  /*-------------------------------------------
  固有スタイル
  -------------------------------------------*/
  #wrap-content {
    padding-top: 2.5rem;
  }

  /*-------------------------------------------
  パンくずリスト
  -------------------------------------------*/
  /*-------------------------------------------
  ページナビ
  -------------------------------------------*/
  .wrap_pagination {
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 5px 10px;
    margin: 5px;
  }
  .link-button {
    font-size: 0.875rem;
    max-width: 200px;
  }
  /******************************************************************

    プラグイン

  ******************************************************************/
  /******************************************************************

    ヘッダー

  ******************************************************************/
  /* head-bar
  -------------------------------------------------------*/
  .head-bar__logo .logo img {
    max-width: 200px;
  }
  

  /******************************************************************

    サイドバー

  ******************************************************************/
  /******************************************************************

    ユーティリティナビゲーション

  ******************************************************************/
  /******************************************************************

    フッター

  ******************************************************************/

  /******************************************************************

    トップページ(toppage)

  ******************************************************************/
  .home section {
    margin-bottom: 2.5rem;
  }
  .home-line {
    margin-bottom: 2.5rem;
  }
  /* =========================
   hero-card
  ========================= */
  .hero-card__body {
    padding: 1rem 1.5rem 1.5rem;
  }
  .hero-card__text {
    font-size: var(--font-size-18px);
    text-indent: var(--font-size-18px);
  }
  /* =========================
   news
  ========================= */
  #news {
    padding: 1.5rem 1rem;
  }
  .news__header,
  .postlist__header,
  .downloads__header {
    margin-bottom: 1rem;
  }
  .news__title,
  .postlist__title,
  .downloads__title {
    font-size: var(--font-size-32px);
  }
  .news__main .postlist-wrapper,
  .postlist-wrapper {
    margin-bottom: 1rem;
  }
  /* ボタン本体 */
  .news__btn {
    max-width: 120px;
    height: 40px;
  }
  /* =========================
   greeting
  ========================= */
  .greeting__header {
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
  /* 左側：プロフィール */
  .greeting__profile {
    order: 2;
  }
  .greeting__photo {
    margin-bottom: 0.5rem;
  }
  /* 右側：タイトル */
  .greeting__title-wrap {
    order: 1;
    padding: 1rem;
  }
  .greeting__title {
    font-size: var(--font-size-32px);
  }
  /* =========================
   access
  ========================= */
  .access__header {
    margin-bottom: 2rem;
  }
  .access__title {
    font-size: var(--font-size-32px);
    text-align: center;
  }

  /******************************************************************

    投稿（お知らせ）

  ******************************************************************/
  .wrap_menulist {
    margin-bottom: 1.5rem;
  }
  .menutab {
    padding: 1rem 0;
  }
  .menutab li a {
    font-size: 1rem;
    padding: 0.5rem 0;
  }

  .postlist .postlist-ul li .hover_ul,
  .postlist .postlist-ul .no-post {
    padding: 1rem 0.5rem;
  }
  .postlist .postlist-ul li .hover_ul .text {
    gap: 0.5rem;
  }
  .postlist .postlist-ul li .list-title .title {
    font-size: 1rem;
  }

  /* =========================
   category
  ========================= */
  .category .postlist {
    margin-bottom: 2.5rem;
  }
  /* =========================
   single
  ========================= */
  .single-post .article_inner {
    padding: 1.5rem 1rem;
  }
  .single-post .single_inner_width {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .single-post .post-category {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .single-post .article-header .single-title_wrapper {
    margin-bottom: 1rem;
    border: none;
    padding: 0;
    border-radius: 0;
  }
  h1.page-title,
  h1.single-title {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }
  .single-post .entry-content p {
    font-size: 0.875rem;
  }
  .single-post .article-footer {
    margin-bottom: 2.4rem;
  }
  .single-post .article-footer .post_link {
    margin-block: 1rem;
    padding-block: 1rem;
  }

  /* =========================
   single-news__btn
  ========================= */
  .single-news__btn {
    max-width: 120px;
    height: 40px;
  }

  /******************************************************************

    固定ページ(page)

  ******************************************************************/
  /* =========================
   施設案内 page-facility
  ========================= */
  .page-facility section {
    margin-bottom: 2.5rem;
  }
  .page-facility #inner-content {
    padding-bottom: 5rem;
  }
  /* company-info */
  .company-info__dl {
    display: grid;
    grid-template-columns: 1fr;
  }
  .company-info__dl .company-info__term {
    border-bottom: none;
    padding-bottom: 0;
  }
  .company-info__dl .company-info__desc {
    padding: 1rem 1rem;
  }
  .company-info__dl .company-info__term:nth-of-type(8) {
    margin-top: 5rem;
  }
  .company-info__dl .company-info__desc:nth-of-type(8) {
    border-top: none;
    margin-top: 0;
  }
  /* =========================
   設備紹介 page-equipment
  ========================= */
  .page-equipment section {
    margin-bottom: 5rem;
  }
  .page-equipment #inner-content {
    padding-bottom: 5rem;
  }
  .page-equipment .section__header {
    margin-bottom: 3rem;
  }
  .page-equipment .section__header-inner {
    gap: 2rem 1rem;
  }
  .page-equipment .section__header-title h2 {
    font-size: var(--font-size-32px);
  }
  .page-equipment .section__header-title h2::after {
    width: 90px;
  }

  .page-equipment .section__main-feature {
    margin-bottom: 3rem;
  }
  .page-equipment #crematorium .crematorium-feature__title {
    margin: 0 0 1rem;
    font-size: var(--font-size-20px);
  }

  .page-equipment #crematorium .crematorium-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
  .page-equipment #crematorium .crematorium-gallery__item figcaption {
    margin-top: 0.25rem;
  }

  .page-equipment .page-image .equipment-slider .slick-prev,
  .page-equipment .page-image .equipment-slider .slick-next {
    width: 44px;
    height: 64px;
  }
  .page-equipment .page-image .equipment-slider .slick-prev:after,
  .page-equipment .page-image .equipment-slider .slick-next:after {
    width: 14px;
    height: 14px;
  }
  /* =========================
   利用料金 page-pricing
  ========================= */
  .page-pricing section{
    margin-bottom: 5rem;
  }
  .page-pricing #inner-content {
    padding-bottom: 5rem;
  }
  .page-pricing .section__header {
    margin-bottom: 1.5rem;
  }
  .page-pricing .section__title {
    font-size: var(--font-size-20px);
  }
  /* =========================
   資料ダウンロード page-downloads
  ========================= */
  .page-downloads #inner-content {
    padding-bottom: 5rem;
  }
  .page-downloads .downloads__header {
    margin-bottom: 1rem;
  }
  .page-downloads .downloads__title {
    font-size: var(--font-size-32px);
  }
  .page-downloads .downloads-list__empty {
    margin-top: 0.75rem;
  }

  /******************************************************************

    カスタム投稿

  ******************************************************************/

  /******************************************************************

    404 Page Not Found

  ******************************************************************/
  /******************************************************************

    お問い合わせフォーム

  ******************************************************************/
} /* 641以下end */

/* 479px以下: SP screens */
@media only screen and (max-width: 29.938em) {
}/*# sourceMappingURL=style-sp.css.map */