@charset "utf-8";

/* ////////////////////////////////////////////////////////////
	File Name	module.css

	対象：全ページ
*/
/*============================================================
	[ リセット ]
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: sans-serif;
}
ul {
	list-style: none;
}
a,
button {
	color: #c3002f;
	cursor: pointer;
}
dd a.update {
	color: #333;
	cursor: pointer;
}
dd a.update:hover {
	color: #c3002f;
	cursor: pointer;
}
img {
	vertical-align: top;
}
input,
textarea,
select,
button {
	display: block;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
input:-ms-input-placeholder {
	color: #8a8a8a;
}
input::-ms-input-placeholder {
	color: #8a8a8a;
}
input::placeholder {
	color: #8a8a8a;
}

/*============================================================
	[ 回り込み解除 ]
*/
/* clear */
.clear {
	float: none;
	clear: both;
}
/* clearfix */
.cf:after {
	content: '';
	display: block;
	clear: both;
}

/*============================================================
	[ レイアウト ]
*/
/* 横2つ並び */
.list-col2 > li, .list-col2 > .col {
	float: left;
	width: 50%;
}
/* 横3つ並び */
.list-col3 > li, .list-col3 > .col {
	float: left;
	width: 33.333%;
}
/* 横4つ並び */
.list-col4 > li, .list-col4 > .col {
	float: left;
	width: 25%;
}
/* 横5つ並び */
.list-col5 > li, .list-col5 > .col {
	float: left;
	width: 20%;
}
/* 横6つ並び */
.list-col6 > li, .list-col6 > .col {
	float: left;
	width: 16.666%;
}
/* CLEAR */
.list-col2:after,
.list-col3:after,
.list-col4:after,
.list-col5:after,
.list-col6:after {
	content: '';
	clear: both;
}

/*============================================================
	[ 幅 ]
*/
.w10  { width: 10% !important; }
.w20  { width: 20% !important; }
.w30  { width: 30% !important; }
.w40  { width: 40% !important; }
.w50  { width: 50% !important; }
.w60  { width: 60% !important; }
.w70  { width: 70% !important; }
.w80  { width: 80% !important; }
.w90  { width: 90% !important; }
.w100 { width: 100% !important; }

/*============================================================
	[ ブロック ]
*/
.block-center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.table-center {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/*============================================================
	[ テキスト ]
*/
/* 注釈 */
.text-note {
	margin-top: 20px;
	font-size: 12px;
	color: #666;
}

/* 位置 */
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}

/* ウエイト */
.text-bold {
	font-weight: bold !important;
}
.text-normal {
	font-weight: normal !important;
}

/* カラー */
.color-primary {
	color: #c3002f !important;
}
.color-gray {
	color: #999 !important;
}

/* サイズ */
.fs10 { font-size: 12px !important; line-height: 1.8; }
.fs11 { font-size: 11px !important; line-height: 1.8; }
.fs12 { font-size: 12px !important; line-height: 1.8; }
.fs13 { font-size: 13px !important; line-height: 1.7; }
.fs14 { font-size: 14px !important; line-height: 1.7; }
.fs15 { font-size: 15px !important; line-height: 1.6; }
.fs16 { font-size: 16px !important; line-height: 1.5; }
.fs17 { font-size: 17px !important; line-height: 1.4; }
.fs18 { font-size: 18px !important; line-height: 1.35; }
.fs19 { font-size: 19px !important; line-height: 1.35; }
.fs20 { font-size: 20px !important; line-height: 1.3; }
.fs22 { font-size: 22px !important; line-height: 1.3; }
.fs24 { font-size: 24px !important; line-height: 1.25; }
.fs26 { font-size: 26px !important; line-height: 1.25; }
.fs28 { font-size: 28px !important; line-height: 1.2; }
.fs30 { font-size: 30px !important; line-height: 1.2; }
.fs32 { font-size: 32px !important; line-height: 1.2; }
.fs34 { font-size: 36px !important; line-height: 1.15; }
.fs36 { font-size: 36px !important; line-height: 1.15; }

/*============================================================
	[ 背景 ]
*/
/* カラー */
.fill-gray {
	background-color: #f9f9f9 !important;
}

/*============================================================
	[ マージン ]
*/
/* 上 */
.mt0   { margin-top: 0px !important; }
.mt5   { margin-top: 5px !important; }
.mt10  { margin-top: 10px !important; }
.mt15  { margin-top: 15px !important; }
.mt20  { margin-top: 20px !important; }
.mt25  { margin-top: 25px !important; }
.mt30  { margin-top: 30px !important; }
.mt35  { margin-top: 35px !important; }
.mt40  { margin-top: 40px !important; }
.mt45  { margin-top: 40px !important; }
.mt50  { margin-top: 50px !important; }
.mt60  { margin-top: 60px !important; }
.mt70  { margin-top: 70px !important; }
.mt80  { margin-top: 80px !important; }
.mt90  { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

/* 下 */
.mb0   { margin-bottom: 0px !important; }
.mb5   { margin-bottom: 5px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb35  { margin-bottom: 35px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb45  { margin-bottom: 40px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb70  { margin-bottom: 70px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb90  { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

/*============================================================
	[ パディング ]
*/
/* 上 */
.pt0   { padding-top: 0px !important; }
.pt5   { padding-top: 5px !important; }
.pt10  { padding-top: 10px !important; }
.pt15  { padding-top: 15px !important; }
.pt20  { padding-top: 20px !important; }
.pt25  { padding-top: 25px !important; }
.pt30  { padding-top: 30px !important; }
.pt35  { padding-top: 35px !important; }
.pt40  { padding-top: 40px !important; }
.pt45  { padding-top: 45px !important; }
.pt50  { padding-top: 50px !important; }
.pt60  { padding-top: 60px !important; }
.pt70  { padding-top: 70px !important; }
.pt80  { padding-top: 80px !important; }
.pt90  { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

/* 下 */
.pb0   { padding-bottom: 0px !important; }
.pb5   { padding-bottom: 5px !important; }
.pb10  { padding-bottom: 10px !important; }
.pb15  { padding-bottom: 15px !important; }
.pb20  { padding-bottom: 20px !important; }
.pb25  { padding-bottom: 25px !important; }
.pb30  { padding-bottom: 30px !important; }
.pb35  { padding-bottom: 35px !important; }
.pb40  { padding-bottom: 40px !important; }
.pb45  { padding-bottom: 45px !important; }
.pb50  { padding-bottom: 50px !important; }
.pb60  { padding-bottom: 60px !important; }
.pb70  { padding-bottom: 70px !important; }
.pb80  { padding-bottom: 80px !important; }
.pb90  { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }