/* 元ファイルとの違いは下記の２点です
１：SPビューでのパンくず表示
２：パンくずエリアを狭くした */


#m_page {
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", ArialMT, Osaka, sans-serif;
    width: 950px;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}
#m_page ul {
    list-style: none;
    margin-block-start: 0;
    -webkit-margin-block-start: 0;
    margin-block-end: 0;
    -webkit-margin-block-end: 0;
    margin-inline-start: 0;
    -webkit-margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-inline-end: 0;
    padding-inline-start: 0;
    -webkit-padding-inline-start: 0;
}
#m_page .m_clearfix {
    display: block;
}
#m_page .m_clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*--- m_path ---*/
#m_page #m_path {
    width: 932px;
    margin: 5px 0 5px 5px;
    padding: 0;
}
#m_page #m_path p.m_bread {
    float: left;
    width: 780px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #888888;
}
#m_page #m_path p.m_bread a {
    color: #3273dc;
}
#m_page #m_path p.m_bread a, 
#m_page #m_path p.m_bread strong, 
#m_page #m_path p.m_back01 a {
    font-size: 10px;
}
#m_page #m_path p.m_back01 a {
    padding: 0 0 0 12px;
    background: url(https://voi.0101.co.jp/voi/common/floor/images/arrow_back.gif) no-repeat 0px 2px;
    color: #666666;
}
#m_page #m_path p.m_back01 a:hover {
    color: #8c2846;
}
#m_page #m_path p.m_bread strong {
    font-weight: normal;
}
#m_page #m_path p.m_back01 {
    float: right;
    width: 145px;
    margin: 0;
    padding: 0;
    text-align: right;
}

/*--- m_path02 ---*/
#m_page #m_path02 {
    width: 950px;
    margin: 18px 0 0 0;
}
#m_page #m_path02 p.m_back02 {
    float: left;
    width: 145px;
    padding-left: 1px;
}
#m_page #m_path02 p.m_back02 a, 
#m_page #m_path02 p.m_pagetop a {
    color: #3273dc;
    font-size: 10px;
}
#m_page #m_path02 p.m_back02 a {
    padding: 0 0 0 12px;
    background: url(https://voi.0101.co.jp/voi/common/floor/images/arrow_back.gif) no-repeat 0px 2px;
}
#m_page #m_path02 p.m_pagetop {
    float: right;
    width: 145px;
    text-align: right;
}
#m_page #m_path02 p.m_pagetop a {
    padding: 0 12px 0 0;
    background: url(https://voi.0101.co.jp/voi/common/floor/images/arrow_pagetop.gif) no-repeat right 2px;
}
#m_page #m_path02 a {
    color: #666666;
    text-decoration: none;
}
#m_page #m_path02 a:hover {
    color: #8c2846;
}

/* PC View 
@media screen and (max-width: 979.9px) {
    #m_page {
        width: auto;
    }
    #m_page #m_path {
        display: none;
    }
    #m_page #m_path02 {
        display: none;
    }
}*/



/* SPパンくず表示対応 */
@media screen and (max-width: 979.9px) {
    #m_page {
        width: auto;
    }
    #m_page #m_path {
        display: block;
    }
    #m_page #m_path02 {
        display: none;
    }
    #m_page #m_path p.m_back01 {
        display: none;
    }
    #m_page #m_path {
    width: auto;
    margin: 5px 0 5px 5px;
    padding: 0;
    }
    #m_page #m_path p.m_bread {
    float: left;
    width: 100%;
    }
}

/* PC Viewでパンくずエリア狭く */
@media screen and (min-width: 980px) {
    .s_mainArea {
        margin: 10px 0 !important;
    }
}