/*
Theme Name: Story child 
Theme URI:
Description: WordPressテーマ「Story」の自作子テーマです。
Template: story_tcd041
Author:
Author URI:
Version: 1.18
*/

body {
  background: #000;
  color: #fff;
}

.button a {
  background: #171514;
  color: #fff;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 200px;
}

#index-news .button a,
#index-blog .button a {
  color: #aa8246;
  background: #000;
  border: 1px solid #806439;
}

#index-news .button a:hover,
#index-blog .button a:hover {
  color: #fff;
  background: #aa8246;
}

.table_no_border th,
.table_no_border td {
  border-top: 1px solid #bbb;
}

.table_no_border tr:last-child td {
  border-bottom: 1px solid #bbb;
}

h2.wp-block-heading.title-design2 {
  color: #aa8246;
  padding-bottom: 0.1em;
  padding: 0.5em;
  border-bottom: double 6px #aa8246;
}

h3.wp-block-heading.title-design3 {
  color: #aa8246;
  padding: 0.25em 0.5em;
  border-left: solid 5px #aa8246;
}

h4.wp-block-heading.title-design4 {
  color: #aa8246;
  padding: 0.5em;
  border-top: solid 2px #aa8246;
  border-bottom: solid 2px #aa8246;
}

.article04 {
  background: #171415;
  margin-bottom: 32px;
}

#index-news .button a:hover,
#index-blog .button a:hover {
  color: #fff;
  background: linear-gradient(45deg, #8a6a38, #b59764);
  border-color: #b59764;
  border: 1px solid transparent; /* 枠線を消す */
}

@media screen and (max-width: 768px) {
  .headline-bar::after {
    margin-bottom: 1.2em; /* スマホだけ大きめ余白にする例 */
  }
}

.top-news {
  display: block;
}

.article02 {
  background: #171516;
  display: flex;
  width: 100%;
}

.article02:nth-of-type(even) {
  margin-left: 0;
}

.article02-thumbnail {
  width: 365px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .article02-thumbnail {
    width: 200px;
  }
}

.article02-content {
  float: none;
  width: 100%;
  padding: 50px 30px;
}

@media only screen and (max-width: 767px) {
  .article02-content {
    padding: 12px 5px;
  }
}

.article02-title.headline-font-type {
  font-size: min(22px, 1.9vw);
}

@media only screen and (max-width: 767px) {
  .article02-title.headline-font-type {
    font-size: min(16px, 3.2vw);
  }
}

.top-news + .button {
  margin: 100px 0 60px;
}

@media only screen and (max-width: 767px) {
  .top-news + .button {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .article02-text {
    display: none;
  }
}

.article03 {
  background: #171415;
  margin: 0 10px 10px 0;
  width: calc((100% - 30px) / 4);
}

/* ======================================================
//  トップページ
// ====================================================== */
/* メインコンテンツ */
.q_button {
  background: linear-gradient(45deg, #aa8246, #d6b279);
  color: #fff;
  min-width: 200px;
  max-width: 90%;
  padding: 0.6em 1.3em 0.5em;
  transition: background 0.2s ease;
}

.q_button:hover {
  background: linear-gradient(
    45deg,
    color-mix(in sRGB, #aa8246, #fff 10%),
    color-mix(in sRGB, #d6b279, #fff 10%)
  );
}

.only {
  margin-bottom: 80px;
}

@media (width <= 768px) {
  .only {
    margin-bottom: 50px;
  }
}

.only__block {
  text-align: center;
}

@media (width <= 767px) {
  .only__block:not(first-child) {
    margin-top: 30px;
  }
}

.only__text {
  font-size: 14px;
}

@media (width >= 768px) {
  .is-sp {
    display: none;
  }
}

.only__block-img img {
  inline-size: 90%;
}

.only__block-ttl {
  margin-block-start: 30px;
  color: #aa8246;
  font-size: 22px;
}

@media (width <= 767px) {
  .only__block-ttl {
    margin-block-start: 15px;
    font-size: 18px;
  }
}

@media (width <= 767px) {
  .top-slider-content {
    inset-block-start: -55px;
  }
}

.top-slider-content-inner {
  background-color: transparent;
}

.top-slider-content-inner:hover {
  background-color: transparent;
}

.top-slider-content-inner:after {
  display: none;
}

.top-slider-logo {
  margin-block-end: unset;
  inline-size: clamp(220px, calc((220 / 375) * 100vw), 300px);
}

.content02-button {
  background: #171514;
  border: 1px solid #806439;
}

.content02-title {
  color: #aa8246;
  font-size: 28px;
  line-height: 2.2;
  margin-bottom: 0.5em;
  text-align: center;
}

.only__wrapper {
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  inline-size: 95%;
  max-inline-size: 1800px;
  margin-block-end: 90px;
}

@media only screen and (max-width: 767px) {
  .only__wrapper {
    display: block;
    margin: 20px calc(50% - 50vw) 0;
    inline-size: 100vw;
    margin-block-end: 2rem;
  }
}

.column-layout03 {
  background: #171514;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-inline-size: 1150px;
  margin-inline: auto;
}

#index-image a img {
  inline-size: 100%;
  transition: translate 0.2s ease;
}

@media (any-hover: hover) {
  #index-image a:hover img {
    translate: 5px 0;
  }
}

@media (width <= 767px) {
  .column-layout03-content.column-layout03-item {
    background: #171514;
    padding: 30px 6.11111%;
  }
}

@media (width <= 767px) {
  .content02-title {
    font-size: 18px;
    line-height: 1.5;
  }
}

/* Fv */
@media (width <= 767px) {
  .top-slider .top-slider-item:nth-of-type(1) span {
    background-position: 61% 50%;
  }
}

/* ACCESS */
.only-access {
  background-color: #171415;
  padding: 80px 20px; /* 上下左右に余白 */
  color: #fff; /* テキスト白にする場合 */
}

/* GALLERY */
.p-custom-gallery .p-custom-gallery__title {
  font-weight: 600;
}

.p-custom-gallery__text {
  text-align: center;
}
.p-custom-gallery__wrapper {
  max-inline-size: min(100%, calc(1150px * 0.7));
  margin-inline: auto;
  margin-block-start: 2rem;
}

.p-custom-gallery__img-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
}

.p-custom-gallery__img img {
  max-inline-size: 100%;
}

/* SIMULATOR */
.p-custom-simulator__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 2rem;
}

