@charset "utf-8";
/* ===================================================================

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

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

.spHide{
}
.pcHide{
	display:none;
}
/* js連携 電話番号リンク無効 */
.tellink a{
	cursor:default;
}
/* js連携 画像差し替え */
.ccswitch{
	visibility:hidden;
}

/* ---------------------------------------------------------------------------
	webfonts
--------------------------------------------------------------------------- */
.wf-Crimson{ font-family: 'Crimson Text', serif;}
.wf-Hind{ font-family: 'Hind', sans-serif;}
.fwb{ font-weight: bold;}

.yumin{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


/* ---------------------------------------------------------------------------
	ophover
--------------------------------------------------------------------------- */
.ophover{
	-webkit-transition:opacity ease 0.3s;
	-moz-transition:opacity ease 0.3s;
	transition:opacity ease 0.3s;
}
.ophover:hover{
	opacity: 0.6 !important;
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}


/* ---------------------------------------------------------------------------
	ボタンエフェクト
--------------------------------------------------------------------------- */
/* デフォルト 黒 */
.btn-eft{
	text-align:center;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	border:solid 1px #343434;
}
.btn-eft a{
	display:block;
	padding:20px 0;
	width:100%;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	transition:all .3s ease;
	z-index:2;
	position:relative;
	background:#343434;
}
.btn-eft a:before{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all .3s ease;
	z-index:-1;
	margin:auto;
	background:#fff;
}
.btn-eft:hover a:before{
	width:100%;
	height:100%;
}
.btn-eft:hover a{
	color:#000;
}

/* 白 */
.btn-eft{
	border:solid 1px #9d9d9d;
}
.btn-eft.cl-w a{
	background:#fff;
	color:#000;
}
.btn-eft.cl-w a:before{
	background:#9d9d9d;
}
.btn-eft.cl-w:hover a{
	color:#fff;
}

/* オレンジ */
.btn-eft.cl-o a{
	background:#ea7722;
}
.btn-eft.cl-o a:before{
	background:#ff8e3a;
}
.btn-eft.cl-o:hover a{
	color:#fff;
}

/* グレイ */
.btn-eft.cl-g a{
	background:#4a4a4a;
}
.btn-eft.cl-g a:before{
	background:#666262;
}
.btn-eft.cl-g:hover a{
	color:#fff;
}



.btn-eft02 a,
.btn-eft02 span{
	display:block;
	padding:10px 0;
	font-size: 14px;
	position:relative;
	text-align:center;
	color:#000;
	text-decoration:none;
}
.btn-eft02 a:after,
.btn-eft02 span:after{
	content:"";
	display:block;
	width:19px;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.btn-eft02 a:hover:after,
.btn-eft02 span:hover:after{
	width:100%;
	height:2px;
}


.btn-eft03{
	text-align:center;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	border:solid 1px #777575;
}
.btn-eft03 a{
	display:block;
	padding:14px 0;
	width:100%;
	font-size:14px;
	color:#000;
	text-decoration:none;
	transition:all .3s ease;
	z-index:2;
	position:relative;
	background:#fff;
}
.btn-eft03 a:before{
	content:"";
	display:block;
	width:19px;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	margin:auto;
}
.btn-eft03 a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all .3s ease;
	z-index:-1;
	margin:auto;
	background:#777575;
}
.btn-eft03 a:hover:before{
	background:#fff;
	position:absolute;
}

.btn-eft03:hover a:after{
	width:100%;
	height:100%;
}
.btn-eft03:hover a{
	color:#fff;
}


/* ---------------------------------------------------------------------------
	cttl
--------------------------------------------------------------------------- */
.cttl{
	margin:0 0 54px;
	font-size:30px;
	text-align:center;
}
.cttl span{
	display:block;
	font-size:12px;
	font-weight: normal;
}


/* ---------------------------------------------------------------------------
	囲み要素
--------------------------------------------------------------------------- */
.sec-inner{
	max-width:1200px;
	margin:0 auto;
	padding:0 70px;
	box-sizing:content-box;
}
.sec-inner02{
	max-width:1000px;
	margin:0 auto;
	padding:0 70px;
	box-sizing:content-box;
}



/* ---------------------------------------------------------------------------
		.clearfix
			クリアフィックス
--------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}