@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */



/* =============================================================
 汎用CSS
============================================================= */




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

.font_14{
	font-size:14px;
}

.font_18{
	font-size:18px;
}

.font_24{
	font-size:24px;
}

.font_36{
	font-size:36px;
}

.font_48{
	font-size:48px;
}

/*フォントカラー
--------------------------------------------------------------*/
.font_black{
	color:#000;
}

.font_white{
	color:#FFF;
}

.font_blue{
	color:#00AFE5;
}

.font_pink{
	color:#E85197 !important
}

.font_group,.font_group a{
	color:#003d8c;
}

.font_terugaoka,.font_terugaoka a{
	color:#8ec31f;
}

.font_matsugahana, .font_matsugahana a{
	color:#ed7785;
}

.font_senboku, .font_senboku a{
	color:#f39800;
}

.font_kongo, .font_kongo a{
	color:#52c3f1;
}


/*フォントウェイト
--------------------------------------------------------------*/
.font_normal{
	font-weight:normal;
}

.font_bold{
	font-weight:bold;
}

/*line-height*/
.font_line_height_1{
	line-height:1em !important
}

.font_line_height_15{
	line-height:1.5em !important
}

.font_line_height_2{
	line-height:2em !important
}

/*字間
--------------------------------------------------------------*/

.letter_spacing_-7{	
	letter-spacing:-0.7em;	
}

.letter_spacing_0{	
	letter-spacing:0em;	
}

.letter_spacing_1{	
	letter-spacing:0.1em;	
}

.letter_spacing_2{	
	letter-spacing:0.2em;	
}

.letter_spacing_5{
	letter-spacing:0.5em
}
.letter_spacing_7{
	letter-spacing:0.7em
}


/* 行揃え
--------------------------------------------------------------*/
.align_left{
	text-align:left;
}

.align_right{
	text-align:right;
}

.align_center{
	text-align:center;
}



/*表示
--------------------------------------------------------------*/
/*インライン表示*/
.display_inline{
	display:inline;
}

/*ブロック表示*/
.display_block{
	display:block;
}

/*非表示*/
.display_none{
	display:none;
}




/* Box
--------------------------------------------------------------*/


.width_140,.width_144,.width_160,.width_170,.width_200,.width_220,.width_230,.width_240,.width_250,.width_260,.width_270,.width_280,.width_300,.width_400,.width_420,.width_450,.width_460,.width_470,.width_500,.width_560,.width_600,.width_650,.width_680,.width_700,.width_720,.width_730,.width_775,{
	display:block;
}

.width_140{
	width:140px;
}
.width_144{
	width:144px;
}

.width_160{
	width:160px;
}

.width_170{
	width:170px;
}

.width_200{
	width:200px;
}

.width_220{
	width:220px;
}

.width_230{
	width:230px;
}

.width_240{
	width:240px;
}

.width_250{
	width:250px;
}

.width_260{
	width:260px;
}

.width_270{
	width:270px;
}

.width_280{
	width:280px;
}

.width_300{
	width:300px;
}

.width_320{
	width:320px;
}

.width_340{
	width:340px;
}

.width_360{
	width: 360px;
}


.width_380{
	width:380px;
}

.width_400{
	width:400px;
}

.width_420{
	width:420px;
}

.width_450{
	width:450px;
}

.width_460{
	width:460px;
}

.width_470{
	width:470px;
}

.width_480{
	width:480px;
}

.width_500{
	width:500px;
}

.width_520{
	width:520px;
}


.width_540{
	width:540px;
}

.width_560{
	width:560px;
}

.width_600{
	width:600px;
}
.width_620{
	width: 620px;
}

.width_640{
	width:640px;
}

.width_650{
	width:650px;
}

.width_680{
	width:680px;
}

.width_700{
	width:700px;
}

.width_720{
	width:720px;
}

.width_730{
	width:730px;
}

.width_740{
	width:740px;
}

.width_760{
	width:760px;
}
.width_775{
	width:775px;
}
.width_780{
	width:780px;
}
.width_850{
	width:850px;
}

.width_900{
	width:900px;
}


.width_960{
	width:960px;
}


.width_full{
	clear:both;
}

.width_auto{
	width:auto;	
}


.width_100per{
	width:100%;	
}




/* Float
--------------------------------------------------------------*/
.float_left{
	float: left;
}
.float_right{
	float:right;
}








/*背景色
--------------------------------------------------------------*/

.bg_blue{
	background-color:#00AFE5;
}

.bg_pink{
	background-color:#E85197;
}

/*行揃え
--------------------------------------------------------------*/
.align_left{
	text-align:left;
}


.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

/*垂直の位置
--------------------------------------------------------------*/

.valign_center{
	vertical-align:middle !important;
}


/*ディスプレイ
--------------------------------------------------------------*/
.inline{
	display:inline;
	
}

.block{
	display:block;
	
}

/*ポジション
--------------------------------------------------------------*/
.absolute{
	position:absolute;
}

.relative{
	position:relative;
}




.box_max_300{
	max-width:300px;
}


/*高さ*
--------------------------------------------------------------*/

.height_440{
	height:440px;	
}


.height_480{
	height:480px;	
}

.height_500{
	height:500px;	
}
.height_570{
	height:570px;
	
}

