@charset "utf-8";
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
/* 基本スタイル */
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
html,body {
	font-family:'Hiragino Kaku Gothic W3 JIS2004';
	margin:0px;
	padding:0px;
	word-break:break-all;
	font-size:15px;
	color:#000000;
}
@-ms-viewport {
	width:device-width;
}

/*------------------------------*/
/* テキストの隙間調整 */
p {
	margin:0px;
}
/*------------------------------*/

/* 見出し */
h1 {
	font-size:24px;
		font-weight:bold;
	color: #F70206;
}
h2 {
	font-size:20px;
		font-weight:bold;
}

h3 {
	font-size:20px;
		font-weight:bold;
}

/*------------------------------*/
/* 画像 */
img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}
/*------------------------------*/
/* 画像リンク */
a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
/* ------------------------------ */
/* テーブル */
table {
	border-collapse:collapse;
	border-spacing:0;
}


/*------------------------------*/
/* 回り込み解除 */
.clearfix:after {
	content:"";
	clear:both;
	display:block;
}
/* ------------------------------ */
/* 回り込み設定 */
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear_both {
	clear:both;
}
/*------------------------------*/
/* 位置揃え */
.text-align_center {
	text-align:center;
}
.text-align_left {
	text-align:left;
}
.text-align_right {
	text-align:right;
}
/*------------------------------*/
/* フラットテキスト */
.font-weight_bold {
	font-weight:bold;
}
.font-weight_normal {
	font-weight:normal;
}
/*------------------------------*/
/* margin調整 */
.margin-all_01 {
	margin:1px;
}
.margin-all_05 {
	margin:5px;
}
.margin-all_10 {
	margin:10px;
}
.margin-top_02 {
	margin-top:2px;
}
.margin-top_05 {
	margin-top:5px;
}
.margin-top_10 {
	margin-top:10px;
}
.margin-top_20 {
	margin-top:20px;
}
.margin-top_30 {
	margin-top:30px !important;
}
.margin-top_40 {
	margin-top:40px;
}
.margin-top_50 {
	margin-top:50px;
}
.margin-top_100 {
	margin-top:100px;
}
.margin-up_02 {
	margin:2px 0px;
}
.margin-up_05 {
	margin:5px 0px;
}
.margin-up_20 {
	margin:20px 0px;
}

.margin-bottom_01 {
	margin-bottom:1px;
}
.margin-bottom_05 {
	margin-bottom:5px;
}
.margin-bottom_10 {
	margin-bottom:10px;
}
.margin-bottom_20 {
	margin-bottom:20px;
}
.margin-bottom_30 {
	margin-bottom:30px;
}
.margin-bottom_40 {
	margin-bottom:40px;
}
.margin-bottom_50 {
	margin-bottom:50px;
}

@media screen and (max-width: 640px) {
	.sp-margin-top_20 {
		margin-top:20px;
	}
}

/*------------------------------*/
/* 隙間を調整するスタイル */
.padding-all_01 {
	padding:1px;
}
.padding-all_05 {
	padding:5px;
}
.padding-all_10 {
	padding:10px;
}
.padding-all_20 {
	padding:20px;
}
.padding-all_20 {
	padding:20px;
}
.padding-up_05 {
	padding:5px 0px;
}
.padding-up_10 {
	padding:10px 0px;
}
.padding-up_20 {
	padding:20px 0px;
}
.padding-up_50 {
	padding:50px 0px;
}
.padding-side_05 {
	padding:0px 5px;
}
.padding-side_10 {
	padding:0px 10px;
}
.padding-side_20 {
	padding:0px 20px;
}
.padding-type_01 {
	padding:20px 50px;
}

