.pc1br { display: block; } .pc2br { display: block; } .sp1br { display: none; } .sp2br { display: none; } @media screen and (max-width: 968px) { .pc1br { display: none; } .sp1br { display: block; } } @media screen and (max-width: 768px) { .pc2br { display: none; } .sp2br { display: block; } } /* header msg */ .header-msg { background: #242424; padding: 10px 0; } .header-msg p { color: #fff; font-family: "Noto Sans JP", sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0; margin: 0 auto; width: 92%; max-width: 1100px; } /* header */ .custom-header img { height: auto; max-width: 100%; } .custom-header { padding: 12px 0; } .custom-header__inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 1100px; } .custom-header__left { width: 185px; } .custom-header__right { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 185px); } .custom-header__tel { margin-right: 15px; } .custom-header__tel a { color: #971919; font-family: "Lato", sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0; } .custom-header__tel a::before { background: url(../images/icon-tel.png) no-repeat; background-position: center; background-size: contain; content: ""; display: inline-block; height: 24px; margin-right: 5px; width: 21px; } .custom-header__tel p { font-family: "Noto Sans JP", sans-serif; font-size: 12px; font-weight: bold; } .custom-header__tel .bottom { background: #242424; color: #fff; font-family: "Noto Sans JP", sans-serif; font-size: 10px; font-weight: 400; padding: 3px 0; text-align: center; } .custom-header__bns { display: flex; justify-content: flex-end; align-items: center; margin-right: 10px; } .custom-header__bn.bn1 { margin-right: 15px; width: 326px; } .custom-header__bn.bn2 { width: 163px; } .custom-header__top { margin: 0 0 15px; } .custom-header__top ul { display: flex; justify-content: center; align-items: stretch; gap: 15px; } .custom-header__top ul li { text-align: center; } .custom-header__top ul li .custom-header__navimg { display: block; margin: 0 auto 8px; width: 30px; } .custom-header__top ul li .custom-header__navimg img { height: auto; max-width: 100%; } .custom-header__top ul li p { font-family: "Noto Sans JP", sans-serif; font-size: 10px; } .custom-header__top ul li p.pctxt { display: block; } .custom-header__top ul li p.sptxt { display: none; } .custom-header__bottom img { max-width: 129px; } /* nav */ .custom-nav { background: #f1f1f1; } .custom-nav__inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; position: relative; width: 92%; max-width: 1100px; } .custom-nav__left { width: 60%; } .custom-nav__right { width: 40%; } .custom-nav .custom-nav__list { display: flex; justify-content: space-between; } .custom-nav .custom-nav__list .custom-nav__item { padding: 15px 0; position: relative; text-align: center; width: 25%; } .custom-nav .custom-nav__list .custom-nav__item::after { border-top: 1px solid #242424; border-right: 1px solid #242424; content: ""; display: inline-block; height: 4px; margin: auto; position: absolute; right: 0; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 4px; } .custom-nav .custom-nav__list .custom-nav__item span { display: block; } .custom-nav .custom-nav__list .custom-nav__item .nav-text__en { font-family: "Noto Sans JP", sans-serif; font-size: 15px; font-weight: bold; } .custom-nav .custom-nav__list .custom-nav__item .nav-text__ja { font-family: "Noto Sans JP", sans-serif; font-size: 11px; } .custom-nav__info { display: flex; justify-content: flex-end; align-items: center; } .custom-nav__info .header_box_search { background: none; border-radius: 0; border: 0; } .custom-nav__info .header_box_search .search_text { background: #fff; border: 1px solid #333; box-sizing: border-box; font-size: 14px; height: 30px; padding: 8px; width: 200px; } .custom-nav__info .header_box_search .search-btn { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #333; border: 0; display: flex; justify-content: center; align-items: center; height: 30px; outline: none; width: 30px; } .custom-nav__info .header_box_search .search-btn i { color: #fff; font-size: 14px; } .header_box_search a { display: inline-block; font-size: 12px; font-weight: 400; margin: 5px 0 0; } .header_box_search a::before { content: "+"; } .header-link { display: flex; justify-content: flex-end; align-items: stretch; gap: 15px; } .header-link .header-link__btn { text-align: center; } .header-link .header-link__btn .header-link__image { margin: 0 auto 8px; width: 30px; } .header-link .header-link__btn .header-link__image img { height: auto; max-width: 100%; } .header-link .header-link__btn p { font-size: 11px; font-weight: bold; } .maker_type_select_box .maker_type_select_lists, .maker_type_select_box_dulton .maker_type_select_lists { display: flex; } .nav_contents { top: 65px; } @media screen and (max-width: 968px) { .common-header-nav { position: fixed; left: -100%; transition-duration: .3s; width: 100%; max-width: 300px; z-index: 99999; } .top-header.fixed + .common-header-nav { top: 61px; } .common-header-nav, .common-header-nav .sysContent, .common-header-nav .nav-group, .common-header-nav .custom-nav.header_global_nav { height: 100%; } .common-header-nav.open { left: 0; } .custom-nav__inner { display: block; } .custom-nav__left { width: 100%; } .custom-nav .custom-nav__list { display: block; } .custom-nav .custom-nav__list .custom-nav__item { text-align: left; width: 100%; } } /* nav contents */ @media screen and (max-width: 968px) { #sidebar-left { height: 100% !important; padding-top: 0 !important; } } /* sidebar */ .side-banner { margin: 0 0 20px; } .side-banner__list li:not(:last-child) { margin: 0 0 20px; } .sidebar { background: #f3f3f3; margin: 0 0 20px; padding: 20px 10px; } .sidebar .sidebar-widget:not(:last-child) { margin: 0 0 20px; } .sidebar .sidebar-widget .sidebar-widget__ttl { font-size: 13px; font-weight: 600; margin: 0 0 10px; } .sidebar-widget__list > li { border-bottom: 1px solid #ccc; position: relative; } .sidebar-widget .sidebar-widget__list .textonly a { background: #fff; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; font-family: "Noto Sans JP", sans-serif; font-size: 11px; font-weight: 600; height: 45px; padding: 0 8px; position: relative; } .sidebar-widget .sidebar-toggle__list li { background-color: #fff; background-position: left 10px center; background-size: 50px 39px; background-repeat: no-repeat; height: 45px; padding-left: 70px; } .sidebar-widget .sidebar-toggle__list.no-bg li { background: none; padding-left: 0; } .sidebar-widget .single-widget__link a, .sidebar-widget .sidebar-toggle__list li a { display: flex; justify-content: flex-start; align-items: center; font-family: "Noto Sans JP", sans-serif; font-size: 11px; font-weight: 600; height: 100%; } .sidebar-widget .single-widget__link a, .sidebar-widget .sidebar-toggle__list.no-bg li a { display: flex; justify-content: flex-start; align-items: center; } .sidebar-widget .sidebar-toggle__list.no-bg li a img { margin-right: 10px; } .sidebar-widget .single-widget__link, .sidebar-widget .link-list__ttl { background-color: #fff; background-position: left 10px center; background-size: 50px 39px; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: center; font-family: "Noto Sans JP", sans-serif; font-size: 11px; font-weight: 600; height: 45px; padding-left: 70px; position: relative; } .sidebar-widget .sidebar-widget__list .textonly a::after, .sidebar-widget .single-widget__link::after, .sidebar-widget .single-widget__link::after, .sidebar-widget .link-list__ttl::after { border-top: 1px solid #333; border-right: 1px solid #333; content: ""; display: inline-block; height: 4px; margin: auto; position: absolute; right: 5px; top: 1px; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 4px; } /* 横幅から探す */ .sidebar-widget .w_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w60.gif); } /* シリーズから探す */ .sidebar-widget .series_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_lumi_srs.gif); } /* 用途から探す */ .sidebar-widget .use_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_29.gif); } /* 25mmパーツ */ .sidebar-widget .color25_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_lumi_25.gif); } /* 19mmパーツ */ .sidebar-widget .color19_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_lumi_19.gif); } /* その他便利パーツ */ .sidebar-widget .colorOther_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_lumi_snt.gif); } /* エレクタ */ .sidebar-widget .her_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-r_pc02.gif); } .sidebar-widget .her_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-r_pc10.gif); } .sidebar-widget .hev_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc01.gif); } .sidebar-widget .hev_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc11.gif); } .sidebar-widget .hesc_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc03.gif); } .sidebar-widget .super_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc01.gif); } .sidebar-widget .super_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc10.gif); } .sidebar-widget .std_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc01.gif); } .sidebar-widget .std_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc03.gif); } .sidebar-widget .mx_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_r.gif); } .sidebar-widget .mx_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_p.gif); } .sidebar-widget .mtlsys_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_lumi_snt.gif); } /* メタルシステム */ .sidebar-widget .mtlsys_rack_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm157.gif); } .sidebar-widget .mtlsys_rack_ttl.parts_ttl { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_sf.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_01.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_02.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_03.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_04.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_05.gif); } .sidebar-widget .color25.sidebar-toggle__list .navsp { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_sp.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_06.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_07.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_08.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_09.gif); } .sidebar-widget .color25.sidebar-toggle__list .navdd { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_dd.gif); } .sidebar-widget .color25.sidebar-toggle__list .navasi { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_asi.gif); } .sidebar-widget .color25.sidebar-toggle__list .navsl { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_sl.gif); } .sidebar-widget .color25.sidebar-toggle__list .navhp { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_hp.gif); } .sidebar-widget .color25.sidebar-toggle__list .nav4h { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_4h.gif); } .sidebar-widget .color25.sidebar-toggle__list .navtable { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_table.gif); } .sidebar-widget .color25.sidebar-toggle__list .navrail { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_rail.gif); } .sidebar-widget .color25.sidebar-toggle__list .navwc { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_wc.gif); } .sidebar-widget .color25.sidebar-toggle__list .navpl { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_44.gif); } .sidebar-widget .color25.sidebar-toggle__list .navno { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_45.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_01.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_02.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_03.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_05.gif); } .sidebar-widget .color19.sidebar-toggle__list .navsp { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_sp.gif); } .sidebar-widget .color19.sidebar-toggle__list .navdd { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_dd.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_06.gif); } .sidebar-widget .color19.sidebar-toggle__list .navasi { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_asi.gif); } .sidebar-widget .color19.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_10.gif); } .sidebar-widget .color19.sidebar-toggle__list .navsl { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_sl.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_11.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_12.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_13.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_14.gif?1); } .sidebar-widget .colorOther.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_hm.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_net.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_sheet.gif); } .sidebar-widget .colorOther.sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_herisson.gif); } .sidebar-widget .color25.set_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_15.gif); } .sidebar-widget .color25.set_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_16.gif); } .sidebar-widget .color25.set_rack.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_17.gif); } .sidebar-widget .color25.set_rack.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_18.gif); } .sidebar-widget .color19.set_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_19.gif); } .sidebar-widget .color19.set_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_20.gif); } .sidebar-widget .color12.set_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_mini.gif); } .sidebar-widget .big.set_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_22.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_21.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_23.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_tall.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_noir.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_riche.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_black.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_white.gif); } .sidebar-widget .series .colorOther.set_rack.sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_garden.gif); } .sidebar-widget .tension.set_rack .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_24.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_25.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_26.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_27.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_28.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_29.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_30.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_31.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_32.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_33.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav10 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_34.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav11 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_35.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav12 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_36.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav13 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_37.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav14 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_38.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav15 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_39.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav16 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_40.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav17 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_41.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav18 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_42.gif); } .sidebar-widget .other.set_rack.sidebar-toggle__list .nav19 { background-image: url(https://perfect-floors.jp/img/leftnav/sidenavi_pc_43.gif); } .colorOther .navp_01 { background-image: url(https://perfect-floors.jp/img/leftnav/p_free.gif); } .colorOther .navp_02 { background-image: url(https://perfect-floors.jp/img/leftnav/p_wagon.gif); } .colorOther .navp_03 { background-image: url(https://perfect-floors.jp/img/leftnav/p_hangar.gif); } .left_cat_navi .super_rack_ttl.parts__ttl { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc10.gif); } /*============================================================== ヴィンテージ*/ .sidebar-widget .hev_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc01.gif?1);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc02.gif);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc03.gif);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc04.gif);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc05.gif);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc06.gif);} .sidebar-widget .hev_rack.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc07.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc08.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc09.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc10.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc11.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc12.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc13.gif);} .sidebar-widget .hev_rack.parts.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-v_pc14.gif);} /*============================================================== オーダーメイド*/ .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc01.gif);} .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc02.gif);} .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc03.gif);} .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc04.gif);} .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc05.gif);} .sidebar-widget .hesc_rack.parts.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-sc_pc06.gif);} /*============================================================== スーパー*/ .sidebar-widget .super_rack .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc01.gif);} .sidebar-widget .super_rack .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc02.gif);} .sidebar-widget .super_rack .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc03.gif);} .sidebar-widget .super_rack .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc04.gif);} .sidebar-widget .super_rack .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc05.gif);} .sidebar-widget .super_rack .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc06.gif);} .sidebar-widget .super_rack .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc07.gif);} .sidebar-widget .super_rack .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc08.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc09.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc10.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc11.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc12.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc13.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc14.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc15.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc16.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc17.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav10 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc18.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav11 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc19.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav12 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc20.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav13 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc21.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav14 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc22.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav15 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc23.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav16 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc24.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav17 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc25.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav18 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc26.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav19 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc27.gif);} .sidebar-widget .super_rack.parts.sidebar-toggle__list .nav20 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-s_pc28.gif);} /*============================================================== スタンダードエレクター*/ .sidebar-widget .std_rack .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-st_d3.gif);} .sidebar-widget .std_rack .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-st_d45.gif);} .sidebar-widget .std_rack .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-st_d60.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc02.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc03.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc04.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc05.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc06.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc07.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc08.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc09.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc10.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav10 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc11.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav11 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc12.gif);} .sidebar-widget .std_rack.parts.sidebar-toggle__list .nav12 { background-image: url(https://perfect-floors.jp/img/leftnav/navi_e-st_pc13.gif);} /*============================================================== メトロマックス*/ .sidebar-widget .mx_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_r.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_p.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_q.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_4.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_i.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .parts .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_qp.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .parts .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_4p.gif);} .sidebar-widget .mx_rack.sidebar-toggle__list .parts .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_e-mx_i4.gif);} /*============================================================== メタルシステム*/ .sidebar-widget .mtlsys_rack .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm67.gif);} .sidebar-widget .mtlsys_rack .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm97.gif);} .sidebar-widget .mtlsys_rack .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm112.gif);} .sidebar-widget .mtlsys_rack .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm127.gif);} .sidebar-widget .mtlsys_rack .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm142.gif);} .sidebar-widget .mtlsys_rack .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm157.gif);} .sidebar-widget .mtlsys_rack .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm172.gif);} .sidebar-widget .mtlsys_rack .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm182.gif);} .sidebar-widget .sidebar-toggle__list .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_sf.gif);} .sidebar-widget .sidebar-toggle__list .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_sdf.gif);} .sidebar-widget .sidebar-toggle__list .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_mbr.gif);} .sidebar-widget .sidebar-toggle__list .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_hbr.gif);} .sidebar-widget .sidebar-toggle__list .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_pu.gif);} .sidebar-widget .sidebar-toggle__list .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_be.gif);} .sidebar-widget .sidebar-toggle__list .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_br.gif);} .sidebar-widget .sidebar-toggle__list .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_ksr.gif);} .sidebar-widget .sidebar-toggle__list .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_hd.gif);} .sidebar-widget .sidebar-toggle__list .nav10 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_msm_mj.gif);} /* 幅60 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav01 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w60.gif); } /* 幅75 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav02 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w75.gif); } /* 幅90 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav03 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w90.gif); } /* 幅120 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav04 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w120.gif); } /* 幅150 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav05 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w150.gif?1); } /* 幅20 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav06 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w20.gif); } /* 幅30 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav07 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w30.gif); } /* 幅45 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav08 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w45.gif); } /* 幅80 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav09 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w80.gif); } /* 幅180 */ .sidebar-widget .sidebar-toggle__list.w_rack .nav11 { background-image: url(https://perfect-floors.jp/img/leftnav/snv_pc_w180.gif); } .sidebar-widget .titleimg { background-color: #fff; background-repeat: no-repeat; background-position: left 10px center; background-size: 50px 39px; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ccc; height: 45px; line-height: 1em; padding: 8px 8px 8px 70px; box-sizing: border-box; position: relative; } .sidebar-widget .titleimg::after { border-top: 1px solid #333; border-right: 1px solid #333; content: ""; display: inline-block; height: 4px; margin: auto; position: absolute; right: 5px; top: 1px; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 4px; } .sidebar-widget .titleimg.her_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-rm.jpg); } .sidebar-widget .titleimg.hev_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-vintage.jpg); } .sidebar-widget .titleimg.hesc_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-sc.jpg); } .sidebar-widget .titleimg.super_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-super.jpg); } .sidebar-widget .titleimg.std_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-stan.jpg); } .sidebar-widget .titleimg.mx_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_e-mx.jpg); } .sidebar-widget .titleimg.msuni_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_ms-uni.jpg); } .sidebar-widget .titleimg.mssp_title { background-image: url(https://perfect-floors.jp/img/leftnav/snv_ms-sp.jpg); } .sidebar-widget .titleimg span { font-family: "Noto Sans JP", sans-serif; font-size: 10px; font-weight: 600; } .sidebar-toggle__panel { background: #fff; display: none; box-shadow: 3px 3px 6px 0px #b8b8b8; position: absolute; top: 0; left: 182px; width: 235px; } .sidebar-toggle__panel.flexrow { width: 470px; } .sidebar-toggle__panel.active { display: block; } .sidebar-toggle__panel.cr-gray { background: #ebf4fd; } .sidebar-toggle__panel.cr-gray2 { background: #edeff4; } .sidebar-toggle__panel.cr-blue { background: #ebf4fd; } .sidebar-toggle__panel.cr-blue2 { background: #e8ecf5; } .sidebar-toggle__panel.cr-blue3 { background: #eaf2f5; } .sidebar-toggle__panel.cr-green { background: #eaf4ec; } .sidebar-toggle__panel.cr-pink { background: #fff1f1; } .sidebar-toggle__panel.cr-pink2 { background: #fbe7e9; } .sidebar-toggle__panel.cr-beije { background: #f4f5ed; } .sidebar-toggle__flex { display: flex; justify-content: space-between; align-items: stretch; } .sidebar-toggle__left, .sidebar-toggle__right { width: 48%; } .sidebar-toggle__flex, .sidebar-toggle__list { box-sizing: border-box; padding: 15px; } .sidebar-toggle__flex .sidebar-toggle__list { padding: 0; } .sidebar-toggle__flex .sidebar-toggle__list:not(:last-child) { margin: 0 0 20px; } .sidebar-toggle__ttl { box-sizing: border-box; font-family: "Noto Sans JP", sans-serif; font-size: 13px; font-weight: bold; padding: 10px 15px; } .sidebar-toggle__panel.cr-gray .sidebar-toggle__ttl { background: #afceeb; } .sidebar-toggle__panel.cr-gray2 .sidebar-toggle__ttl { background: #b7c1cc; } .sidebar-toggle__panel.cr-blue .sidebar-toggle__ttl { background: #afceeb; } .sidebar-toggle__panel.cr-blue2 .sidebar-toggle__ttl { background: #acbcd6; } .sidebar-toggle__panel.cr-blue3 .sidebar-toggle__ttl { background: #bfd6e4; } .sidebar-toggle__panel.cr-green .sidebar-toggle__ttl { background: #9fb8a3; } .sidebar-toggle__panel.cr-pink .sidebar-toggle__ttl { background: #fca8a8; } .sidebar-toggle__panel.cr-pink2 .sidebar-toggle__ttl { background: #f9d2d7; } .sidebar-toggle__panel.cr-beije .sidebar-toggle__ttl { background: #c9ccb7; } .sidebar-widget .sidebar-toggle__list .sidebar-toggle__subttl { background: #ccc; border-radius: 3px; display: flex; align-items: center; justify-content: flex-start; font-family: "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1em; height: 25px; margin: 0 0 8px; padding: 0 15px; text-align: left; width: 100%; max-width: max-content; } .sidebar-toggle__panel .morelink { padding: 0 15px 15px; } .sidebar-toggle__panel .morelink a { background: #feffef; border: 1px solid #c0bebf; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-family: "Noto Sans JP", sans-serif; font-size: 13px; font-weight: 600; height: 25px; margin: 0 auto; text-align: center; width: 100%; } p.sidebar-cal__ttl { background: #f1f1f1; padding: 10px; }