@charset 'UTF-8';
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ffffe7;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
marker.m {
  background: #fffdd5;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: inherit;
}
html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
body {
  font-size: 1.7rem;
  font-family: dnp-shuei-mincho-pr6, serif;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 1px;
  color: #343434;
  -webkit-font-feature-settings: 'palt'1;
  font-feature-settings: 'palt'1;
  -webkit-text-size-adjust: 100%;
}
img {
  width: 100%;
  height: auto;
  /* vertical-align: bottom; */
  object-fit: cover;
}
svg {
  width: auto;
  height: auto;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
ul {
  list-style: none;
}
button {
  font-family: sans-serif;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  padding: 0;
  color: rgb(255 255 255 / 90%);
}
a {
  display: inline-block;
  color: #343434;
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
}
input {
  border-radius: 0;
}
::placeholder {
  color: black;
}
.darkmode ::placeholder {
  color: white;
}
h3 {
  position: relative;
  padding: 25px 10px 10px;
  border-bottom: 1px dotted #cab59b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
}
h4 {
  position: relative;
  padding: 25px 0 0;
  border-top: 1px dotted #cab59b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
}
.text-middle {
  font-size: 1.25rem;
}
.item-bg {
  background: #be8b3a;
  color: #fff;
  padding: 2px 10px;
  margin-right: 20px;
  display: -webkit-inline-box;
}
@-webkit-keyframes menu-barTop {
  0% {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-barTop {
  0% {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-barBottom {
  0% {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-barBottom {
  0% {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-menu-barTop {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
}
@keyframes active-menu-barTop {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
}
@-webkit-keyframes active-menu-barBottom {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
}
@keyframes active-menu-barBottom {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
}
.wp-block-column {
  margin-top: 60px;
  border-top: dotted 1px #ddd;
  padding-top: 30px;
}
.p10 {
  padding: 10px
}
.p20 {
  padding: 20px
}
@media screen and (max-width: 768px) {
  .p20 {
    padding: 20px 0
  }
}
/* ------------------------------------------------
#. Layouts :prefix[l-]
------------------------------------------------ */
#pg-error .search-form {
  margin-top: 5%;
}
#pg-error .search-form .search-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}
#pg-error .search-form .search-box .search-input {
  padding: 0 18px;
  width: 412px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  border: 1px solid #d0d0d0;
  background-color: transparent;
  outline: none;
}
#pg-error .search-form .search-box .button-submit {
  margin-left: 10px;
  padding: 0;
  width: auto;
  min-width: 90px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #333;
}
.bg_beige {
  background: beige;
}
.b_beige {
  border: 1px solid #C4A253;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
  #pg-error .search-form {
    margin-top: 11.4%;
  }
  #pg-error .search-form .search-box {
    height: 35.5px;
  }
  #pg-error .search-form .search-box .search-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 14px;
    width: auto;
    font-size: 1.4rem;
  }
  #pg-error .search-form .search-box .button-submit {
    min-width: 80px;
    font-size: 1.4rem;
  }
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
.article-body {}
.article-body .article-inner:first-child {
  margin-top: 0;
}
.article-body h3 {
  font-size: 2rem;
}
.article-body h3 + p {
  margin-top: 2%;
}
.article-body p {
  font-size: 1.6rem;
  line-height: 2;
}
.article-body p img {
  float: none;
  margin: 0;
  width: 100%;
  height: 54vw;
}
.article-body p img + img {
  margin-left: 0;
  margin: 15px 0 0 0;
}
.side-box {
  margin-left: 0;
}
.side-box .side-inner {
  padding: 16px 24px 12px;
}
.side-box .side-inner .title {
  padding: 0 4px 14px 4px;
  font-size: 1.4rem;
}
.side-box .side-inner .sub_navi li a {
  padding: 7px 4px;
}
.side-box .side-inner .sub_navi li a .postDay {
  font-size: 1.1rem;
}
.side-box .side-inner .sub_navi li a .postTitle {
  font-size: 1.2rem;
}
.side-box .side-inner .see-all {
  margin-top: 12px;
}
.side-box .side-inner .see-all a {
  font-size: 1.1rem;
}
.news-body {
  padding: 0;
}
/* アクセシビリティ用：テキスト非表示クラス */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* ======================
   Footer
   ====================== */
#footer {
  padding: 50px 12.3% 24px;
  color: rgb(255 255 255 / 90%);
  font-weight: 700;
  background: #54547a url(//myouhoji.jp/wp-content/themes/myouhoji/assets/css/../images/common/bg-pattern.svg);
  background-size: cover;
  background-position: center;
  border-top: solid 2px #cab59b;
  box-sizing: border-box;
}
#footer .footer-inner {
  max-width: 1200px;
  margin: 0 auto;
}
#footer .footerContents {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
/* 左カラム：ロゴ＋住所 */
#footer .footerContents-contact {
  padding-bottom: 36px;
  width: 34.4%;
}
#footer .footerContents-contact .enterprise-logo {
  display: block;
}
#footer .footerContents-contact .enterprise-logo img {
  max-width: 204px;
  height: auto;
}
#footer .footerContents-contact .enterprise-detail {
  margin-top: 32px;
}
#footer .footerContents-contact .enterprise-detail .name {
  font-size: 1.4rem;
}
#footer .footerContents-contact .enterprise-detail .address {
  margin-top: 10px;
  font-size: 1.3rem;
  line-height: 1.7;
}
/* 右カラム：サイトマップ＋SNS */
#footer .footerContents-sitemap {
  width: 65.6%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}
/* フッターメニュー */
#footer .footer-nav {
  width: 100%;
}
#footer .footer-nav .footer-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .footer-nav .footer-menu > li > a {
  display: inline-block;
  color: #c4c4c4;
  font-size: 1.3rem;
  text-decoration: none;
}
#footer .footer-nav .footer-menu > li > a:hover {
  text-decoration: underline;
}
/* SNSリンク */
#footer .sns-navi {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .sns-navi .sns-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6rem;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
#footer .sns-navi .sns-item a:hover {
  transform: translateY(-1px);
  background-color: rgba(0, 0, 0, 0.15);
  border-color: #ffffff;
}
/* コピーライト */
#footer .copyright {
  margin-top: 32px;
  text-align: center;
  font-size: 1.2rem;
}
#footer .copyright-text {
  display: inline-block;
}
/* ======================
   SP（769px以下）
   ====================== */
@media screen and (max-width: 769px) {
  #footer {
    padding: 30px 4% 12px;
  }
  #footer .footerContents {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  #footer .footerContents-contact {
    padding-bottom: 0;
    width: 100%;
  }
  #footer .footerContents-contact .enterprise-logo {
    text-align: center;
  }
  #footer .footerContents-contact .enterprise-detail {
    margin: 24px auto 0;
    text-align: center;
    padding: 12px 16px;
    background: #ffffffbf;
    color: #000;
    max-width: 360px;
    border-radius: 6px;
  }
  #footer .footerContents-contact .enterprise-detail .address {
    margin-top: 10px;
    font-size: 1.2rem;
  }
  #footer .footerContents-sitemap {
    width: 100%;
    align-items: center;
  }
  #footer .footer-nav {
    width: 100%;
  }
  #footer .footer-nav .footer-menu {
    justify-content: center;
    text-align: center;
  }
  #footer .footer-nav .footer-menu > li > a {
    font-size: 1.2rem;
  }
  #footer .sns-navi {
    justify-content: center;
  }
  #footer .sns-navi .sns-item a {
    width: 34px;
    height: 34px;
    font-size: 1.4rem;
  }
  #footer .copyright {
    margin-top: 23px;
    font-size: 1rem;
  }
}
/* ======================
   Header 2025
   ====================== */
#header {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 0 8px;
  width: 100%;
  transition: none;
  z-index: 100;
  border-bottom: solid 2px #6867af;
}
.js-fix-header {
  background: #fff;
}
#header .header-inner {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  width: 92%;
  box-sizing: border-box;
}
#header .toggle-menu {
  display: none;
  z-index: 150;
}
#header .logo {
  width: 180px;
  line-height: 1;
  z-index: 150;
}
#header .logo .main-logo {
  display: block;
  width: 100%;
}
#header .logo .fixed-logo {
  display: none;
}
/* ナビ＋ボタン エリア */
#header .header-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
/* グローバルナビ */
#header .global-nav .menu {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: space-around;
}
#header .global-nav .menu-item {
  padding: 0 3px;
}
#header .global-nav .menu-item .nav-link {
  font-size: 1.4rem;
  position: relative;
  font-weight: bold;
}
#header .global-nav .menu-item .nav-link.active::after {
  opacity: 1;
}
#header .global-nav .menu-item .nav-link::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #cab59b;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
#header .global-nav .menu-item .nav-link:hover::after {
  opacity: 1;
}
/* ナビ右側ボタン */
#header .header-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
#header .header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  border: 1px solid #cab59b;
  background-color: rgba(255, 255, 255, 0.08);
  color: #cab59b;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
  white-space: nowrap;
}
#header .header-btn:hover {
  background-color: #cab59b;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* 用途別（色分けしたい場合） */
#header .header-btn-contact {
  background-color: #3c3b87;
  border-color: #3c3b87;
  color: #ffffff;
}
#header .header-btn-contact:hover {
  background-color: #2e2d6f;
  border-color: #2e2d6f;
}
/* 検索フォーム（既存） */
#header .search-form {
  margin-left: 13px;
  display: flex;
  flex-direction: row;
}
/* ここから search-form 系の既存スタイルは基本そのまま */
#header .search-form .search-box {
  display: none;
  margin-right: 12px;
  position: relative;
}
#header .search-form .search-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url('../images/svg/icon-search-white.svg');
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
}
#header .search-form .search-box .search-input {
  padding: 2px 10px;
  width: 322px;
  height: 40px;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  background-color: transparent;
  outline: none;
}
#header .search-form .search-box .search-input::-webkit-input-placeholder {
  color: #fff;
}
#header .search-form .search-box .search-input:-moz-placeholder {
  color: #fff;
}
#header .search-form .search-box .search-input::-moz-placeholder {
  color: #fff;
}
#header .search-form .search-box .search-input:-ms-input-placeholder {
  color: #fff;
}
#header .search-form .search-buttons .close-icon, #header .search-form .search-buttons .search-icon {
  width: 30px;
  height: 30px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
#header .search-form .search-buttons .close-icon {
  display: none;
  height: 100%;
  background-image: url('../images/svg/icon-close-white.svg');
  background-position: center center;
}
#header .search-form .search-buttons .search-icon {
  display: block;
  height: 30px;
  background-image: url('../images/svg/icon-search-white.svg');
  background-position: center top;
  position: relative;
}
#header .search-form .search-buttons .search-icon::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
#header .search-form .search-buttons .search-icon:hover::after {
  opacity: 1;
}
/* 検索モード時：ナビを隠す */
#header.search-mode {
  background-color: rgba(255, 255, 255, 0.43);
}
#header.search-mode .global-nav {
  display: none;
}
#header.search-mode .header-actions {
  display: none;
}
#header.search-mode .search-box {
  display: block;
}
#header.search-mode .search-buttons .close-icon {
  display: block;
}
#header.search-mode .search-buttons .search-icon {
  display: none;
}
/* スクロール後の固定ヘッダー */
#header.standby {
  position: fixed;
  padding: 10px 0;
  background: #fff;
  transform: translateY(-100%);
}
#header.fixed {
  transform: translateY(0);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
}
/* 固定時ロゴ切り替え・色調整 */
#header.fixed .logo .main-logo {
  display: none;
}
#header.fixed .logo .fixed-logo {
  display: block;
}
#header.fixed .global-nav .menu-item .nav-link {
  color: #343434;
}
#header.fixed .global-nav .menu-item .nav-link::after {
  background: linear-gradient(to right, #cab59b, #cab59b);
}
/* 固定時ボタン色（背景白でも視認性を確保） */
#header.fixed .header-btn {
  background-color: #ffffff;
  border-color: #cab59b;
  color: #3c3b87;
}
#header.fixed .header-btn:hover {
  background-color: #cab59b;
  color: #ffffff;
}
#header.fixed .header-btn-contact {
  background-color: #3c3b87;
  border-color: #3c3b87;
  color: #ffffff;
}
#header.fixed .header-btn-contact:hover {
  background-color: #2e2d6f;
  border-color: #2e2d6f;
}
/* 検索アイコン色切り替え */
#header.fixed .search-form .search-box::before {
  background-image: url('../images/svg/icon-search-black.svg');
}
#header.fixed .search-form .search-box .search-input {
  color: #343434;
}
#header.fixed .search-form .search-box .search-input::-webkit-input-placeholder {
  color: #343434;
}
#header.fixed .search-form .search-box .search-input:-moz-placeholder {
  color: #343434;
}
#header.fixed .search-form .search-box .search-input::-moz-placeholder {
  color: #343434;
}
#header.fixed .search-form .search-box .search-input:-ms-input-placeholder {
  color: #343434;
}
#header.fixed .search-form .search-buttons .close-icon {
  background-image: url('../images/svg/icon-close-black.svg');
}
#header.fixed .search-form .search-buttons .search-icon {
  background-image: url('../images/svg/icon-search-black.svg');
}
/* コラム情報など既存 */
#header .column-info {
  display: none;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 959px) {
  #header {
    align-items: center;
    padding: 10px 15px;
  }
  #header .header-inner {
    width: auto;
  }
  #header .logo {
    width: 159px;
  }
  #header .logo .fixed-logo {
    display: none;
  }
  /* ハンバーガーメニュー */
  #header .toggle-menu {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
  }
  #header .toggle-menu .toggle-line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-indent: -9999px;
    width: 27px;
    height: 2px;
    background-color: #cab59b;
  }
  #header .toggle-menu .toggle-line::before, #header .toggle-menu .toggle-line::after {
    content: '';
    position: absolute;
    left: 0;
    width: 27px;
    height: 2px;
    background-color: #cab59b;
  }
  #header .toggle-menu .toggle-line::before {
    top: -7px;
    -webkit-animation: menu-barTop 0.60s forwards;
    animation: menu-barTop 0.60s forwards;
  }
  #header .toggle-menu .toggle-line::after {
    top: 7px;
    -webkit-animation: menu-barBottom 0.60s forwards;
    animation: menu-barBottom 0.60s forwards;
  }
  /* SPメニュー：全画面オーバーレイ */
  #header .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    padding: 110px 15px 40px;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 200vh;
    background: rgb(255 255 255 / 90%);
    z-index: 90;
    transform: translateX(100%);
    transition: 0.3s ease-out;
    align-items: center;
    box-sizing: border-box;
  }
  #header .global-nav {
    order: 2;
    margin-top: 30px;
    width: 100%;
    max-width: 360px;
  }
  #header .global-nav .menu {
    flex-direction: column;
  }
  #header .global-nav .menu-item {
    margin: 0;
    border-right: none;
  }
  #header .global-nav .menu-item .nav-link {
    display: inline-block;
    max-width: 360px;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    font-weight: bold;
    text-decoration: none;
  }
  /* 検索フォーム（SP時は上部） */
  #header .search-form {
    order: 1;
    margin-left: 0;
    width: 100%;
    max-width: 360px;
  }
  #header .search-form .search-box {
    display: flex;
    flex-direction: row;
    margin-right: 0;
    width: 100%;
    position: relative;
  }
  #header .search-form .search-box::before {
    content: none;
  }
  #header .search-form .search-box .search-input {
    width: 100%;
    height: 45px;
    font-size: 1.8rem;
    border: 1px solid #c7c7c7;
  }
  #header .search-form .search-box .button-submit {
    min-width: 60px;
    height: 45px;
    background-color: #3c3b87;
    background-image: url('../images/svg/icon-search-black.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: center;
    border: 1px solid #c7c7c7;
    border-left: none;
  }
  #header .search-form .search-buttons {
    display: none;
  }
  /* SPメニューオープン時 */
  #header.open {
    position: fixed;
  }
  #header.open .logo {
    transition: all 0.5s linear 1s;
  }
  #header.open .logo .main-logo {
    display: block;
  }
  #header.open .logo .fixed-logo {
    display: none;
  }
  #header.open .toggle-menu {
    transition: all 0.5s linear 1s;
    background-color: rgb(60 59 135);
  }
  #header.open .toggle-menu .toggle-line {
    height: 0;
    background-color: #fff !important;
  }
  #header.open .toggle-menu .toggle-line:before {
    background-color: #c4a253 !important;
    -webkit-animation: active-menu-barTop .6s forwards;
    animation: active-menu-barTop .6s forwards;
  }
  #header.open .toggle-menu .toggle-line:after {
    background-color: #c4a253 !important;
    -webkit-animation: active-menu-barBottom .6s forwards;
    animation: active-menu-barBottom .6s forwards;
  }
  #header.open .header-nav {
    transform: translateX(0);
    overflow: auto;
  }
  /* SP時：固定ヘッダー時の微調整 */
  #header.fixed {
    padding: 8px 15px;
  }
  #header.fixed .toggle-menu .toggle-line, #header.fixed .toggle-menu .toggle-line::before, #header.fixed .toggle-menu .toggle-line::after {
    background-color: #cab59b;
  }
  #header.fixed .global-nav .menu-item .nav-link {
    color: #000;
  }
  #header.fixed .global-nav .menu-item .nav-link::after {
    content: none;
  }
  /* SP：交通アクセス／お問い合わせボタンを縦並びで */
  #header .header-actions {
    order: 3;
    margin-top: 32px;
    width: 100%;
    max-width: 360px;
    flex-direction: column;
    gap: 10px;
  }
  #header .header-actions .header-btn {
    width: 100%;
    justify-content: center;
  }
  /* column-info 既存 */
  #header .column-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 1fr;
    grid-gap: 0.8em;
    text-align: center;
    margin: 0 auto 60px;
  }
  #header .global-nav .menu-item .nav-link.active::after {
    opacity: 0;
  }
}
body.nav-open {
  overflow: hidden;
  touch-action: none;
}
@media screen and (max-width: 959px) {
  #header .header-nav {
    /* position: fixed; 〜〜 */
    transform: translateX(100%);
    transition: 0.3s ease-out;
  }
  #header.open .header-nav {
    transform: translateX(0);
    overflow: auto;
  }
}
#keyvisual {
  padding: 0;
  height: 100vh;
  max-height: 740px;
  min-height: 740px;
}
#keyvisual .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
  /* background-image: linear-gradient(180deg, transparent 0 60%, #FFF 100%); */
}
#keyvisual .wrapper {
  color: rgb(255 255 255);
  width: 100%;
  text-align: left;
  line-height: 2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-shadow: 0 0 4px #3c3b87, 0 0 6px #3c3b87, 0 0 4px #000000, 0 0 6px #000000;
  position: absolute;
  top: 27%;
  left: -40%;
  font-size: 18px;
}
#keyvisual .wrapper .site-title {
  font-size: 2.4rem;
  font-size: 3.4rem;
  font-family: dnp-shuei-mincho-pr6, 'Noto Serif JP', serif;
  letter-spacing: 0.1em;
  color: #fff;
}
span.ouka_txt {
  font-size: xxx-large;
}
#keyvisual .wrapper .site-caption {
  font-family: dnp-shuei-mincho-pr6, 'Noto Serif JP', serif;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  font-size: 1.8rem;
  color: #fff;
}
#keyvisual #k {
  left: -38%;
}
#keyvisual #k .site-title {
  font-size: 3.4rem;
}
#keyvisual #k .site-caption {
  font-weight: bold;
  font-size: 1.8rem;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
  #keyvisual {
    height: 88vh;
    min-height: auto;
  }
  #keyvisual .wrapper {
    width: 100%;
    text-align: left;
    line-height: 2;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  body.page-id-711 section#keyvisual {
    margin-top: 60px;
  }
  li.swiper-slide #slide1 {
    -webkit-transform: translate(16%, -19%);
    position: absolute;
  }
  li.swiper-slide #slide2 {
    -webkit-transform: translate(10%, -21%);
    position: absolute;
  }
  li.swiper-slide #slide3 {
    -webkit-transform: translate(7%, -14%);
    position: absolute;
  }
  #keyvisual #k {
    top: 1%;
    left: 4%;
    position: relative;
  }
  #keyvisual .wrapper .site-title {
    font-size: 3.2rem;
  }
  #keyvisual .wrapper .site-caption {
    font-size: 1.6rem;
    margin-bottom: -12px;
    line-height: inherit;
  }
  #keyvisual #k .site-title {
    font-size: 2.6rem;
  }
  #keyvisual #k .site-caption {
    font-size: 1.4rem;
  }
  .swiper-button-next, .swiper-button-prev {
    top: 50%;
  }
}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
/* ============================
   お知らせ一覧（トップ・info固定ページ）
   ============================ */
