@charset "Shift_JIS";

/* CSS Document */


/* ---------------------------------------------------------

	01. 共通設定

--------------------------------------------------------- */

@media screen and (max-width: 1275px) {
    .top_menu_list { width: 100%; }
    .top_menu_panel {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 1275px) {
    .top_menu_list {
        max-width: 1300px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .slider_tcell { text-align: center; }
    .slider_text_box {
        float: none!important;
        margin: 0 auto;
    }
    .slider_text { font-size: 18px; }
    .slider_header { font-size: 24px!important; }

    .slide01_header { font-size: 18px!important; }
    .slide01_text { font-size: 24px!important; }
    .slide02_header { font-size: 18px!important; }
    .slide02_text { font-size: 24px!important; }
    .slide03_header { font-size: 24px!important; }
    .slide03_text { font-size: 18px!important; }

    .cmn_container { padding-top: 0; }
    .top_menu_list_grid { width: 100%; }
    .top_menu_btn { height: 300px; }
    .top_menu_btn a { padding-bottom: 40px; }
    .top_menu_panel { width: 100%; }
    #top_menu_panel_boxName01 .MMColumnArea { padding: 20px 15px!important; }
    .top_menu_btn_wrap {
        width: 100%;
        border-top: none;
        border-left:  none;
    }
    .top_menu_list .top_menu_btn_wrap:last-child { border-right: none; }
    .top_menu_panel {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .top_menu_btn_wrap { margin-top: 5px; }
}
@media screen and (max-width: 650px) {
    .slider_text_box {
        width: 100%;
    }
}
@media screen and (max-width: 579px) {
    .top_menu_btn { height: 200px; }
}
@media screen and (max-width: 399px) {
    .top_menu_btn { height: 160px; }
}



/* メニューパネル
=========================================================================================== */
@media screen and (max-width: 830px) {
    .top_menu_acc { height: 75px; }
}
@media screen and (max-width: 767px) {
    .top_menu_acc { height: 56px; }
}



/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
    .top_links_related ul li {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .top_links_related ul li:last-child { margin-bottom: 0; }
    .pcOnly { display: none; }
    .spOnly { display: block; }
    .pg_title { margin-bottom: 20px!important; }
    .pg_title span { font-size: 20px; }
    .tab_link .tab_link_in ul li { width: auto; }
    .tab_link .tab_link_in ul li span {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
    }
}



@media screen and (max-width: 500px) {
    .tab_link .tab_link_in ul li span {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        line-height: 110%;
    }
    .tab_link .tab_br { display: block; }
}



/* ---------------------------------------------------------

	04. ニュース＆トピックス

--------------------------------------------------------- */
/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
    #js-top_topics { padding-top: 0; }
    .news_list {
        display: block;
        margin-bottom: 15px;
    }
    .news_list dt {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
    .news_list dd {
        display: block;
        width: 100%;
    }
    .movie_are { padding: 0 0 50px 0; }
    .movie_are .movie_are_in ul li {
        width: 49%;
        margin-right: 2%;
    }
    .movie_are .movie_are_in ul li:nth-child(2n) { margin-right: 0; }



    .top_topics_list { margin-bottom: 10px; }
    .top_topics_controller {
        float: none;
        margin: 0 auto;
    }
    .top_news_readMoreBox { margin-top: 30px; }
}


/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
    .movie_are .movie_are_in ul li {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .news_ymd {
        display: block;
        margin-bottom: 5px;
    }
    .news_icon01,.news_icon02 {
        margin-left: 0;
        margin-right: 10px;
    }
}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
    .top_company_list,.top_company_list li + li { margin-top: 0!important; }
}