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



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

レイアウト

****************************************************************************************************/

/*
.topicsRow.-type1{
}
.topicsRow.-type1 .topicsCol.-col1{
    float: right;
    margin-left: calc( 40 / 800 * 100% );
    margin-bottom: calc( 20 / 800 * 100% );
    width: calc( 257 / 800 * 100% );
}
.topicsRow.-type1 .topicsCol.-col2{
}




.topicsRow.-type2{
}
.topicsRow.-type2 .topicsCol.-col1{
    float: right;
    width: calc( 560 / 800 * 100% );
}
.topicsRow.-type2 .topicsCol.-col2{
    float: left;
    padding-left: 20px;
    width: calc( 210 / 800 * 100% );
}
@media only screen and (max-width:768px){
.topicsRow.-type2 .topicsCol.-col1{
    float: none;
    margin-bottom: 10px;
    width: 100%;
}
.topicsRow.-type2 .topicsCol.-col2{
    float: none;
    padding-left: 0;
    width: 100%;
    text-align: center;
}
    .topicsRow.-type2 .topicsCol.-col2 img{
        width: 120px;
    }
}

*/