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

/* 色 */
.white{
    color: #ffffff!important;
}
.gray{
    color: gray;
}

/* 背景色 */
.bg-white{
    background-color: white;
}


/* フォントサイズ */
.f10{
    font-size: 10px;
}
.f11{
    font-size: 11px;
}
.f12{
    font-size: 12px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.f24{
    font-size: 24px;
}
.f30{
    font-size: 30px;
}
.f40{
    font-size: 40px;
}
.em3{
    font-size: 3em;
}
.f-vw1{
    font-size: 1vw;
}


/* フォントウエイト */
.fw3{
    font-weight: 300;
}


/* line-hight */
.lh60{
    line-height: 60%;
}
.lh200{
    line-height: 200%;
}


/* マージン */
.mt3{
   margin-top: 3px; 
}
.mb1{
   margin-bottom: 1px; 
}
.mb3{
   margin-bottom: 3px; 
}

@media (max-width: 575px) {
    .sm-m10px{
    margin-top: 0;}
}

@media (min-width: 576px) {
    .sm-m10px{
    margin-top: 10px;}
}

@media (min-width: 768px) {
    .sm-m10px{
    margin-top: 0;}
}

@media (min-width: 992px){
    .sm-m10px{
    margin-top: 0;}
}

@media (min-width: 1200px){}


/* パッディング */
.p3{
    padding: 3px;
}
.pt3{
    padding-top: 3px;
}

.pt10{
    padding-top: 10px;
}

.plr3{
    padding-left: 3px;
    padding-right: 3px;
}


/* ボーダー */
.bgb{
    border: 1px solid #aaaaaa;
}


/* width */

.wid100{
    width: 100%;
}