@charset "utf-8";

@media screen and (min-width: 561px){
    /*    ranking*/
    #top-ranking ol {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    #top-ranking ol li {
        width: 32.5%;
        flex-direction: column;
        box-sizing: border-box;
        border: 1px solid #cfcfcf;
        border-radius: 5px;
        padding: 10px 10px 0;
    }
    #top-ranking a img {
        width: 90%;
        margin-bottom: 10px;
    }
    #top-ranking a img:hover {
        opacity: .8;
    }

}

/* ★共通 */
.footer-info {background: #d3d3d3;}

/* ★共通side-b */
#s-ceoblog a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-ceoblog a:link {
    background-image : url(//jyusetu.com/img/side_ceoblog.gif) ;
}
#s-ceoblog a:hover {
    background-image : url(//jyusetu.com/img/side_ceoblog_o.gif) ;
}
#s-ceoblog a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-ceoblog a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-staffblog a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-staffblog a:link {
    background-image : url(/img/side_staffblog.gif?191024) ;
}
#s-staffblog a:hover {
    background-image : url(/img/side_staffblog_o.gif?191024) ;
}
#s-staffblog a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-staffblog a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-staff a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-staff a:link {
    background-image : url(//jyusetu.com/img/side_staff.gif) ;
}
#s-staff a:hover {
    background-image : url(//jyusetu.com/img/side_staff_o.gif) ;
}
#s-staff a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-staff a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-present a {
    display : block;
    width : 180px;
    height : 55px;
    margin-right: auto;
    margin-left: auto;
    background-repeat : no-repeat;
    background-position : center center;
}
#s-present a:link {
    background-image : url(/powderroom/img/side_present.gif) ;
}
#s-present a:hover {
    background-image : url(/powderroom/img/side_present_o.gif) ;
}
#s-present a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-present a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-marker a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-marker a:link {
    background-image : url(//jyusetu.com/img/side_marker.gif) ;
}
#s-marker a:hover {
    background-image : url(//jyusetu.com/img/side_marker_o.gif) ;
}
#s-marker a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-marker a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-ns-communication a {
    display : block;
    width : 180px;
    height : 55px;
    margin-right: auto;
    margin-left: auto;
    background-repeat : no-repeat;
    background-position : center center;
}
#s-ns-communication a:link {
    background-image : url(//jyusetu.com/img/side_ns_communication_new.gif?1912) ;
}
#s-ns-communication a:hover {
    background-image : url(//jyusetu.com/img/side_ns_communication_new_o.gif?1912) ;
}
#s-ns-communication a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-ns-communication a:hover img {
    visibility : hidden ;
    border-style : none ;
}

.side_safety_bnr {
    position: relative;
    margin-bottom: 15px;
}
.side_safety_bnr a {
    display: block;
    height: 200px;
    background-image: url(/img/side_safety_plus1.png?190405);
}
.side_safety_bnr::before {
    content: '';
    width: 180px;
    height: 198px;
    position: absolute;
    border-radius: 5px;
    top: 2px;
    z-index: -1;
}
.side_safety_bnr:hover::before {
    background-color: #ffe8db;
    cursor: pointer;
}
#s-office a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-office a:link {
    background-image : url(//jyusetu.com/img/side_office.gif) ;
}
#s-office a:hover {
    background-image : url(//jyusetu.com/img/side_office_o.gif) ;
}
#s-office a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-office a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-cs-voice a {
	display : block;
	width : 180px;
	height : 55px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-cs-voice a:link {
    background-image : url(//jyusetu.com/img/side_cs_voice.gif) ;
}
#s-cs-voice a:hover {
    background-image : url(//jyusetu.com/img/side_cs_voice_o.gif) ;
}
#s-cs-voice a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-cs-voice a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-media a {
    display : block;
    width : 180px;
    height : 55px;
    margin-right: auto;
    margin-left: auto;
    background-repeat : no-repeat;
    background-position : center center;
}
#s-media a:link {
    background-image : url(//jyusetu.com/img/side_media.gif) ;
}
#s-media a:hover {
    background-image : url(//jyusetu.com/img/side_media_o.gif) ;
}
#s-media a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-media a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-work-pro a {
	display : block;
	width : 180px;
	height : 105px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-work-pro a:link {
    background-image : url(//jyusetu.com/img/side_work_pro.gif?20190611) ;
}
#s-work-pro a:hover {
    background-image : url(//jyusetu.com/img/side_work_pro_o.gif?20190611) ;
}
#s-work-pro a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-work-pro a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-recruit a {
	display : block;
	width : 180px;
	height : 105px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-recruit a:link {
    background-image : url(/img/side_recruit.gif?191024);
}
#s-recruit a:hover {
    background-image : url(/img/side_recruit_o.gif?191024) ;
}
#s-recruit a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-recruit a:hover img {
    visibility : hidden ;
    border-style : none ;
}