#news {
  padding: 60px 4% 84px;
  background-color: #f8f7f3;
}
#news .news {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* 1件ごとのカード */
#news .news-item {
  list-style: none;
  padding: 18px 20px 20px;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  letter-spacing: 0; /* 以前の .2em をリセット */
  box-shadow: 0 2px 6px rgba(0, 0, 0, .03);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease, background-color .2s ease;
}
/* ホバー時（PCのみ効かせたい場合は @media(min-width:769px) で囲ってもOK） */
#news .news-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
  transform: translateY(-1px);
  border-color: #cbb37a;
  background-color: #fffdf7;
}
/* 日付＋タイトル行 */
#news .news-item .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 1.6rem;
}
/* 日付バッジ */
#news .news-item .time {
  order: -1;
  font-size: 1.2rem;
  background: #be8b3a;
  padding: 2px 10px;
  margin: 0;
  display: inline-block;
  color: #fff;
  border-radius: 999px;
}
/* タイトルリンク・本文リンク共通 */
#news .news-item .detail-link {
  text-decoration: none;
  color: #222;
}
#news .news-item .detail-link:hover {
  text-decoration: underline;
}
/* 抜粋テキスト */
#news .news-item .news-text {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #555;
}
/* ============================
   スマホ表示調整
   ============================ */
@media screen and (max-width: 768px) {
  #news {
    padding: 40px 4% 48px;
  }
  #news .news {
    gap: 10px;
  }
  #news .news-item {
    padding: 14px 14px 16px;
    border-radius: 8px;
  }
  #news .news-item .time {
    font-size: 1.1rem;
    padding: 2px 8px;
  }
  #news .news-item .title {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  #news .news-item .news-text {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
/* ============================
   お知らせ一覧ページ（/archives/category/news など）
   ============================ */
#pg-news .main-container .main-wrapper {
  margin: 0 auto;
  padding: 4% 4% 80px;
  max-width: 960px;
}
.newsLists {
  padding: 0 0 20px;
}
/* 1行全体をクリック可能に */
#pg-news .newsLists .news-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
/* 行ごとのレイアウト */
#pg-news .newsLists .news-body {
  padding: 14px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid #e3e3e3;
  transition: background-color .15s ease;
}
/* ホバーでうっすら反応 */
#pg-news .newsLists .news-link:hover .news-body {
  background-color: #faf7f0;
}
/* 日付部分 */
#pg-news .newsLists .news-body .release {
  min-width: 7em;
  width: auto;
  font-size: 1.3rem;
  color: #787878;
  margin: 4px 0 0;
  padding: 0;
}
/* タイトル部分 */
#pg-news .newsLists .news-body .title {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: none;
  text-align: left;
  color: #222;
}
#pg-news .newsLists .news-body .title {
  margin-bottom: 0;
  padding: 0;
}
/* タイトルのみ下線 */
#pg-news .newsLists .news-link:hover .title {
  text-decoration: underline;
}
/* 予備のキャプション（使う場合用） */
#pg-news .newsLists .news-body .capton {
  display: block;
  margin-top: 4px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #666;
}
/* ============================
   スマホ表示調整（アーカイブ）
   ============================ */
@media screen and (max-width: 768px) {
  #pg-news .main-container .main-wrapper {
    padding: 6% 4% 60px;
  }
  #pg-news .newsLists .news-body {
    flex-direction: column;
    gap: 4px;
    padding: 12px 0;
  }
  #pg-news .newsLists .news-body .release {
    width: 100%;
    min-width: 0;
    margin: 0;
    font-size: 1.2rem;
  }
  #pg-news .newsLists .news-body .title {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  #pg-news .newsLists .news-body .capton {
    font-size: 1.2rem;
  }
}
/* ============================
   カテゴリバッジ共通
   ============================ */
.news-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
/* バッジ本体 */
.news-cat-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 1.1rem;
  line-height: 1.2;
  background-color: #f3e7c6; /* やや和風の淡い金色 */
  color: #7a5b24;
  font-weight: 600;
  white-space: nowrap;
}
/* トップ・info内一覧での余白調整 */
#news .news-item .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
#news .news-item .news-categories {
  margin-right: 4px;
}
/* アーカイブ一覧でのレイアウト */
#pg-news .newsLists .news-body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 18px;
}
#pg-news .newsLists .news-body .release {
  min-width: 7em;
  font-size: 1.3rem;
  color: #787878;
  margin: 4px 0 0;
}
#pg-news .newsLists .news-body .news-main {
  flex: 1;
}
#pg-news .newsLists .news-body .news-categories {
  margin: 2px 0 2px;
}
#pg-news .newsLists .news-body .title {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
}
/* スマホ時の調整 */
@media screen and (max-width: 768px) {
  #news .news-item .title {
    gap: 4px;
  }
  .news-cat-badge {
    font-size: 1.0rem;
    padding: 1px 6px;
  }
  #pg-news .newsLists .news-body {
    flex-direction: column;
    gap: 4px;
  }
  #pg-news .newsLists .news-body .release {
    min-width: 0;
    width: 100%;
    margin: 0;
    font-size: 1.2rem;
  }
  #pg-news .newsLists .news-body .news-main {
    width: 100%;
  }
  #pg-news .newsLists .news-body .title {
    font-size: 1.5rem;
  }
}
ul.pageList {
  padding: 60px 0;
}
.page-contents {
  padding-top: 93px;
  position: relative;
}
.page-contents .page-head {
  width: 100%;
  height: 330px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  background: url(../images/bg-page-news.jpg) center center/cover;
}
.page-contents .page-head .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.page-contents .page-head .wrapper .page-title-en {
  font-size: 2.2rem;
  font-family: 'Vollkorn', serif;
  font-style: italic;
}
.page-contents .page-head .wrapper .page-title {
  margin-top: 12px;
  font-size: 3.8rem;
  font-family: dnp-shuei-mincho-pr6, 'Noto Serif JP', serif;
  font-weight: 400;
  line-height: 1;
}
.page-contents .page-container {
  width: 100%;
  position: relative;
}
div#bread {
  background: #6867af;
}
.page-contents .page-container .Breadcrumbs {
  margin: auto;
  padding: 14px 0;
  width: 960px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.page-contents .page-container .Breadcrumbs-item {
  margin-right: 15px;
  z-index: 1;
}
.page-contents .page-container .Breadcrumbs-item:not(:first-child) {
  padding-left: 20px;
  position: relative;
}
.page-contents .page-container .Breadcrumbs-item:not(:first-child)::before {
  content: '/';
  position: absolute;
  left: 0;
}
.page-contents .page-container .Breadcrumbs-item .page-name {
  font-size: 1.3rem;
}
.page-contents .page-container .Breadcrumbs-item .page-name.active {
  color: #bdbdbd;
  pointer-events: none;
}
.page-contents .page-container .Breadcrumbs-item .page-name:hover {
  text-decoration: underline;
}
#pg-privacy .privacyList-wrapper {
  margin-top: 5.8%;
}
#pg-privacy .privacyList-wrapper dl + dl {
  margin-top: 5.8%;
}
#pg-privacy .privacyList-wrapper dl dt {
  font-size: 2.2rem;
  font-weight: 700;
}
#pg-privacy .privacyList-wrapper dl dd {
  margin-top: 1%;
  font-size: 1.6rem;
  line-height: 1.9;
}
#pg-privacy .privacyList-wrapper dl dd ul {
  margin-top: 2%;
  padding-left: 21px;
  list-style-type: disc;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
