@charset "UTF-8";
/*********************************************************************
 * 【design-typeA - 共通デザイン用CSS】
 * *******************************************************************/

/* 全体デザインの微調整（好みレベルでもある） ======
 * ⬇︎ ⬇︎ ⬇︎ ===========================*/
/** 本文要素下の隙間をゼロにするための処理*/
.main {
    padding-bottom: 0!important;
}
.entry-content,.article{
	margin-bottom:0!important;
}
footer{
	margin-top:0!important;
}

/* アピールエリアデザインカスタマイズ設定 =========
 * ⬇︎ ⬇︎ ⬇︎ ===========================*/

/* アピールエリアは表示内容がJSで変更されるので、チラつき防止に初期非表示*/
#appeal{
	visibility:hidden;
}


/* フッターデザインカスタマイズ設定 ============
 * ⬇︎ ⬇︎ ⬇︎ ===========================*/

.footer-center{
	/* 中央フッターを広げる*/
	width:80%;
}
.footer-bottom{
	/* マージンカット*/
	margin-top:0!important;
}
.footer-widgets.cf,.footer-widgets-mobile.cf{
	/* マージンカット*/
	margin-bottom:-40px!important;
}
.footer-menu-ex-pc a,.footer-menu-ex-sp a{
	/* 下線を除去*/
	text-decoration: none!important;
}
.footer-banner-img{
	/* スポンサー広告の文字を近づける*/
	margin-bottom:0px!important;
}

/** フッターへの適用処理*/
.footer.footer-container.nwa{
	background-color:var(--custom-footer-background-color)!important;
	color:var(--custom-footer-text-color)!important;
}

/** フッター用コンテンツへの適用処理*/
.footer-menu-ex-pc a,.footer-menu-ex-sp a{
	color:var(--custom-footer-text-color)!important;
	font-size:var(--custom-footer-text-size)!important;
}


/* ヘッダー系デザインカスタマイズ設定 ============
 * ⬇︎ ⬇︎ ⬇︎ =============================*/

/* ---------------------
 * ヘッダーデザイン処理
 * --------------------*/

/** ヘッダーは横幅いっぱいに使う*/
.header-in{ width:100%; }
/** ヘッダー各メニューは枠線で囲む*/
#navi .navi-in > ul > li{
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
}
#navi .navi-in > ul > li:last-child{
	border-right: 1px solid #eee;
	border-top:1px solid #eee;
}
/** ヘッダーメニューを横幅へ均等配置（横幅に収まらない場合は複数行に自動変換）*/
#navi .navi-in > ul > li {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}
.navi-in.wrap.cf{
	margin-right:0;
	margin-left:0;
	width:100%;
}
.navi-in > ul {
-webkit-justify-content:space-between; /* Safari */
  justify-content:space-between;
}

/** サブメニューに微調整*/
.navi-in>ul .sub-menu { opacity: 0.95; padding-bottom:2px; }

/* ---------------------
 * キャッチフレーズ系処理
 * --------------------*/
.tagline{
	/* 文字は左寄せ*/
	text-align:left;
	/* 配置エリア調整*/
	width:100%;
	margin:0;
	padding:0 2em;
	margin-bottom:15px;
}

/* ---------------------
 * 追従ヘッダー処理
 * --------------------*/

/** 追従ヘッダーにはバナー不要*/
.hlt-top-menu .add-header-contents{
	display:none;
}
/** 追従ヘッダーは横幅をいっぱいで利用する*/
.header-container-in.hlt-top-menu.wrap{
	width:100%!important;
}
/** デザイン微調整：ロゴの左側に隙間を用意*/
.header-container.fixed-header .header.cf{
	padding-left:50px!important;
}
/** デザイン微調整：追従メニューの行数が1行の場合にロゴがはみ出るため、微調整*/
.header-container-in.hlt-top-menu .logo-header img {
	/** （vertical-align:middleだとずれる...）*/
	vertical-align:baseline!important;
	padding:2px 0!important;
}

/* ---------------------
 * FAQ ボックス処理
 * --------------------*/
/** デフォルトだと開閉ボタンと文字かかぶるので微調整*/
@media screen and (max-width: 1023px){
	.is-style-accordion .faq-question-content{
	    padding-right:20px;
	}
}
@media screen and (min-width: 1024px){
	.is-style-accordion .faq-question-content{
	    padding-right:30px;
	}	
}

/** PC以外の調整処理 */
@media screen and (max-width: 1023px){

	/* ヘッダーコンテンツバナーはPCでのみ表示する*/
	.widget_text.add-header-contents{display: none!important; }
	/* cocoon標準のSP追従ヘッダーは不要（h1タグのロゴを表示したいため）*/
	.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{display:none; }
	/* SP系はキャッチフレーズ表示を中央寄せにし、マージン調整*/
	.tagline{ text-align:center!important; margin-bottom:0!important; }
	/* SP時に標準ロゴを除去する処理が入っているので、inlineで復帰（PHP等々に手を入れたくない）*/
	.logo.logo-header.logo-image{ display:inline!important; width:100%; }
	/* PC用に調整していたロゴ表示をSP向けに微調整*/
	.logo.logo-header{ padding-left:0!important; text-align:center!important; }
	/* SP追従ヘッダー用にTOPに隙間が開いていたので、隙間を除去*/
	.mblt-header-and-footer-mobile-buttons{ margin-top:0!important; }

	/* SPの際はロゴ・キャッチフレーズの並び順を変える（デザイン的にしっくりくるように）*/
	.header-in{display:flex!important;}
	.logo{order:1!important;}
	.tagline{order:2!important;}
	.logo-image{padding-bottom:0!important;}

}