/* ----------------------------------------

マージン設定

---------------------------------------- */

.mt-1 {
	margin-top: 8px;
}

.mt-2 {
	margin-top: 16px;
}

.mt-3 {
	margin-top: 24px;
}

.mt-4 {
	margin-top: 32px;
}

.mt-5 {
	margin-top: 40px;
}

.mt-6 {
	margin-top: 56px;
}

.mt-7 {
	margin-top: 72px;
}

.mt-8 {
	margin-top: 96px;
}

.mb-1 {
	margin-bottom: 8px;
}

.mb-2 {
	margin-bottom: 16px;
}

.mb-3 {
	margin-bottom: 24px;
}

.mb-4 {
	margin-bottom: 32px;
}

.mb-5 {
	margin-bottom: 40px;
}

.mb-6 {
	margin-bottom: 56px;
}

.mb-7 {
	margin-bottom: 72px;
}

.mb-8 {
	margin-bottom: 96px;
}

.pc-mt-1 {
	margin-top: 8px;
}

.pc-mt-2 {
	margin-top: 16px;
}

.pc-mt-3 {
	margin-top: 24px;
}

.pc-mt-4 {
	margin-top: 32px;
}

.pc-mt-5 {
	margin-top: 40px;
}

.pc-mt-6 {
	margin-top: 56px;
}

.pc-mt-7 {
	margin-top: 72px;
}

.pc-mt-8 {
	margin-top: 96px;
}

.pc-mb-1 {
	margin-bottom: 8px;
}

.pc-mb-2 {
	margin-bottom: 16px;
}

.pc-mb-3 {
	margin-bottom: 24px;
}

.pc-mb-4 {
	margin-bottom: 32px;
}

.pc-mb-5 {
	margin-bottom: 40px;
}

.pc-mb-6 {
	margin-bottom: 56px;
}

.pc-mb-7 {
	margin-bottom: 72px;
}

.pc-mb-8 {
	margin-bottom: 96px;
}

/* ----------------------------------------

表示関連

---------------------------------------- */

/* pcのみ表示 */
.only-pc {
	display: block;
}

.only-pc-lg {
	display: block;
}

.only-pc-il {
	display: inline !important;
}

/* スマホのみ表示 */
.only-sp {
	display: none;
}

.only-sp-lg {
	display: none;
}

.only-sp-il {
	display: none !important;
}

/* ワイドのみ表示 */
.only-lg {
	display: none;
}

@media (min-width: 1200px) {
	.only-lg {
		display: block;
	}
}

.none {
	display: none;
}

.hide {
	visibility: hidden;
}

.ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ----------------------------------------

ブロック要素関連

---------------------------------------- */

.h-100 {
	height: 100%;
}

.w-100 {
	width: 100%;
}

.fl-l {
	float: left
}

.fl-r {
	float: right
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* クリアフィックス */
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

/* ----------------------------------------

インライン要素関連

---------------------------------------- */

.red {
	color: #8c0e0a;
}

.bold {
	font-weight: bold;
}

/* 影縁 */
.shadow-white {
	text-shadow: white 1px 1px 5px, white -1px 1px 5px, white 1px -1px 5px, white -1px -1px 5px;
}

.shadow-black {
	text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px;
}

/* ----------------------------------------

画像関連

---------------------------------------- */

.img-box {
}

.img-box img {
	width: 100%;
}

.img-responsive-il {
	max-width: 100%;
	height: auto;
}

/* ----------------------------------------

レスポンシブテーブル

---------------------------------------- */

.r-table {
	display: table;
}

.r-table .tr {
	display: table-row;
}

.r-table .td {
	display: table-cell;
}

/* ----------------------------------------

動き

---------------------------------------- */

/* アニメーション全般 */
.anm-all {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* ローディングレイヤー */
.loading_layer {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff url(../img/loading.gif) no-repeat center center;
}

/* スクロールアニメ */
.scFade {
	opacity: 0;
	position: relative;
	top: -20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.scFade2 {
	opacity: 0;
	position: relative;
	top: -20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.show {
	opacity: 1 !important;
	left: 0px !important;
	top: 0 !important;
}

/* ----------------------------------------

ie対策

---------------------------------------- */

@-ms-viewport {
	width: auto;
	initial-scale: 1;
}

@viewport {
	width: device-width;
	initial-scale: 1;
}

/* 以下タブレット(col-md)の設定 */
@media screen and (max-width: 992px) {

}