@charset "UTF-8";

/* ------------------------------
　　フィールドモジュールから変数の読み込み。SetRenderedしていく。
------------------------------ */

	/* 	フォントのサイズ */
	
	

	/* 	見出しの書体 */
	
	

	/* 	タイトルの中央ぞろえ */
	

	/* 	見出しの中央ぞろえ */
	
	
	

	
	
	

	
	
	

	/* 	メインの色 */
	
	

	/* 	背景色 */
	
	

	/* 	ボタンの専用色 */
	
	

	/* 	テキストのリンクの色 */
	

	/* 	テキストの警告色 */
	

	/* 	テキストの安全色 */
	

	/* 	サイト全体の文字色（白文字の使用）	 */
	
	
	/* 	スライダーの高さ */
	
	
	
	/* 	小さなスライダーの高さ */
	

	

	

	

	/* 	ロゴの表示サイズ */
	

	




/* ------------------------------
　　管理画面
------------------------------ */
.custom_bgcolorbegin .mainColor			{background: rgba(234,25,33,1);}
.custom_bgcolorbegin .mainColor-pale	{background: rgba(234,25,33,0.15);}
.custom_bgcolorbegin .grayColor			{background: rgba(0,0,0,0.1);}
.custom_bgcolorbegin .btnColor			{background: rgba(198,5,42,1);}
.custom_bgcolorbegin .dangerColor		{background: rgba(224,30,44,1);}
.custom_bgcolorbegin .safeColor			{background: rgba(0,122,160,1);}
.custom_bgcolorbegin .btnColor-pale		{background: rgba(198,5,42,0.125);}
.custom_bgcolorbegin .dangerColor-pale	{background: rgba(224,30,44,0.125);}
.custom_bgcolorbegin .safeColor-pale	{background: rgba(0,122,160,0.125);}

p.custom_bgcolor{
	background: rgba(224,30,44,0.85);
	}
/* ------------------------------
　　管理画面▲▲▲
------------------------------ */

/* ------------------------------
　　ベース
------------------------------ */
body{background: rgba(255,255,255,1);
}