.p-custom-simulator__text {
  text-align: center;
}

.p-custom-simulator__wrap {
  margin-block-start: 2rem;
}

.p-custom-simulator__item {
  inline-size: min(575px, 100%);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p-custom-simulator__item-title {
  order: 2;
  text-align: center;
  font-size: 20px;
}

.p-custom-simulator__item-description {
  order: 4;
  padding-inline: 1em;
  line-height: 1.5;
  text-align: center;
}

.p-custom-simulator__item-description.room {
  order: 3;
}

.p-custom-simulator__img {
  order: 1;
  aspect-ratio: 1;
}

.p-custom-simulator__img img {
  max-inline-size: 100%;
}

.p-custom-simulator_video {
  margin-block-start: 4rem;
  text-align: center;
  display: grid;
  gap: 1rem;
}

.p-custom-simulator__video-title {
  font-size: 20px;
  line-height: 1.5;
}

.p-custom-simulator_video video {
  display: inline-block;
  inline-size: 100%;
}

/* フロアマップ */
.p-custom-floorMap__text {
  text-align: center;
}

.p-custom-floorMap__img {
  text-align: center;
}

.p-custom-floorMap__img img {
  inline-size: min(100%, 805px);
}

/* ======================================================
// BLOG,NEWSページ
// ====================================================== */
.post-title.headline-font-type {
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(./assets/image/common/sub_main_pc.png) center / cover
    no-repeat;
}

@media (width <= 767px) {
  .post-title.headline-font-type {
    height: 75px;
    background: url(./assets/image/common/sub_main_sp.png) center / cover
      no-repeat;
  }
}

/* 汎用的に投稿ページのサイドバーを非表示 */
.single .secondary.fright,
.single-post .secondary.fright {
  display: none;
}

/* メインコンテンツの幅を広げる */
.single .primary.fleft,
.single-post .primary.fleft {
  width: 100%;
}

.post-content h2 {
  font-size: 220%;
  color: #aa8242;
  text-wrap: pretty;
}

.post-content h3 {
  font-size: 170%;
  color: #aa8242;
  text-wrap: pretty;
}

@media (width <= 768px) {
  .post-content h2 {
    font-size: 140%; /* スマホでは少し小さめに */
  }

  .post-content h3 {
    font-size: 110%;
  }
}

/* ブログページコメント欄等の設定*/
.post-meta-box {
  background: #000000;
  margin: 0 0 40px;
  padding: 25px;
}

.comment {
  border: 1px solid #fff;
  color: #fff;
  margin: 0 0 15px;
  padding: 15px 20px;
  background: #000000;
}

.comment_form_wrapper {
  border: 1px solid #fff;
  margin: 0 0 0px;
  padding: 15px;
  background: #000;
}

/* ACCESS */
.only-access .post_col.post_col-2:has(.address-item) {
  display: grid;
  grid-template-columns: auto 1fr;
}
.only-access .address-item {
  margin: unset;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 1em;
}

/* ======================================================
// PLAN＆PRICE
// ====================================================== */
/* @media (width <= 639px) {
  .smb-price-menu__item__title + .smb-price-menu__item__price {
    margin-block-start: 1rem;
  }
} */
@media (width <= 639px) {
  .wp-block-table {
    font-size: calc(12 / 16 * 1rem);
  }
}

/* ======================================================
// ハンバーガーメニュー
/* ====================================================== */
@media (width <= 1200px) {
  #global-nav-button.global-nav-button::before {
    color: #fff;
  }
}

/* ======================================================
// サイドメニュー
// ====================================================== */
.main .secondary.fright .headline-bar {
  background-color: unset;
  color: #aa8246;
  font-weight: 600;
  border-bottom: 1px solid currentColor;
}

/* ======================================================
// ヘッダー
// ====================================================== */
.headline-bar {
  background: #aa8246;
}

.global-nav {
  font-size: 20px;
  margin-inline-start: auto;
}

/* fvロゴ */
.top-slider-content {
  inset-block-start: -100px;
  border-radius: unset;
}

/* ヘッダーロゴ */
.s_logo,
.h_logo {
  max-inline-size: 234px;
}

/* ======================================================
// フッター
// ====================================================== */
.footer-gallery {
  display: none;
}

.footer__type2 .footer-widget-title,
.footer__type2 .footer-widget.widget_block .wp-block-heading {
  color: #aa8246;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1em;
}

.align1 {
  font-size: 12px;
  color: #555555;
  text-align: center;
}

/* フッターロゴ */
.f_logo {
  max-inline-size: 234px;
}

/* ======================================================
// パンくずリスト
// ====================================================== */
.breadcrumb-wrapper a,
.breadcrumb-wrapper li {
  color: #333;
}