@charset "UTF-8";
/*  デフォルトのコンテンツ
------------------------------------------------------------- */
.fwCms_box { margin:0; padding:0;}
.fwCms_contentsArea { display:block;}
.fwCms_leftMenu,
.fwCms_rightMenu,
.fwCms_leftRightMenu,
.fwCms_MultiContentsArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* 左メニュー */
.fwCms_leftMenu .frame_LM {
    min-width:250px;
    width: calc(((100% - 1280px) / 2) + 250px);
}
.fwCms_leftMenu .frame_MB {
    width: calc(100% - (((100% - 1280px) / 2) + 250px));
}
/* 右メニュー */
.fwCms_rightMenu .frame_RM {
    min-width: 370px;
    width: calc(((100% - 1280px) / 2) + 410px);
}
.fwCms_rightMenu .frame_MB {
    width: calc(100% - (((100% - 1280px) / 2) + 410px));
}

.fwCms_leftRightMenu .frame_LM {
    min-width:250px;
    width: calc(((100% - 1280px) / 2) + 250px);
}
.fwCms_leftRightMenu .frame_RM {
    min-width:250px;
    width: calc(((100% - 1280px) / 2) + 250px);
}
.fwCms_leftRightMenu .frame_MB {
    width: calc(100% - (((100% - 1280px) / 2) + 250px));
}
/* 左右均等詳細 */
.fwCms_MultiContentsArea .frame_LMB,
.fwCms_MultiContentsArea .frame_RMB { width: 50%;}



/* CMSキャンバス制御用 */
.fwCms_close #fwCms_main { margin: 50px 0 0!important;}
#fwCms_campus .fwCms_box.frame_MB                      { margin: -5px -5px 0 0 !important; }
#fwCms_campus .fwCms_leftMenu .fwCms_box.frame_MB      { margin: -5px 0 0 -5px !important; }
#fwCms_campus .fwCms_rightMenu .fwCms_box.frame_MB     { margin: -5px -4px 0 0 !important; }
#fwCms_campus .fwCms_rightMenu .fwCms_box.frame_RM     { margin: -5px 0 0 0 !important; }
#fwCms_campus .fwCms_leftRightMenu .fwCms_box.frame_MB { margin: -5px -5px 0 -5px !important; }
#fwCms_campus .fwCms_leftRightMenu .fwCms_box.frame_RM { margin: -5px 0 0 0 !important; }
#fwCms_campus .fwCms_box.frame_SHN                     { width: 100%; margin: -5px -5px 0 0 !important; }
#fwCms_campus .fwCms_box.frame_SFN                     { width: 100%; margin: -5px -5px 0 0 !important; }
#fwCms_campus .fwCms_MultiContentsArea .frame_LMB   { margin: -5px 0 0 0 !important; border-right:5px solid transparent!important;  }
#fwCms_campus .fwCms_MultiContentsArea .frame_RMB   { margin: -5px 0 0 0 !important; }

/* キャンバス描画用に調整 */
#fwCms_campus #headerContainer,
#fwCms_campus #mainContainer,
#fwCms_campus #footerContainer { width: 100% !important;}
#fwCms_campus .fwCms_MultiContentsArea .frame_LMB,
#fwCms_campus .fwCms_MultiContentsArea .frame_RMB { width: calc(100% / 2) !important;}

/* プレビュー画面用 */
#fwCms_previewContent,
#fwCms_previewContent #headerContainer,
#fwCms_previewContent #mainContainer,
#fwCms_previewContent #footerContainer { width: 100% !important;}


/* 狭いブラウザとタブレットサイズ */
@media (max-width: 959px) {
    .fwCms_contentsArea { display:block;}
    .fwCms_leftMenu,
    .fwCms_rightMenu,
    .fwCms_leftRightMenu,
    .fwCms_MultiContentsArea { display: block; }
    .fwCms_leftMenu .frame_LM,
    .fwCms_leftMenu .frame_MB,
    .fwCms_rightMenu .frame_RM,
    .fwCms_rightMenu .frame_MB,
    .fwCms_leftRightMenu .frame_LM,
    .fwCms_leftRightMenu .frame_RM,
    .fwCms_MultiContentsArea .frame_LMB,
    .fwCms_MultiContentsArea .frame_RMB { width: inherit;}
    #fwCms_campus .fwCms_MultiContentsArea .frame_LMB,
    #fwCms_campus .fwCms_MultiContentsArea .frame_RMB,
    #fwCms_campus .fwCms_leftMenu .fwCms_box.frame_MB,
    #fwCms_campus .fwCms_rightMenu .fwCms_box.frame_MB { width: inherit !important; margin: -5px 0 0 0 !important; }
    #fwCms_campus #headerContainer,
    #fwCms_campus #mainContainer,
    #fwCms_campus #footerContainer { width: inherit !important;}

}
/* スマホサイズ */
@media screen and (max-width: 767px){
    .fwCms_contentsArea { display:block; }
    .fwCms_leftMenu,
    .fwCms_rightMenu,
    .fwCms_leftRightMenu,
    .fwCms_MultiContentsArea { display: block; }
    .fwCms_leftMenu .frame_MB,
    .fwCms_rightMenu .frame_MB,
    .fwCms_leftRightMenu .frame_MB,
    .fwCms_leftMenu .frame_LM,
    .fwCms_rightMenu .frame_RM,
    .fwCms_leftRightMenu .frame_LM,
    .fwCms_leftRightMenu .frame_RM,
    .fwCms_MultiContentsArea .frame_LMB,
    .fwCms_MultiContentsArea .frame_RMB  { width:inherit;}
    #fwCms_campus .fwCms_MultiContentsArea .frame_LMB,
    #fwCms_campus .fwCms_MultiContentsArea .frame_RMB,
    #fwCms_campus .fwCms_leftMenu .fwCms_box.frame_MB,
    #fwCms_campus .fwCms_rightMenu .fwCms_box.frame_MB { width: inherit !important; margin: -5px 0 0 0 !important; }
    #fwCms_campus #headerContainer,
    #fwCms_campus #mainContainer,
    #fwCms_campus #footerContainer { width: inherit !important;}
}

/*== ↓IE9用↓ ==*/
/* IE9の対応は無くなったが、また対応する可能性を考慮し念のためコメントアウトで対応
@media (min-width: 960px) {
    .fwCms_leftMenu {
        font-size: 0\9;
    }
    .fwCms_leftMenu .frame_LM,
    .fwCms_leftMenu .frame_MB {
        display: inline-block\9;
        vertical-align: top\9;
    }
    .fwCms_leftMenu .frame_MB {
        max-width: calc(100% - 250px)\9;
        width: auto\9;
    }

}
@media (min-width: 768px) {
    .fwCms_MultiContentsArea .frame_LMB,
    .fwCms_MultiContentsArea .frame_RMB {
        display: inline-block\9;
        /* width: 49.5%\9; *//*
        vertical-align: top\9;
    }
    .fwCms_MultiContentsArea .frame_LMB {
        float: left\9;
    }
    .fwCms_MultiContentsArea .frame_RMB {
        /* float: right\9; *//*
    }
}
@media (max-width: 959px) and (min-width: 768px) {
    .fwCms_MultiContentsArea .frame_LMB,
    .fwCms_MultiContentsArea .frame_RMB {
        /* width: 49.5%\9 !important; *//*
    }
} */
/*== ↑IE9用↑ ==*/