/* faucet */
.sub-faucet-c {
    background-image: url(//jyusetu.com/img/side_category_bg.gif);
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-bottom: 0px;
}

/* toilet必要 */
#series-15 a {    display : block ;    width : 170px ;
    height : 45px ;
    background-repeat : no-repeat ;
    background-position : center center ;
}
#series-15 a:link {
    background-image : url(/toilet/img/sub_s_t_seat_apricot.gif) ;
}
#series-15 a:visited {
    background-image : url(/toilet/img/sub_s_t_seat_apricot.gif) ;
}
#series-15 a:hover {
    background-image : url(/toilet/img/sub_s_t_seat_apricot_o.gif) ;
}
#series-15 a:active {
    background-image : url(/toilet/img/sub_s_t_seat_apricot.gif) ;
}
#series-15 a:link img {
    visibility : visible ;
    border-style : none ;
}
#series-15 a:visited img {
    visibility : hidden ;
    border-style : none ;
}
#series-15 a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#series-15 a:active img {
    visibility : hidden ;
    border-style : none ;
}
#series-16 a {
    display : block ;
    width : 170px ;
    height : 45px ;
    background-repeat : no-repeat ;
    background-position : center center ;
}
#series-16 a:link {
    background-image : url(/toilet/img/sub_s_t_seat_s2s1sb.gif) ;
}
#series-16 a:visited {
    background-image : url(/toilet/img/sub_s_t_seat_s2s1sb.gif) ;
}
#series-16 a:hover {
    background-image : url(/toilet/img/sub_s_t_seat_s2s1sb_o.gif) ;
}
#series-16 a:active {
    background-image : url(/toilet/img/sub_s_t_seat_s2s1sb.gif) ;
}
#series-16 a:link img {
    visibility : visible ;
    border-style : none ;
}
#series-16 a:visited img {
    visibility : hidden ;
    border-style : none ;
}
#series-16 a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#series-16 a:active img {
    visibility : hidden ;
    border-style : none ;
}
#series-18 a {
    display : block ;
    width : 170px ;
    height : 45px ;
    background-repeat : no-repeat ;
    background-position : center center ;
}
#series-18 a:link {
    background-image : url(/toilet/img/sub_s_t_seat_passo.gif) ;
}
#series-18 a:visited {
    background-image : url(/toilet/img/sub_s_t_seat_passo.gif) ;
}
#series-18 a:hover {
    background-image : url(/toilet/img/sub_s_t_seat_passo_o.gif) ;
}
#series-18 a:active {
    background-image : url(/toilet/img/sub_s_t_seat_passo.gif) ;
}
#series-18 a:link img {
    visibility : visible ;
    border-style : none ;
}
#series-18 a:visited img {
    visibility : hidden ;
    border-style : none ;
}
#series-18 a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#series-18 a:active img {
    visibility : hidden ;
    border-style : none ;
}

/* ★共通side-a */
#s-work-pro a {
	display : block;
	width : 180px;
	height : 105px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-work-pro a:link {
    background-image : url(/powderroom/img/side_work_pro.gif) ;
}
#s-work-pro a:hover {
    background-image : url(/powderroom/img/side_work_pro_o.gif) ;
}
#s-work-pro a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-work-pro a:hover img {
    visibility : hidden ;
    border-style : none ;
}

/* 画像透明化クラス */
a:hover img.hover{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
}
/*リンク範囲修正*/
.d_iblock {
    display: inline-block;
}
/*ヘッダーあんしん保証btn new*/
#head-anshin-new a {
    display : block;
    width : 128px;
    height : 50px;
    margin-right: auto;
    margin-left: auto;
    background-repeat : no-repeat;
    background-position : center center;
}
#head-anshin-new a:link {
    background-image : url(/img/header/anshin.gif?190411) ;
}
#head-anshin-new a:hover {
    background-image : url(/img/header/anshin_o.gif?190411) ;
}
#head-anshin-new a:link img {
    visibility : visible ;
    border-style : none ;
}
#head-anshin-new a:hover img {
    visibility : hidden ;
    border-style : none ;
}

@media (min-width:561px){
	.sp {
		display: none;
}
}
@media (max-width:560px){
	.pc {
		display: none;
}
    #sp-list-consider {
        position: relative;
    }
    #sp-list-consider .consider-count {
        position: absolute;
        bottom: 34%;
        left: 40%;
        background-color: #ff0018;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        font-size: 14px;
        font-weight: bold;
    }
    #tab-guide-content a {
        background-color: #2c63a7;
        color: #fff;
        border-bottom: 1px solid #4270a8;
    }
}