/*------------------------------*/
/* 隠し要素 */
.display_none {
	display:none;
}
.display_block {
	display:block;
}
/*------------------------------*/
/* 下線を消す */
.text-decoration_none {
	text-decoration:none;
}
/*------------------------------*/
/* paddingとborderを含める */
.box-sizing {
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
/*------------------------------*/
/* 枠の幅 */
.width_10 {
	width:10%;
}
.width_20 {
	width:20%;
}
.width_30 {
	width:30%;
}
.width_40 {
	width:40%;
}
.width_50 {
	width:50%;
}
.width_60 {
	width:60%;
}
.width_70 {
	width:70%;
}
.width_75 {
	width: 75%;
}
.width_80 {
	width:80%;
}
.width_90 {
	width:90%;
}
.width_100 {
	width:100%;
}
.max-width_100 {
	max-width:100% !important;
	box-sizing: border-box;
}
.width_500 {
	width: 500px;
}

/*------------------------------*/
/* 要素を親ボックスの上下中央に配置 */
.vertical_center {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}

.margin_center {
	margin:0px auto;
}

/*------------------------------*/
/* はみ出る要素の処理 */
.overflow_auto {
	overflow:auto;
}
.overflow_hidden {
	overflow:hidden;
}
/*------------------------------*/
/* 開閉ボックス */
.hidden_box {
	display:none;
}
.hidden_button:hover {
	cursor:pointer;
}
/*------------------------------*/
/* カーソルの種類 */
.cursor_pointer {
	cursor:pointer;
}
.cursor_move {
	cursor:move;
}
.cursor_move:hover {
	background-color:#ffdcec;
}
/*------------------------------*/
/* ポジション */
.position_relative {
	position:relative;
}
.position_absolute {
	position:absolute;
}
/*------------------------------*/
/* 改行しない */
.white-space_nowrap {
	white-space:nowrap;
}
/*------------------------------*/
/* プレースホルダのスタイル */
::-webkit-input-placeholder {
	color:#d6d6d6;
}
::-moz-placeholder {
	color:#d6d6d6;
	opacity:1;
}
:-ms-input-placeholder {
	color:#d6d6d6;
}

/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
/* テーブルのスタイル */
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
/* テーブル全体を囲む枠 (フォントサイズをリセットして隙間を調整) */
.col {
	width:100%;
	box-sizing:border-box;
	font-size:0px;
}
/* PC 5分割 */
.spc-5 {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
}
.spc-5 { width:20%; }

/* PC画面幅で横12分割のうち何枠分を使用するか指定 (ファントサイズを再設定) */
.pc-1,.pc-2,.pc-3,.pc-4,.pc-5,.pc-6,.pc-7,.pc-8,.pc-9,.pc-10,.pc-11,.pc-12 {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
}
.pc-12 { width:100%; } .pc-11 { width:91.66666667%; } .pc-10 { width:83.33333333%; } .pc-9 { width:75%; } .pc-8 { width:66.66666667%; } .pc-7 { width:58.33333333%; } .pc-6 { width:50%; } .pc-5 { width:41.66666667%; } .pc-4 { width:33.33333333%; } .pc-3 { width:25%; } .pc-2 { width:16.66666667%; } .pc-1 { width:8.33333333%; }
.tb-block {
	display:none;
}
.sp-block {
	display:none;
}

@media screen and (max-width: 1020px) {
	.ms-1 {
		width: 100%;
	}
	.ms-margin-top_20 {
		margin-top: 20px !important;
	}
}

/* タブレット画面幅で横12分割のうち何枠分を使用するか指定 (ファントサイズを再設定) */
@media only screen and (max-width:767px) {
	.tb-1, .tb-2, .tb-3, .tb-4, .tb-5, .tb-6, .tb-7, .tb-8, .tb-9, .tb-10, .tb-11, .tb-12 {
		
		font-size:15px;
	}
	.tb-12{width:100%}.tb-11{width:91.66666667%}.tb-10{width:83.33333333%}.tb-9{width:75%}.tb-8{width:66.66666667%}.tb-7{width:58.33333333%}.tb-6{width:50%}.tb-5{width:41.66666667%}.tb-4{width:33.33333333%}.tb-3{width:25%}.tb-2{width:16.66666667%}.tb-1{width:8.33333333%}
	/* 隠し要素 */
	.tb-hidden {
		display:none;
	}
	/* 出現要素 */
	.tb-block {
		display:block;
	}
	.tb-left {
		text-align:left;
	}
	.tb-right {
		text-align:right;
	}
	.tb-center {
		text-align:center;
	}
	/* タブレット時に隙間を作る */
	.tb-margin-bottom_30 {
		margin-bottom:30px;
	}
	/* タブレット時に隙間を作る */
	.tb-margin-bottom_30 {
		margin-bottom:30px;
	}

}
/* スマホ画面幅で横12分割のうち何枠分を使用するか指定 (ファントサイズを再設定) */
@media only screen and (max-width:550px) {
	.sp-1, .sp-2, .sp-3, .sp-4, .sp-5, .sp-6, .sp-7, .sp-8, .sp-9, .sp-10, .sp-11, .sp-12 {
		box-sizing:border-box;
		display:inline-block;
		vertical-align:middle;
		font-size:15px;
	}
	.sp-12{width:100%}.sp-11{width:91.66666667%}.sp-10{width:83.33333333%}.sp-9{width:75%}.sp-8{width:66.66666667%}.sp-7{width:58.33333333%}.sp-6{width:50%}.sp-5{width:41.66666667%}.sp-4{width:33.33333333%}.sp-3{width:25%}.sp-2{width:16.66666667%}.sp-1{width:8.33333333%}
	/* 隠し要素 */
	.sp-hidden {
		display:none;
	}
	/* 出現要素 */
	.sp-block {
		display:block;
	}
	.sp-left {
		text-align:left;
	}
	.sp-right {
		text-align:right;
	}
	.sp-center {
		text-align:center;
	}
	/* スマホのソート時に隙間を作る */
	.sortable_box {
		width:80%;
	}
	.sp-margin-top_20 {
		margin-top:20px;
	}
	.sp-margin-bottom_10 {
		margin-bottom:10px;
	}
	.sp-margin-bottom_30 {
		margin-bottom:30px;
	}
	.sp-width_80 {
		width:80%;
	}

}
/*------------------------------*/
/*トップへ戻るボタン*/
.scroll_top_button {
	bottom: 80px;
	left: 0px;
	position: fixed;
	z-index: 101;
	background-color:#b00900;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	color: #ffffff;
	width: 50px;
	padding:2px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	display: none;
	font-size:10px;
	text-align:center;
}
@media only screen and (max-width:550px) {
	.scroll_top_button {
		width: 30px;
	}
}

/*------------------------------*/
/* 角丸 */
.border-radius_02 {
	border-radius:2px;
}
.border-radius_05 {
	border-radius:5px;
}
.border-radius_07 {
	border-radius:7px;
}
.border-radius_50 {
	border-radius:50%;
}
/*------------------------------*/

.font-size_16 {
	font-size:16px;
}
.font-size_18 {
	font-size:18px;
}
.font-size_24 {
	font-size:24px;
}

/*------------------------------*/
/* 文字色 */
.color_w {
	color: #fff !important;
}

/*------------------------------*/
/* ヴァーティカルアライン */
.v_top {
	vertical-align: top;
}