@charset "utf-8";
/********************************************************************************************



*********************************************************************************************/
@media only screen and (max-width:960px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:568px){
}
/********************************************************************************************



*********************************************************************************************/
/*カテゴリ名*/
#CategoryTitle span{ background:url(../images/ttl_img.jpg) no-repeat top right; }
@media only screen and (max-width:568px){
#CategoryTitle span{ background-image:url(../images/ttl_img_sp.jpg); }
}

    #CategoryTitle .categoryTitle__img.-sp{
        margin-top:80px;
        margin-left: 5px;
    }


/*サイドナビ　カテゴリ名*/
#SideNaviTitle{ background-image:url(../images/navi_ttl.gif); background-repeat:no-repeat; }

@media only screen and (max-width:768px){
    #SideNaviTitle{
        background-image:none;
        font-weight:bold;
    }
}
/********************************************************************************************

動画

*********************************************************************************************/
.movie.-video,
.movie.-youtube{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;		/* 9/16 */
}

    .movie.-video video,
    .movie.-youtube iframe{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
/********************************************************************************************

見出し

*********************************************************************************************/
.onlineHeading.-type1{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 2.0rem;
}
@media only screen and (max-width:568px){
.onlineHeading.-type1{
    margin-bottom: 5px;
    font-size: 1.4rem;
}
}