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

マージン設定

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

.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:80px;}
.mt-7{margin-top:160px;}

.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:80px;}
.pc-mt-7{margin-top:160px;}

.m-auto{
	margin-left:auto;
	margin-right:auto;
}


/*bootstrapに合わせるためのコンテンツマージン*/
.m-side-15{margin-left:15px;margin-right:15px;}


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

表示関連

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

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

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

/* ワイドのみ表示 */
.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; }

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

インライン要素関連

---------------------------------------- */
.blue{
	color:#2278af;
}

.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%;
}

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

レスポンシブテーブル

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

.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;
	}

/* スクロールアニメ */
.scAnm {
	opacity:0;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

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

ie対策

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

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

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


}


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

リセット

---------------------------------------- */
h1,h2,h3,p{
	margin:0;
	
	}
h1,h2,h3{
	line-height:1.5em;
	}

ul{
	list-style:none;
	padding:0;
	margin: 0;
	}