@charset "UTF-8";

.common_left {
    display: none;
}

@media screen and (min-width: 641px) {

    .common_left {
        margin-top: 2rem;
        display: block;
        max-width: 230px;
        font-size: 12px;
    }

    .common_left #bannerRakuten {
        width: 192px;
        height: 148px;
        margin-left: 19px;
    }

    .common_left #bannerRakuten a {
        display: block;
        width: 192px;
        height: 130px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_rakuten.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerRakuten a:hover {
        background-position: 0 -130px;
    }

    .common_left #bannerGdesign {
        width: 192px;
        height: 92px;
        margin-left: 19px;
    }

    .common_left #bannerGdesign a {
        display: block;
        width: 192px;
        height: 74px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_good_design.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerGdesign a:hover {
        background-position: 0 -74px;
    }

    .common_left #bannerkaimawari {
        width: 192px;
        height: 155px;
        margin-left: 19px;
    }

    .common_left #bannerkaimawari a {
        display: block;
        width: 192px;
        height: 142px;
        background: url(https://www.armonia.jp/asp/pc/img/event/kaimawari/kaimawari_fb.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerkaimawari a:hover {
        background-position: 0 -142px;
    }

    .common_left #bannerMedia {
        width: 192px;
        height: 130px;
        margin-left: 19px;
    }

    .common_left #bannerMedia a {
        display: block;

        width: 192px;
        height: 114px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_media.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerMedia a:hover {
        background-position: 0 -114px;
    }

    .common_left #banner3D {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #banner3D a {
        display: block;

        width: 192px;
        height: 94px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_3d.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #banner3D a:hover {
        background-position: 0 -94px;
    }

    #banner_minimal_modern {
    	width:192px;
    	height:112px;
    	margin-left:19px;
    }

    #banner_minimal_modern a {
    	display:block;
    	width:192px;
    	height:94px;
    	background:url(https://www.armonia.jp/asp/pc/img/common/banner_minimal.webp) no-repeat;
    	text-indent:-9999px;
    }

    #banner_minimal_modern a:hover {
    	background-position:0 -94px;
    }

    .common_left #banner_rustic_modern {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #banner_rustic_modern a {
        display: block;

        width: 192px;
        height: 94px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_os4f.webp) no-repeat;
        text-indent: -9999px;
    }

    .common_left #banner_rustic_modern a:hover {
        background-position: 0 -94px;
    }

    #banner_ceramic {
    	width:192px;
    	height:112px;
    	margin-left:19px;
    }

    #banner_ceramic a {
    	display:block;

    	width:192px;
    	height:94px;
    	background:url(https://www.armonia.jp/asp/pc/img/common/banner_ceramic.png) no-repeat;
    	text-indent:-9999px;
    }

    #banner_ceramic a:hover {
    	background-position:0 -94px;
    }

    .common_left #banner_bjl {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #banner_bjl a {
        display: block;

        width: 192px;
        height: 94px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_bjl.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #banner_bjl a:hover {
        background-position: 0 -94px;
    }
    
    .common_left #banner_coordinate {
    	width:192px;
    	height:112px;
    	margin-left:19px;
    }
    
    .common_left #banner_coordinate a {
    	display:block;
    	width:192px;
    	height:94px;
    	background:url(https://www.armonia.jp/asp/pc/img/common/banner_coordinate.png) no-repeat;
    	text-indent:-9999px;
    }
    .common_left #banner_coordinate a:hover {
        background-position:0 -94px;
    }

    .common_left #banner_photogallery {
    	width:192px;
    	height:112px;
    	margin-left:19px;
    }
    .common_left #banner_photogallery a {
    	display:block;
    	width:192px;
    	height:94px;
    	background:url(https://www.armonia.jp/asp/pc/img/common/banner_rfg_post_l.png) no-repeat;
    	text-indent:-9999px;
    }
    .common_left #banner_photogallery a:hover {
    	background-position:0 -94px;
    }

    .common_left #bannershopsale {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #bannershopsale a {
        display: block;

        width: 192px;
        height: 94px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_sale.webp) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannershopsale a:hover {
        background-position: 0 -94px;
    }

    .common_left #review {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #review a {
        display: block;

        width: 192px;
        height: 94px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_reviewpresent_pc_left.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #review a:hover {
        background-position: 0 -94px;
    }

    .common_left #bannerstaffbrog {
        width: 192px;
        height: 154px;
        margin-left: 19px;
    }

    .common_left #bannerstaffbrog a {
        display: block;

        width: 192px;
        height: 114px;
        background: url(https://www.armonia.jp/asp/pc/img/common/staffblog.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerstaffbrog a:hover {
        background-position: 0 -114px;
    }

    .common_left #bannerwebcatalog {
        width: 192px;
        height: 112px;
        margin-left: 19px;
    }

    .common_left #bannerwebcatalog a {
        display: block;
        width: 192px;
        height: 92px;
        background: url(https://www.armonia.jp/asp/pc/img/common/webcatalog.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerwebcatalog a:hover {
        background-position: 0 -94px;
    }


    .common_left #bannerKodawari {
        width: 192px;
        height: 110px;
        margin-left: 19px;
    }

    .common_left #bannerKodawari a {
        display: block;
        width: 192px;
        height: 92px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_kodawari.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerKodawari a:hover {
        background-position: 0 -92px;
    }

    .common_left #bannerShowroom {
        width: 192px;
        height: 132px;
        margin-left: 19px;
    }

    .common_left #bannerShowroom a {
        display: block;
        width: 192px;
        height: 92px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_showroom.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerShowroom a:hover {
        background-position: 0 -92px;
    }

    .common_left #bannermagazine {
        width: 192px;
        height: 92px;
        margin-left: 19px;
    }

    .common_left #bannermagazine a {
        display: block;
        width: 192px;
        height: 74px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_magazine.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannermagazine a:hover {
        background-position: 0 -74px;
    }

    .common_left #bannerfacebook {
        width: 192px;
        height: 92px;
        margin-left: 19px;
    }

    .common_left #bannerfacebook a {
        display: block;
        width: 192px;
        height: 74px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_fb.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerfacebook a:hover {
        background-position: 0 -74px;
    }

    .common_left #bannertwitter {
        width: 192px;
        height: 92px;
        margin-left: 19px;
    }

    .common_left #bannertwitter a {
        display: block;
        width: 192px;
        height: 74px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_twitter.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannertwitter a:hover {
        background-position: 0 -74px;
    }

    .common_left #bannerSearch {
        width: 192px;
        height: 202px;
        margin-left: 19px;
    }

    .common_left #bannerSearch a {
        display: block;
        width: 192px;
        height: 184px;
        background: url(https://www.armonia.jp/asp/pc/img/common/banner_search.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #bannerSearch a:hover {
        background-position: 0 -184px;
    }

    .common_left #inquiryBox {
        width: 192px;
        height: 202px;
        margin-left: 19px;
    }

    .common_left #inquiryBox dt {
        width: 192px;
    }

    .common_left #inquiryBox dd {
        width: 192px;
        height: 76px;
        height: 60px;
        padding-top: 16px;
        background: url(https://www.armonia.jp/asp/pc/img/common/bg_side_inquiry.png) no-repeat;
    }

    .common_left #inquiryBox dd a {
        display: block;
        width: 180px;
        height: 37px;
        margin-left: 6px;
        background: url(https://www.armonia.jp/asp/pc/img/common/button_to_inquiry.png) no-repeat;
        text-indent: -9999px;
    }

    .common_left #inquiryBox dd a:hover {
        background-position: 0 -37px;
    }

    .common_left #sideTitleRanking,
    .common_left #sideTitleCategory,
    .common_left #sideTitleService {
        width: 211px;
        height: 46px;
        background: url(https://www.armonia.jp/asp/pc/img/common/title_side_ranking.png) 20px 0 no-repeat;
        text-indent: -9999px;
    }

    .common_left #sideTitleCategory {
        background: url(https://www.armonia.jp/asp/pc/img/common/title_side_category.png) 20px 0 no-repeat;
    }

    .common_left #sideTitleService {
        background: url(https://www.armonia.jp/asp/pc/img/common/title_side_service.png) 20px 0 no-repeat;
    }

    /* category list */

    .common_left #categoryList {
        margin-left: 20px;
        padding: 0.6em 0;
    }

    .common_left #categoryList li {
        padding-bottom: 0.6em;
    }

    .common_left #categoryList li ul {
        margin-left: 20px;
        padding: 0 0 0.4em 0;
    }

    .common_left #categoryList li li a {
        padding-left: 0;
        background: none;
    }

    .common_left #categoryList span,
    .common_left #categoryList a {
        padding-left: 14px;
        color: #333;
    }

    .common_left #categoryList span {
        font-weight: bold;
        line-height: 2;
    }

    .common_left #categoryList a {
        background: url(https://www.armonia.jp/asp/pc/img/common/mark_02.png) 0 50% no-repeat;
    }

    .common_left #categoryList span {
        background: url(https://www.armonia.jp/asp/pc/img/common/mark_drop.png) 0 50% no-repeat;
    }

    .common_left #categoryList a:hover {
        color: #65232f;
    }



    .common_left #leftcolumn #sidebar .sideTitleCommon {
        color: #fff;
        font-family: bebas-neue, bebas-neue-by-fontfabric;
        font-weight: 400;
        background: #434343;
        font-size: 0.85rem;
        padding: 0.4rem 0 0.35rem 0.45rem;
        margin: 0 1rem 0.6rem;
        width: calc(100% - 1rem);
    }

    .common_left #leftcolumn #sidebar .sideNaviList {
        margin: 0 1rem 1.8rem;
    }

    .common_left #leftcolumn #sidebar .sideNaviList .sideNaviContent {
        margin: 0.4rem 0;
    }

    .common_left #leftcolumn #sidebar .sideNaviList .sideNaviContent:first-of-type {
        margin-top: 0;
    }

    .common_left #leftcolumn #sidebar .sideNaviList .sideNaviContent .sideNaviLink {
        color: #333;
    }

    .common_left #leftcolumn #sidebar .sideNaviList .sideNaviContent .sideNaviLink:hover {
        color: #65232f;
    }

    .common_left #leftcolumn #sidebar .common_left #bannerMedia {
        height: 153px;
    }

    .common_left #leftcolumn #sidebar .common_left #banner3D {
        height: 112px;
    }

    .common_left #leftcolumn #sidebar .common_left #bannerShowroom {
        height: 130px;
    }

    .common_left #leftcolumn #sidebar .common_left #categoryList {
        padding: 0 0 0.15rem;
    }

    .common_left a+ul {
        margin-top: 10px;
    }

}