/* ------------------------------
　　フォントサイズ
------------------------------ */
.acms-page-header .entry-title,.entry-column h2,.entry-column h3,.entry-column h2 span.bold,.entry-column h3 span.bold,.customSection .pointLabel,.customSection .point,.summaryEntryTitle,.page-title-wrapper .page-title,h2.categoryTitle,.telBtn,.main-slider-main-copy,.main-slider-side-copy,span.maxbig span.bold,span.bold span.maxbig,.page-description{
	font-family: "M PLUS 1p","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif; }

html {
  font-size: 16px; /* モジュールフィールドのフォントサイズを反映 */
}

/* ------------------------------
　　リンク　link
------------------------------ */
.entry-column a,.entry-column a:link,.entry-column a:visited{
	color: rgba(0,109,217,1);
}
.entry-column a:hover,.entry-column a:active{
	color: rgba(0,109,217,0.8);
}
.linkBtn,.linkBtn:visited,.entry-column a.linkBtn,.entry-column a.linkBtn:link,.btn-attention-block-large{
	background: rgba(234,25,33,1);
}
.btn-attention-block-large:active,.btn-attention-block-large:focus{
	background: rgba(234,25,33,0.65);
}
.linkBtn:hover,.linkBtn:active,.entry-column a.linkBtn:hover,.entry-column a.linkBtn:hover,.btn-attention-block-large:hover{
	background: rgba(234,25,33,0.85);
}
/*  ボタンのカスタムユニット
------------------------------ */
.linkBtn.origin, .entry-column a.linkBtn.origin, .entry-column a.linkBtn.origin:link{
	background: rgba(198,5,42,1);
}
.linkBtn.origin:hover,.linkBtn.origin:active,.entry-column a.linkBtn.origin:hover,.entry-column a.linkBtn.origin:hover{
	background: rgba(198,5,42,0.85);
}

/* ------------------------------
　　ヘッダーロゴ　logo header
------------------------------ */
.FirstHeader{				background: rgba(234,25,33,1);}
.FirstHeader.mainColor		{background: rgba(234,25,33,1);}
.FirstHeader.line			{background:#fff;border-top: 5px solid rgba(234,25,33,1);}
.FirstHeader.mainColor-pale	{background: rgba(234,25,33,0.5);}
.FirstHeader nav.white .nav-menu-btn,.FirstHeader nav.line .nav-menu-btn{
	color: rgba(234,25,33,1);
}

/* ------------------------------
　　ナビゲーション navi
------------------------------ */
.MobileShortcut{
	background: rgba(234,25,33,1);
}
.LargeGlobalNav__mainList{
	border-left: 1px solid rgba(234,25,33,0.25);
}
.LargeGlobalNav__mainList:last-child{
	border-right: 1px solid rgba(234,25,33,0.25);
}
.LargeGlobalNav__mainList.special{
	background: rgba(198,5,42,1);
}
.LargeGlobalNav__mainList.bl-hover{
	background: rgba(234,25,33,0.075);
}
.LargeGlobalNav__mainList.bl-hover.special{
	background: rgba(198,5,42,0.8);
}
.headerNavSub{
	background: rgba(234,25,33,1);	
}
.LargeGlobalNav{
	border-top: 1px solid rgba(234,25,33,1);
}

/*  オフキャンバスのナビ 
------------------------------ */
.js-acms-offcanvas-active .offcanvas-bar{
	background: rgba(234,25,33,1);
}
@media (min-width: 1024px){
	.navbar li:hover a {
	    border-bottom: 4px solid rgba(234,25,33,1);
	}
}

/* ------------------------------
　　タイトル・ヘッダー　header title
------------------------------ */
.page-title-wrapper{
	background: rgba(234,25,33,1);
}
h2.categoryTitle{
    background-color: rgba(234,25,33,0.2);
    border-left: 6px solid rgba(234,25,33,1);
}
a.categoryTitleWrap:hover{
	color: rgba(234,25,33,1);
    border-left: 12px solid rgba(234,25,33,1);
}
a.categoryTitleWrap:hover h2.categoryTitle{
    background-color: rgba(234,25,33,0.4);
}

/* ------------------------------
　　サブ領域 sub
------------------------------ */
.module-header{
	border-bottom: 2px solid rgba(234,25,33,1);
}

/* ------------------------------
　　エントリー　entry
------------------------------ */
.acms-page-header .entry-title{
	text-align: left;
}
.entry-column h2{
	text-align: left;
	border-bottom: 1px solid rgba(234,25,33,1);
	background: url(https://ksd10.rou-co.com/themes/nangoku@site2018/images/bg_dot_white.png) rgba(234,25,33,0.22) 0 0 repeat;
}
@media (min-width: 768px) {
	.entry-column h2{background: url(https://ksd10.rou-co.com/themes/nangoku@site2018/images/bg_dot_white.png) rgba(234,25,33,0.18) 0 0 repeat;}
}
.entry-column h2.bgColor{
	text-align: left;
	background: rgba(234,25,33,0.85);
}
.entry-column h2.bgNone{
	text-align: left;
}
.entry-column h3{
	text-align: left;
	border-bottom: 3px solid rgba(234,25,33,0.75);
}
.entry-column h3.bgColor{
	text-align: left;
	background: url(https://ksd10.rou-co.com/themes/nangoku@site2018/images/bg_dot_blackCircle.png) rgba(234,25,33,0.75) 0 0 repeat;
	border-left: 10px solid rgba(234,25,33,1);
}
@media (min-width: 768px) {
	.entry-column h3.bgColor{background: url(https://ksd10.rou-co.com/themes/nangoku@site2018/images/bg_dot_blackCircle.png) rgba(234,25,33,0.75) 0 0 repeat;}
}
.entry-column h3.bgNone{
	text-align: left;
}
.entry-column h4{
	text-align: left;
	border-bottom: 1px dashed rgba(234,25,33,0.7);
}
.entry-column h4.bgColor{
	text-align: left;
	border-bottom: 0.1em solid rgba(234,25,33,0.4);
	background-color: rgba(234,25,33,0.18);
}
.entry-column h4.bgNone{
	text-align: left;
}
span.color{
	color:  rgba(234,25,33,1);
}
span.dangerColor{
	color:  rgba(224,30,44,1);
}
span.safeColor{
	color:  rgba(0,122,160,1);
}
/* 段落セットのカスタムユニット ▼▼▼*/
.customSectionWrap{
	background-color: rgba(234,25,33,1);
	}
.customSectionWrap.light{background-color: rgba(234,25,33,0.15);}

/* 文字色 */
.customSection.color,.entry-column .customSection.color h2{color: rgba(234,25,33,1);text-shadow: none;}

.customSection .pointWrap.color .point{
	background-color: rgba(234,25,33,1);
}
.customSection .pointWrap.border .point{
	border: 2px solid rgba(234,25,33,1);
	color: rgba(234,25,33,1);
}
/* 文字色を白に（白文字） */
.NoWhite{color: rgba(255,255,255,1);}
/* bodyTextColor__whitePartsにて、白色にするパーツを指定している。{}があると、GET_Renderedが動かないため。 */

/* 背景色のカスタムユニット */
.custom_bgColor.mainColor{background: rgba(234,25,33,1);}
.custom_bgColor.mainColor-pale{background: rgba(234,25,33,0.08);}
.custom_bgColor.grayColor{background: rgba(0,0,0,0.04);}
.custom_bgColor.btnColor{background: rgba(198,5,42,1);}
.custom_bgColor.dangerColor{background: rgba(224,30,44,1);}
.custom_bgColor.safeColor{background: rgba(0,122,160,1);}
.custom_bgColor.btnColor-pale{background: rgba(198,5,42,0.08);}
.custom_bgColor.dangerColor-pale{background: rgba(224,30,44,0.08);}
.custom_bgColor.safeColor-pale{background: rgba(0,122,160,0.08);}

/* エントリーのリスト */
.entry-column ul li:before{
   background-color: rgba(234,25,33,0.6);
}
.entry-column ol li:before {
  color: rgba(234,25,33,1);
}

/* シリアルナビ */
.serial-nav span.linkName{
	color: rgba(0,109,217,1);
}
.serial-nav .upperLink a:hover{
	background:  rgba(0,109,217,0.1);
}
.serial-nav .upperLink .acms-icon-sort{
	color: rgba(0,109,217,1);
}
@media screen and (min-width: 768px){
	.serial-nav li.nextLink a{
		border-right: 5px solid rgba(0,109,217,1);
	}
	.serial-nav li.nextLink a:hover{
		border-right: 1px solid rgba(0,109,217,1);
	}	
	.serial-nav li.prevLink a{
		border-left: 5px solid rgba(0,109,217,1);
	}
	.serial-nav li.prevLink a:hover{
		border-left: 1px solid rgba(0,109,217,1);
	}
	.serial-nav li a:hover{
		background:  rgba(0,109,217,0.1);
	}
}
/* カテゴリーごとの動線カスタム　メイン領域 */
.guideTextEntry{
	background: rgba(234,25,33,0.05);
}
.guideTextBottomEntry{
	border-top: 4px solid rgba(234,25,33,0.5);
}
.guideTextFirstEntry{
	border-bottom: 4px solid rgba(234,25,33,0.5);	
}
/* ------------------------------
　　▲▲▲エントリー　entry
------------------------------ */

/* ------------------------------
　　サマリー・一覧　index
------------------------------ */
.summary-custom-entry {
    border-top: 3px solid rgba(234,25,33,1);
}
.summary-custom-entry.baseColor {
	background: rgba(234,25,33,0.04);
}
.borderShowLeft .summary-custom-entry{
	border-top: none;
	border-left: 3px solid rgba(234,25,33,1);

}
.borderShowAll .summary-custom-entry{
	border: 1px solid rgba(234,25,33,0.5);
}
.indexGuideWrap .guideText{
	background: rgba(234,25,33,0.05);
	border: 1px solid rgba(234,25,33,0.05);
}
nav.cfFilter ul a{
	background: rgba(234,25,33,1);	
	text-shadow: 0px 0px 3px rgba(0,0,0,0.35);
}
.cfFilterWrap label.filterName{
	border-bottom: 2px solid rgba(234,25,33,0.5);
	background: rgba(234,25,33,0.07);
}
label.entryFieldFilter{
	background: rgba(234,25,33,0.1);
}

/* ------------------------------
　　トップ　top
------------------------------ */

/* メインビジュアル */
.fix-height, .main-slider-image{
	height: 300px;
}
@media screen and (min-width: 768px){
	.fix-height, .main-slider-image {
	    height: 400px;
	}
}
#autoplay-btn{display: none;}

/* トップ横スライド */
#top_slide {
	height: 200px;
}

#top_slide ul li {
	width: 200px;
	height: 200px;
}
@media screen and (max-width: 767px) {
	#top_slide {
	height: 100px;
	}
	#top_slide ul li {
		width: 100px;
		height: 100px;
	}
}

/* ------------------------------
　　フッター footer
------------------------------ */
.spFooterNaviWrap {
    background: rgba(234,25,33,1);
}
/* 	フッターサジェスト▼▼▼ */
.telBtn .tenIcon{
	background: rgba(234,25,33,1);
}
.suggest-box h2{
	background: rgba(234,25,33,1);
}
.foot-wrapper{
	background: rgba(234,25,33,1);
}
.suggest-box{
	background: rgba(234,25,33,0.15);
}
/*  追従バナー
------------------------------ */
.FloatingBanner__wrap,.FloatingBanner__imgWrap,.FloatingBanner__iconWrap{
	background-color: rgba(234,25,33,1);

}