@charset "UTF-8";

/*子テーマ用「base.css」*/


/*
# グローバルメニュー
/*フォントの基本色*/
body{
	color:#1a1a1a; /*MS ori#505050; */
}

.keni-gnav_wrap, #menu {
	background-color: #ebe7e5;/*MS added　Ori #fff*/
}

.keni-gnav_inner li{
	border-bottom: 1px solid #ebe7e5;/*MS 茶色系薄カラーへ変更*/
}
.keni-gnav_inner li a{
	border-bottom: 3px solid #ebe7e5; /*0422 MS Added*/
}
.keni-gnav_inner li li{
	background-color: #ebe7e5;  /*0422 MS modified Ori #f7f7f7*/
}
.keni-gnav_inner ul{
	border-top: 0;
	letter-spacing: -.5em;
	margin-left: auto; /*MS グローバルメニューの位置を中央に*/
	margin-right: auto;/*MS グローバルメニューの位置を中央に*/
}
@media only screen and (max-width : 736px){/*251208 MS Added*/
.keni-gnav_inner ul{
  letter-spacing: 0.08em;
}
}

/*----------------------------------------------*/

/** 251204 MS Moved from Parents **/
.related-entry-list .related-entry_title a{
	color: #000;
	text-decoration: none;
	font-size: 1.3em;/*MS added*/
}

/** 250716 MS Added **/

/*関連記事サムネイル画像位置変更*/
.related-entry-list_style01 .related-entry_thumb img{
  position: absolute;
  top: 0;/*Oriから変更*/
  left: 50%;
  transform: translate(-50%, 0);/*Oriから変更*/
  -webkit-transform: translate(-50%, 0);/*Oriから変更*/
  height: auto;      /* 現行維持／状況に応じ調整 */
  max-width: none;   /* 元テーマ仕様に合わせる or 必要なら変更 */
  /* 必要に応じて以下いずれか */
  /* min-width:100%;  -- サムネ幅いっぱいに確実に届かせる */
  /* height:100%; width:auto; -- 枠高優先で左右を切る場合はこちら */
}
.related-entry-list_style02 .related-entry_thumb img{
  position: absolute;
  top: 0;/*Oriから変更*/
  left: 50%;
  transform: translate(-50%, 0);/*Oriから変更*/
  -webkit-transform: translate(-50%, 0);/*Oriから変更*/
  height: auto;
  max-width: none;
}

/*独自 記事内埋め込み 問合せボタン 2025 Summer*/

.btn_ms,
a.btn_ms,
button.btn_ms {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 2rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  background:#ff8c00;/*Orange*/
  border-radius: 0.5rem;
}
a.btn--orange_ms {
  color: #fff;
  background-color: #ff8c00;/*Orange*/
  border-bottom: 5px solid #b84c00;
}
a.btn--orange_ms:hover {
  margin-top: 3px;
  color: #fff;
  background: #FFC37F;/*Orange彩度違い*/
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow_ms {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

@media (max-width: 767px) { 
.btn_ms,
a.btn_ms,
button.btn_ms {
  font-size: 1.8rem;
  padding: 1.6rem 3.2rem;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
a.btn--orange_ms {
  border-bottom: 3px solid #b84c00;
}
a.btn--orange_ms:hover {
  margin-top: 2px;
  border-bottom: 1px solid #b84c00;
}
a.btn--shadow_ms {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
}
/*----------------------------------------------*/


/* ---------------------------------
　サイドバーの文字色は白のまま
---------------------------------- */
.keni-sub h3 {
 color: #FFF!important;
}

/* ------------------------------------------------- */
/** 以前の履歴：250731 MS Added Top頁サムネイルTitleグレー帯調整**/
/*.entry-list h2.entry_title {
    padding: 8px 16px;
    line-height: 160%;
    font-size: 1.8rem;
}*/
/** 251204 MS Modified Top頁サムネイルTitle**/
.entry-list h2.entry_title {
    padding: 2px 0px;
    font-size:2.0rem;
    line-height: 1.5;
    color:#423f3f;
}
/* ------------------------------------------------- */

/* ---------------------------------
 記事のh2/h4を無効化
---------------------------------- */
.article-body h2 {
  background: transparent;
  color: #000;
}
.article-body h4 {
  border-bottom: none;
  color: #000;
}
/* ---------------------------------
h2=立体感のある　薄グレー背景バー
---------------------------------- */
.article-body h2 {
  padding: 0.4em 0.7em;/*文字の上下 左右の余白*/
 color: #494949!important;/*文字色*/
  background: #e6e4e3!important;/*背景色*/
  border-left: solid 7px #5a3f30;/*左線*/
  border-bottom: solid 3px #cfcdcc;/*下線*/
}
/* ---------------------------------
h4=ひだり縦線のみ
---------------------------------- */
.article-body h4 {
  padding: 0.2em 0.5em;/*上下 左右の余白*/
  color: #494949!important;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #70503e;/*左線*/
}

/* ------------------------------------------------- */
/** 250806 MS Added 親テーマよりコピペ、変更。SP追加**/
/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 40px;
	z-index: 90;
	margin-bottom: 0;
	background-color: #13448f;/*NavyシアンHPメル登録色より濃い Ori#333*/
	line-height: 1.0;
}
.page-top a{
	display: block;
	padding: 16px 17px;
	text-align: center;
}
.page-top a::before{
	display: inline-block;
	content: "\e906";
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 767px) { 
  .page-top{
	right: 10px;
	bottom: 80px;
}
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/** 250806 MS Added SPフッター独自CTA２つ**/

.fn-footer-panel { /*guided*/
    bottom: -6px;
    left: 0;
}
ul#spfooter{
 display:flex;
 justify-content: center;
 margin:0;
 padding: 0;
}
ul#spfooter li{
 display:inline-block;
 width: 50%; /*guided*/
 padding: 0; /*guided*/
 line-height: 150%; /*guided*/
 margin: 0; /*guided*/
 list-style: none;
 color:#fff;
 font-weight:bold;
 padding:8px 4px;
}
ul#spfooter li.cont{
 background: #ff9901;/*WPオレンジ色*/
}
ul#spfooter li.mel{
 display:inline-block;
 list-style: none;
 background: #70503e;/*WP茶色*/
}
/** 251208 MS Modified アイコンのUnicode Font付加**/
ul#spfooter li.cont a, ul#spfooter li.mel a{
  display:inline-block;
  width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 100%;
	padding: 8px 4px;/*MS Modified*/
}

ul#spfooter li.cont a::before,
ul#spfooter li.mel a::before{
  display: inline-block;
  font-family: 'icomoon-ms'; /*251209 MS Added IcoMoon */
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  margin-right: .4em;  
}
ul#spfooter li.cont a::before{
  content: "\e97d"; /* Spinner4msアイコン IcoMoon*/
}
ul#spfooter li.mel a::before{
  content: "\e935"; /* price-tagmsアイコン IcoMoon*/
}

/* ------------------------------------------------- */


/* ------------------------------------------------- */
/** 250808 MS Added PC専用ヘッダー右上バナー**/

.header-catch a {
    background: #5BC130;
    border: 2px solid #5BC130;
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    padding: 20px 30px;
    margin: 10px 0 0;
    display: block;
}
.header-catch a:hover {
    background: #fff;
    color: #5BC130;
}
@media only screen and (max-width : 736px){
.header-catch a {
    display: none;
}
}

/* ------------------------------------------------- */