.sp_line_ss {height : 10px;}
.sp_line_s  {height : 16px;}
.sp_line_m  {height : 26px;}
.sp_line_l  {height : 40px;}
.sp_line_xl {height : 60px;}
.font_xxl   {font-size: 18px; margin:0px}
.font_xl    {font-size: 16px; margin:0px}
.font_l     {font-size: 14px; margin:0px}
.font_m     {font-size: 12px; margin:0px}
.font_s     {font-size: 10px; margin:0px}
.font_ss    {font-size: 8px; margin:0px}
.font_b     {font-weight:bold;}

.mi_1 {
    background-color:#EFE8FF;
    width:100%;
    padding:10px 0px;
    border-radius: 6px;
}
.mi_1 > span {
    padding:10px;
}

.link {
    cursor:pointer;
}
.link:active {
    color :#CDBEEA;
}

.p_title {
    background-color: #E2EFFF;
    padding: 5px;
}

.bShadow {
    box-shadow: 3px 3px 0px 0 rgba(0, 0, 0, 0.2);
}

.scroll{
    /*上下方向にはみ出した要素ををスクロールさせる*/
    overflow-y: scroll;
    overflow-x: scroll;
    /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none;
    /*スクロールバー非表示（Firefox）*/
    scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.scroll::-webkit-scrollbar{
    display:none;
}


.mainArea {
    width:100%;
}

@media screen and (min-width : 1030px) {
    .mainArea {
        width: 1000px;
    }
}