﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.ModuleSet_OC {
}

.ModuleSet_OC .ModuleReference_root {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}

/* == MAIN(中央)ペイン == */
.ModuleSet_OC .SetContentPane {
    column-count: 2;
    column-gap: 10px;
    width: 500px;
}

/* == 右ペイン == */
.ModuleSet_OC .SetRightPane {
    flex: 1;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.ModuleSet_OC {
}

.ModuleSet_OC .ModuleReference_root {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}

/* == MAIN(中央)ペイン == */
.ModuleSet_OC .SetContentPane {
    column-count: 1;
    column-gap: 10px;
    width: 100%;
}

/* == 右ペイン == */
.ModuleSet_OC .SetRightPane {
    flex: 1;
}
}
