@charset "utf-8";
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
/* 基本スタイル */
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
html,body {
	font-family: 'ヒラギノ角ゴ Pro W2', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0px;
	padding: 0px;
	word-break: break-all;
	font-size: 15px;
	color:#3f220e;
}
@-ms-viewport {
	width: device-width;
}
/*------------------------------*/
/* リンク基本 */
a {
	color: #3f220e;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
}
/*------------------------------*/
/* 画像 */
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;
}
/*------------------------------*/
/* 要素を親ボックスの上下中央に配置 */
.vertical_center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
/*------------------------------*/
/* 要素の上付け */
.vertical-align_top {
	vertical-align:top;
}
/*------------------------------*/
/* フラットテキスト */
.font-weight_bold {
	font-weight: bold;
}
.font-weight_normal {
	font-weight: normal;
}
/*------------------------------*/
/* 隠し要素 */
.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;
}
/*------------------------------*/
/* はみ出る要素の処理 */
.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 {
	visibility:hidden;
	width: 100%;
	box-sizing: border-box;
	font-size: 0px;
}
/* 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;
}
/* タブレット画面幅で横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 {
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		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;
	}

}
/* スマホ画面幅で横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-top_50 {
		margin-top:50px;
	}
	.sp-margin-bottom_10 {
		margin-bottom:10px;
	}
	.sp-margin-bottom_30 {
		margin-bottom: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%;
}
/*------------------------------*/
/* FORM用のスタイル */
.input_form_01 {
	height:40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-sizing:border-box;
	background-color:#ffffff;
	max-width:100%;
	padding:2px 5px;
	border:1px solid #d9d9d9;
	border-radius:7px;
	font-size:18px;
}
/* チェックボックス・ラジオボックス */
.checkbox_form_01 {
	width:30px;
	height:30px;
	background-color:#ffffff;
	box-sizing:border-box;
	padding:5px 5px;
	border:1px solid #d9d9d9;
	border-radius:7px;
	font-size:18px;

	/* 位置調整 */
	position: relative;
	top: 10px;
	margin-right: 5px;

}
/* セレクトボックス */
.select_form_01 {
	height:40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#ffffff;
	max-width:100%;
	padding:2px 5px;
	border:1px solid #d9d9d9;
	border-radius:7px;
	font-size:18px;
	background-image:url('../sys_image/down_arrow.png');
	background-repeat:no-repeat;
	background-position:right center;
	background-size:30px 25px;
}
/* テキストエリア */
.textarea_01 {
	min-height:200px;
	border:1px solid #d9d9d9;
	font-size:14px;
	padding:5px;
	border-radius:7px;
}
/*------------------------------*/