@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
 /*ヘッダー*/
.skin-grayish .navi-in a { /*ヘッダーメニュー*/
    color: #ffffff;
}
.skin-grayish .navi-in .search-menu-icon span::before { /*ヘッダー検索アイコン*/
    color: #fff;
}
.search-box,
button.gnavi-search-menu-open.grayish-btn.js-searchMenuDialog-open,
li.search-menu-button.menu-button { /*検索窓削除の指示*/
	display: none;
}
.home .logo {
    text-align: center;
    height: 700px;
}
 /*フッター*/
.skin-grayish .navi-footer-in a { /*メニュー*/
    color: #fff;
}
.source-org.copyright {
    color: #fff;
}

 /*box型の問い合わせ*/
.wp-block-group.top-contact.is-style-bottom-margin-5em.has-bottom-margin.is-layout-constrained.wp-block-group-is-layout-constrained {
    background-color: #f5f8fa;
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
}
/*TOPの問い合わせ*/
.wp-block-group.top-contact.is-layout-constrained.wp-block-group-is-layout-constrained {
    background-color: #f5f8fa;
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
}
.entry-content.cf {
    margin-bottom: 0;
}
article#post-11 {
    margin-bottom: 0;
}
input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid var(--cocoon-thin-color);
    background-color: #4a565f;
    color: #fff;
}

 /*見出し装飾をリセット*/
.article h2, .article h3, .article h4, .article h2::before, .article h3::before, .article h4::before {
	padding: 0;
	border: none;
	background: none;
}
.article h2 {
    font-size: 45px;
	min-width: 100%;
}
.article h2 {
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}
.article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 1.3em;
    margin-top: 0.3em;
}
 /*フッター*/
    .home .footer-bottom-logo .logo { /*ロゴ*/
    text-align: center;
    height: auto;
    }
.skin-grayish .footer { /*背景色*/
    background-color: #b32e25;
}
 /*TOPコンテンツをグループにした際の調整*/
