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

マージン設定

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

.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-il {
	display: inline !important;
}

/* スマホのみ表示 */
.only-sp{
	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 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

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

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

ie対策

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

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

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


}