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

 file name  :class-responsive.css
 style info :汎用クラス指定レスポンシブ用

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


/* ==========================================================================
   smartPhone
 ========================================================================== */
@media screen and (max-width: 640px){
	
	.spHide{
		display:none;
	}
	.pcHide{
		display:block;
	}
	/* js連携 電話番号リンク無効 */
	.tellink a{
		cursor:pointer;
	}

	/* ---------------------------------------------------------------------------
		ophover
	--------------------------------------------------------------------------- */
	.ophover:hover{
		opacity: 1 !important;
		-khtml-opacity: 1;
		-moz-opacity: 1;
	}
	
	
	/* ---------------------------------------------------------------------------
		ボタンエフェクト
	--------------------------------------------------------------------------- */
	/* デフォルト 黒 */
	.btn-eft a{
		padding:12px 0;
		width:100%;
		font-size:11px;
	}
	.btn-eft a:before{
		content:none;
	}
	.btn-eft:hover a{
		color:#fff;
	}
	/* 白 */
	.btn-eft.cl-w:hover a{
		color:#000;
	}
	
	
	
	.btn-eft02 a,
	.btn-eft02 span{
		padding:5px 0;
		font-size: 10px;
	}
	.btn-eft02 a:after,
	.btn-eft02 span:after{
		width:10px;
		height:1px;
	}
	.btn-eft02 a:hover:after,
	.btn-eft02 span:hover:after{
		width:10px;
		height:1px;
	}
	
	
	.btn-eft03 a{
		padding:12px 0;
		width:100%;
		font-size:11px;
	}
	.btn-eft03 a:before{
		width:10px;
		height:1px;
		bottom:6px;
	}
	.btn-eft03 a:after{
		content:none;
	}
	.btn-eft03 a:hover:before{
		background:#000;
	}
	
	.btn-eft03:hover a{
		color:#000;
	}
	
	
	/* ---------------------------------------------------------------------------
		cttl
	--------------------------------------------------------------------------- */
	.cttl{
		margin:0 0 20px;
		font-size:20px;
	}
	.cttl span{
		font-size:10px;
	}

	
	
/* ---------------------------------------------------------------------------
		囲み要素
	--------------------------------------------------------------------------- */
	.sec-inner{
		max-width:100%;
		padding:0;
	}
	.sec-inner02{
		max-width:100%;
		padding:0;
	}
	
}