@charset "utf-8";

/* ===================================================================

 file name  :class.css
 style info :汎用クラス指定

=================================================================== */
.spHide{
}
.pcHide{
	display:none;
}
/* js連携 電話番号リンク無効 */
.tellink a{
	cursor:default;
}
/* js連携 画像差し替え */
.ccswitch{
	visibility:hidden;
}
@media screen and (max-width: 640px){
	.spHide{
		display:none;
	}
	.pcHide{
		display:block;
	}
	/* js連携 電話番号リンク無効 */
	.tellink a{
		cursor:pointer;
	}
}


/* ---------------------------------------------------------------------------
	font
--------------------------------------------------------------------------- */
.yumin{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.yugo{font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}
.italic{font-style: italic;}
.bold{font-weight: bold;}
.no-text-decoration{text-decoration: none;}

/* ---------------------------------------------------------------------------
	webfont
--------------------------------------------------------------------------- */
.wf-TsukuMinPr6-LB{	font-family: "FOT-筑紫明朝 Pr6 LB";}
.wf-TsukuMinPr6-R{	font-family: "FOT-筑紫明朝 Pr6 R";}
.wf-TTsukuGoPr5-R{	font-family: "FOT-筑紫ゴシック Pr5 R";}
.wf-TsukuGoPro-B{	font-family: "FOT-筑紫ゴシック Pro B";}
.wf-TsukuGoPr5-D{	font-family: "FOT-筑紫ゴシック Pr5 D";}
.wf-TsukuAOldMinPr6-R{	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";}
.wf-RyuminR-KL{ font-family: "リュウミン R-KL";}
.wf-RyuminM-KL{ font-family: "リュウミン M-KL";}
.wf-MB101-M{ font-family: "ゴシックMB101 M";}
.wf-FutoGoB101{font-family: "太ゴB101";}
.wf-HiraKakuProN-W3{font-family: "FP-ヒラギノ角ゴ ProN W3";}
.wf-HiraKakuProN-W6{font-family: "FP-ヒラギノ角ゴ ProN W6";}
.wf-HiraMinProN-W3{font-family: "FP-ヒラギノ明朝 ProN W3";}
.wf-HiraMinProN-W6{font-family: "FP-ヒラギノ明朝 ProN W6";}

.wf-Oswald{font-family: 'Oswald', sans-serif;}



/* ---------------------------------------------------------------------------
	画像100％
--------------------------------------------------------------------------- */
.img-w100{
	width: 100%;
	height: auto;
}

/* ---------------------------------------------------------------------------
	テキストシャドウ
--------------------------------------------------------------------------- */
.tx-shadow{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2),
							 -1px -1px 2px rgba(0,0,0,0.2),
							 -1px 1px 2px rgba(0,0,0,0.2),
							 1px -1px 2px rgba(0,0,0,0.2),
							 0px 0px 1px rgba(0,0,0,0.2),
							 0px 0px 4px rgba(0,0,0,0.6);
}


/* ---------------------------------------------------------------------------
	ophover
--------------------------------------------------------------------------- */
.ophover{
	transition:opacity ease .3s;
}
.ophover:hover{
	opacity: 0.6 !important;
}



/* ---------------------------------------------------------------------------
	色
--------------------------------------------------------------------------- */
.cl-fff{	color: #FFF;}
.cl-9f1d2c{	color: #9f1d2c;}
.cl-d6ba77{	color: #d6ba77;}
.cl-2b7d09{	color: #2b7d09;}
.cl-fff600{	color: #fff600;}

/* ---------------------------------------------------------------------------
	背景
--------------------------------------------------------------------------- */
.bg-green{background: #134000;}
.bg-green-grade{background: linear-gradient(to bottom, rgba(65,122,50,1) 0%,rgba(25,82,2,1) 100%);}
.bg-f5f6f0{	background: #f5f6f0;}
.bg-f5f5f0{	background: #f5f5f0;}


.ls-0{letter-spacing: 0 !important;}
.ls-m005{letter-spacing: -0.05em !important;}
.ls-m01{letter-spacing: -0.1em !important;}
.ls-m015{letter-spacing: -0.15em !important;}


/* ---------------------------------------------------------------------------
	ttl-block
--------------------------------------------------------------------------- */
.ttl-block{
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.ttl-block::after{
	content:'';
	display: block;
	background: url(../../images/common/ico_line.png);
	background-size:cover;
	width: 54px;
	height: 8px;
	position: absolute;
	bottom:0;
	left:0;
}
.ttl-block .ttl{
	font-size: 32px;
	line-height: 1.4;
}
.ttl-block .sub{
	margin-top: 0.5em;
	display: block;
	font-size: 20px;
}
@media screen and (max-width: 640px){
	.ttl-block{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.ttl-block::after{
		width: 27px;
		height: 4px;
	}
	.ttl-block .ttl{
		font-size: 16px;
	}
	.ttl-block .sub{
		font-size: 12px;
	}
}

/* ---------------------------------------------------------------------------
	ttl-center
--------------------------------------------------------------------------- */
.ttl-center{
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 32px;
	text-align: center;
}
.ttl-center::after{
	content:'';
	display: block;
	background: url(../../images/common/ico_line.png);
	background-size:cover;
	width: 54px;
	height: 8px;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 640px){
	.ttl-center{
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 15px;
	}
	.ttl-center::after{
		width: 27px;
		height: 4px;
	}
}

/* ---------------------------------------------------------------------------
	btn-primary
--------------------------------------------------------------------------- */
.btn-primary{
	background:#FFF;
}
.btn-primary a,
.btn-primary .input-wrap input{
	display:block;
	position:relative;
	padding:16px 0;
	color:#FFF;
	line-height:1;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	background: #8e9399;
	transition:opacity ease 0.3s;
	cursor:pointer;
}
.btn-primary .input-wrap{
	position:relative;
	display:block;
}
.btn-primary a:after {
}


@media screen and (max-width: 640px){
		/* ---------------------------------------------------------------------------
		btn-primary
	--------------------------------------------------------------------------- */
	.btn-primary{
	}
	.btn-primary a,
	.btn-primary .input-wrap input{
		padding:14px 0;
		font-size:18px;
		line-height: 1.4;
	}
	.btn-primary a:after {
	}


	/* ---------------------------------------------------------------------------
		btn-special
	--------------------------------------------------------------------------- */
	.btn-special a{
		background-size:100% 100%;
	}


}



/* ---------------------------------------------------------------------------
		.clearfix
			クリアフィックス
--------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearB {
	clear:both;
	height: 0px;
	overflow: hidden;
	line-height:0;
}