#pg-search .search-form {
  margin-top: 5%;
}
#pg-search .search-form .search-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}
#pg-search .search-form .search-box .search-input {
  padding: 0 18px;
  width: 412px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  border: 1px solid #d0d0d0;
  background-color: transparent;
  outline: none;
}
#pg-search .search-form .search-box .button-submit {
  margin-left: 10px;
  padding: 0;
  width: auto;
  min-width: 90px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #333;
}
#pg-search .searchResult-wrapper {
  margin-top: 4.2%;
}
#pg-search .searchResult-wrapper .searchResult-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
  line-height: 1.4;
}
#pg-search .searchResult-wrapper .searchResult-head .title {
  font-size: 2.2rem;
  font-weight: 700;
}
#pg-search .searchResult-wrapper .searchResult-head .total {
  margin-left: 29px;
  font-size: 1.6rem;
  letter-spacing: 0.18em;
}
#pg-search .searchResult-wrapper .searchResult-head .emptiness {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 0px 5px;
}
#pg-search .searchResult-wrapper .searchResultLlist-item {
  border-bottom: 1px solid #d0d0d0;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a {
  display: block;
  padding: 40px 0;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper .image {
  min-width: 158px;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 30px;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl dt {
  margin-top: 4px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #c52e2e;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl .description {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.9;
  letter-spacing: 0.1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper:hover dl dt {
  text-decoration: underline;
}
#pg-search .searchResult-wrapper .no-result {
  margin-top: 3.6%;
  font-size: 1.6rem;
}
#pg-search .pager {
  margin: 6.5% auto 0;
}
#pg-search .pager .pagerList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#pg-search .pager .pagerList-item {
  margin: 0 6.5px;
  width: 36px;
  height: 36px;
  text-align: center;
  border: 1px solid #d0d0d0;
  position: relative;
}
#pg-search .pager .pagerList-item.current {
  border: 1px solid #343434;
  background-color: #343434;
}
#pg-search .pager .pagerList-item.current a {
  color: #fff;
}
#pg-search .pager .pagerList-item.ellipsis a, #pg-search .pager .pagerList-item.ellipsis span, #pg-search .pager .pagerList-item.next a, #pg-search .pager .pagerList-item.next span {
  text-indent: -9999em;
  background-position: center;
  background-repeat: no-repeat;
}
#pg-search .pager .pagerList-item.ellipsis {
  width: 14px;
  border: none;
}
#pg-search .pager .pagerList-item.ellipsis span {
  display: block;
  width: inherit;
  height: inherit;
  background-image: url(../images/svg/icon-three-dots.svg);
  background-size: contain;
}
#pg-search .pager .pagerList-item.next a {
  background-image: url(../images/svg/icon-rightArrow-black.svg);
  background-size: 6px 11px;
}
#pg-search .pager .pagerList-item a {
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  line-height: 36px;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
  #pg-search .search-form {
    margin-top: 11.4%;
  }
  #pg-search .search-form .search-box {
    height: 35.5px;
  }
  #pg-search .search-form .search-box .search-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 14px;
    width: auto;
    font-size: 1.4rem;
  }
  #pg-search .search-form .search-box .button-submit {
    min-width: 80px;
    font-size: 1.4rem;
  }
  #pg-search .searchResult-wrapper {
    margin-top: 8%;
  }
  #pg-search .searchResult-wrapper .searchResult-head {
    padding-bottom: 14px;
  }
  #pg-search .searchResult-wrapper .searchResult-head .title {
    font-size: 1.6rem;
  }
  #pg-search .searchResult-wrapper .searchResult-head .total {
    margin-left: 14px;
    font-size: 1.1rem;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a {
    padding: 25px 0;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper .image {
    min-width: 29%;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl {
    padding-left: 18px;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl dt {
    margin: 0;
    font-size: 1.6rem;
  }
  #pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl .description {
    margin-top: 5px;
    font-size: 1.2rem;
  }
  #pg-search .searchResult-wrapper .no-result {
    margin-top: 4%;
    font-size: 1.2rem;
  }
  #pg-search .pager {
    margin: 12% auto 0;
  }
}
.section-contents {
  padding: 0 12.5% 100px;
  width: 100%;
  /* text-align: center; */
  position: relative;
}
.section-contents .section-title-en {
  font-size: 2.2rem;
  color: #3c3b87;
}
.section-contents .section-title, .section-title {
  font-size: 3.8rem;
  font-family: dnp-shuei-mincho-pr6, 'Noto Serif JP', serif;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 auto 20px;
  text-align:
    center;
  position: relative;
  display: block;
  border-bottom: solid 3px #6867af;
}
.section-contents .section-title:after, .section-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #cab59b;
  bottom: -3px;
  width: 80%;
}
#about_top p {
  padding: 10px 10px 25px 10px;
}
#news div.section-buttons {
  margin-top: 0;
  padding-top: 60px;
}
.wp-block-column {
  margin-top: 60px;
}
.section-contents .section-lead {
  margin-top: 30px;
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  color: #3c3b87;
}
.section-contents .section-buttons {
  margin-top: 6%;
  padding-top: 60px;
}
.lead-inner p.greeting-head {
  font-size: 1.9rem;
  text-align: center;
  line-height: 2.6em;
  font-family: dnp-shuei-mincho-pr6, 'Noto Serif JP', serif;
  font-weight: bold;
  color: #686868;
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
  .section-contents {
    padding: 40px 4% 60px;
  }
  .section-contents .section-title-en {
    font-size: 1.65rem;
  }
  .section-contents .section-title, .section-title, h3.title {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
  .section-contents .section-title::after {}
  .section-contents .section-lead {
    margin-top: 20px;
    font-size: 1.4rem;
  }
  .section-contents .section-buttons {
    margin-top: 14%;
  }
  .lead-inner p.greeting-head {
    font-size: 1.9rem;
    line-height: 2.6em;
  }
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
/* ------------------------------------------------
#. Components :prefix[c-]
------------------------------------------------ */
.button {
  padding: 17px 0;
  width: 260px;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing: 0.18em;
  overflow: hidden;
  position: relative;
}
.button-ghost {
  border: 1px solid #343434;
  background: #6867af;
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
  z-index: 1;
}
.button-ghost::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3c3b87;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}
.button-ghost:hover {
  border: 1px solid transparent;
  background: transparent;
  color: #fff;
}
.button-ghost:hover::after {
  opacity: 1;
}
.section-buttons {
  margin: 40px auto;
  text-align: center;
}
a.button.button-ghost {
  text-align: center;
}
.buttonBox {
  padding: 16px 0;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  text-align: right;
}
.buttonBox .seeDetail {
  padding-right: 74px;
  font-size: 1.4rem;
  color: #000;
  position: relative;
}
.buttonBox .seeDetail::after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0.1em 0.5em;
  border-top: 1px solid #32373c;
  border-right: 1px solid #32373c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
  .button {
    padding: 9px 23px;
    width: auto;
    min-width: 183px;
    font-size: 1.3rem;
  }
  .buttonBox .seeDetail {
    padding-right: 38px;
    font-size: 1.4rem;
  }
  .buttonBox .seeDetail::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 0 0.1em 0.5em;
    border-top: 1px solid #32373c;
    border-right: 1px solid #32373c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.place, .place a {
  font-size: 1.4rem;
  color: #1381d6;
}
iframe {
  width: 100%;
  height: 400px;
}
.more-news {
  position: relative;
  margin-top: 40px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.next {
  position: relative;
  right: 0;
  padding: 10px;
  background: #fff;
  border: solid 1px #ccc;
  width: 50%;
  text-align: center;
}
.prev {
  position: relative;
  left: 0;
  padding: 10px;
  background: #fff;
  border: solid 1px #ccc;
  width: 50%;
  text-align: center;
}
.page-template-page-memorial-detail .lead-inner {
  margin: 0 auto;
  padding-top: 6.7%;
}
.lead-inner {
  max-width: 960px;
  margin: 5% auto 5%;
  padding: 3%;
}
.lead-inner p {
  line-height: 2;
  font-size: medium;
  line-height: 1.8 !important;
  padding-top: 10px !important;
}
.lead-inner p.sub-title {
  letter-spacing: 0.15em !important;
  text-align: center;
  color: #649634;
  margin: 20px auto;
  font-size: large;
}
#pg-memorialDetail .lead-inner p {
  padding-top: 0px;
}
.wp-block-media-text.alignwide {
  margin-top: 11%;
  display: flex;
  align-items: flex-start;
}
.wp-block-media-text.alignwide figure {
  width: 33%;
}
.wp-block-media-text.alignwide .wp-block-media-text__content {
  padding-left: 27px;
  width: 66.66666%;
  letter-spacing: 0.15em;
}
.wp-block-media-text.alignwide .wp-block-media-text__content .has-large-font-size {
  font-size: 2.2rem;
  font-weight: 700;
}
.wp-block-media-text.alignwide .wp-block-media-text__content p {
  font-size: 1.5rem;
  letter-spacing: 0.15em;
}
.wp-block-table {
  margin: 5.4% 0;
  width: 100%;
}
.wp-block-table tr {
  /* padding: 16px 0; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-top: 1px solid #d0d0d0;
  align-items: center;
}
.wp-block-table tr td:first-child {
  width: 30%;
  font-size: 1.6rem;
}
.wp-block-table tr td:last-child {
  width: 70%;
  font-size: 1.6rem;
}
table.wp-block-table a {
  text-decoration: underline;
  padding-right: 6px;
}
table.wp-block-table a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0.1em 0.5em;
  border-top: 1px solid #32373c;
  border-right: 1px solid #32373c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.page-id-856 table.wp-block-table a:after {
  content: none;
}
.sns-navi {
  display: flex;
}
.sns-navi li {
  background-size: contain !important;
  width: 30px;
  margin-right: 15px;
}
.sns-navi li a {
  width: 30px;
  height: 30px;
}
.sns-navi li:last-child {
  margin-right: 0px;
}
.sns-navi i.fab {
  font-size: xx-large;
  color: #fff;
}
.category_image {
  width: 100%;
  height: 330px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
input[type="submit"] {
  padding: 17px 0;
  width: 260px;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing: 0.18em;
  overflow: hidden;
  position: relative;
  background: #3c3b87;
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
  z-index: 1;
  color: #fff;
}
input[type="submit"]:hover {
  background: #fff;
  transition: all 0.3s ease 0.2s;
  color: #3c3b87;
}
input[type="submit"]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
  background: linear-gradient(to right, #127dd6, #4ec9e5);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}
.single iframe {
  height: 1000px;
}
#pg-search > div > ul > li > a > div > div > img {
  width: 160px;
  height: 160px;
  object-fit: cover;
  object-position: center;
}
.pager .pagerList-item.current {
  color: #fff;
}
.pager .pagerList-item {
  line-height: 36px;
}
.page-head > img {
  width: 100%;
  height: 330px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.page-contents {
  padding-top: 60px;
}
.map {
  height: 350px;
}
.news-body h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.box26 {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #00a5e3;
  border-radius: 8px;
}
.box26 .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #fff;
  color: #00a5e3;
  font-weight: bold;
}
.box26 p {
  margin: 0;
  padding: 0;
}
.contribution {
  margin: 5% auto 0;
  text-align: left;
}
.contribution article {
  width: 100%;
  position: relative;
  height: 280px;
}
.contribution article:nth-child(n+2) {
  margin-top: 12%;
}
.contribution article time {
  color: #787878;
  font-size: 1.4rem;
}
.contribution article .title {
  margin-top: 5px;
  padding-bottom: 8px;
  font-size: 2.4rem;
  font-weight: 700;
  position: relative;
  font-family: inherit;
  color: #c52e2e;
  text-align: left;
}
.lead-inner > p {
  padding-top: 6.7%;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.25em;
}
.bread_crumb {
  max-width: 750px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 4px 0;
}
.bread_crumb li {
  font-size: 12px;
  color: #f8f8f8;
  float: left;
  list-style: none outside none;
}
.bread_crumb li:after {
  content: '>';
  padding-left: 6px;
  margin-right: 6px;
  color: #fff;
}
.bread_crumb li:last-child:after {
  content: '';
}
.bread_crumb li a {
  color: #f8f8f8;
}
.bread_crumb li.current {}
.page_navi {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page_navi li {
  margin: 0 6.5px;
  width: 48px;
  height: 48px;
  border: 1px solid #d0d0d0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.page_navi li a {
  width: 36px;
  height: 36px;
  text-align: center;
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.page_navi li.current {
  color: #fff;
  font-weight: bold;
  padding: 4px 7px;
  background: #3c3b87;
  /* border: solid 1px #c52e2e; */
}
.page_navi li:hover {
  opacity: 0.8;
}
.page_navi li.page_nums span {
  color: #fff;
  padding: 3px 7px;
  background: #666;
  display: inline-block;
  border: solid 1px #333;
}
#pg-common .common-item .common-image img {
  height: 252px;
}
#keyvisual img {
  height: 740px;
  margin-top: 50px;
}
@media(max-width: 768px) {
  .privacy h2 {
    font-size: 1.6rem;
  }
  .privacy h2 + p, .privacy .lead-inner ul {
    margin-top: 1.6%;
    font-size: 1.2rem;
  }
  .privacy .lead-inner ul {
    margin-left: 17px;
  }
  .contribution article {
    height: auto;
  }
  #keyvisual > img {
    height: 62vh;
    min-height: auto;
  }
  .lead-inner {
    line-height: 1.8;
    letter-spacing: 0;
    padding: 3%;
  }
  .lead-inner > p {
    font-size: 1.4rem;
  }
  iframe {
    width: 100%;
    height: 500px;
  }
  #pg-search > div > ul > li > a > div > div > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }
  .page-contents {
    padding-top: 51px;
  }
  .page-contents .page-head {
    height: 212px;
  }
  .page-contents .page-head img {
    height: 212px;
  }
  .wp-block-table tr {
    border-top: none;
  }
  .wp-block-table tr:last-child {
    border-bottom: none;
  }
  .wp-block-table tr td:first-child {
    width: 40%;
    font-weight: 700;
  }
  .wp-block-table tr td:last-child {
    padding-left: 6%;
    width: 60%;
  }
  .wp-block-media-text.alignwide {
    margin-top: 5%;
    display: block;
  }
  padding-left: 6%;
  width: 74%;
  font-size: 1.2rem;
  border-left: 1px solid #d0d0d0;
  padding-left: 6%;
  width: 74%;
  font-size: 1.2rem;
  border-left: 1px solid #d0d0d0;
  .wp-block-media-text.alignwide:last-child {
    margin-bottom: 5%;
  }
  .wp-block-media-text.alignwide figure {
    width: 100%;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__content {
    width: 100%;
    letter-spacing: 0.15em;
    padding: 0;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__content .has-large-font-size {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__content p {
    font-size: 1.2rem;
    letter-spacing: 0.15em;
  }
  .place {
    font-size: 1rem;
    color: #1381d6;
  }
  .bread_crumb {
    padding: 4px 10px;
    /* background: #f8f8f8; */
  }
}
/*************************************************************************************************/
main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.wrap-content-padLR0 {
  width: 100%;
  padding: 0;
  margin-top: 70px;
}
.wrap-content-0 {
  width: 100%;
  padding: 0;
  margin: 0 auto 100px;
}
.reset-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .wrap-content, .wrap-content-large, .wrap-content-pad, .wrap-content-auto {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 10px 0 !important;
  }
  .wrap-content-tb0 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 auto !important;
    /* padding: 0 20px !important; */
  }
}
@media print, screen and (min-width: 769px) {
  .wrap-content {
    max-width: 850px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 20px auto 100px;
  }
  .wrap-content-large {
    max-width: 1030px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 0 40px; */
    margin: 70px auto 0;
  }
  .wrap-content-pad {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 70px auto 0;
  }
  .wrap-content-auto {
    width: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 70px auto 0;
  }
  .wrap-content-tb0 {
    max-width: 850px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    margin: 0 auto !important;
  }
  #pg-common .wrap-content {
    max-width: 1024px;
    display: flex;
  }
  #pg-common .wrap-content .news {
    padding-top: 42px;
    width: 70%;
  }
  #pg-common .wrap-content .list-sns {
    width: 30%;
    padding: 30px 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .flex-switch {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* margin-top: 10px; */
  }
  .fs-top {
    margin-top: 0 !important;
  }
  .item:nth-child(even) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .flex-switch {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .item:nth-child(even) {
    margin-left: 20px;
    margin-bottom: 10px;
  }
}
.right {
  float: right;
}
.right-text {
  text-align: right;
}
.left {
  float: left;
}
.center {
  text-align: center;
  margin: 0 auto !important;
  padding: 40px 0 20px;
}
.bottom {
  vertical-align: bottom;
}
.p-margin0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .p-switch {
    width: 100%;
    text-align: left;
    padding: 40px 20px;
  }
  .p-switch-width {
    width: 100%;
    text-align: left;
    margin: 30px auto;
  }
  .p-center {
    width: 100%;
    text-align: center;
    margin: 30px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .p-switch {
    text-align: center;
  }
  .p-switch-width {
    max-width: 600px;
    text-align: left;
    margin: 30px auto;
  }
  .p-center {
    max-width: 700px;
    text-align: center;
    margin: 30px auto;
    padding: 0 0;
    border-bottom: double 4px #595959;
  }
}
.p-margin-min {
  margin-top: 10px;
  margin-bottom: 10px;
}
.p-margin-middle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.p-margin-Large {
  margin-top: 40px;
  margin-bottom: 40px;
}
.p-margin-card {
  margin-top: 20px;
  margin-bottom: 40px;
}
.space {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
}
.space-middle {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
}
.space-min {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
}
.space-small {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 10px;
}
.space-midsmal {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .space-singletop {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
  }
  .space-eventtop {
    height: 52px;
  }
}
@media print, screen and (min-width: 769px) {
  .space-singletop, .space-eventtop {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
  }
}
.object-fit {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
* {
  min-height: 0%;
}
/*--- Info ---*/
.wrap-info {
  width: 100%;
  background: url("../images/bg-info.jpg");
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.box-info {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.column-info {
  background-color: white;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.column-tell, .column-mail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*--- Magazine ---*/
.magazine {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*--- Copyright ---*/
#copyright {
  position: relative;
  width: 100%;
  background: url("../images/bg-ep_naturalblack.jpg");
  padding: 0;
  margin: 0;
}
.wrap-copy {
  /*@include TextMin;*/
  color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .wrap-site-map {
    display: none;
  }
  /*--- Info ---*/
  .wrap-info {
    height: 1000px;
  }
  .title-info {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.7;
  }
  /*--- 2column ---*/
  .column-info {
    padding: 0;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .column-mail {
    border-top: 1px solid #b4cdcf;
  }
  .column-mail .mailadd-info {
    margin-top: 7px;
    margin-bottom: 3px;
  }
  .column-tell, .column-mail {
    padding: 40px 20px;
  }
  /*--- Magazine ---*/
  .magazine {
    margin: 50px 40px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .magazine-text {
    margin-top: 10px;
  }
  /*--- Copyright ---*/
  .wrap-copy {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 90px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (min-width: 769px) {
  /*--- Info Box ---*/
  .wrap-info {
    height: 1100px;
  }
  /*--- 2column ---*/
  .column-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-wrap: nowrap;
  }
  .column-tell, .column-mail {
    width: 375px;
    padding: 30px;
  }
  .column-mail {
    border-left: 1px solid #ddd5be;
  }
  /*--- Magazine ---*/
  .magazine {
    width: 800px;
    padding: 0;
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .magazine-text {
    margin-left: 20px;
  }
  /*--- Site Map ---*/
  .wrap-site-map {
    position: relative;
    margin-right: 100px;
    margin-top: 30px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .list-site-map {
    list-style: none;
    margin-right: 20px;
  }
  .list-site-map li a {
    font-size: 0.78rem;
    line-height: 1.8;
    text-decoration: none;
    color: #fff;
  }
  .list-site-map .text-middle {
    text-decoration: none;
    color: #fff;
  }
  /*--- Copyright ---*/
  .wrap-copy {
    width: 800px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.fixed {
  overflow: hidden;
  width: 100%;
}
#global-set {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 10;
}
#global-set.fixed {
  position: fixed;
}
.droplist-img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
.grave-name {
  font-size: 0.985rem;
  line-height: 2.3;
  letter-spacing: 0.2em !important;
}
.grave-twoline {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.83rem !important;
  letter-spacing: 0.2em !important;
  margin-bottom: 5px;
}
.grave-smenu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0 0;
}
.grave-smenu a {
  font-size: 0.83rem !important;
}
.grave-smenu:last-child {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  /*--- header ---*/
  .base-nav {
    position: relative;
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.85);
  }
  .logo-navi img {
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
  }
  /*--- hamburger ---*/
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 30px;
    height: 19px;
    top: 10px;
    right: 37px;
    float: right;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #808080;
    border-radius: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 9px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-315deg);
    transform: translateY(9px) rotate(-315deg);
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(315deg);
    transform: translateY(-9px) rotate(315deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-text {
    position: relative;
    font-size: 0.6rem;
    line-height: 1.3;
    color: #646464;
    float: right;
    top: 33px;
    right: 4px;
  }
  /*--- navigation ---*/
  #global-nav {
    position: absolute;
    display: none;
    width: 100%;
    top: 50px;
    background: white;
    padding: 0;
    margin: 0;
    z-index: 20;
    height: 100vh;
    overflow-y: scroll;
  }
  .global-menu {
    list-style: none;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 100px;
  }
  .global-menu li {
    padding-left: -20px;
  }
  /*--- menu-item ---*/
  .menu-item {
    /* border-bottom: 1px solid #ddd; */
    cursor: pointer;
    padding-left: 40px;
    margin-left: -40px;
  }
  .menu-item:first-child {
    /* border-top: 1px solid #ddd; */
  }
  /*--- dropdown-title ---*/
  .dropdown-title, .dropdown-no {
    position: relative;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 40px;
    margin-left: -40px;
  }
  .dropdown-title a, .dropdown-no a {
    font-size: 1.02rem;
    line-height: 1.5;
    text-decoration: none;
    color: rgba(10, 10, 10, 0.95);
    list-style: none;
    margin-left: -15px;
  }
  .dropdown-title.open {
    background-color: #f8f8f8;
  }
  /* ＋ */
  .dropdown-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 1px;
    background: #808080;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .dropdown-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 1px;
    background: #808080;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  /* ー */
  .dropdown-title.open::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dropdown-title.open:after {
    opacity: 0;
  }
  /*--- dropdown-content ---*/
  .dropdown-content {
    list-style: none;
    font-size: 0.95rem;
    line-height: 1.4;
    text-decoration: none;
    padding: 0;
    margin-left: -40px;
  }
  .dropdown-content li a, .dropdown-content dl a {
    color: rgba(10, 10, 10, 0.98);
    text-decoration: none;
  }
  .dropdown-content li {
    border-bottom: 1px solid #f8f8f8;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 2.7em;
  }
  .dropdown-content li:last-child {
    border-bottom: none;
  }
  .dropdown-content li:first-child {
    border-top: 1px solid #f8f8f8;
  }
  .dropdown-content li a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  /*--- dl ---*/
  .dropdown-content dl {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
  }
  .dropdown-content dl a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dropdown-content dl:first-child {
    margin-top: 10px;
  }
  .dropdown-content dt {
    /*width: 50%;*/
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .dropdown-content dd {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
  }
  .grave-smenu {
    width: 50%;
    /*padding: 0.2rem 0 0.2rem 30px;*/
    padding: 15px 0 0 30px;
    margin: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .grave-smenu:last-child {
    padding-bottom: 0;
  }
}
/*--- Top Index ---*/
/*--- Index News ---*/
.list-news {
  border-bottom: 1px solid #dcdcdc;
}
.list-news dd {
  display: block;
  width: 60%;
}
@media screen and (max-width: 768px) {
  .wrap-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-news {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .list-news dt .category-menu {
    margin-top: 0;
  }
  .list-news dd {
    margin-left: 0;
  }
  .list-news .title-post {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-news {
    max-width: 700px;
    margin: 20px auto 0;
  }
  .list-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .list-news dt {
    width: 30%;
  }
  .list-news dt .category-menu {
    margin-top: 4px;
  }
  .list-news .title-post {
    margin-top: 2px;
    margin-bottom: 10px;
  }
}
/*--- Index Book ---*/
.colum-index-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 950px;
}
.item-index-book {
  margin-top: 25px;
}
.item-index-book .title-post {
  margin-top: 10px;
  margin-bottom: 10px;
}
.item-index-book dd {
  padding-top: 20px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .wrap-book {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-index-book {
    width: 100%;
  }
  .list-index-book:first-child {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .colum-index-book {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .list-index-book {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .list-index-book:first-child {
    margin-right: 50px;
  }
}
/*--- Index Event ---*/
.index-horizontal {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .wrap-horizontal {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .wrap-horizontal {
    padding-left: 40px;
  }
}
.list-horizontal {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.item-event {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 20px;
}
.item-event dl {
  padding: 0;
  margin: 0;
}
.item-event dl dt {
  position: relative;
  height: 180px;
}
.item-event dl dt .list-term {
  position: absolute;
  color: #649634;
  background-color: #fff;
  font-size: 0.78rem;
  line-height: 1.8;
  line-height: 1;
  padding: 8px 10px;
  margin: 0;
  top: -0.5px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-event dl dt .list-term li:hover {
  color: #649634;
}
.item-event dl dt .thum-popular {
  position: absolute;
  color: #649634;
  background-color: #fff;
  font-size: 0.78rem;
  line-height: 1.8;
  line-height: 1;
  padding: 8px 10px;
  margin: 0;
  width: 50px;
  text-align: center;
  background-color: #F5F4F1 !important;
  top: -0.5px;
  left: 0;
}
.item-event dl dt .thum-popular li:hover {
  color: #649634;
}
.item-event dl dt .width-event {
  width: 100%;
  height: 100%;
}
.item-event dl dd {
  margin-left: 0;
  white-space: normal !important;
}
.item-event dl .title-post {
  margin-top: 20px;
  margin-bottom: 15px;
}
.item-event dl .text-middle {
  padding-bottom: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .item-event {
    width: 290px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-event {
    width: 330px;
  }
}
/*--- Top Index End---*/
/*--- Archive News ---*/
@media screen and (max-width: 768px) {
  .archive-news, .archive-book {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .archive-news, .archive-book {
    margin: 20px auto;
  }
}
/*--- Archive Book ---*/
.list-book dt, .list-history dt {
  font-size: 0.87rem;
  line-height: 1.87;
}
.list-book dd, .list-history dd {
  display: block;
}
@media screen and (max-width: 768px) {
  .list-book, .list-history {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 0;
  }
  .list-book dd, .list-history dd {
    margin-left: 0;
  }
  .list-book .title-post, .list-history .title-post {
    margin-top: 20px;
  }
  .list-book {
    padding-bottom: 20px;
  }
  .list-book .title-post {
    margin-bottom: 20px;
  }
  .list-history {
    padding-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .list-book, .list-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .list-book:last-child, .list-history:last-child {
    margin-bottom: -20px;
  }
  .list-book dt, .list-history dt {
    min-width: 180px;
    white-space: nowrap;
    border-right: 1px solid #dcdcdc;
    padding-top: 3px;
  }
  .list-book dd, .list-history dd {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    margin-left: 20px;
  }
  .list-book .title-post {
    margin-bottom: 20px;
  }
  .list-history dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/*--- Archive Event ---*/
.bg-event {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/common/bg.jpg");
}
@media screen and (max-width: 768px) {
  .bg-event {
    width: 100%;
    padding: 70px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .bg-event {
    padding: 70px 40px;
  }
}
ul.wrap-event {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  ul.wrap-event {
    width: 100%;
    padding-right: 20px;
  }
  .item-event-switch {
    background-color: #fff;
    margin: 40px auto 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .item-event-switch dl {
    padding: 0;
    margin: 0;
  }
  .item-event-switch dl dt {
    position: relative;
    height: 180px;
  }
  .item-event-switch dl dt .list-term {
    position: absolute;
    color: #649634;
    background-color: #fff;
    font-size: 0.78rem;
    line-height: 1.8;
    line-height: 1;
    padding: 8px 10px;
    margin: 0;
    top: -0.5px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-event-switch dl dt .list-term li:hover {
    color: #649634;
  }
  .item-event-switch dl dt .thum-popular {
    position: absolute;
    color: #649634;
    background-color: #fff;
    font-size: 0.78rem;
    line-height: 1.8;
    line-height: 1;
    padding: 8px 10px;
    margin: 0;
    width: 50px;
    text-align: center;
    background-color: #F5F4F1 !important;
    top: -0.5px;
    left: 0;
  }
  .item-event-switch dl dt .thum-popular li:hover {
    color: #649634;
  }
  .item-event-switch dl dt .width-event {
    width: 100%;
    height: 100%;
  }
  .item-event-switch dl dd {
    margin-left: 0;
    white-space: normal !important;
  }
  .item-event-switch dl .title-post {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .item-event-switch dl .text-middle {
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .item-event-switch dd {
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  ul.wrap-event {
    width: 1110px;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .item-event-switch {
    background-color: #fff;
    margin: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 330px;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
  .item-event-switch dl {
    padding: 0;
    margin: 0;
  }
  .item-event-switch dl dt {
    position: relative;
    height: 180px;
  }
  .item-event-switch dl dt .list-term {
    position: absolute;
    color: #649634;
    background-color: #fff;
    font-size: 0.78rem;
    line-height: 1.8;
    line-height: 1;
    padding: 8px 10px;
    margin: 0;
    top: -0.5px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-event-switch dl dt .list-term li:hover {
    color: #649634;
  }
  .item-event-switch dl dt .thum-popular {
    position: absolute;
    color: #649634;
    background-color: #fff;
    font-size: 0.78rem;
    line-height: 1.8;
    line-height: 1;
    padding: 8px 10px;
    margin: 0;
    width: 50px;
    text-align: center;
    background-color: #F5F4F1 !important;
    top: -0.5px;
    left: 0;
  }
  .item-event-switch dl dt .thum-popular li:hover {
    color: #649634;
  }
  .item-event-switch dl dt .width-event {
    width: 100%;
    height: 100%;
  }
  .item-event-switch dl dd {
    margin-left: 0;
    white-space: normal !important;
  }
  .item-event-switch dl .title-post {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .item-event-switch dl .text-middle {
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .item-event-switch dd {
    min-height: 225px;
    background-color: #fff;
    padding: 0 20px;
  }
}
/*--- About ---*/
.list-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 0;
}
.list-about .width-about {
  width: 99%;
}
.list-about dt, .list-about dd {
  text-align: center;
}
.list-about dd {
  margin-left: 0;
}
.list-about dd .title-middle {
  margin-top: 8px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .list-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .list-about {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*width: 950px;*/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
  }
}
/*--- Index ---*/
.bg-index {
  background: url(../images/common/bg.jpg);
  padding: 40px 0;
}
.content-index {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px 40px;
  box-shadow: 1px 1px 10px #ddd;
}
.content-index .text-middle {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}
.index1 {
  background: url("../images/top-worship.jpg") center center/cover no-repeat;
}
.index2 {
  background: url("../images/top-visit2.jpg") center center/cover no-repeat;
}
.index4 {
  background: url("../images/top-memorial-sp.jpg") center center/cover no-repeat;
}
.index5 {
  background: url("../images/top-visit5.jpg") center center/cover no-repeat;
}
@media print, screen and (min-width: 769px) {
  .index4 {
    background: url("../images/top-memorial.jpg") center bottom 0/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .slide-odd-index {
    background-position: top 0;
    width: 100%;
    height: 430px;
    background-size: cover;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .slide-odd-index .right {
    float: none;
  }
  .slide-even-index {
    background-position: top 0;
    width: 100%;
    height: 430px;
    background-size: cover;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .slide-even-index .left {
    float: none;
  }
  .content-index {
    width: 60%;
    text-align: center;
    top: 235px;
    margin: 0 auto;
  }
  .content-index .right {
    float: none;
  }
  .content-index a.btn-index {
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .slide-odd-index {
    background-position: left 0 top 0;
    height: 400px;
    background-size: 75% auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background: url("../images/top-worship.jpg") left center no-repeat, url(../images/common/bg-pattern.svg);
  }
  .slide-even-index {
    background-position: right 0 top 0;
    height: 400px;
    background-size: 75% auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background: url(../images/top-memorial.jpg) left top no-repeat, url(../images/common/bg-pattern.svg);
  }
  .content-index {
    width: 40%;
    top: 130px;
  }
}
/*--- Index Hover ---*/
.hover::before {
  opacity: 0.5;
  /*transform: $IndexHoverScale;*/
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.content-effectset {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.content-effectset .site-title {
  font-size: 36px;
  color: #fff;
  writing-mode: vertical-rl;
  letter-spacing: 1rem;
  text-shadow: 0 0 4px #3c3b87, 0 0 6px #3c3b87, 0 0 4px #000000, 0 0 6px #000000;
}
.content-effectset .titile-effectset {
  /* width: 2.3rem; */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.content-effectset .titile-effectset:hover {
  color: #fff;
}
.content-effectset .text-effectset {
  color: #fff;
  letter-spacing: 0.2em;
  white-space: nowrap;
  margin: 20px auto;
  text-shadow: 0 0 4px #3c3b87, 0 0 6px #3c3b87, 0 0 4px #000000, 0 0 6px #000000;
}
.content-effectset .text-effectset:hover {
  color: #fff;
}
.content-effectset .btn-index-effectset {
  margin: 0 auto;
}
.wrap-icon-grave {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap-icon-grave img {
  margin: auto 3px;
}
@media print, screen and (min-width: 769px) {
  .wrap-icon-grave img {
    margin: auto 10px;
  }
}
/*--- Funeral ---*/
.index-funeral {
  width: 100%;
  height: 650px;
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.index-funeral::before {
  position: absolute;
  content: "";
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  z-index: -1;
}
.index-funeral:hover::before {
  opacity: 0.5;
  /*transform: $IndexHoverScale;*/
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.index-funeral::before {
  width: 100%;
  height: 650px;
  background: url("../images/top-funeral.jpg") center center/cover no-repeat;
}
.osousiki {
  line-height: 1em !important;
  max-height: 4.8em;
  font-size: 36px;
  color: #fff;
  letter-spacing: 1rem;
  text-shadow: 0 0 4px #3c3b87, 0 0 6px #3c3b87, 0 0 4px #000000, 0 0 6px #000000;
}
/*--- Grave ---*/
.index-grave {
  width: 100%;
  height: 750px;
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 40px 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.index-grave::before {
  position: absolute;
  content: "";
  opacity: 0.8;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  z-index: -1;
}
.index-grave:hover::before {
  opacity: 0.5;
  /*transform: $IndexHoverScale;*/
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.index-grave::before {
  width: 100%;
  height: 750px;
  background: url("../images/top-ouka.jpg") center center/cover no-repeat;
}
.ohaka {
  font-size: 2.3rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  line-height: 1em !important;
  max-height: 3em;
}
/*--- Pet ---*/
.index-pet {
  width: 100%;
  height: 550px;
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #000;
  padding: 0;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.index-pet::before {
  position: absolute;
  content: "";
  opacity: 0.2;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  z-index: -1;
}
.index-pet:hover::before {
  opacity: 0.5;
  /*transform: $IndexHoverScale;*/
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.index-pet::before {
  width: 100%;
  height: 550px;
  background: url("../images/top-pet.jpg") center center/cover no-repeat;
}
.petnoohaka {
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  width: 1.8rem !important;
  letter-spacing: 0 !important;
  max-height: 6.3em;
}
.bg-grave {
  width: 100%;
  background: url("../images/bg-lightpaperfibers.jpg");
  padding: 150px 0 0;
  margin: 0;
}
.wrap-content-grave {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
}
.content-grave {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.content-grave dt {
  /* 中央揃え */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content-grave dt .title-danka {
  width: 3.4rem;
  max-height: 5em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.2em;
  color: #0a0a0a;
  margin: 0 auto;
}
.content-grave dt .title-shitsunaibo {
  width: 3.4rem;
  max-height: 3.8em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.2em;
  color: #0a0a0a;
  margin: 0 auto;
}
.content-grave dt .title-kuon {
  width: 3.4rem;
  max-height: 3em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.2em;
  color: #0a0a0a;
  margin: 0 auto;
}
.content-grave dt .title-hasu {
  width: 2.4rem;
  max-height: 7em;
  letter-spacing: 0 !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.15em;
  color: #0a0a0a;
  margin: 0 auto;
}
.content-grave dt img {
  margin-top: 15px;
}
.content-grave dd {
  margin-left: 0;
  text-align: left;
}
.content-grave dd .text-middle {
  margin-top: 10px;
  margin-bottom: 30px;
}
.grave1 {
  background: url("../images/grave-danka.jpg") center center/cover no-repeat;
}
.grave2 {
  background: url("../images/grave-shitsunaibo.jpg") center center/cover no-repeat;
}
.grave3 {
  background: url("../images/grave-kuon.jpg") center center/cover no-repeat;
}
.grave4 {
  background: url("../images/grave-hasu.jpg") center center/cover no-repeat;
}
/*--- Inami ---*/
.grave-inami {
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grave-inami dd {
  padding: 28px 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grave-inami dd .title-large {
  letter-spacing: 0.1em !important;
}
.grave-inami dd .text-large {
  line-height: 1.5 !important;
}
.grave-inami dd .text-middle {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .slide-odd-grave {
    background-position: top 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 600px;
    background-size: cover;
    display: block;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .slide-odd-grave .right {
    float: none;
  }
  .slide-even-grave {
    background-position: top 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 600px;
    background-size: cover;
    display: block;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .slide-even-grave .left {
    float: none;
  }
  .wrap-content-grave {
    width: 65%;
    text-align: center;
    top: 80%;
    padding: 20px;
    margin: 0 auto;
  }
  .wrap-content-grave .right {
    float: none;
  }
  .wrap-content-grave a.btn-index {
    margin: 0 auto;
  }
  .content-grave {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content-grave dd .text-large {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  /*--- Inami ---*/
  .grave-inami {
    position: relative;
    text-align: center;
  }
  .grave-inami dt {
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 0;
  }
  .grave-inami dt img {
    width: 100%;
    height: 100%;
  }
  .grave-inami dd {
    width: 57%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
  }
  .grave-inami dd .title-large {
    width: 3.4rem;
    max-height: 5.5em;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
  }
  .grave-inami dd .text-large {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .grave-inami dd .text-middle {
    text-align: left;
  }
  /*--- space ---*/
  .space-grave {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 550px;
  }
  .space-grave-min {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 520px;
  }
  .space-inami {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 330px;
  }
}
@media print, screen and (min-width: 769px) {
  .slide-odd-grave {
    background-position: left 0 top 0;
    height: 650px;
    background-size: 85% auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .slide-even-grave {
    background-position: right 0 top 0;
    height: 650px;
    background-size: 85% auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .wrap-content-grave {
    width: 45%;
    top: 60%;
    padding: 30px 40px;
  }
  .wrap-content-grave.right .content-grave dt {
    margin-right: 40px;
  }
  .wrap-content-grave.left {
    text-align: right;
  }
  .wrap-content-grave.left .content-grave {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 520px;
    margin: 20px 0 auto auto;
  }
  .wrap-content-grave.left .content-grave dt {
    max-width: 140px;
    margin-left: 20px;
    margin-left: auto;
  }
  .content-grave {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  /*--- space ---*/
  .space-grave, .space-grave-min, .space-inami {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
  }
  /*--- Inami ---*/
  .grave-inami {
    width: 840px;
    background-color: #fff;
  }
  .grave-inami dt, .grave-inami dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: auto;
  }
  .grave-inami img {
    width: 100%;
    height: 100%;
  }
  .grave-inami dd {
    margin-left: 0;
  }
  .grave-inami dd .text-middle {
    margin-top: 30px;
  }
  .grave-inami dd .btn-index {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.hougou {
  margin-top: -40px;
}
/*--- Ofuse ---*/
.bg-important {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/bg-ricepaper.jpg");
  padding: 100px 30px;
}
.item-important {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0 auto;
}
.circle-ofuse {
  border: solid 1px #C4A253 !important;
  color: #C4A253 !important;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .item-important {
    max-width: 400px;
    text-align: center;
    padding: 50px 20px;
  }
  .circle-ofuse {
    line-height: 2em;
    margin: 0 auto 20px;
    margin-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-important {
    max-width: 600px;
    padding: 50px 40px;
  }
  .circle-ofuse {
    line-height: 1em;
    margin: 0 0.5em 20px;
  }
}
/*--- Hall ---*/
.item-hall dd {
  margin-left: 0;
  text-align: center;
}
.img-hall {
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .item-hall:nth-child(even) {
    margin-top: 20px !important;
    /*margin-bottom: 20px !important;*/
  }
  .img-hall {
    width: 100%;
    height: 220px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-hall:nth-child(even) {
    margin-left: 10px;
    margin-right: 0 !important;
  }
  .img-hall {
    width: 380px;
    height: 220px;
  }
}
.wrap-goanchi {
  width: 100%;
  text-align: center;
}
.wrap-goanchi .img-hall {
  margin: 40px auto 0;
}
/*--- Funeral Step ---*/
.item-funeral-step dt {
  font-size: 1.7rem;
  line-height: 1.7;
  text-align: center;
  /* border: solid 1px #ddd; */
  background: lavender;
}
.item-funeral-step dd {
  margin-left: 0;
  line-height: 1.25;
  font-size: medium;
}
.allow-funeral {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.allow-funeral dd {
  margin-left: 0;
}
.fa-arrow-down, .fa-arrow-right {
  font-size: 2rem;
  color: #ccc;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .item-funeral-step {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-funeral-step dt {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    padding: 17px 5px;
  }
  .item-funeral-step dd {
    padding-left: 30px;
  }
  .allow-funeral {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .item-funeral-step {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .item-funeral-step dt {
    padding: 12px 10px;
  }
  .item-funeral-step dd {
    padding: 17px 0 0;
  }
  .allow-funeral {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
/*--- Funeral Main Item ---*/
.bg-funeral {
  width: 100%;
  /* background: url("../images/common/bg.jpg"); */
  padding-top: 10px;
  padding-bottom: 50px;
}
.bg-pipes {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background: url("../images/bg-pipes.png");
}
.wrap-funeralmain {
  /* padding: 0 20px; */
  margin: 0 auto;
}
.item-funeralmain {
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  background-color: #fff;
  padding: 20px 10px 23px 15px;
  margin-bottom: 10px;
}
.item-funeralmain dt {
  -ms-flex-preferred-size: 40%;
  /* flex-basis: 50%; */
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 1.7;
  color: #BE8B3A;
}
.item-funeralmain dd {
  -ms-flex-preferred-size: 60%;
  /* flex-basis: 70%; */
  font-size: initial;
  margin-left: 4px;
}
.item-funeralmain dd .text-middle {
  display: block;
}
.item-funeralmain dt {
  text-align: center;
}
.item-funeralmain dt img {
  width: 80px;
  height: 80px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .item-funeralmain:nth-child(even) {
    margin-top: 10px !important;
    /* margin-bottom: 10px !important; */
  }
}
@media print, screen and (min-width: 769px) {
  .wrap-funeralmain {
    max-width: 850px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px;
    background: url(../images/common/bg.jpg);
  }
  .item-funeralmain {
    -ms-flex-preferred-size: 43%;
    flex-basis: 43%;
  }
  .item-funeralmain:nth-child(even) {
    margin-right: 0 !important;
  }
}
.wrap-funeralmain.flex-switch p {
  padding: 6px 20px 6px;
}
/*--- Img ---*/
.wrap-img-left {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 5px 15px 5px auto;
}
.wrap-img-right {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 5px auto 5px 5px;
}
.wrap-img-center {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap-img-center .item-img-center {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap-img-center .item-img-center:nth-child(even) {
  margin-left: 10px;
}
.img-caption {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.78rem;
  line-height: 1.8;
  text-align: center;
  margin-top: 0;
}
/*--- History ---*/
.photo-history {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .wrap-img-left, .wrap-img-right, .item-img-center {
    width: 150px;
  }
  .photo-history {
    height: 110px;
  }
}
@media print, screen and (min-width: 769px) {
  .wrap-img-left, .wrap-img-right, .item-img-center {
    width: 250px;
  }
  .photo-history {
    height: 160px;
  }
}
/*--- Pic Card ---*/
/*--- Sannai ---*/
.bg-piccard {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/bg-dark_wall.png");
}
@media screen and (max-width: 768px) {
  .bg-piccard {
    padding: 90px 20px 40px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .bg-piccard {
    padding: 90px 40px 20px !important;
  }
}
.first-piccard {
  margin-top: 40px !important;
}
.item-piccard {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0;
}
.item-piccard .img-sannai-flex, .item-piccard .img-piccard {
  margin-bottom: 40px;
}
.item-piccard .text-piccard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.item-piccard .text-piccard .wrap-sannai-center {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  text-align: center;
  margin: 0 auto -5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-piccard .text-piccard p:last-child {
  padding-bottom: 20px !important;
}
.photo-sannai-center {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 220px;
  margin-bottom: 15px;
}
.caption-sannai {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .wrap-sannai-center {
    width: 85% !important;
  }
  .item-piccard {
    width: 100%;
    margin: 0 auto 40px;
  }
  .item-piccard .img-sannai-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .item-piccard .img-sannai-flex .photo-sannai-half {
    height: 370px;
  }
  .item-piccard .img-sannai-flex .photo-sannai-half-min {
    height: 250px;
  }
  .item-piccard .img-piccard .photo-piccard-min {
    width: 100%;
    height: 250px;
  }
  .item-piccard .img-piccard .photo-piccard-large {
    width: 100%;
    height: 370px;
  }
  .text-piccard {
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-picgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .item-piccard {
    max-width: 1030px;
    margin: 0 auto 70px;
  }
  .item-piccard .img-sannai-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .item-piccard .img-sannai-flex .photo-sannai-half {
    width: 50%;
    height: 370px;
  }
  .item-piccard .img-sannai-flex .photo-sannai-half-min {
    width: 50%;
    height: 250px;
  }
  .item-piccard .img-piccard .photo-piccard-min {
    width: 100%;
    height: 250px;
  }
  .item-piccard .img-piccard .photo-piccard-large {
    width: 100%;
    height: 370px;
  }
  .text-piccard {
    padding: 0 40px;
  }
}
.text-bosyo {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 12px;
}
/*--- Member ---*/
.bg-member {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/bg-lightpaperfibers.jpg");
  padding: 80px 30px 90px;
}
.wrap-membership {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 850px;
  background-color: #fff;
  border: 1px solid #C4A253;
  padding: 0px 10px 50px;
  margin: 40px auto 40px;
}
h3.h2-sub {
  border-bottom: dotted 1px #ddd;
  padding: 10px;
  margin-bottom: 20px;
}
.wrap-membership .h3-gold {
  margin-bottom: 40px;
  text-align: center;
}
.wrap-memorial {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 770px;
  background-color: #fff;
  /* border: 1px solid #C4A253; */
  padding: 10px 40px 30px;
  margin: 10px auto 10px;
}
@media screen and (max-width: 769px) {
  .wrap-memorial {
    /* padding: 10px 20px 30px; */
    margin-top: 20px;
  }
}
.item-membership {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 375px;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-membership dt {
  margin-right: 15px;
}
.item-membership dd {
  margin-top: 0.2em;
  margin-left: 0;
}
.circle-membership {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: #fff;
  background-color: #C4A253;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .item-membership dt {
    margin-right: 7px;
  }
}
.kaihi {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 3px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: 0.15em;
}
/*--- Access ---*/
.item-access {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0 40px;
}
#map {
  position: relative;
  width: 100%;
  padding-top: 300px;
  overflow: hidden;
}
#map iframe {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + 150px + 150px);
  pointer-events: none;
}
/*--- Library ---*/
.bg-library {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/bg-white_wall_hash.png");
}
@media screen and (max-width: 768px) {
  .bg-library {
    padding: 70px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .bg-library {
    padding: 70px 40px;
  }
}
.list-library {
  margin-top: 70px;
}
.first-library {
  margin-top: 50px !important;
}
/*--- Goshudai ---*/
.img-goods, .img-goods-goshu {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.img-test {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  font-size: 0.87rem;
  line-height: 1.87;
  color: #666;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .item-goods {
    width: 100%;
    margin: 20px auto;
  }
  .item-goods:nth-child(even) {
    margin-top: 5px;
  }
  .img-goods {
    height: 230px;
  }
  .img-goods-goshu {
    height: 300px;
    border: solid 1px #ddd;
  }
  .img-test {
    padding: 90px 0;
  }
  .item-goods ol {
    font-size: small;
  }
}
@media print, screen and (min-width: 769px) {
  .item-goods {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
  }
  .item-goods:nth-child(even) {
    margin-right: 0 !important;
  }
  .img-goods {
    height: 190px;
    border: solid 1px #ddd;
  }
  .img-goods-goshu {
    height: 280px;
    border: solid 1px #ddd;
  }
  .item-goods ol li {
    font-size: initial;
  }
  .img-test {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 0;
  }
}
/*--- Kigan ---*/
.wrap-kigan {
  text-align: center;
}
.list-kigan {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-kigan dd {
  font-size: 1.15rem !important;
  list-style: none;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  .list-kigan {
    width: 100%;
  }
  .list-kigan dd {
    margin: 5px 15px;
  }
}
.list-kigan {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
ul.list-kigan li {
  padding: 10px 0;
}
@media print, screen and (max-width: 768px) {
  .list-kigan {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .list-kigan dd {
    margin: 5px 20px;
  }
}
/*--- Story ---*/
.story {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
}
.story .title-story {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .story {
    padding: 20px 20px 30px 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .story {
    padding: 25px 40px 40px;
  }
}
/*--- Nenkai ---*/
.bg-nenkai {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/bg-lightpaperfibers.jpg");
  padding: 0 0 40px;
}
.wrap-nenkai h4 + ul, .wrap-senzo h4 + p + ul {
  margin-bottom: 40px;
}
.last-nenkai {
  margin-bottom: 50px !important;
}
.wrap-button {
  margin: 20px auto 60px;
}
@media screen and (max-width: 768px) {
  .wrap-button .item-button {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .wrap-button .item-button:last-child {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .wrap-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .item-button:last-child {
    margin-left: 20px;
  }
}
/*--- Nenkai ---*/
.wrap-senzo h4 + p + ul {
  margin-top: -20px;
}
/*--- Mizuko ---*/
@media screen and (max-width: 768px) {
  .episode {
    padding: 40px 20px 10px 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .episode {
    padding: 40px 40px 20px;
  }
}
/*--- Annual Events ---*/
.item-piccard-divide {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .item-piccard-divide {
    width: 100%;
    margin: 0 auto 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .item-piccard-divide .photo-piccard-divide {
    width: 100%;
    height: 370px;
  }
  .text-piccard-divide {
    padding: 40px 20px 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-piccard-divide {
    max-width: 1030px;
    margin: 0 auto 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .item-piccard-divide .item-divide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 400px;
  }
  .item-piccard-divide .item-divide .photo-piccard-divide {
    width: 100%;
    height: 100%;
  }
  .heightlarge-piccard {
    height: 420px !important;
  }
  .text-piccard-divide {
    padding: 40px;
  }
}
/*--- Contact Form ---*/
/*--- Form Tag ---*/
input[type="button"], input[type="text"], input[type="select"], input[type="tel"], input[type="email"], input[type="submit"], input[type="number"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  font-weight: normal;
}
/*--- Form Table ---*/
.wpcf7 .table-form td.item-form input:not([type="checkbox"]), .wpcf7 .table-form td.item-form select, .wpcf7 .table-form td.item-form textarea {
  width: 95%;
  font-family: YuMincho, "Yu Mincho Demibold", "Yu Mincho Medium", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Meiryo, serif;
  font-size: 0.985rem;
  line-height: 2.3;
  line-height: 1.7 !important;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
}
.wpcf7 .table-form td.item-form input:focus:not([type="radio"]):not([type="checkbox"]), .wpcf7 .table-form td.item-form select:focus, .wpcf7 .table-form td.item-form textarea:focus {
  outline: 1px solid #909090;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.form-select, .form-calendar {
  height: 30px !important;
}
.form-select {
  width: 100% !important;
}
_:-ms-lang(x)::-ms-backdrop, .form-select {
  padding-top: 5px;
}
.h4-form {
  margin-top: 50px;
}
.h4-form-year {
  margin-top: 50px;
  margin-bottom: 10px;
}
.h4-form-mt0mbS {
  margin-top: 0;
  margin-bottom: 10px;
}
.h4-form-mt0mbM {
  margin-top: 0;
  margin-bottom: 20px;
}
.h5-form {
  font-weight: normal;
  letter-spacing: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.05rem;
}
.h5-form-sub {
  font-weight: normal;
  letter-spacing: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px;
}
.h3-sub + .notes-large {
  margin-bottom: -10px;
}
@media print, screen and (min-width: 769px) {
  .table-form td:first-child {
    width: 33% !important;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .table-no-topborder tr:first-child {
    border-top: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .table-no-topborder {
    border-top: none !important;
  }
}
/*--- Form Button ---*/
.wrap-btn-step1, .wrap-btn-step2 {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-form input {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.985rem;
  line-height: 2.3;
  width: 110px;
  height: 45px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 10px;
  background-color: #fff;
  border: 1px solid #649634;
  color: #649634;
  letter-spacing: 0.15em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-form input:hover {
  border: 1px solid #282828;
  background-color: #282828;
  color: #fff;
}
.required {}
/*--- Security ---*/
.check-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.check-flex .required {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-right: 10px;
}
.check-flex div:nth-child(2) {
  line-height: 1em;
}
.recaptcha {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.65rem !important;
  color: #666 !important;
  margin: 13px auto 0;
}
.recaptcha a {
  color: #666 !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .check-flex {
    width: 100%;
    margin-left: -10px;
  }
}
@media print, screen and (min-width: 769px) {
  .check-flex {
    max-width: 500px;
  }
  .recaptcha {
    max-width: 480px;
  }
}
/*--- Contact Form 7 add confirm ---*/
input.wpcf7c-conf, textarea.wpcf7c-conf, select.wpcf7c-conf {
  border: none !important;
  background: #fff;
}
.wpcf7-text:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
}
/*--- Form Parts ---*/
.danka-idnum {
  width: 45% !important;
}
.notes-form {
  font-size: 0.87rem;
  line-height: 1.87;
  color: #666;
  margin-left: 10px;
}
.notes-remarks {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.87rem;
  line-height: 1.87;
  line-height: 1.7;
  margin-top: 5px;
  margin-bottom: -25px;
}
/*--- Radio ---*/
.wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wpcf7-list-item {
  margin-left: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wpcf7-list-item input[type="radio"] {
  width: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wpcf7-list-item .wpcf7-list-item-label {
  /* font-size: 0.87rem; */
  line-height: 1.87;
  margin-right: 25px !important;
}
.label-basic .wpcf7-list-item-label, .text-form-basic {
  font-size: 0.965rem;
}
/*--- People Num ---*/
.people-num {
  width: 20% !important;
}
/*--- Address ---*/
.form-post {
  width: 160px !important;
}
.form-prefecture {
  width: 180px !important;
  height: 30px !important;
}
/*--- Year ---*/
@media print, screen and (min-width: 769px) {
  .table-year td:first-child {
    width: 47% !important;
  }
}
.checkbox-plus {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 1.5;
  margin-top: -20px;
  margin-bottom: 7px;
}
input.input-reii {
  width: 40%;
  font-family: YuMincho, "Yu Mincho Demibold", "Yu Mincho Medium", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Meiryo, serif;
  font-size: 0.985rem;
  line-height: 2.3;
  line-height: 1.7 !important;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}
input.input-reii:focus {
  outline: 1px solid #909090;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
input.input-in {
  width: 15%;
  font-family: YuMincho, "Yu Mincho Demibold", "Yu Mincho Medium", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Meiryo, serif;
  font-size: 0.985rem;
  line-height: 2.3;
  line-height: 1.7 !important;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}
input.input-in:focus {
  outline: 1px solid #909090;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
ul.notes.notes-inreii {
  margin-top: 10px;
}
ul.notes.notes-inreii li {
  white-space: normal;
}
ul.notes.notes-inreii-mt0 {
  margin-top: -20px;
}
ul.notes.notes-inreii-mt0 li {
  white-space: normal;
}
.input-seshu {
  margin-left: 10px;
}
@media screen and (max-width: 320px) {
  input.input-reii {
    width: 30% !important;
  }
  .input-seshu {
    width: 58% !important;
  }
}
@media screen and (min-width: 321px) {
  .input-seshu {
    width: 65% !important;
  }
}
.item-seshu {
  margin-bottom: 15px;
}
.item-seshu:first-child {
  margin-top: calc($MarginSetTB - $MarginPlusB);
}
.item-seshu:last-child {
  margin-bottom: 7px;
}
input[type="number"] {
  width: 4em;
  font-family: YuMincho, "Yu Mincho Demibold", "Yu Mincho Medium", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 0.985rem;
  line-height: 2.3;
  line-height: 1.7 !important;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}
input[type="number"]:focus {
  outline: 1px solid #909090;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.input-touba-number {
  width: 2.5em !important;
}
.input-total, .input-total-touba {
  width: 5em;
  border: none !important;
  font-family: YuMincho, "Yu Mincho Demibold", "Yu Mincho Medium", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  margin: 0 10px 0 0;
  padding: 0 !important;
}
.input-total:focus, .input-total-touba:focus {
  outline: none;
}
.item-total {
  float: right;
}
.input-total-touba {
  width: 1.5em !important;
  margin-left: -20px;
}
/*--- Year Winter ---*/
.select-kigan {
  width: 81% !important;
  height: 33px !important;
}
/*--- Year Summer ---*/
.table-summer {
  margin: 40px auto !important;
}
.table-summer td:first-child {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: 0.15em;
  color: #0a0a0a;
  text-align: center;
  vertical-align: middle;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.table-summer td:last-child {
  font-size: 1.15rem !important;
  letter-spacing: .15em;
  line-height: 2;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.checkbox-osenii {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.checkbox-osenii span {
  background-color: #f8f8f8;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 1.15rem !important;
  letter-spacing: .15em;
  line-height: 2;
}
.checkbox-osenii span:first-child {
  border-right: 5px solid #fff;
}
.checkbox-osenii span label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.checkbox-osenii span label .wpcf7-list-item-label {
  margin-right: 0 !important;
  margin-top: 5px;
}
/*--- Document Settings ---*/
.banner-800years {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: linear-gradient(-325deg, #b8a4ce 0%, #7aaeb3 60%, #bdab7d 100%);
  padding: 10px;
  overflow: hidden;
}
.banner-800years span {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner-800years .item-800years {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.bnr-right .bnr-800text {
  font-size: 165%;
  color: #c5952f;
  display: inline;
  vertical-align: baseline;
}
.bnr-right .bnr-site {
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: .15em;
}
.pic-800years {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.pic-800years::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.banner-800years:hover .pic-800years::before {
  -webkit-filter: brightness(120%) saturate(125%);
  filter: brightness(120%) saturate(125%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: .7s;
  transition: .7s;
}
.pic-800years.banner-fade {
  -webkit-filter: brightness(120%) saturate(125%);
  filter: brightness(120%) saturate(125%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: .7s;
  transition: .7s;
}
@media print, screen and (max-width: 320px) {
  .bnr-right {
    padding: 30px 10px 20px 15px !important;
  }
  .bnr-right .bnr-title {
    font-size: 1.3rem !important;
    line-height: 2em !important;
    letter-spacing: .15em !important;
  }
  .bnr-right .bnr-site::after {
    width: 15px !important;
    height: 15px !important;
    top: 8% !important;
    right: 5px !important;
  }
}
@media print, screen and (max-width: 768px) {
  .banner-800years {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
  }
  .banner-800years .item-800years {
    height: 400px;
  }
  .bnr-right {
    padding: 30px 10px 20px 20px;
  }
  .bnr-right .bnr-title {
    font-size: 1.45rem;
    line-height: 1.93em;
    letter-spacing: .2em;
  }
  .bnr-right .bnr-title .sp {
    display: block;
  }
  .bnr-right .bnr-site {
    position: relative;
    margin-top: 30px;
  }
  .bnr-right .bnr-site::after {
    position: absolute;
    content: "";
    display: inline-block;
    border-top: 1px solid #c5952f;
    border-right: 1px solid #c5952f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 19px;
    height: 19px;
    top: 0;
    right: 10px;
  }
  .bnr-right .bnr-text {
    font-size: 0.87rem;
    line-height: 1.87;
    line-height: 2 !important;
    margin-top: 30px;
  }
  .pic-800years {
    height: 400px;
  }
  .pic-800years::before {
    background: url("../images/800years-banner-sp.jpg") center center/cover no-repeat;
  }
}
@media print, screen and (min-width: 769px) {
  .banner-800years .item-800years {
    height: 260px;
  }
  .banner-800years::after {
    position: absolute;
    content: "";
    display: inline-block;
    border-top: 1px solid #c5952f;
    border-right: 1px solid #c5952f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    top: 45%;
    right: 40px;
  }
  .bnr-right {
    padding: 30px 30px 30px 40px;
  }
  .bnr-right .bnr-title {
    font-size: 1.6rem;
    line-height: 1.75em;
    letter-spacing: .4em;
  }
  .bnr-right .bnr-site {
    margin-top: 20px;
  }
  .bnr-right .bnr-text {
    font-size: 0.96rem !important;
    line-height: 1.98 !important;
    margin-top: 20px;
  }
  .pic-800years {
    height: 260px;
  }
  .pic-800years::before {
    background: url("../images/800years-banner-pc.jpg") center center/cover no-repeat;
  }
}
/*--- BgSwitcher ---*/
#bg-slider > div {
  z-index: 0 !important;
}
#bg-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*--- Typing---*/
.index-image-title {
  font-size: 1.3rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  margin-top: 50px;
}
@media print, screen and (min-width: 769px) {
  .index-image-title {
    margin-top: 60px;
  }
}
.large {
  font-size: 2.3rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
}
.typ_first, .typ_second {
  opacity: 0;
}
.typ_first span, .typ_second span {
  opacity: 0;
}
/*--- Image Title ---*/
#parallax {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .fixed-bg {
    background-attachment: scroll;
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
  }
  .wrap-title {
    padding-top: 50px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .fixed-bg {
    background-attachment: fixed;
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
  }
  .wrap-title {
    padding-top: 60px !important;
  }
}
.wrap-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  text-align: center;
}
/*--- Grave ---*/
.title-grave {
  max-width: 1em;
  max-height: 4em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  letter-spacing: .28em;
  margin: 0 2em 15px;
}
.text-grave {
  width: 13em;
  max-height: 13.5em;
  text-align: left;
  font-size: 1.15rem;
  line-height: 2.2;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  margin: 0 1em;
}
.image-grave {
  background-image: url("../images/image-ouka.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
/*--- Danka ---*/
.image-danka {
  background-image: url("../images/image-danka.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title-para-danka {
  max-height: 6.5em;
  max-width: 1em;
  padding: 0 1.6em 20px;
  letter-spacing: 0.5em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Shitsunaibo ---*/
.image-shitsunaibo {
  background-image: url("../images/image-shitsunaibo.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title-para-shitsunaibo {
  max-height: 5em;
  max-width: 1em;
  padding: 0 1.6em 15px;
  letter-spacing: 0.5em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Kuon ---*/
.image-kuon {
  background-image: url("../images/image-kuon.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title-para-kuon {
  max-height: 4em;
  max-width: 1em;
  padding: 0 1.6em 40px;
  letter-spacing: 0.3em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Hasu ---*/
.image-hasu {
  background-image: url("../images/image-hasu.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title-para-hasu {
  max-height: 7.5em;
  max-width: 1em;
  padding: 0 1.6em 15px;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Inami ---*/
.image-inami {
  background-image: url("../images/image-inami.jpg");
  height: 550px;
}
.title-para-inami {
  max-height: 5em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0.2em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Funeral ---*/
.image-funeral {
  background-image: url("../images/image-funeral.jpg");
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title-para-funeral {
  max-height: 5em;
  width: 1em;
  padding: 0 0.5em;
  margin: 0 auto;
  letter-spacing: 0.5em !important;
  font-size: 2.3rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
@media print, screen and (min-width: 768px) {
  .f_plan ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.f_plan ul li {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-bottom: none;
  -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
  margin-bottom: 32px;
}
@media print, screen and (min-width: 768px) {
  .f_plan ul li {
    width: 250px;
  }
}
/*--- About ---*/
.image-about {
  background-image: url("../images/image-about.jpg");
  height: 550px;
}
@media print, screen and (min-width: 769px) {
  .image-about {
    background-position: left 50% bottom 20%;
  }
}
.title-para-about {
  max-height: 7em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0 !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Library ---*/
@media screen and (max-width: 768px) {
  .image-library {
    background-image: url("../images/image-library-sp.jpg");
    height: 550px;
  }
}
@media print, screen and (min-width: 769px) {
  .image-library {
    background-image: url("../images/image-library-pc.jpg");
    height: 550px;
  }
}
.title-para-library {
  max-height: 4em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0 !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Visit ---*/
.image-visit {
  background-image: url("../images/image-visit.jpg");
  height: 550px;
}
.title-para-five {
  max-height: 7em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0.2em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Memorial ---*/
.image-memorial {
  background-image: url("../images/image-memorial-sp.jpg");
  height: 550px;
}
@media print, screen and (min-width: 769px) {
  .image-memorial {
    background-image: url("../images/image-memorial-pc.jpg");
    height: 550px;
  }
}
/*--- Annual Events ---*/
.image-events {
  background-image: url("../images/image-events.jpg");
  height: 550px;
}
.title-para-four {
  max-height: 5em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0.2em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Contact ---*/
.image-standard {
  background-image: url("../images/image-standard.jpg");
  height: 550px;
}
@media print, screen and (min-width: 769px) {
  .image-standard {
    background-position: left 50% bottom 0;
  }
}
.title-para-contact {
  max-height: 8em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0.15em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.title-para-privacy {
  max-height: 14em;
  width: 1em;
  margin: 0 auto;
  font-size: 1.6rem !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Magazine ---*/
.title-para-magazine {
  max-height: 9em;
  width: 1em;
  margin: 0 auto;
  letter-spacing: 0.05em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
/*--- Form ---*/
.title-para-nine {
  max-height: 11em;
  width: 1em;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.title-para-toubaform {
  max-height: 10em;
  width: 1em;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.image-toubaform-year {
  background-image: url("../images/image-events.jpg");
  height: 550px;
}
.title-para-toubaform-year {
  max-height: 10em;
  width: 3.6em !important;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.title-para-toubaform-year > .typ_first, .title-para-toubaform-year .typ_second {
  line-height: 1.8em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.image-toubaform-winter {
  background-image: url("../images/image-toubaform-winter.jpg");
  height: 550px;
}
.image-toubaform-spring {
  background-image: url("../images/image-toubaform-spring.jpg");
  height: 550px;
}
.image-toubaform-summer {
  background-image: url("../images/image-toubaform-summer.jpg");
  height: 550px;
}
/*--- 404 503 ---*/
.image-system {
  background-image: url("../images/image-system.jpg");
  height: 550px;
}
.title-para-system {
  max-height: 5em;
  width: 1em;
  margin: 0 auto;
  font-size: 2rem !important;
  letter-spacing: 0.3em !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.95);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
@media screen and (max-width: 768px) {
  .arrow::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 0 0.1em 0.5em;
    border-top: 1px solid #73AD3A;
    border-right: 1px solid #73AD3A;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media print, screen and (min-width: 769px) {
  .arrow::after, .arrow-mega::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 0 0.1em 0.5em;
    border-top: 1px solid #73AD3A;
    border-right: 1px solid #73AD3A;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.btn-info-white {
  display: block;
  width: 250px;
  height: 48px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #3c3b87;
  color: #3c3b87;
  overflow: hidden;
}
.btn-info-white:hover {
  color: #fff;
}
.btn-info-white:hover::after {
  left: 0;
  background-color: #3c3b87;
}
.btn-info-white::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
_:-ms-lang(x)::-ms-backdrop, .btn-info-white {
  line-height: 46px;
}
a.btn-info-white {
  color: #3c3b87;
}
.btn-info-white::before, .btn-info-white::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-info-white, .btn-info-white::before, .btn-info-white::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-info-color {
  display: inline-block;
  width: 230px;
  height: 46px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  border: 1px solid #73AD3A;
  color: #fff;
  overflow: hidden;
  font-size: 0.88rem;
}
.btn-info-color::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-info-color:hover::after {
  left: 0;
  background-color: #136767;
}
_:-ms-lang(x)::-ms-backdrop, .btn-info-color {
  line-height: 45px;
}
a.btn-info-color {
  color: #fff;
}
.btn-info-color::before, .btn-info-color::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-info-color, .btn-info-color::before, .btn-info-color::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-backnum {
  display: block;
  font-size: 1.6rem;
  line-height: 3;
  color: #f8f8f8;
  text-decoration: none;
  text-align: center;
  margin: 10px 1% 20px;
  background: #6867af;
  border-radius: 10px;
}
a.btn-backnum::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0.1em 0.5em;
  border-top: 1px solid #f8f8f8;
  border-right: 1px solid #f8f8f8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}
.btn-index {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  width: 150px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #6867af;
  border-radius: 6px;
}
.btn-index::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-index:hover::after {
  left: 0;
}
.btn-index:hover::after {
  background-color: #7776c3;
}
.btn-index::before, .btn-index::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-index, .btn-index::before, .btn-index::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-index {
  color: #fff;
}
.btn-index-effectset {
  display: block;
  font-size: 0.78rem;
  line-height: 1.8;
  width: 150px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #C4A253;
}
.btn-index-effectset::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-index-effectset:hover::after {
  left: 0;
}
.btn-index-effectset:hover::after {
  background-color: #fff;
}
.btn-index-effectset::before, .btn-index-effectset::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-index-effectset, .btn-index-effectset::before, .btn-index-effectset::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-index-effectset {
  color: #fff;
}
a.btn-index-effectset:hover {
  color: #C4A253;
}
.arrow-large::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-large:hover {
  color: #649634;
}
.arrow-large:hover::after {
  border-top: 1px solid #649634;
  border-right: 1px solid #649634;
}
.btn-large {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #649634;
  border: 1px solid #649634;
}
.btn-large::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-large:hover::after {
  left: 0;
}
.btn-large:hover::after {
  background-color: #fff;
}
.btn-large::before, .btn-large::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-large, .btn-large::before, .btn-large::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-large {
  color: #fff;
}
.arrow-danka::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-danka:hover {
  color: #287F98;
}
.arrow-danka:hover::after {
  border-top: 1px solid #287F98;
  border-right: 1px solid #287F98;
}
.btn-danka {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #287F98;
  border: 1px solid #287F98;
}
.btn-danka::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-danka:hover::after {
  left: 0;
}
.btn-danka:hover::after {
  background-color: #fff;
}
.btn-danka::before, .btn-danka::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-danka, .btn-danka::before, .btn-danka::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-danka {
  color: #fff;
}
.arrow-kuon::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-kuon:hover {
  color: #653945;
}
.arrow-kuon:hover::after {
  border-top: 1px solid #653945;
  border-right: 1px solid #653945;
}
.btn-kuon {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  /* 初期表示 */
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #653945;
  border: 1px solid #653945;
}
.btn-kuon::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-kuon:hover::after {
  left: 0;
}
.btn-kuon:hover::after {
  background-color: #fff;
}
.btn-kuon::before, .btn-kuon::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-kuon, .btn-kuon::before, .btn-kuon::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-kuon {
  color: #fff;
}
.arrow-hasu::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-hasu:hover {
  color: #C25B3A;
}
.arrow-hasu:hover::after {
  border-top: 1px solid #C25B3A;
  border-right: 1px solid #C25B3A;
}
.btn-hasu {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  /* 初期表示 */
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #C25B3A;
  border: 1px solid #C25B3A;
}
.btn-hasu::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-hasu:hover::after {
  left: 0;
}
.btn-hasu:hover::after {
  background-color: #fff;
}
.btn-hasu::before, .btn-hasu::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-hasu, .btn-hasu::before, .btn-hasu::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-hasu {
  color: #fff;
}
.arrow-black::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-black:hover {
  color: #282828;
}
.arrow-black:hover::after {
  border-top: 1px solid #282828;
  border-right: 1px solid #282828;
}
.btn-black {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  /* 初期表示 */
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #282828;
  border: 1px solid #282828;
}
.btn-black::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-black:hover::after {
  left: 0;
}
.btn-black:hover::after {
  background-color: #fff;
}
.btn-black::before, .btn-black::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-black, .btn-black::before, .btn-black::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-black {
  color: #fff;
}
.arrow-white::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #282828 !important;
  border-right: 1px solid #282828 !important;
}
.arrow-white:hover {
  color: #fff;
}
.arrow-white:hover::after {
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
.btn-white {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  /* 初期表示 */
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #282828;
}
.btn-white::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-white:hover::after {
  left: 0;
}
.btn-white:hover::after {
  background-color: #282828;
}
.btn-white::before, .btn-white::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-white, .btn-white::before, .btn-white::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-white {
  color: #282828;
}
.arrow-gold::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 20px;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-gold:hover {
  color: #fff;
}
.arrow-gold:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.btn-gold {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  /* 初期表示 */
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #C4A253;
}
.btn-gold::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-gold:hover::after {
  left: 0;
}
.btn-gold:hover::after {
  background-color: #282828;
}
.btn-gold::before, .btn-gold::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-gold, .btn-gold::before, .btn-gold::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-gold {
  color: #fff;
}
.arrow-basic::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  top: 42%;
  right: 30px;
  -webkit-transform: translate(0, -42%);
  transform: translate(0, -42%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-basic:hover {
  color: #649634;
}
.arrow-basic:hover::after {
  border-top: 1px solid #649634;
  border-right: 1px solid #649634;
}
.arrow-right-min::after {
  right: 15px !important;
}
.btn-basic {
  position: relative;
  display: block;
  font-size: 0.985rem;
  line-height: 2.3;
  width: 240px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #649634;
  border: 1px solid #649634;
}
.btn-basic::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-basic:hover::after {
  left: 0;
}
.btn-basic:hover::after {
  background-color: #fff;
}
.btn-basic::before, .btn-basic::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-basic, .btn-basic::before, .btn-basic::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-basic {
  color: #fff;
}
.arrow-basic-white::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  top: 42%;
  right: 30px;
  -webkit-transform: translate(0, -42%);
  transform: translate(0, -42%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #649634 !important;
  border-right: 1px solid #649634 !important;
}
.arrow-basic-white:hover {
  color: #fff;
}
.arrow-basic-white:hover::after {
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
.btn-basic-white {
  position: relative;
  display: block;
  font-size: 0.985rem;
  line-height: 2.3;
  width: 240px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #649634;
}
.btn-basic-white::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-basic-white:hover::after {
  left: 0;
}
.btn-basic-white:hover::after {
  background-color: #649634;
}
.btn-basic-white::before, .btn-basic-white::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-basic-white, .btn-basic-white::before, .btn-basic-white::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-basic-white {
  color: #649634;
}
.arrow-basic-gold-white::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  top: 42%;
  right: 30px;
  -webkit-transform: translate(0, -42%);
  transform: translate(0, -42%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #BE8B3A !important;
  border-right: 1px solid #BE8B3A !important;
}
.arrow-basic-gold-white:hover {
  color: #fff;
}
.arrow-basic-gold-white:hover::after {
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
.btn-basic-gold-white {
  position: relative;
  display: block;
  font-size: 0.985rem;
  line-height: 2.3;
  width: 240px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #BE8B3A;
}
.btn-basic-gold-white::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-basic-gold-white:hover::after {
  left: 0;
}
.btn-basic-gold-white:hover::after {
  background-color: #C4A253;
}
.btn-basic-gold-white::before, .btn-basic-gold-white::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-basic-gold-white, .btn-basic-gold-white::before, .btn-basic-gold-white::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-basic-gold-white {
  color: #BE8B3A;
}
.arrow-basic-gold::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  top: 42%;
  right: 30px;
  -webkit-transform: translate(0, -42%);
  transform: translate(0, -42%);
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-basic-gold:hover {
  color: #BE8B3A;
}
.arrow-basic-gold:hover::after {
  border-top: 1px solid #BE8B3A;
  border-right: 1px solid #BE8B3A;
}
.btn-basic-gold {
  position: relative;
  display: block;
  font-size: 0.985rem;
  line-height: 2.3;
  width: 240px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  outline: none;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: #C4A253;
  border: 1px solid #C4A253;
}
.btn-basic-gold::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.btn-basic-gold:hover::after {
  left: 0;
}
.btn-basic-gold:hover::after {
  background-color: #fff;
}
.btn-basic-gold::before, .btn-basic-gold::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.btn-basic-gold, .btn-basic-gold::before, .btn-basic-gold::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn-basic-gold {
  color: #fff;
}
/*--- Info ---*/
a.telnum-info {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #3c3b87;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
a.mailadd-info {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #3c3b87;
  text-decoration: none;
}
_:-ms-lang(x)::-ms-backdrop, a.telnum-info {
  font-size: 2.1rem !important;
  letter-spacing: 0;
}
_:-ms-lang(x)::-ms-backdrop, a.mailadd-info {
  font-size: 1.6rem !important;
  letter-spacing: 0;
}
/*--- TEL Mail ---*/
a.telnum {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  text-decoration: none !important;
}
a.mailadd {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  font-size: 1.71rem !important;
}
a.mailadd-inami {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  font-size: 1.4rem !important;
}
_:-ms-lang(x)::-ms-backdrop, a.telnum {
  font-size: 2.1rem !important;
  letter-spacing: 0;
}
_:-ms-lang(x)::-ms-backdrop, a.mailadd {
  font-size: 1.6rem !important;
  letter-spacing: 0;
}
_:-ms-lang(x)::-ms-backdrop, a.mailadd-inami {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  font-size: 1.25rem !important;
}
/*--- Contact Switch ---*/
@media screen and (max-width: 768px) {
  .item-contact {
    margin-top: 30px;
  }
  .item-contact:first-child {
    margin-top: 0;
  }
  .item-contact-other dd {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px;
  }
  .item-contact:nth-child(even) {
    margin-left: 20px;
    margin-top: 20px;
  }
}
/*--- TEL Mail Gold ---*/
a.telnum-gold {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  text-decoration: none !important;
  color: #BE8B3A;
}
a.mailadd-gold {
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #649634;
  text-decoration: none;
  font-size: 1.71rem !important;
  color: #BE8B3A;
}
_:-ms-lang(x)::-ms-backdrop, a.telnum-gold {
  font-size: 2.1rem !important;
  letter-spacing: 0;
}
_:-ms-lang(x)::-ms-backdrop, a.mailadd-gold {
  font-size: 1.6rem !important;
  letter-spacing: 0;
}
/*--- SNS ---*/
.icon-sns {
  font-size: 2.48rem;
  color: #4b7e7e;
  padding: 0;
  margin: 0 10px 0;
}
.icon-sns:hover {
  color: #4b7e7e;
}
.icon-tell {
  font-size: 2rem;
  color: #3c3b87;
  margin: 0 10px 5px 0;
}
.icon-tell:hover {
  color: #3c3b87;
}
.icon-mail {
  font-size: 1.4rem;
  color: #3c3b87;
  margin: 0 10px 5px 0;
}
.icon-mail:hover {
  color: #3c3b87;
}
.icon-tell-gold {
  font-size: 2rem;
  color: #BE8B3A;
  margin: 0 10px 5px 0;
}
.icon-tell-gold:hover {
  color: #BE8B3A;
}
.icon-mail-gold {
  font-size: 1.4rem;
  color: #BE8B3A;
  margin: 0 10px 5px 0;
}
.icon-mail-gold:hover {
  color: #BE8B3A;
}
.icon-comment {
  font-size: 2.5rem;
  color: #649634;
  margin-right: 15px;
}
.icon-podcast {
  font-size: 2.48rem;
  color: #4b7e7e;
  padding: 0;
  margin: 0 10px 0;
}
.icon-podcast:hover {
  color: #4b7e7e;
}
.text-podcast {
  font-size: 1.18rem;
  color: #4b7e7e;
}
.text-podcast:hover {
  color: #4b7e7e;
}
/*--- Basic Table ---*/
.wp-block-table table, .table-basic, .table-min {
  border-collapse: collapse;
  border-spacing: 0 !important;
  width: 100%;
  font-size: 0.97rem;
}
.wp-block-table table td, .table-basic td, .table-min td {
  padding: 10px 20px;
}
.wp-block-table table td:first-child, .table-basic td:first-child, .table-min td:first-child {
  background-color: #f8f8f8;
}
.wp-block-table table td:last-child, .table-basic td:last-child, .table-min td:last-child {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .wp-block-table table td, .table-basic td, .table-min td {
    padding: 10px 10px !important;
  }
  .wp-block-table:not(.table-min), .table-basic {
    margin: 0;
  }
  .wp-block-table:not(.table-min) tr, .table-basic tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #dcdcdc;
  }
  .wp-block-table:not(.table-min) tr:first-child, .table-basic tr:first-child {
    border-top: 1px solid #dcdcdc;
  }
  .table-min {
    border-top: 1px solid #dcdcdc;
    margin: 0 auto;
  }
  .table-min tr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .table-min td {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    vertical-align: top;
    border-bottom: 1px solid #dcdcdc;
  }
  .table-min td:first-child {
    width: 35%;
  }
}
@media print, screen and (min-width: 769px) {
  .wp-block-table, .table-basic, .table-min {
    margin: 0 auto;
  }
  .wp-block-table tr, .table-basic tr, .table-min tr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .wp-block-table td, .table-basic td, .table-min td {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    vertical-align: top;
  }
  .wp-block-table td:first-child, .table-basic td:first-child, .table-min td:first-child {
    width: 35%;
  }
}
/*--- Price Table ---*/
.table-price {
  border-collapse: collapse;
  width: 100%;
}
.table-price tr {
  border-bottom: 1px dotted #ddd;
}
.table-price tr:nth-last-child(2) {
  /* border-bottom: 1px solid #ddd; */
}
.table-price tr:last-child {
  /* border-bottom: 1px solid #C4A253; */
}
.table-price tr td {
  vertical-align: top;
  padding: 10px 5px 10px 15px;
}
.table-price tr td.h-table {
  min-width: 4em;
}
.table-price tr td.right {
  white-space: nowrap;
}
.table-price tr td.text-middle {
  padding-top: 14px;
}
.table-price tr td.pricetext-table, .table-price tr td.pricenum-table {
  vertical-align: bottom !important;
}
.table-price tr td:first-child, .table-price tr td:last-child {
  padding-top: 17px;
}
.pricenum-table {
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: 0.1rem;
}
.pricetext-table {
  font-size: 0.87rem;
  line-height: 1.87;
}
@media print, screen and (min-width: 769px) {
  .pricenum-table {
    margin-left: 0.4em;
  }
}
ul.notes li:before {
  color: #B22222;
  padding-right: 0.3em;
}
ul.notes-large li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1.3em;
  margin-left: -1.3em;
  line-height: 1.8 !important;
  padding-top: 10px !important;
  font-size: 0.95rem !important;
}
ul.notes-large li:before {
  color: #B22222;
}
ul.notes-Asterisk li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1.3em;
  margin-left: -1.3em;
  line-height: 1.8 !important;
  padding-top: 10px !important;
}
ul.notes-Asterisk li:before {
  color: #B22222;
  padding-right: 0.3em;
}
.item-price {
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .item-price {
    padding: 40px 20px;
  }
  .item-price:nth-child(even) {
    margin-bottom: 0 !important;
  }
}
@media print, screen and (min-width: 769px) {
  .item-price {
    padding: 40px;
  }
  .item-price:nth-child(even) {
    margin-right: 0 !important;
  }
}
.wrap-pricenum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.title-price-grave {
  line-height: 1.5;
  margin: 15px auto 27px;
}
.title-price-min {
  font-size: 0.87rem;
  line-height: 1.87;
  letter-spacing: 0.1rem;
  margin-top: 0;
  margin-bottom: 7px;
}
.circle {
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  border: solid 2px #73AD3A;
  color: #649634;
  font-weight: 700;
  margin-right: 20px;
}
.pricenum span {
  font-size: 4rem;
  line-height: 2;
  letter-spacing: 0.1rem;
}
_:-ms-lang(x)::-ms-backdrop, .pricenum span {
  font-size: 4rem;
  letter-spacing: -0.1rem;
}
.total {
  font-size: 0.78rem;
  line-height: 1.8;
  line-height: 1;
  letter-spacing: 0.1rem;
  margin: 25px auto -15px;
}
.total-ex {
  font-size: 0.87rem;
  line-height: 1.87;
  line-height: 1;
  letter-spacing: 0.1rem;
  margin: 30px auto -5px;
}
.fee {
  font-size: 0.87rem;
  line-height: 1.87;
  line-height: 1;
  letter-spacing: 0.1rem;
  margin: -13px auto 30px;
}
.colortext-danka {
  color: #287F98;
}
.circle-danka {
  border: solid 2px #287F98;
  color: #287F98;
  font-size: 1.3rem;
}
_:-ms-lang(x)::-ms-backdrop, .circle-danka {
  font-size: 1.1rem;
}
.hr-danka {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  margin: 30px auto 25px;
  background-color: #287F98;
}
.title-price-addition-danka {
  font-size: 0.87rem;
  line-height: 1.87;
  color: #333;
  letter-spacing: 0.2rem;
  margin-bottom: 0;
  margin-top: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title-price-addition-danka::after {
  display: inline-block;
  content: '';
  width: 30px;
  height: 1px;
  margin-left: 2px;
  margin-bottom: 5px;
}
.title-price-addition-danka::after {
  border-bottom: 1px solid #287F98;
}
.colortext-brand {
  color: #649634;
}
.circle-brand {
  border: solid 2px #649634;
  color: #649634;
  font-size: 0.98rem;
}
.hr-brand {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  margin: 30px auto 25px;
  background-color: #649634;
}
.colortext-kuon {
  color: #653945;
}
.circle-kuon {
  border: solid 2px #653945;
  color: #653945;
  font-size: 2.2rem;
  font-weight: 600 !important;
}
.hr-kuon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  margin: 30px auto 25px;
  background-color: #653945;
}
.title-price-addition-kuon {
  font-size: 0.87rem;
  line-height: 1.87;
  color: #333;
  letter-spacing: 0.2rem;
  margin-bottom: 0;
  margin-top: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title-price-addition-kuon::after {
  display: inline-block;
  content: '';
  width: 30px;
  height: 1px;
  margin-left: 2px;
  margin-bottom: 5px;
}
.title-price-addition-kuon::after {
  border-bottom: 1px solid #653945;
}
.item-price-hasu {
  border: 1px solid #ddd;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .item-price-hasu {
    width: auto;
    padding: 40px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .item-price-hasu {
    max-width: 390px;
    padding: 40px;
  }
}
.colortext-hasu {
  color: #C25B3A;
}
.circle-hasu {
  border: solid 2px #C25B3A;
  color: #C25B3A;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.hr-hasu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  margin: 30px auto 25px;
  background-color: #C25B3A;
}
.title-price-addition-hasu {
  font-size: 0.87rem;
  line-height: 1.87;
  color: #333;
  letter-spacing: 0.2rem;
  margin-bottom: 0;
  margin-top: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title-price-addition-hasu::after {
  display: inline-block;
  content: '';
  width: 30px;
  height: 1px;
  margin-left: 2px;
  margin-bottom: 5px;
}
.title-price-addition-hasu::after {
  border-bottom: 1px solid #C25B3A;
}
/*--- Funeral Price ---*/
.wrap-price-funeral {
  margin: 40px auto 0 !important;
}
.item-price-funeral {
  background-color: #fff;
  border: 1px solid #C4A253;
  padding: 40px 20px;
}
.title-price-funeral {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.15em;
  color: #0a0a0a;
  color: #BE8B3A;
}
.colortext-funeral {
  color: #BE8B3A;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .item-price-funeral:nth-child(even) {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 1519px) {
  .item-price-funeral:nth-child(even) {
    margin-left: 40px;
    margin-right: 40px;
  }
}
/*--- Separator ---*/
.separator-white-start {
  position: relative;
  height: 50px;
  background-color: #fff;
  width: 65%;
  top: 100px;
}
.separator-white-end {
  position: relative;
  height: 50px;
  background-color: #fff;
  width: 80%;
  top: 0;
}
.separator-white-right-start {
  position: relative;
  height: 50px;
  background-color: #fff;
  width: 65%;
  top: 100px;
  float: right;
}
.separator-circle-start {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  background: url("../images/bg-spiration-light.png");
  margin-top: 70px;
  margin-bottom: -70px;
}
.separator-circle-end {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  background: url("../images/bg-spiration-light.png");
  margin-top: -40px;
}
.separator-ripples-start {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  background: url("../images/bg-ripples.png");
  margin-top: 70px;
  margin-bottom: -70px;
}
.separator-ripples-end {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  background: url("../images/bg-ripples.png");
  margin-bottom: -40px;
}
/*--- Pagination ---*/
.pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 70px 0 0;
  font-size: 0.87rem;
  line-height: 1.87;
}
.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 5px;
  padding: 12px 8px;
  background-color: #f8f8f8;
  color: #909090;
  text-align: center;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.pagination .pager {
  min-width: 20px;
}
.pagination a:hover, .pagination .current {
  background-color: #4b7e7e;
  color: #fff;
}
.pagination a.prev {
  margin-right: 15px;
}
.pagination a.next {
  margin-left: 15px;
}
.pagination a.prev .fas:hover, .pagination a.next .fas:hover {
  color: #fff;
}
.pagination a.first, .pagination a.last, .pagination span.page_num {
  display: none;
}
/*--- Single Basic ----*/
@media print, screen and (min-width: 769px) {
  .wrap-single, .wrap-kanwa {
    padding-top: 20px !important;
  }
}
.num-acf {
  letter-spacing: 0.18em;
}
.text-acf {
  letter-spacing: 0.15em;
}
_:-ms-lang(x)::-ms-backdrop, .num-acf {
  letter-spacing: 0.1em;
}
_:-ms-lang(x)::-ms-backdrop, .text-acf {
  letter-spacing: 0.05em;
}
.back {
  font-size: 0.78rem;
  line-height: 1.8;
  text-align: right;
}
.back::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0.1em 0.5em;
  border-top: 1px solid #73AD3A;
  border-right: 1px solid #73AD3A;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*--- Single Event ----*/
.wrap-featured {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.wrap-featured ul {
  position: absolute;
  color: #649634;
  background-color: #fff;
  font-size: 0.78rem;
  line-height: 1.8;
  line-height: 1;
  padding: 8px 10px;
  margin: 0;
  bottom: 0;
  right: 0;
}
.wrap-featured ul li:hover {
  color: #649634;
}
.wrap-featured .width-featured {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .width-featured {
    height: 280px;
  }
}
@media print, screen and (min-width: 769px) {
  .width-featured {
    height: 400px;
    margin-top: 20px;
  }
}
.single-horizontal {
  margin-top: 40px;
}
/*--- Single Kanwa ----*/
.wrap-kanwa {
  padding-bottom: 40px !important;
}
.term-kanwa {
  padding: 0;
  margin: 0;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-kanwa {
  width: 100%;
  margin-bottom: 5px;
}
.text-min {
  font-size: small;
}
@media screen and (max-width: 768px) {
  .img-kanwa {
    height: 220px;
  }
}
@media print, screen and (min-width: 769px) {
  .img-kanwa {
    height: 300px;
  }
}
.dl-flex dt {
  float: left;
  font-size: 16px;
}
.dl-flex dd {
  margin-left: 80px;
  font-size: 16px;
}
.cherry-blossom-container {
  position: relative;
  height: 80vh;
  width: 100%;
  overflow: hidden;
}
.petal {
  position: absolute;
  background-color: rgb(249 203 203 / 70%);
  border-radius: 150% 0 150% 0;
  animation: animate-petal 10s linear;
}
@keyframes animate-petal {
  0% {
    top: 0;
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100vh;
    transform: rotate(3000deg);
  }
}
#keyvisual .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
  /* background-image: linear-gradient(180deg, transparent 0 60%, #FFF 100%); */
}
/* * 
ouka
 * */
/*--- About ---*/
#ouka .list-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 0;
  flex-direction: row;
  flex-wrap: wrap;
}
#ouka .list-about .width-about {
  width: 99%;
}
#ouka .list-about dt, .list-about dd {
  text-align: center;
}
#ouka .list-about dd {
  margin-left: 0;
}
#ouka .list-about dd .title-middle {
  margin-top: 8px;
  margin-bottom: 5px;
}
#ouka dl.item-sr {
  width: 30%;
  padding: 20px;
  background: linear-gradient(left, #8f6B29, #FDE08D, #DF9F28);
  margin: 1%;
}
#ouka dl.item-sr img {
  width: 64px;
  padding: 10px;
  background: -webkit-linear-gradient(left, #d1a554, #f5d281, #c89948);
  background: linear-gradient(left, #8f6B29, #FDE08D, #DF9F28);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #ouka dl.item-sr .list-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #ouka dl.item-sr {
    width: 48%;
    padding: 20px;
    margin: 1%;
  }
}
#ouka .list-kigan {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
#ouka ul.list-kigan li {
  width: 30%;
  padding: 20px;
  font-size: initial;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ouka ul.list-kigan li {
  width: 30%;
  padding: 20px;
  font-size: initial;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #ouka ul.list-kigan li {
    width: 46%;
    padding: 16px;
    display: flex;
  }
}
.arrow {
  margin: 0 auto 50px;
  padding-top: 15px;
  position: relative;
}
.arrow:before {
  width: 100px;
  height: 80px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#dbace1));
  background-image: -webkit-linear-gradient(#FFFFFF, #dbace1);
  background-image: linear-gradient(#FFFFFF, #dbace1);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  z-index: 2;
}
.arrow:after {
  border-top: 35px solid #dbace1;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -70px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 1;
}
.arrow p {
  text-align: center;
  z-index: 5;
  position: relative;
}
.wrap-ouka {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 770px;
  background-color: #fff;
  padding: 10px 40px 30px;
  margin: 40px auto 40px;
}
#ouka dl.item-sf {
  width: 48%;
  padding: 20px;
  margin: 1%;
}
#ouka dl.item-sf img {
  width: 128px;
  padding: 10px;
}
.list_two_f {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.list_two_f li {
  width: 43%;
  padding: 8px;
  margin: 8px;
  border:
    solid 1px green;
}
div#price {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-evenly;
  margin-top: 40px;
}
#price div {
  width: 46%;
  padding: 10px;
}
#price h3 span:nth-child(1) {
  background: #be8b3a;
  color: #fff;
  padding: 4px 6px;
  margin-right: 10px;
}
#price h3 span:nth-child(2) {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .wrap-ouka {
    margin: 10px auto;
  }
  div#price {
    display: block;
  }
  #price div {
    width: 100%;
    padding: 10px;
  }
}
/*info*/
dl.list-plan dt {
  font-weight: bold;
}
dl.list-plan dd {
  font-weight: 400;
  margin: 0 0 20px 0;
}
dl.list-plan dt:before {
  content: '●';
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
/*GRID*/
.grid_2 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  align-items: center;
  align-content: space-between;
}
.grid_2 p:first-child {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  background-color: #edf;
  text-align: center;
}
.grid_2_1 {
  display: grid;
  gap: 10;
  grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
  grid-gap: 10px 1.8%;
}
.set_naiyo .grid_2_1 li {
  background: #eeddff;
  background: url(../images/common/bg.jpg);
  text-align: center;
  font-size: small;
  font-family: sans-serif;
  color: #333;
}
.grid_2_1 li {
  padding: 10px;
}
.grid_2_1 p {
  text-align: center;
}
.grid_3 {
  display: grid;
  gap: 10;
  grid-template-columns: repeat(auto-fit, minmax(100px, 3fr));
  grid-gap: 10px 2%;
}
.grid_3 .item_o {
  padding: 10px;
}
.grid_3 img {
  max-width: 100%;
  height: auto;
}
.grid_3 p {
  text-align: center;
  font-size: small;
}
p.hosoku {
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #f4f4f4;
  border-left: solid 6px #dbace1;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 33%);
  display: block;
  width: -webkit-fill-available;
}
.more-news {
  position: relative;
  margin-top: 40px;
  display In combination with 'float'and 'position', determines the type of box or boxes that are generated for an element. 主要なブラウザで広く使用可能（Baseline、2018年1月 以降） 詳細 表示しない: flex;
  align-items: center;
}
/* --------------------------------------------------------------
   Sidebar 基本レイアウト
-------------------------------------------------------------- */
.l-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.c-sidebar-widget h2.wp-block-heading, .c-sidebar-widget .widgettitle {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
/* --------------------------------------------------------------
   最新投稿（行事予定リスト）
-------------------------------------------------------------- */
.wp-block-latest-posts__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wp-block-latest-posts__list li {
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
}
.wp-block-latest-posts__list li:last-child {
  border-bottom: none;
}
/* サムネイル画像（左寄せ小さめ） */
.wp-block-latest-posts__featured-image {
  float: left;
  margin-right: 12px;
}
.wp-block-latest-posts__featured-image img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  border-radius: 6px;
}
/* タイトル */
.wp-block-latest-posts__post-title {
  font-size: 15px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
  color: #333;
  text-decoration: none;
}
.wp-block-latest-posts__post-title:hover {
  opacity: .8;
}
/* 投稿者・日付 */
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
  font-size: 12px;
  color: #666;
  margin: 0;
}
/* 投稿リスト float解除 */
.wp-block-latest-posts__list li::after {
  content: "";
  display: block;
  clear: both;
}
/* --------------------------------------------------------------
   画像ウィジェット
-------------------------------------------------------------- */
.c-sidebar-widget.widget_media_image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
/* --------------------------------------------------------------
   レスポンシブ（スマホ）
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .l-sidebar {
    margin-top: 40px;
    gap: 24px;
  }
  .c-sidebar-widget {
    padding: 20px;
  }
  .wp-block-latest-posts__featured-image img {
    width: 60px !important;
    height: 60px !important;
  }
}
/* --------------------------------------------------------------
   記事下 CTA
-------------------------------------------------------------- */
.cta-contact {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  padding: 32px;
  margin-top: 60px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  clear: both;
}
.cta-contact__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.cta-contact__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 18px;
}
.cta-contact__text {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 16px;
}
.cta-contact__tel {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-decoration: none;
}
.cta-contact__note {
  font-size: 13px;
  color: #666;
  margin-bottom: 24px;
}
.cta-contact__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.cta-btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s ease;
}
.cta-btn--form {
  background: #333;
  color: #fff;
}
.cta-btn--insta {
  background: #d9477a;
  color: #fff;
}
.cta-btn:hover {
  opacity: .85;
}
/* スマホ対応 */
@media screen and (max-width: 768px) {
  .cta-contact {
    padding: 24px;
    margin-top: 40px;
  }
  .cta-contact__title {
    font-size: 20px;
  }
  .cta-contact__tel {
    font-size: 18px;
  }
  .cta-contact__buttons {
    flex-direction: column;
    gap: 12px;
  }
}
/* ================
   Access page
   ================ */
#access .access-lead {
  margin-top: 8px;
  line-height: 1.7;
}
.access-map {
  margin-top: 32px;
}
.access-heading {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.access-map-figure {
  margin: 0;
}
.access-map-figure img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
.access-map-caption {
  margin-top: 8px;
  font-size: 1.2rem;
  color: #555;
}
.access-map-actions {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.btn-map {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  background-color: #fff;
  border: 1px solid #cab59b;
  color: #3c3b87;
  text-decoration: none;
    transition: background-color .2s 
ease, color .2s 
ease, transform .15s 
ease, box-shadow .15s 
ease;
    white-space: nowrap;
}
.btn-map:hover {
    background-color: #cab59b;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}
/* 見出し前の余白 */
.access-subtitle {
  margin-top: 28px;
  margin-bottom: 10px;
}
.access-list .access-term {
  display: inline-block;
  background: #3c3b87;
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 700;
  margin-right: 8px;
  font-size: 1.2rem;
  white-space: nowrap;
}
.access-list li {
  margin-bottom: 8px;
  line-height: 1.6;
}