@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;
	}

	/* ---------------------------------------------------------------------------
		白黒ボタン
	--------------------------------------------------------------------------- */
	.bw-btn a{
		width:52%;
		height:32px;
		font-size:14px;
		line-height:32px;
	}
	.bw-btn a:after{
		bottom:3px;
		right:3px;
		border-right:3px solid #111;
		border-bottom:3px solid #111;
		border-top:3px solid transparent;
		border-left:3px solid transparent;
	}
	.bw-btn a:hover:after{
		border-right:3px solid #fff;
		border-bottom:3px solid #fff;
	}
	.bw-btn.blk a:after{
		border-right:3px solid #fff;
		border-bottom:3px solid #fff;
	}
	.bw-btn.blk a:hover:after{
		border-right:3px solid #111;
		border-bottom:3px solid #111;
	}

	.bw-btn.en a{
		line-height:30px;
	}
	.bw-btn.w13 a{ width:48%;}
	.bw-btn.w20 a{ width:60%;}
	.bw-btn.w40 a{ width:100%;}
	
	/* ---------------------------------------------------------------------------
		囲み要素
	--------------------------------------------------------------------------- */
	.sec-inner{
		width:100%;
		padding:0;
	}
	
	.sec-inner02{
		width:100%;
		padding:0;
	}
	
	
	.afterline:after{
		margin:12px 0 0;
	}
	.afterline2:after{
		margin:12px 0 0;
	}

}