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

リセット設定

---------------------------------------- */
h1,h2,h3,h4,p{
	/*margin:0;*/
	}
ul,li{
	/* list-style:none; */
	/* padding:0; */
	margin:0;
	}

a{
	color:inherit;
	}

a:hover{
	color:inherit;
	text-decoration:none;
	}

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

マージン設定

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

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

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


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

表示関連

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

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

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

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

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

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

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

.of-hidden{
	overflow:hidden;
	}

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


.none {
	display: none;
}

.hide {
	/*visibility: hidden;*/
	display: none;
}

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

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

ブロック要素関連

---------------------------------------- */
.flex{
	display: flex;
	    flex-wrap: wrap;
}


.flex-col{
	display: flex;
}



.h-100{
	height: 100%;
}

.w-100{
	width: 100%;
	max-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:red;
}

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

/* スクロールアニメ */
.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;
}

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

ie対策

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

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

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
audio{
	display: block;
	text-align: center;
	margin: 0 auto;
}

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


}