.wp-block-cocoon-blocks-column-3.column-wrap.column-3.layout-box,
.wp-block-cocoon-blocks-column-2.column-wrap.column-2.column-2-2-1-1.layout-box.top-soshiki,
.wp-block-cocoon-blocks-column-2.column-wrap.column-2.column-2-3-2-1.layout-box.top-hiraku,
.wp-block-cocoon-blocks-column-2.column-wrap.column-2.column-2-2-1-1.layout-box {
    min-width: 100%;
}
p.has-text-align-center.has-text-color.has-link-color.wp-elements-5bae1246e77b7f04ab3ca625a40db231.wp-block-paragraph { /*問い合わせボタンの吹き出し*/
    margin-bottom: 10px;
}
.has-bottom-margin.is-style-bottom-margin-0em { /*テキストマージン*/
    margin-bottom: 2em !important;
	margin-top: 0em !important;
}
/*トップへボタン*/
.skin-grayish .go-to-top-button.go-to-top-button-icon-font {
    background-color: #b32e25;
    border: 1px solid #ffffff;
    border-radius: 99%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
		.header {
    background-image: url(https://fdr.or.jp/wp-content/uploads/2026/05/top-eyecatch01.jpg);
}
	.home .logo {
    text-align: center;
    height: 524px;
}
/*    .skin-grayish .mobile-menu-buttons {スマホのフッターボタン背景
        align-items: center;
        box-shadow: none;
        background-color: #b32e25;
    }*/
	.skin-grayish .mobile-menu-buttons .menu-button,
	.skin-grayish .mobile-menu-buttons .menu-button>a,
	.skin-grayish .sidebar-menu-content .sidebar-menu-close-button { /*スマホのボタン色*/
        color: #fff;
    }
	label#navi-menu-open { /*スマホの三本メニュー*/
    color: #fff;
   }
	span.fas.fa-times { /*スマホの三本メニュー展開後の×印*/
    color: #000;
   }
	.skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons { /*スマホの三本メニュー背景*/
    background-color: #b32e25;
	width: 50px;
   }
    .skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons { /*スマホの三本メニュー背景サイズ*/
    box-shadow: none;
    height: 50px;
	background-color: #b32e25;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.header {
    background-image: url(https://fdr.or.jp/wp-content/uploads/2026/05/top-eyecatch01.jpg);
}
	.home .logo {
    text-align: center;
    height: 524px;
}
	.wp-block-cocoon-blocks-column-3.column-wrap.column-3.layout-box.top-sns-icon {
    flex-direction: row;
}
	.skin-grayish .article h2 {
    font-size: 34px;
    padding: 0.6em 0;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.header {
    background-image: url(https://fdr.or.jp/wp-content/uploads/2026/05/top-eyecatch01.jpg);
}
	.home .logo {
    text-align: center;
    height: 524px;
}
	.wp-block-cocoon-blocks-column-3.column-wrap.column-3.layout-box.top-sns-icon {
    flex-direction: row;
}
}

/* =========================
 【TOPの会員一覧】全体レイアウト
========================= */
/* =========================
   全体レイアウト
========================= */

.shop-list-enclosure {
  width: 100%;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

/* =========================
   左カラム（画像2枚）
========================= */

.shop-list-enclosure .column-left {
  flex-shrink: 0;
}

/* 画像2枚横並び */

.shop-list-enclosure .column-left .wp-block-group {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

/* 画像サイズ */

.shop-list-enclosure .column-left img {
  width: 300px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* =========================
   右カラム（テキスト）
========================= */

.shop-list-enclosure .column-right {
  flex: 1;
  padding-left: 20px;
  text-align: left;
  box-sizing: border-box;
}

/* 事業者名 */

.shop-name {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  color: #535252;
}

/* リンク付き事業者名 */

.shop-name a {
  color: #0066cc;
  text-decoration: none;
}

.shop-name a:hover {
  opacity: 0.7;
}

/* 紹介文 */

.shop-description {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.8;
}

/* 紹介文リンク */

.shop-description a {
  color: #0066cc;
  word-break: break-all;
}

/* =========================
   SNSアイコン
========================= */

.shop-snslist {
  display: flex;
  gap: 15px;
  align-items: center;
}

.shop-snslist img {
  width: 32px;
  height: 32px;
  display: block;
}


/* =========================
   スマホ対応
========================= */

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

  .shop-list-enclosure {
    display: flex;
    flex-wrap: wrap;
  }

  /* 左カラム */

  .shop-list-enclosure .column-left {
    width: 100%;
  }

  /* 画像2枚横並び */

  .shop-list-enclosure .column-left .wp-block-group {
    gap: 10px;
    justify-content: center;
  }

  /* 画像 */

  .shop-list-enclosure .column-left img {
    width: calc(50vw - 25px);
    max-width: 300px;
  }
    .shop-list-enclosure .column-left .wp-block-image {
    margin-bottom: 0px
  }

  /* テキスト */

  .shop-list-enclosure .column-right {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    text-align: center;
  }

  /* 事業者名 */

  .shop-name {
    font-size: 20px;
    margin-bottom: 10px !important;
  }

  /* 紹介文 */

  .shop-description {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
  }

  /* SNS中央 */

  .shop-snslist {
    justify-content: center;
  }

  .shop-snslist img {
    width: 28px;
    height: 28px;
  }
}



/* =========================
 TOPの会社概要レイアウト
========================= */

.kaisya-list.wp-block-group {
  display: flex;
  gap: 20px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

/* =========================
   テーブルエリア
========================= */

.wp-block-group.kaisya-list.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-7387b849.wp-block-group-is-layout-flex {
  min-width: 100%;
  width: calc(100% - 620px);
  margin: 0;
}

/* テーブル */

figure.kaisya-list table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
  table-layout: fixed;
}

/* 左側（項目名） */

figure.kaisya-list td:first-child {
  width: 30%;
  background: #b32e25;
  color: #fff;
  padding: 10px;
  border: 1px solid #000;
  box-sizing: border-box;
  vertical-align: top;
}

/* 右側（内容） */

figure.kaisya-list td:last-child {
  width: 70%;
  background: #fff;
  color: #000;
  padding: 10px;
  border: 1px solid #000;
  box-sizing: border-box;
  vertical-align: top;
}

/* =========================
   MAP
========================= */

.kaisya-list.wp-block-group iframe {
  width: 600px;
  min-width: 600px;
  height: auto;
  min-height: 200px;
  border: 0;
}


/* =========================
   スマホ対応
========================= */

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

  .kaisya-list.wp-block-group {
    flex-direction: column;
    gap: 20px;
  }

  /* テーブル */

  figure.kaisya-list {
    width: 100%;
  }
  figure.kaisya-list td:first-child {
    width: 15%;
  }
	.main figure.wp-block-table {
    margin-bottom: 5px;
  }

  /* MAPを下へ */

  .kaisya-list.wp-block-group iframe {
    width: 100%;
    min-width: 100%;
    min-height: 250px;
  }
}


/* =========================
   見出しを改行する
========================= */
br.sp{
	display: none;
}

/* 768px以下のデバイスでspとpcの改行タグを切り替える */
@media screen and (max-width: 768px) {
    br.sp {
        display: block;
    }
    br.pc {
        display: none;
    }
}