/*余白(パディング)
--------------------------------------------------------------*/

.padding_5{
	padding:5px;
}

.padding_10{
	padding:10px;
}

.padding_20{
	padding:10px;
}

.padding_bottom_0{
	padding-bottom:0px;
}

.padding_bottom_5{
	padding-bottom:5px;
}

.padding_bottom_10{
	padding-bottom:10px;
}
.padding_bottom_20{
	padding-bottom:20px;
}

.padding_bottom_30{
	padding-bottom:30px;
}

.padding_bottom_60{
	padding-bottom:60px;
}




.padding_top_0{
	padding-top:0px;
}

.padding_top_10{
	padding-top:10px;
}

.padding_top_15{
	padding-top:15px;
}

.padding_top_20{
	padding-top:20px;
}

.padding_top_25{
	padding-top:25px;
}

.padding_top_60{
	padding-top:60px;
}

.padding_top_90{
	padding-top:90px;
}


.padding_left_10{
	padding-left:10px;
}

.padding_left_15{
	padding-left:15px;
}

.padding_left_20{
	padding-left:20px;
}

.padding_left_25{
	padding-left:25px;
}

.padding_left_1em{
	padding-left:1em !important;
}


/*余白(マージン)
--------------------------------------------------------------*/

.margin_10{
	margin:10px;
}

.margin_20{
	margin:20px;
}


.margin_top_0{
	margin-top:0px;
}

.margin_top_5{
	margin-top:5px;
}

.margin_top_10{
	margin-top:10px;
}

.margin_top_15{
	margin-top:15px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_30{
	margin-top:30px;
}

.margin_top_60{
	margin-top:60px;
}

.margin_top_80{
	margin-top:80px;
}

.margin_top_120{
	margin-top:120px;
}

.margin_top_160{
	margin-top:160px;
}





.margin_right_auto{
	margin-right:auto;
}

.margin_right_5{
	margin-right:5px;
}

.margin_right_10{
	margin-right:10px;
}

.margin_right_12{
	margin-right:12px;
}

.margin_right_15{
	margin-right:15px;
}

.margin_right_20{
	margin-right:20px;
}

.margin_right_25{
	margin-right:25px;
}

.margin_right_30{
	margin-right:30px;
}

.margin_right_35{
	margin-right:35px;
}

.margin_right_30{
	margin-right: 30px;
	float: left;
}

.margin_right_35{
	margin-right:35px;
}

.margin_right_40{
	margin-right:40px;
}


.margin_bottom_0{
	margin-bottom:0px;
}

.margin_bottom_5{
	margin-bottom:5px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_15{
	margin-bottom:15px;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_30{
	margin-bottom:30px;
}

.margin_bottom_40{
	margin-bottom:40px;
}

.margin_bottom_50{
	margin-bottom:50px;
}

.margin_bottom_60{
	margin-bottom:60px;
}

.margin_bottom_75{
	margin-bottom:75px;
}

.margin_bottom_-60{
	margin-bottom:-60px;
}

.margin_left_5{
	margin-left:5px;
}

.margin_left_10{
	margin-left:10px;
}

.margin_left_15{
	margin-left:15px;
}

.margin_left_20{
	margin-left:20px;
}

.margin_left_30{
	margin-left:30px;
}

.margin_left_40{
	margin-left:40px;
}

.margin_left_60{
	margin-left:60px;
}

.margin_left_80{
	margin-left:80px;
}


.margin_left_120{
	margin-left:120px;
}

.margin_left_160{
	margin-left:156px;
}

.margin_left_175{
	margin-left:175px;
}

.margin_left_auto{
	margin-left:auto;
}

.margin_left_2em{
	margin-left:2em;
}




/*ポジション
--------------------------------------------------------------*/

.top_0{
	top:0px;
}

.right_0{
	right:0px;
}

.bottom_0{
	bottom:0px;
}

.left_0{
	left:0px;
}

/*ボーダー
--------------------------------------------------------------*/

.border_bottom_grey{
	border-bottom:1px solid #999;
	
}

.border_1px{
	border:1px solid #999;
}


.border_2px{
	border:2px solid #999;
}

/*画像要素
--------------------------------------------------------------*/
/*子要素の画像の幅を指定*/
.img_w_270 img{
	width:270px;
}

/*リスト要素
--------------------------------------------------------------*/
/*リストを横並びにする*/
.list_float_left li{
	float:left;
}
/*リストの幅を指定*/
.list_w_270 li{
	width:270px;
}

/*リスト同士の余白を指定*/
.list_margin_left_35{
	margin-left:-35px;
}

.list_margin_left_35 li{
	margin-left:35px;
	
}

.list_margin_bottom_20 li{
	margin-bottom:20px;
	
}


/*Overflow
--------------------------------------------------------------*/
.overflow_visible{
	overflow:visible;
}

.overflow_hidden{
	overflow:hidden;
}
.overflow_auto{
	overflow:auto;
}

/*透明
--------------------------------------------------------------*/
.opacity_75{
	opacity:0.75;
}

.opacity_5{
	opacity:0.5;
}

.opacity_25{
	opacity:0.25;
}




/*ユーティリティ
--------------------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
font-size:0em;
line-height:0;
}
.clearfix { display: inline-table; }