@charset "UTF-8";

@media only screen and (max-width: 739px)
{
    /* ======================= */
    /* MOBILE対応               */
    /* ----------------------- */
    .visible_m{display: block !important;}
    .visible_tm{display: block !important;}
    .visible_pm{display: block !important;}

    .visible_t{display: none !important;}
    .visible_p{display: none !important;}
    .visible_pt{display: none !important;}

    /* -------- 追加 -------- */
    .visible_pp{display: none !important;}

    /*breadcrumb*/
    #breadcrumb
    {
    padding:10px;
    border-bottom:1px solid #eee;
    margin-bottom: 0px;
    }

    .mgs_leftside h3
    {
        position: relative;
        background:#333;
        padding:10px;
        text-align:center;
        color:#fff;
        font-size: 1.3em;
        margin-bottom:1em;
    }

    .m_wrap .m_header {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        }
    .m_wrap .m_header .area_midashi { grid-area: 1 / 1 / 2 / 3; }
    .m_wrap .m_header .area_btn { grid-area: 2 / 1 / 3 / 3; text-align: left; margin-bottom: 10px;}
    .m_wrap .m_header .area_search { grid-area: 3 / 1 / 4 / 3; }

    /* ------------------------------------------ */
    /* TOPページ用ヘッダー　　　　　　　 header.home */
    /* ------------------------------------------ */

    header .mgs_logo .copy
    {
        display: none;
    }

    header .nav-right .user-name
    {
        display: none;
    }
    header #g-nav-list .user-name {
        justify-content: space-between;
    }

    header .mgs_menu
    {
        display: none;
    }

    header.home .mgs-header-copy .title
    {
        color: #fff;
        font-weight: bold;
        font-size: 1.8em;
        padding: 10px 10px 0 10px;
        text-align: center;
    }

    /* ------------------------------------------ */
    /* 中ページ用ヘッダー　　　　　　　 header.page  */
    /* ------------------------------------------ */
    header.page .mgs-pagetitle
    {
        width:100%;
        padding:6em 0;
    }
    header.page .mgs-pagetitle .pagetitle
    {
        width:50%;
        margin: 0 auto;
        text-align: center;
    }
    header.page .mgs-pagetitle .pagetitle .subtitle
    {
        color:#ddd;
        font-size:0.9em;
    }
    header.page .mgs-pagetitle .pagetitle h2
    {
        color:#fff;
        font-size:25px;
    }
    header.page .mgs-pagetitle .pagetitle .text
    {
        padding-top:1.5em;
        color:#fff;
        text-align: center;
    }

    header .pc-nav
    {
      float:left;
      width: auto;
    }
    
    .body-client .menu-select01 #pc-nav li.menu01 a
    {
        padding: 10px;
    }


}