@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ヘッダーバーのキャッチフレーズの表示幅 */
.l-header__bar .c-catchphrase {
width: 80%;/*数値は自由*/
}

/*header お問い合わせボタン部分のデザイン*/
.header_right {
	display:table;
	text-align:center;
}
.header_tel {
	font-size: 1.2em;
	font-weight: bold;
}
.header_tel i {
	color: #000D99;
}
.header_tel a {
	color: #000D99;
}
.btn_blue {
color: #000D99;
background-color: #fff;
border: 1px solid #000D99;
border-radius: 100vh;
padding: 4px 12px;
font-size: 0.8rem;
font-weight: bold;
	white-space: nowrap;
}
.btn_green:hover {
color: #fff;
background: #000D99;
}
.btn_green span {
margin: 2px 10px;
}

/*パンくずを記事名まで表示させる*/
.p-breadcrumb__list {
    flex-wrap: wrap; //記事名が長い場合は折り返す
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block!important; //記事名の表示
    opacity: 1; //記事名を半透明にしない
    white-space: pre-wrap;//記事名が長い場合は折り返す
}
#breadcrumb {
	background-color: #f3f8ff;
}

/*SNS シェアボタンのデザイン*/
/* ボタンの基本スタイル */
.c-shareBtns__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #000D99;
  background-color: transparent;
  color: #0087c1;
  transition: background-color 0.3s, color 0.3s;
}
/* アイコン（フォント or SVG）の色統一 */
.c-shareBtns__icon {
  color: #000D99;
  fill: #0087c1;
  transition: fill 0.3s, color 0.3s;
}
/* ホバー時に色を反転（背景：#0087c1、アイコン：白） */
.c-shareBtns__btn:hover {
  background-color: #000D99;
  color: #ffffff;
}
/* ホバー時のアイコン色反転 */
.c-shareBtns__btn:hover .c-shareBtns__icon {
  color: #ffffff;
  fill: #ffffff;
}
/* 各SNS項目の背景を消す（念のため） */
.c-shareBtns__item {
  background: none;
}

.c-pageTitle {
  color: #fff;
  text-shadow:
    -1px -1px 0 #000D99,
     1px -1px 0 #000D99,
    -1px  1px 0 #000D99,
     1px  1px 0 #000D99,
     2px  2px 2px rgba(0, 13, 153, 0.4); /* 影（任意） */
}
.c-pageTitle__subTitle {
	display: block;
  color: #fff;
  text-shadow:
    -1px -1px 0 #000D99,
     1px -1px 0 #000D99,
    -1px  1px 0 #000D99,
     1px  1px 0 #000D99,
     2px  2px 2px rgba(0, 13, 153, 0.4); /* 影（任意） */
}

/*記事下のカテゴリー表示を削除*/
.c-categoryList {
	display:none !important;
}

.for_SP {display: inline-block;}
.for_PC {display: none}
.for_TB {display: none;}

/* -------------------------------------------- */
/* ▼タブレット用として付け足すデザイン */
/* -------------------------------------------- */
	@media (min-width: 768px) {
.for_SP {display: none;}
.for_PC {display: none}
.for_TB {display: inline-block;}
		
	}

/* ------------------------------------ */
/* ▼PC用として付け足すデザイン */
/* ------------------------------------ */
	@media (min-width: 1024px) {
.for_SP {display: none;}
.for_PC {display: inline-block;}
.for_TB {display: inline-block;}
		
/*PC用グローバルメニューの設定*/
/* 現在ページ：背景 #0087c1、文字白 */
.current_page_item > a,
.current-menu-item > a {
  background-color: #000D99 !important;
  color: #fff !important;
  position: relative;
  z-index: 1;
}
/* .ttl テキストの色 */
.current_page_item > a .ttl,
.current-menu-item > a .ttl {
  color: #fff !important;
  position: relative;
  z-index: 1;
}
/* ▼マークを文字の上に、5px離して表示 */
/* 現在ページ：背景 #0087c1、文字白 */
.current_page_item > a,
.current-menu-item > a {
  background-color: #000D99 !important;
  color: #fff !important;
  position: relative;
  z-index: 1;
}
/* .ttl テキストの色 */
.current_page_item > a .ttl,
.current-menu-item > a .ttl {
  color: #fff !important;
  position: relative;
  z-index: 1;
}
.current_page_item > a .ttl::before,
.current-menu-item > a .ttl::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 0px);
  left: 50%;
  transform: translateX(-50%);
  width: 60px; /* 画像の幅 */
  height: 14px; /* 高さは画像に合わせて調整 */
  background-image: url("/wp-content/uploads/menu_top_wt.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  pointer-events: none;
}
/* .sub-menu の場合は非表示 */
.sub-menu .ttl::before {
  content: none;
}
/* サブメニュー内は▼非表示 */
.sub-menu .current_page_item > a .ttl::before,
.sub-menu .current-menu-item > a .ttl::before {
  content: none !important;
}
/* hoverしても文字色は白のまま */
.current_page_item:hover > a,
.current-menu-item:hover > a,
.current_page_item:hover > a .ttl,
.current-menu-item:hover > a .ttl {
  color: #fff !important;
}
/* current_page_item じゃない時の hover 背景色 */
.c-gnav li:not(.current_page_item):hover > a,
.c-gnav li:not(.current-menu-item):hover > a {
  background-color: #f3f8ff !important;
  color: inherit !important;
}
/* サブメニュー内 hover 時の文字色を #0087c1 に */
.sub-menu li:hover > a,
.sub-menu li:hover > a .ttl {
  color: #000D99 !important;
}
		
	}