@charset "UTF-8";
/* CSS Document */

/*cybr共通★★★★★★★★★★★★★★*/

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

マージン設定

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

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

/*cybr共通★★★★★★★★★★★★★★以上*/

body{
    background-color:#e9495e;
}
.wrap{
    width: 100%;
}