@charset "utf-8"; /* 汎用 */ .flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .flex_no_justify { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /*PC用*/ @media print, screen and (min-width:769px) { /* Index */ #wheelcap .corner_box { padding: 0 10px 30px; } #wheelcap .corner_txt { margin-bottom: 10px; font-size: 16px; line-height: 24px; } #wheelcap .corner_keyword { } #wheelcap .corner_keyword input[type="text"] { padding: 5px; width: 248px; border: 3px solid #333333; box-sizing: border-box; } #wheelcap .corner_keyword span { display: block; padding: 5px 0 0; font-size: 14px; line-height: 24px; } #wheelcap .notes { padding: 0 10px; font-size: 14px; line-height: 24px; } #wheelcap .notes a { color: #e60012; text-decoration: underline; } #wheelcap .notes a:hover { text-decoration: none; } #wheelcap .notes_02 { padding: 10px 0 0; font-size: 14px; line-height: 24px; } #wheelcap .notes_02 a { color: #e60012; text-decoration: underline; } #wheelcap .notes_02 a:hover { text-decoration: none; } #wheelcap .search_result_note {margin: 0 0 0 14px;font-size: 14px;line-height: 26px;text-indent: -14px;} #wheelcap .search_result_note span { display: inline-block; margin: 0 4px; padding: 4px 9px 4px 37px; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #000; border-radius: 30px; background: #FFE400 url("../images/icon/ico19.png") no-repeat 8px center; background-size: 14px auto; } /*選択 -ボタンリスト- 3列 */ #wheelcap .btn_third { width: 870px; } #wheelcap .btn_third:after { width: 282px; } #wheelcap .btn_third li { margin-bottom: 10px; width: 282px; } #wheelcap .btn_third li a { display: block; padding: 16px 0; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #E2E2E2; background-repeat: no-repeat; background-position: 13px center, right 23px center; } #wheelcap .btn_third li:first-of-type a { background-image: url("../images/wheelcap/type_ico_01.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(2) a { background-image: url("../images/wheelcap/type_ico_02.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(3) a { background-image: url("../images/wheelcap/type_ico_03.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(4) a { background-image: url("../images/wheelcap/type_ico_04.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(5) a { background-image: url("../images/wheelcap/type_ico_05.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(6) a { background-image: url("../images/wheelcap/type_ico_06.png"), url("../images/wheelcap/ico01.png"); } #wheelcap .btn_third li:nth-of-type(7) a { background-image: url("../images/wheelcap/type_ico_07.png"), url("../images/wheelcap/ico01.png"); } /*選択 -ボタンリスト- 3列 ホバー時 */ #wheelcap .btn_third li a:hover { color: #fff; background-color: #ED1C24; } #wheelcap .btn_third li:first-of-type a:hover { background-image: url("../images/wheelcap/type_ico_01.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(2) a:hover { background-image: url("../images/wheelcap/type_ico_02.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(3) a:hover { background-image: url("../images/wheelcap/type_ico_03.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(4) a:hover { background-image: url("../images/wheelcap/type_ico_04.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(5) a:hover { background-image: url("../images/wheelcap/type_ico_05.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(6) a:hover { background-image: url("../images/wheelcap/type_ico_06.png"), url("../images/wheelcap/ico02.png"); } #wheelcap .btn_third li:nth-of-type(7) a:hover { background-image: url("../images/wheelcap/type_ico_07.png"), url("../images/wheelcap/ico02.png"); } /*選択 -ボタンリスト- 3列 カレント時 */ #wheelcap .btn_third li a.current { color: #fff; background-color: #ED1C24; } #wheelcap .btn_third li:first-of-type a.current { background-image: url("../images/wheelcap/type_ico_01.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(2) a.current { background-image: url("../images/wheelcap/type_ico_02.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(3) a.current { background-image: url("../images/wheelcap/type_ico_03.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(4) a.current { background-image: url("../images/wheelcap/type_ico_04.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(5) a.current { background-image: url("../images/wheelcap/type_ico_05.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(6) a.current { background-image: url("../images/wheelcap/type_ico_06.png"), url("../images/wheelcap/ico03.png"); } #wheelcap .btn_third li:nth-of-type(7) a.current { background-image: url("../images/wheelcap/type_ico_07.png"); } /* センターキャップ */ /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third { margin-bottom: 0; width: 805px; } #wheelcap .radio_third:after { content: ""; display: block; width: 260px; height: 0; } #wheelcap .radio_third li { width: 260px; } #wheelcap .radio_third li:first-of-type a { display:inline-block; margin-right: 0; width: 100%; padding: 16px 0; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #E2E2E2; background-image: url("../images/wheelcap/ico04.png"); background-repeat: no-repeat; background-position: right 25px center; } #wheelcap .radio_third li:first-of-type a:hover { color: #fff; background-color: #ED1C24; background-image: url("../images/wheelcap/ico05.png"); } #wheelcap .radio_third li .cap_pure_maker {padding-left:8px;} #wheelcap .option_box { padding: 0 0 30px; } #wheelcap .option_box_02 { padding: 0; width: 824px; } #wheelcap .option_box_03 { padding: 0; width: 427px; } #wheelcap .option_box_in { width: 50%; } #wheelcap .option_box_in_02 { margin-bottom: 17px; padding: 16px 34px 16px 23px; width: 58%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .option_box_in_03 { margin-bottom: 17px; padding: 16px 34px 16px 23px; width: 39%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .option_box_in_04 { margin-bottom: 30px; padding: 10px; width: 23.5%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .option_box_in .corner_box { padding: 0 10px; } #wheelcap .option_box_in .corner_box .cap_diameter { margin-bottom: 10px; } #wheelcap .option_box_in_tit { margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 1; } /*選択 -アルファベット・数字- */ #wheelcap .initials_list { } #wheelcap .initials_list.alphabet { width: 231px; } #wheelcap .initials_list.number { width: 72px; } #wheelcap .initials_list li { margin-bottom: 8px; width: 29px; } #wheelcap .initials_list.alphabet li { margin-right: 8px; } #wheelcap .initials_list.alphabet li:nth-of-type(6n+0) { margin-right: 0; } #wheelcap .initials_list.number li { margin-right: 8px; } #wheelcap .initials_list.number li:nth-of-type(2n+0) { margin-right: 0; } #wheelcap .initials_list li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .initials_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 29px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background-color: #E1E1E0; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .initials_list li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .initials_list li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } #wheelcap .initials_img { width: 157px; } #wheelcap .initials_img span { display: block; padding: 5px 0 0; color: #E72032; font-size: 12px; line-height: 1.2; } #wheelcap .mark_tit { margin-bottom: 8px; padding: 8px 0; font-size: 16px; text-align: center; line-height: 1; border: 2px solid #000; background-color: #E1E1E0; } #wheelcap .mark_img { margin: 0 auto; width: 133px; } #wheelcap .mark_img span { display: block; padding: 5px 0 0; font-size: 12px; text-align: right; } #wheelcap .whcp_type_box { margin: 0 auto; padding: 55px 0 105px; width: 1000px; } #wheelcap .whcp_type_box .whcp_type_icon { margin: 0 auto 20px; width: 40px; } #wheelcap .whcp_type_box .whcp_type_tit { margin: 0 auto 40px; font-size: 40px; font-weight: bold; text-align: center; } #wheelcap .whcp_type_box dl { } #wheelcap .whcp_type_box dl dt { padding: 14px 0; color: #fff; font-size: 24px; font-weight: bold; line-height: 1; text-align: center; background-color: #000; background-image: url("../images/wheelcap/ico06.png"); background-repeat: no-repeat; background-position: right 74px center; cursor: pointer; } #wheelcap .whcp_type_box dl dt.open { background-image: url("../images/wheelcap/ico07.png"); } #wheelcap .whcp_type_box dl dd { padding: 16px 34px 54px; font-size: 14px; line-height: 22px; background: #fff; } /*選択 -マーク他- */ #wheelcap .single_btn { margin-bottom: 8px; width: 100%; } #wheelcap .single_btn .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .single_btn .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 8px 0; width: 100%; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #E1E1E0; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .single_btn .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .single_btn .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } /* フルホイールキャップ */ #wheelcap .option_box_in_05 { margin-bottom: 17px; padding: 16px 34px 16px 23px; width: 64%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .option_box_in_06 { margin-bottom: 17px; padding: 16px 10px 16px; width: 29.7%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .whcp_type_box dl dd.full_whcp { padding: 16px 23px 54px; font-size: 23px; line-height: 32px; } /*選択 -フルホイールキャップ- 14列 */ #wheelcap .radio_fourteen { justify-content: flex-start; margin-bottom: 0; width: 900px; } #wheelcap .radio_fourteen li { margin: 0 10px 8px 0; width: 55px; } #wheelcap .radio_fourteen li:nth-of-type(14) { margin-right: 0; } #wheelcap .radio_fourteen li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_fourteen li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_fourteen li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_fourteen li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /* 専用ナット */ #wheelcap .option_box_04 { padding: 0; width: 546px; } #wheelcap .option_box_05 { padding: 0 0 30px; width: 100%; } #wheelcap .option_box_in_07 { width: 281px; } #wheelcap .option_box_in_08 { width: 216px; } #wheelcap .option_box_in_09 { padding: 0 0 42px; width: 480px; } #wheelcap .option_box_in_10 { width: 400px; } #wheelcap .option_box_in_11 { width: 275px; } #wheelcap .option_box_in_11 .corner_box { padding: 0 10px; } #wheelcap .option_box_in_12 { width: 185px; } #wheelcap .option_box_in_12 .corner_box { padding: 0 10px; } #wheelcap .option_box_in_12 .cap_diameter { margin: 0; } #wheelcap .whcp_type_box dl dd.design_nut { padding: 20px 20px 54px; } #wheelcap .whcp_type_box dl dd.design_nut .design_nut_txt { margin: 0 auto; width: 810px; font-size: 14px; line-height: 22px; } /*選択 -ラジオボタン- 4列 */ #wheelcap .radio_four { justify-content: flex-start; margin-bottom: 0; width: 100%; } #wheelcap .radio_four li { margin: 0 10px 0 0; width: 55px; } #wheelcap .radio_four li:nth-of-type(4) { margin-right: 0; } #wheelcap .radio_four li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_four li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_four li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_four li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third_02 { width: 100%; } #wheelcap .radio_third_02 li { margin-bottom: 0; width: 55px; } #wheelcap .radio_third_02 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_third_02 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_third_02 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_third_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /*選択 -ラジオボタン- 4列 */ #wheelcap .radio_four_02 { justify-content: flex-start; margin-bottom: 0; width: 100%; } #wheelcap .radio_four_02 li { margin: 0 10px 0 0; width: 86px; } #wheelcap .radio_four_02 li:nth-of-type(4) { margin-right: 0; } #wheelcap .radio_four_02 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_four_02 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_four_02 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_four_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .img_03_01 { margin: 0 auto; padding: 15px 0; width: 109px; } #wheelcap .img_03_02 { margin: 0 auto; padding: 15px 0 0; width: 238px; } #wheelcap .img_03_03 { width: 281px; } #wheelcap .btn_reset_and_search.nbd { border-top: none; } /* トリムリング */ #wheelcap .whcp_type_box dl dd.trimring { padding: 16px 23px 54px 24px; } #wheelcap .whcp_type_box dl dd.trimring .trimring_txt { padding: 0 20px; font-size: 23px; line-height: 32px; } /* ハブリング */ #wheelcap .option_box_06 { padding: 0 0 30px; width: 441px; } #wheelcap .option_box_in_13 { width: 217px; background: url("../images/wheelcap/arrow.png") no-repeat right 48px; } #wheelcap .option_box_in_14 { width: 204px; } #wheelcap .hubring_img { margin: 0 auto; width: 65px; } #wheelcap .corner_tit span { margin-left: 10px; padding: 4px; color: #fff; font-size: 12px; line-height: 1; vertical-align: baseline; background: #D22526; border-radius: 4px; } /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third_03 { width: 281px; } #wheelcap .radio_third_03 li { margin-bottom: 0; width: 90px; } #wheelcap .radio_third_03 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_third_03 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_third_03 li:first-of-type .radio-inline__label { } #wheelcap .radio_third_03 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_third_03 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .whcp_type_box dl dd.hubring { padding: 16px 20px 54px; } #wheelcap .whcp_type_box dl dd.hubring .hubring_txt { padding: 0 0 30px 30px; width: 540px; font-size: 16px; line-height: 32px; float: left; } #wheelcap .whcp_type_box dl dd.hubring .hubring_photo { float: right; width: 350px; } #wheelcap #modal_t05 { display: none } #wheelcap .modaal-close { display: none; } #wheelcap .modal_header05 { margin: 0 auto; padding: 7px; width: 594px !important; background: #FFF100; box-sizing: border-box; position: relative } #wheelcap .modal_header05 .modal_tit { padding: 15px; color: #000; font-size: 24px; font-weight: bold; line-height: 1; letter-spacing: 0.04em; text-align: left; } #wheelcap .modal_header05 .modaal-close { display: block; position: absolute; right: 16px; top: 16px; width: 38px; height: 36px; background: #000; border-radius: 0; } #wheelcap .modal_header05 .modaal-close:focus, .modal_header05 .modaal-close:hover { background: #ccc; } #wheelcap .modal_header05 .modaal-close:before, .modal_header05 .modaal-close:after { top: 3px; left: 18px; width: 2px; height: 32px; border-radius: 0; background: #fff; } #wheelcap .modal_inner05 { margin: 0 auto; padding: 27px; width: 594px !important; color: #000; font-size: 16px; font-weight: bold; line-height: 26px; background: #fff; box-sizing: border-box; } #wheelcap .modal_inner05 .img01 { float: left; margin-right: 20px; } #wheelcap .modaal-content-container, .modaal-content-container { background: none !important; } /* side */ .side { float: left; margin-bottom: 100px; padding: 35px 19px; width: 218px; background: #EEEEEE; box-sizing: border-box; } .side .m_tit { margin-bottom: 12px; padding: 12px 0; color: #fff; font-size: 20px; font-weight: bold; line-height: 1; text-align: center; background: #000; } .side .s_tit { margin-bottom: 8px; padding: 0 0 10px; border-bottom: 1px dotted #000; } .side .s_tit span { display: block; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; line-height: 25px; border-left: 4px solid #000; } .side .s_tit_02 { padding: 12px 0; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background: #727171; } .side .s_tit_03 { margin-bottom: 8px; font-size: 12px; font-weight: bold; line-height: 1; } .side .f_search_box { margin-bottom: 16px; } .side .f_search_box .search_txt { } .side .f_search_box .search_txt input[type="text"] { padding: 7px 10px 6px; width: 100%; border: 2px solid #000; box-sizing: border-box; } .side .f_search_box .search_btn input[type="submit"] { width: 36px; height: 38px; text-indent: -9999px; background: url("../images/common/bg_search_btn.png") no-repeat; border: none; cursor: pointer; } .side .s_display_prod { margin-bottom: 30px; margin-left: 20px; font-size: 14px; font-weight: bold; line-height: 22px; text-indent: -20px; } .side .s_display_prod label { font-size: 14px; font-weight: bold; } /*選択 -ラジオボタン- 共通 */ .side .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .side .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } /*選択 -ラジオボタン- 2列 */ .side .whcp_type { margin-bottom: 16px; width: 100%; } .side .whcp_type li { margin-bottom: 8px; width: 85px; } .side .whcp_type li:nth-of-type(7) { } .side .whcp_type li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 60px 0 5px; width: 100%; font-size: 8px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 5px; background-size: 53px auto; border: 2px solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; } .side .whcp_type li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_01.png"); } .side .whcp_type li:nth-of-type(2) .radio-inline__label { letter-spacing: -0.2em; background-image: url("../images/wheelcap/sp/type_ico_02.png"); } .side .whcp_type li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_03.png"); } .side .whcp_type li:nth-of-type(4) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_04.png"); } .side .whcp_type li:nth-of-type(5) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_05.png"); } .side .whcp_type li:nth-of-type(6) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_06.png"); } .side .whcp_type li:nth-of-type(7) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_07.png"); } .side .whcp_type li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .whcp_type li.current .radio-inline__label { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-section { } .side .s-section dt { margin-bottom: 14px; padding: 9px 6px; font-size: 14px; font-weight: bold; background-color: #D9D9DA; background-image: url("../images/wheelcap/sp/ico02.png"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px auto; border-bottom: 1px solid #898989; border-top: 1px solid #898989; cursor: pointer; } .side .s-section dt.open { background-image: url("../images/wheelcap/sp/ico01.png"); } .side .s-section dt span { margin-left: 10px; padding: 4px; color: #fff; font-size: 12px; line-height: 1; vertical-align: baseline; background: #D22526; border-radius: 4px; } .side .s-section dd { background: #EFEFEF; display: none; } .side .s-section_02 { margin-bottom: 9px; width: 100%; } .side .s-section_02 .radio-inline__label { display: block; padding: 11px 0; width: 100%; font-size: 11px; font-weight: bold; text-align: center; background-color: #fff; border: 1px solid #646363; box-sizing: border-box; cursor: pointer; } .side .s-section_02:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/sp/ico02.png"); background-repeat: no-repeat; background-position: right 9px center; background-size: 13px auto; } .side .s-section_02:first-of-type .radio-inline__label:hover { color: #fff; background-color: #ED1C24; background-image: url("../images/wheelcap/sp/ico04.png"); opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-section_02:first-of-type .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; background-image: url("../images/wheelcap/sp/ico03.png"); } .side .s-section_02:last-of-type { margin-bottom: 20px } .side .s-country_list { margin-bottom: 10px; width: 100%; } .side .s-country_list li { margin-bottom: 4px; width: 47.752%; } .side .s-country_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 32px 0 0; width: 100%; height: 57px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 8px; background-size: 26px auto; border: 2px solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; } .side .s-country_list li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_flag01.png"); } .side .s-country_list li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_flag09.png"); } .side .s-country_list li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_flag08.png"); } .side .s-country_list li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_flag04.png"); } .side .s-country_list li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_flag05.png"); } .side .s-country_list li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_flag06.png"); } .side .s-country_list li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_flag02.png"); } .side .s-country_list li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_flag07.png"); } .side .s-country_list li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_flag03.png"); } .side select { outline: none; text-indent: 0.01px; text-overflow: ''; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; } .side .select_maker select { margin-bottom: 8px; } .side .select_maker select { width: 100%; font-size: 14px; border: 1px solid #000; box-sizing: border-box; background: #fff url("../images/wheelcap/sp/arrow.png") no-repeat right 4px center; background-size: 8px auto; } .side .s-maker_list { margin-bottom: 10px; width: 100%; } .side .s-maker_list li { margin-bottom: 4px; width: 47.752%; } .side .s-maker_list li .radio-inline__label {display: flex;justify-content: center;align-items: center;padding: 32px 0 0;width: 100%;height: 57px;font-size: 11px;font-weight: bold;line-height: 1;text-align: center;background-color: #fff;background-repeat: no-repeat;background-position: center 8px;background-size: 43px auto;border: 2px solid #000;box-sizing: border-box;transition: all .2s;cursor: pointer;} /*jp*/ .side .s-maker_list.jp li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_maker01.png"); } .side .s-maker_list.jp li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_maker02.png"); } .side .s-maker_list.jp li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_maker03.png"); } .side .s-maker_list.jp li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_maker04.png"); } .side .s-maker_list.jp li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_maker05.png"); } .side .s-maker_list.jp li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_maker06.png"); } .side .s-maker_list.jp li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_maker07.png"); } .side .s-maker_list.jp li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_maker08.png"); } .side .s-maker_list.jp li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_maker09.png"); } .side .s-maker_list.jp li:nth-of-type(10) .radio-inline__label { background-image: url("../images/common/bg_maker10.png"); } /*us*/ .side .s-maker_list.us li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_cadillac.gif"); } .side .s-maker_list.us li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chrysler.gif"); } .side .s-maker_list.us li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chevrolet.gif"); } .side .s-maker_list.us li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_star.gif"); } .side .s-maker_list.us li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hummer.gif"); } .side .s-maker_list.us li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford.gif"); } .side .s-maker_list.us li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saturn.gif"); } .side .s-maker_list.us li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tiara.gif"); } .side .s-maker_list.us li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_buick.gif"); } .side .s-maker_list.us li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_pontiac.gif"); } .side .s-maker_list.us li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_honda_f.gif"); } .side .s-maker_list.us li:nth-of-type(12) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_dodge.gif"); } .side .s-maker_list.us li:nth-of-type(13) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jeep.gif"); } .side .s-maker_list.us li:nth-of-type(14) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_gmc.gif"); } .side .s-maker_list.us li:nth-of-type(15) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lincoln.gif"); } .side .s-maker_list.us li:nth-of-type(16) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tesla.gif"); } /*uk*/ .side .s-maker_list.uk li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_aston.gif"); } .side .s-maker_list.uk li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jaguar.gif"); } .side .s-maker_list.uk li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bentley.gif"); } .side .s-maker_list.uk li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lotus.gif"); } .side .s-maker_list.uk li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minirover.gif"); } .side .s-maker_list.uk li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_land.gif"); } .side .s-maker_list.uk li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rolls.gif"); } .side .s-maker_list.uk li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rover.gif"); } .side .s-maker_list.uk li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minibmw.gif"); } .side .s-maker_list.uk li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_mg.gif"); } /*de*/ .side .s-maker_list.de li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_amg.gif"); } .side .s-maker_list.de li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_audi.gif"); } .side .s-maker_list.de li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alpina.gif"); } .side .s-maker_list.de li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bmw.gif"); } .side .s-maker_list.de li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_porsche.gif"); } .side .s-maker_list.de li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maybach.gif"); } .side .s-maker_list.de li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_smart.gif"); } .side .s-maker_list.de li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_benz.gif"); } .side .s-maker_list.de li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volks.gif"); } .side .s-maker_list.de li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford_e.gif"); } .side .s-maker_list.de li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_opel.gif"); } /*fra*/ .side .s-maker_list.fra li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_citroen.gif"); } .side .s-maker_list.fra li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_peugeot.gif"); } .side .s-maker_list.fra li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_renault.gif"); } .side .s-maker_list.fra li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ds.gif"); } /*it*/ .side .s-maker_list.it li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alfa.gif"); } .side .s-maker_list.it li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_fiat.gif"); } .side .s-maker_list.it li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ferrari.gif"); } .side .s-maker_list.it li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maserati.gif"); } .side .s-maker_list.it li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lancia.gif"); } .side .s-maker_list.it li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lamborghini.gif"); } .side .s-maker_list.it li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_abarth.gif"); } .side .s-maker_list.it li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_autobianchi.gif"); } .side .s-maker_list.it li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_moke.gif"); } /*se*/ .side .s-maker_list.se li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saab.gif"); } .side .s-maker_list.se li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volvo.gif"); } /*ko*/ .side .s-maker_list.ko li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hyundai.gif"); } .side .s-maker_list.ko li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_kia.gif"); } /*ch*/ .side .s-maker_list.ch li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_sgmw.gif"); } /* ホイール直径 */ .side .s-cap_diameter { margin-bottom: 34px; width: 100% } .side .s-cap_diameter input[type="text"] { padding: 6px; width: 53px; font-size: 14px; font-weight: bold; line-height: 1; border: 1px solid #C7C7C7; box-sizing: border-box; } .side .s-cap_diameter p { align-items: flex-end; } .side .s-cap_diameter span { margin: 0 4px 0 4px; font-size: 12px; } .side .s-alphabet { margin-bottom: 10px; } .side .s-alphabet li { margin: 0 2px 8px 0; width: 28px; } .side .s-alphabet li:nth-of-type(6) { margin: 0 0 8px; } .side .s-alphabet li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-alphabet li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-alphabet li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } .side .s-alphabet_img { margin: 0 auto 16px; width: 100%; text-align: center; } .side .s-alphabet_img img { display: block; margin: 0 auto; width: 102px; } .side .s-alphabet_img span { display: block; padding: 6px 0 0; color: #e60012; font-size: 13px; line-height: 16px; } .side .s-initials { margin-bottom: 10px; } .side .s-initials li { margin: 0 2px 8px 0; width: 28px; } .side .s-initials li:nth-of-type(6) { margin: 0 0 8px; } .side .s-initials li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-initials li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-initials li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } .side .s-initials { margin: 0 auto 16px; width: 100%; } .side .s-initials_img { margin: 0 auto 16px; width: 100%; text-align: center; } .side .s-initials_img img { display: block; margin: 0 auto; width: 102px; } .side .s-initials_img span { display: block; padding: 6px 0 0; color: #e60012; font-size: 13px; line-height: 16px; } .side .s-mark_list { margin-bottom: 10px; width: 100%; } .side .s-mark_list li { margin-bottom: 5px; width: 100%; } .side .s-mark_list li .radio-inline__label { display: flex; justify-content: flex-start; align-items: center; padding: 0 11px; width: 100%; height: 52px; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: right 9px center; background-size: 46px auto; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } /* 頭文字指定しない専用 */ .side .s-mark_list_shitei { margin-bottom: 10px; width: 100%; } .side .s-mark_list_shitei li { margin-bottom: 5px; width: 100%; } .side .s-mark_list_shitei li .radio-inline__label { display: flex; justify-content: flex-start; align-items: center; padding: 0 11px; width: 100%; height: 40px; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: right 9px center; background-size: 46px auto; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-mark_list li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img01_03.png"); } .side .s-mark_list li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img01_04.png"); } .side .s-mark_list li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img01_05.png"); } .side .s-mark_list li:nth-of-type(4) .radio-inline__label { background-image: url("../images/wheelcap/img01_06.png"); } .side .s-mark_list li:nth-of-type(5) .radio-inline__label { justify-content: center; } .side .s-mark_list.full_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } .side .s-cap_diameter.nut_whc { margin-bottom: 10px; } .side .s_search_btn button { display: block; padding: 12px 0; width: 100%; color: #fff; font-weight: bold; line-height: 1; text-align: center; background: #014189; border: none; cursor: pointer; } /* フルホイールキャップの詳細 */ .side .s_four_list { margin-bottom: 20px; width: 160px; } .side .s_four_list::before { content: ""; display: block; width: 35px; order: 1; } .side .s_four_list::after { content: ""; display: block; width: 35px; } .side .s_four_list li { margin-bottom: 5px; width: 35px; } .side .s_four_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 35px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_four_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_four_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } .side .s_four_img { margin-bottom: 20px; } /* 専用ナット */ .side .s_two_list { margin-bottom: 20px; width: 76px; } .side .s_two_list li { margin-bottom: 5px; width: 35px; } .side .s_two_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 35px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } .side .s_two_img { margin-right: 10px; width: 70px; } .side .s_two_list_02 { margin-bottom: 20px; width: 144px; } .side .s_two_list_02 li { margin-bottom: 5px; width: 68px; } .side .s_two_list_02 li .radio-inline__label { display: flex; justify-content: center; align-items: flex-start; padding: 5px 0 0; width: 100%; height: 68px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 20px; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list_02 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } .side .s_two_list_02 li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img03_08.png"); } .side .s_two_list_02 li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img03_09.png"); } .side .s_two_list_02 li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img03_10.png"); } .side .s_two_list_02 li:last-of-type .radio-inline__label { align-items: center; } /* トリムリング */ .side .s_four_list li.trimring { width: 76px; } /* 専用工具 */ .side .s-mark_list.kougu_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } .side .s-cap_diameter.kougu_whc { margin-bottom: 8px; } .side .s-cap_diameter.kougu_whc input[type="text"] { width: 100px; } .side .s_kougu_img { padding: 0 0 14px; width: 138px; } .side .s_kougu_img.bg_arrow { margin-bottom: 10px; background: url("../images/wheelcap/sp/arrow.png") no-repeat 43px bottom; background-size: 19px auto; } .side .s_two_list_03 { margin-bottom: 20px; width: 100%; } .side .s_two_list_03 li { margin-bottom: 5px; width: 85px; } .side .s_two_list_03 li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 58px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list_03 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list_03 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } /* リスト表示 */ #wheelcap .l_main_text { margin-bottom: 30px; font-size: 13px; line-height: 22px; } #wheelcap .l_main_text span {display: inline-block;margin: 0 5px;padding: 5px 5px 4px 18px;font-size: 8px;font-weight: bold;line-height: 1;background: #3fd1c3 url(../images/common/attention_icon.png) no-repeat 4px center;background-size: 14px auto;border: 2px solid #000;border-radius: 30px;} #wheelcap .m_page_list { align-items: center; margin-bottom: 16px; width: 350px; } #wheelcap .m_page_navi { width: 202px; } #wheelcap .m_page_navi li { line-height: 1; } #wheelcap .m_page_navi li a.numb { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; color: #fff; background: #000; } #wheelcap .m_page_navi li a:hover.numb { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } #wheelcap .display_list { justify-content: flex-end; align-items: center; margin-bottom: 56px; padding: 9px 0; font-size: 14px; border-bottom: 1px solid #000; border-top: 1px solid #000; } #wheelcap .price_sort { align-items: center; margin-right: 14px; padding: 0 8px 0 0; width: 264px; border-right: 1px solid #000; } #wheelcap .price_sort span { display: inline-block; margin-right: 15px; font-size: 14px; font-weight: bold; line-height: 1; } #wheelcap .price_sort select { padding: 10px; width: 208px; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #000; } #wheelcap .m_page_type_box { align-items: center; width: 130px !important; } #wheelcap .m_page_type_text { width: 34px; font-size: 14px; font-weight: bold; line-height: 1; } #wheelcap .m_page_type { display: flex !important; width: 90px !important; } #wheelcap .m_page_type li { width: 38px; } #wheelcap .m_page_check_show { margin-left: 8px; padding: 0 0 0 8px; border-left: 1px solid #000; } #wheelcap .m_page_check_show button { display: block; padding: 12px 0; width: 300px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background: #014189 url("../images/icon/ico30.png") no-repeat 15px center; border: none; cursor: pointer; } /*#wheelcap .m_page_check_delete { justify-content: flex-end; margin-bottom: 30px; padding: 0 0 11px; border-bottom: 1px solid #000; } #wheelcap .m_page_check_delete li button { display: block; padding: 12px 0; width: 300px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background: #014189 url("../images/icon/ico30.png") no-repeat 15px center; border: none; cursor: pointer; } */ #wheelcap .m_page_search_view { margin: -20px 0 30px; padding: 20px 0 20px 53px; font-size: 14px; font-weight: bold; line-height: 1; border-bottom: 1px solid #000; background: url("../images/icon/ico33.png") no-repeat left center; } #wheelcap .m_page_search_view a { color: #014189; font-size: 14px; font-weight: bold; text-decoration: underline; } #wheelcap .m_page_search_view a:hover { text-decoration: none; } #wheelcap table, table th, table td { border: 0; border-collapse: collapse; } #wheelcap table { margin: 0; width: 100%; } #wheelcap table th, table td { padding: 0; } #wheelcap .tb_wheelcap { margin-bottom: 7px; border: 2px solid #000000; } #wheelcap .tb_wheelcap:last-of-type { margin-bottom: 70px; } #wheelcap .tb_wheelcap th { padding: 7px 0; text-align: center; background: #EFEFEF; border-bottom: 2px solid #000000; } #wheelcap .tb_wheelcap th label { font-size: 14px; font-weight: bold; } #wheelcap .tb_wheelcap td { padding: 20px 26px 22px; } #wheelcap .tb_wheelcap td .tb_wheelcap_tit { margin-bottom: 40px; font-size: 22px; font-weight: bold; line-height: 28px; } #wheelcap .tb_wheelcap td .tb_wheelcap_img { width: 238px; } #wheelcap .tb_wheelcap td .tb_wheelcap_det { display: flex; flex-direction: column; width: 430px; } #wheelcap .tb_wheelcap td .tb_wheelcap_det .tb_wheelcap_num_tit { padding: 5px 8px; color: #014189; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #014189; } #wheelcap .tb_wheelcap td .tb_wheelcap_det .tb_wheelcap_num { padding: 5px 8px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #014189; background: #014189; } #wheelcap .tb_wheelcap td .tb_wheelcap_det .tb_parts_godown { display: flex; align-items: center; margin-top: 10px; width: 100%; } #wheelcap .tb_wheelcap td .tb_wheelcap_det .tb_parts_godown li { margin-right: 16px; padding: 4px 12px 3px 34px; font-size: 11px; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 12px center; background-size: 17px auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } #wheelcap .tb_wheelcap td .tb_wheelcap_price { padding: 25px 0 0; font-size: 17px; font-weight: bold; } #wheelcap .tb_wheelcap td .tb_wheelcap_price span { color: #e60012; font-size: 29px; font-weight: bold; } #wheelcap .tb_wheelcap td .tb_wheelcap_btn { margin-top: auto; width: 100%; } #wheelcap .tb_wheelcap td .tb_wheelcap_btn a { display: block; padding: 10px 0; color: #fff; font-size: 17px; font-weight: bold; text-align: center; background: #073D79; } #wheelcap .tb_wheelcap td .tb_wheelcap_btn a:hover { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } /* テーブル下ページャー */ #wheelcap .m_page_list_ud { margin: 0 auto 50px; align-items: center; width: 350px; } #wheelcap .m_page_navi { width: 202px; } #wheelcap .m_page_navi li { line-height: 1; } /* リスト表示 4列 */ #wheelcap .table_box { margin: 0 0 40px; padding: 0; width: 100%; } #wheelcap .table_box::before { content: ""; display: block; width: 24%; order: 1; } #wheelcap .table_box::after { content: ""; display: block; width: 24%; } #wheelcap .table_box .tb_wheelcap_02 { margin-bottom: 5px; width: 24%; border: 1px solid #727171; } #wheelcap .table_box .tb_wheelcap_02 .ch_box { display: flex; justify-content: center; align-items: center; padding: 5px 0; font-size: 12px; font-weight: bold; text-align: center; background: #EFEFEF; } #wheelcap .table_box .tb_wheelcap_02 .ch_box label { margin-left: 5px; } #wheelcap .table_box .tb_wheelcap_02 .whcp_num { padding: 8px 0; font-size: 12px; font-weight: bold; text-align: center; line-height: 1; background: #B5B6B6; } #wheelcap .table_box .tb_wheelcap_02 .whcp_inner { padding: 9px 8px; text-align: center; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_img { margin-bottom: 12px; width: 100%; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_godown { display: inline-block; margin-bottom: 14px; padding: 5px 12px 4px 34px; font-size: 11px; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 12px center; background-size: 17px auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_tit { margin-bottom: 12px; font-size: 14px; font-weight: bold; line-height: 21px; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_price { color: #e60012; font-size: 19px; font-weight: bold; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_price span { font-size: 12px; font-weight: bold; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn { } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn a { color: #003f80; font-size: 10px; text-decoration: underline; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn a:hover { text-decoration: none; } #wheelcap .table_box .tb_wheelcap_02 .tb_parts_godown { margin: 10px auto 0; width: 90%; } #wheelcap .table_box .tb_wheelcap_02 .tb_parts_godown li { padding: 4px 12px 3px 34px; font-size: 11px; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 12px center; background-size: 17px auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; margin: 0 auto 5px; display: inline-block; } /* 検索商品詳細 */ #wheelcap .detail_tit_box { padding: 20px; color: #fff; font-size: 24px; line-height: 31px; font-weight: bold; letter-spacing: 0.02em; background: #014189; position: relative; } #wheelcap .detail_tit_box p { font-weight: bold; } #wheelcap .detail_tit_box .prod_numb { font-size: 22px; line-height: 34px; background: #ed1c24; width: 50%; text-align: center; } #wheelcap .detail_tit_box .prod_contact { margin-top: 10px; font-size: 14px; font-weight: normal; line-height: 22px; } #wheelcap .detail_tit_box .prod_favorite { padding: 6px 0; width: 150px; color: #000; font-size: 14px; line-height: 1; text-align: center; background: #FFE400; border-radius: 30px; position: absolute; right: 20px; top: 16px; } #wheelcap .detail_slide_box { margin-bottom: 20px; padding: 30px 0; background: #F0F0F0; } #wheelcap .detail_slide_box .w-slider { margin: 0 auto; width: 500px; } #wheelcap .detail_slide_box .w-slider .prev-arrow, .detail_slide_box .w-slider .next-arrow { width: 42px; position: absolute; top: 42%; z-index: 2; cursor: pointer; } #wheelcap .detail_slide_box .w-slider .prev-arrow { left: -73px; } #wheelcap .detail_slide_box .w-slider .next-arrow { right: -73px; } #wheelcap .detail_slide_box .slider-w-detail-thumb { margin: 0 auto; padding: 20px 0 0; width: 570px; } #wheelcap .detail_slide_box .slider-w-detail-thumb li { margin: 0 11px; width: 105px; } #wheelcap .detail_box { padding: 0 0 128px; } #wheelcap .detail_box .tit { margin-bottom: 20px; } #wheelcap .detail_box .tit.no-mb { margin-bottom: 0; } #wheelcap .detail_prod_name { margin-bottom: 12px; font-size: 25px; font-weight: bold; line-height: 34px; } #wheelcap .detail_prod_copy { margin-bottom: 20px; font-size: 25px; font-weight: bold; line-height: 34px; } #wheelcap .detail_prod_text { margin-bottom: 25px; font-size: 17px; line-height: 25px; } #wheelcap .detail_prod_area { margin-bottom: 15px; } #wheelcap .detail_prod_area li { margin-right: 30px; font-size: 14px; line-height: 1; } #wheelcap .detail_prod_area li span { display: inline-block; margin-right: 8px; padding: 6px 15px; font-weight: bold; border-radius: 30px; background: #FFE400; } #wheelcap .detail_prod_price { margin-bottom: 40px; padding: 15px 20px; font-size: 14px; line-height: 24px; text-align: right; background: #F4F4F4; border: 2px solid #000; } #wheelcap .detail_prod_price p { font-weight: bold; } #wheelcap .detail_prod_price .list_price { font-size: 18px; } #wheelcap .detail_prod_price .business_sales { font-size: 18px; } #wheelcap .detail_prod_price .business_sales span { color: #ed1c24; font-size: 24px; font-weight: bold; } #wheelcap .text_storehouse {display: inline-block;margin-bottom: 12px;padding: 4px 16px 4px 40px;font-size: 14px;font-weight: bold;line-height: 1;background: #FFE400 url("../images/common/attention_icon.png") no-repeat 14px center;background-size: 17px auto;border: 2px solid #000;border-radius: 30px;} #wheelcap .detail_prod_tit { margin-bottom: 20px; padding: 8px 23px; color: #fff; font-size: 17px; font-weight: bold; line-height: 29px; background: #D22526; } #wheelcap .detail_prod_tit span { display: block; color: #fff100; font-size: 27px; font-weight: bold; } #wheelcap .attention_tit { margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 1.2; } #wheelcap .attention_list { margin-bottom: 20px; padding: 0 0 0 20px; list-style: disc; } #wheelcap .attention_list li { font-size: 14px; line-height: 21px; } #wheelcap .attention_note { margin-bottom: 15px; padding: 5px 24px; color: #fff; font-size: 14px; line-height: 18px; background: #EA5414; border-radius: 6px; } #wheelcap .delivery_list { margin-bottom: 35px; } #wheelcap .delivery_list dt { width: 176px; } #wheelcap .delivery_list dd { width: 540px; font-size: 14px; line-height: 21px; } #wheelcap .delivery_list dd p { margin-bottom: 25px; } #wheelcap .delivery_txt { margin-bottom: 10px; font-size: 14px; line-height: 21px; } #wheelcap .packing_list { margin-bottom: 70px; } #wheelcap .packing_list li { width: 235px; } #wheelcap .detail_prod_note { margin-bottom: 35px; font-size: 14px; line-height: 1.2; } #wheelcap .detail_prod_note a { color: #003f80; text-decoration: underline; } #wheelcap .detail_prod_note a:hover { text-decoration: none; } /* table 04 */ #wheelcap table.wc-t-04 { margin: 0 0 10px; width: 100%; } #wheelcap table.wc-t-04 th, #wheelcap table.wc-t-04 td { padding: 12px 20px; font-size: 14px; font-weight: bold; line-height: 1.2; vertical-align: middle; border: 1px solid #000; } #wheelcap table.wc-t-04 th { width: 20%; line-height: 2; background: #F4F4F4; } #wheelcap table.wc-t-04 td { width: 80%; } #wheelcap table.wc-t-04 td.wd01 { width: 40%; text-align: center; } #wheelcap table.wc-t-04 td.wd02 { width: 100%; } #wheelcap table.wc-t-04.t-last { margin: 0 0 80px; } #wheelcap table.wc-t-04.type2 { width: 60%; } #wheelcap table.wc-t-04.type2 th { width: 30%; } #wheelcap table.wc-t-04.type2 td { width: 30%; } #wheelcap table.wc-t-04.type3 { width: 40%; } #wheelcap table.wc-t-04.type3 th { width: 50%; } #wheelcap table.wc-t-04.type3 td { width: 50%; } #wheelcap .whcp_det_box { margin: 0 auto; padding: 0 10px; width: 100%; box-sizing: border-box; } #wheelcap .whcp_det_box .whcp_det_icon { margin: 0 auto 20px; width: 36px; } #wheelcap .whcp_det_box .whcp_det_tit { margin: 0 auto 40px; font-size: 26px; font-weight: bold; text-align: center; } #wheelcap .whcp_det_box dl { padding: 0 0 30px; } #wheelcap .whcp_det_box dl dt { padding: 14px 0; color: #fff; font-size: 17px; font-weight: bold; line-height: 1; text-align: center; background-color: #000; background-image: url("../images/wheelcap/ico06.png"); background-repeat: no-repeat; background-position: right 45px center; background-size: 17px auto; cursor: pointer; } #wheelcap .whcp_det_box dl dt.open { background-image: url("../images/wheelcap/ico07.png"); } #wheelcap .whcp_det_box dl dd { padding: 15px 10px 15px; font-size: 14px; background: #fff; } #modal_whcp08 { } #modal_pr05 { margin: 0 auto; padding: 0; width: 806px; display: none; } .t-check { background: #efefef; } .t-check input { display: none; } .t-check label { background: url(../images/common/hikaku_off.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 267px; height: 32px; display: block; text-indent: -99999px; margin: 6px auto; } .t-check input:checked + label { background: url(../images/common/hikaku_on.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 70%; height: 32px; display: block; text-indent: -99999px; margin: 6px auto; } #wheelcap .table_box .tb_wheelcap_02 .t-check { background: #efefef; } #wheelcap .table_box .tb_wheelcap_02 .t-check input { display: none; } #wheelcap .table_box .tb_wheelcap_02 .t-check label { background: url(../images/common/hikaku_off.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 147px; height: 32px; display: block; text-indent: -99999px; margin: 0px auto; } #wheelcap .table_box .tb_wheelcap_02 .t-check input:checked + label { background: url(../images/common/hikaku_on.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 147px; height: 32px; display: block; text-indent: -99999px; margin: 0px auto; } #wheelcap .detail_box .claim_attention { background: #014189; display: block; padding: 6px 0; text-align: center; margin: 0 auto 10px; width: 95%; } #wheelcap .detail_box .junk_attention { background: #014189; display: block; padding: 6px 0; text-align: center; margin: 0 auto 10px; width: 95%; } #wheelcap .detail_box .lead { display: inline-block; color: #fff100; border-bottom: 1px solid #fff; padding: 4px 30px 4px 57px; box-sizing: border-box; font-weight: bold; background: url(../images/common/attention_icon.png) no-repeat left 25px center; background-size: 23px; } #wheelcap .detail_box .txt { display: inline-block; color: #ffffff; padding: 4px 50px; font-weight: bold; } .btn_contact_list { margin: 0 auto 28px; width: 100%; justify-content: center !important; } } /*SP用*/ @media only screen and (max-width:768px) { /* Index */ #wheelcap .corner_box { padding: 0 0 5.333vw 0; } #wheelcap .corner_box.sp_pd { padding: 0 0 5.333vw; } #wheelcap .corner_txt { margin-bottom: 3.2vw; font-size: 3.066vw; line-height: 4.666vw; } #wheelcap .corner_keyword { } #wheelcap .corner_keyword input[type="text"] { padding: 5px; width: 72.266vw; border: 3px solid #333333; box-sizing: border-box; } #wheelcap .corner_keyword span { display: block; padding: 10px 0 0; font-size: 2.933vw; line-height: 4.666vw; } #wheelcap .notes { margin: 0 0 1vw 3.4vw; font-size: 3.866vw; line-height: 5.866vw; text-indent: -3.4vw; } #wheelcap .notes a { color: #e60012; text-decoration: underline; } #wheelcap .notes_02 { padding: 10px 0 0; font-size: 3.866vw; line-height: 5.866vw; } #wheelcap .notes_02 a { color: #e60012; text-decoration: underline; } /*選択 -ボタンリスト- 3列 */ #wheelcap .btn_third { width: 100%; } #wheelcap .btn_third li { margin-bottom: 10px; width: 47%; } #wheelcap .btn_third li:last-of-type { margin-bottom: 0; } #wheelcap .btn_third li a { display: block; padding: 2.666vw 0; font-size: 3.4vw; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 0.933vw solid #000; } #wheelcap .btn_third li:last-of-type a { } #wheelcap .btn_third li a .type_img { margin: 0 auto 2.666vw; width: 31.466vw; } /*選択 -ボタンリスト- 3列 カレント時 */ #wheelcap .btn_third li a.current { color: #fff; background-color: #ED1C24; } #wheelcap .m-section { margin-bottom: 2.133vw; } #wheelcap .m-section dt { padding: 4vw 10vw; font-size: 4.533vw; font-weight: bold; line-height: 1; background-color: #E1E1E0; background-image: url("../images/wheelcap/sp/ico01.png"); background-repeat: no-repeat; background-position: right 4.266vw center; background-size: 6vw auto; border-radius: 5px; box-sizing: border-box; cursor: pointer; } #wheelcap .m-section dt.open { background-image: url("../images/wheelcap/sp/ico02.png"); } #wheelcap .m-section dd { padding: 4.533vw 0 0; } #wheelcap .m-section_02 { margin-bottom: 4.533vw; } #wheelcap .m-section_02 dt { margin-bottom: 2.533vw; padding: 6.133vw 0; font-size: 6.4vw; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-image: url("../images/wheelcap/sp/ico01.png"); background-repeat: no-repeat; background-position: right 6.133vw center; background-size: 7.466vw auto; box-sizing: border-box; border: 0.533vw solid #000; cursor: pointer; } /*選択 -国リスト- */ #wheelcap .m-section_02 dd .country_of_origin { margin-bottom: 4.533vw; } #wheelcap .m-section_02 dd .country_of_origin li { margin-bottom: 3.333vw; width: 23.427%; } #wheelcap .m-section_02 dd .country_of_origin li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .m-section_02 dd .country_of_origin li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 10.333vw 0 2vw; width: 100%; font-size: 3.2vw; font-weight: bold; text-align: center; border: 0.533vw solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; background-repeat: no-repeat; background-position: center 2.666vw; } #wheelcap .m-section_02 dd .country_of_origin li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .m-section_02 dd .country_of_origin li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_flag01.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_flag09.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_flag08.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_flag04.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_flag05.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_flag06.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_flag02.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_flag07.png"); } #wheelcap .m-section_02 dd .country_of_origin li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_flag03.png"); } #wheelcap .m-section_02 dd .tit_maker { margin-bottom: 4vw; font-size: 5.333vw; font-weight: bold; } #wheelcap .m-section_02 dd .select_maker { margin-bottom: 5.333vw; } #wheelcap select { outline: none; text-indent: 0.01px; vertical-align: middle; color: inherit; } #wheelcap .m-section_02 dd .select_maker select { width: 100%; border: 0.533vw solid #000; box-sizing: border-box; background: url("../images/wheelcap/sp/arrow.png") no-repeat right 1.866vw center; background-size: 4.533vw auto; } /*選択 -メーカーリスト- */ #wheelcap .m-section_02 dd .car_maker { justify-content: start; } #wheelcap .m-section_02 dd .car_maker li { width: 24%; margin-bottom: 1vw; margin-right: 1.5%; } #wheelcap .m-section_02 dd .car_maker li:nth-child(4n) { width: 23.427%; margin-bottom: 1vw; margin-right: 0vw; } #wheelcap .m-section_02 dd .car_maker li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .m-section_02 dd .car_maker li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 12.333vw 1vw 2vw; height: 100%; width: 100%; font-size: 3.2vw; font-weight: bold; text-align: center; border: 0.533vw solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; background-repeat: no-repeat; background-position: center 2.666vw; } #wheelcap .m-section_02 dd .car_maker li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .m-section_02 dd .car_maker li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } /*jp*/ #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_maker01.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_maker02.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_maker03.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_maker04.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_maker05.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_maker06.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_maker07.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_maker08.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_maker09.png"); } #wheelcap .m-section_02 dd .car_maker.jp li:nth-of-type(10) .radio-inline__label { background-image: url("../images/common/bg_maker10.png"); } /*us*/ #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_cadillac.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chrysler.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chevrolet.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_star.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hummer.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saturn.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tiara.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_buick.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_pontiac.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_honda_f.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(12) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_dodge.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(13) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jeep.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(14) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_gmc.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(15) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lincoln.gif"); } #wheelcap .m-section_02 dd .car_maker.us li:nth-of-type(16) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tesla.gif"); } /*uk*/ #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_aston.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jaguar.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bentley.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lotus.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minirover.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_land.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rolls.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rover.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minibmw.gif"); } #wheelcap .m-section_02 dd .car_maker.uk li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_mg.gif"); } /*de*/ #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_amg.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_audi.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alpina.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bmw.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_porsche.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maybach.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_smart.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_benz.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volks.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford_e.gif"); } #wheelcap .m-section_02 dd .car_maker.de li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_opel.gif"); } /*fra*/ #wheelcap .m-section_02 dd .car_maker.fra li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_citroen.gif"); } #wheelcap .m-section_02 dd .car_maker.fra li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_peugeot.gif"); } #wheelcap .m-section_02 dd .car_maker.fra li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_renault.gif"); } #wheelcap .m-section_02 dd .car_maker.fra li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ds.gif"); } /*it*/ #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alfa.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_fiat.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ferrari.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maserati.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lancia.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lamborghini.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_abarth.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_autobianchi.gif"); } #wheelcap .m-section_02 dd .car_maker.it li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_moke.gif"); } /*se*/ #wheelcap .m-section_02 dd .car_maker.se li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saab.gif"); } #wheelcap .m-section_02 dd .car_maker.se li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volvo.gif"); } /*ko*/ #wheelcap .m-section_02 dd .car_maker.ko li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hyundai.gif"); } #wheelcap .m-section_02 dd .car_maker.ko li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_kia.gif"); } /*ch*/ #wheelcap .m-section_02 dd .car_maker.ch li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_sgmw.gif"); } /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third { margin-bottom: 0; width: 100%; } #wheelcap .radio_third li { width: 100%; } #wheelcap .radio_third li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_third li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 6.133vw 0; width: 100%; font-size: 6.4vw; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 0.533vw solid #000; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } /* 車種区分指定しないボタン用 */ #wheelcap .radio_third li .radio-inline__label.syasyushitei { margin: 0; padding: 4vw 10vw; font-size: 4.533vw; font-weight: bold; line-height: 1; background-color: #E1E1E0; background-repeat: no-repeat; background-position: right 4.266vw center; background-size: 6vw auto; border-radius: 7px; box-sizing: border-box; cursor: pointer; border: 0.533vw solid #fff;} #wheelcap .radio_third li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_third li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .option_box { padding: 0 0 8vw; } #wheelcap .option_box_02 { width: 100%; } #wheelcap .option_box_03 { width: 100%; } #wheelcap .option_box_in { width: 100%; } #wheelcap .option_box_in_02 { margin-bottom: 17px; padding: 0; width: 100%; box-sizing: border-box; } #wheelcap .option_box_in_03 { margin-bottom: 17px; padding: 0; width: 100%; box-sizing: border-box; } #wheelcap .option_box_in_04 { margin-bottom: 4vw; width: 100%; } #wheelcap .option_box_in .corner_box { padding: 0 10px; } #wheelcap .option_box_in .corner_box .cap_diameter { margin-bottom: 10px; } #wheelcap .option_box_in_tit { margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 1; } /*選択 -アルファベット・数字・マーク他- */ #wheelcap .initials_list { } #wheelcap .initials_list.alphabet { width: 100%; } #wheelcap .initials_list.number { width: 100%; justify-content: start; } #wheelcap .initials_list li { margin-bottom: 8px; width: 29px; } #wheelcap .initials_list.alphabet li { margin-right: 1vw; width: 12.266vw; } #wheelcap .initials_list.alphabet li:nth-of-type(6n+0) { margin-right: 0; } #wheelcap .initials_list.number li { margin-right: 1vw; width: 12.266vw; } #wheelcap .initials_list.number li:nth-of-type(6n+0) { margin-right: 0; } #wheelcap .initials_list li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .initials_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 14vw; font-size: 6vw; font-weight: bold; line-height: 1; text-align: center; background-color: #E1E1E0; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .initials_list li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } #wheelcap .initials_img { margin: 0 auto; padding: 4vw 0; width: 56.133vw; } #wheelcap .initials_img img { width: 100%; } #wheelcap .initials_img span { display: block; padding: 5px 0 0; color: #E72032; font-size: 5.066vw; line-height: 1.2; } #wheelcap .mark_tit { font-size: 5.733vw; line-height: 1; } #wheelcap .mark_img { width: 25.066vw; } #wheelcap .mark_img img { width: 100%; } #wheelcap .mark_img span { display: none; } /*選択 -マーク他- */ #wheelcap .single_btn { display: flex; width: 100%; } #wheelcap .single_btn .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .single_btn .radio-inline__label { display: flex; align-items: center; padding: 2.133vw 5.333vw; width: 100%; height: 28.8vw; font-size: 5.733vw; font-weight: bold; border: 2px solid #666; border-radius: 5px; box-sizing: border-box; background-repeat: no-repeat; background-position: right 5.333vw center; background-size: 24.933vw auto; } #wheelcap .single_btn .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; } #wheelcap .single_btn.first_btn .radio-inline__label { background-image: url("../images/wheelcap/img01_03.png"); } #wheelcap .single_btn.second_btn .radio-inline__label { background-image: url("../images/wheelcap/img01_04.png"); } #wheelcap .single_btn.third_btn .radio-inline__label { background-image: url("../images/wheelcap/img01_05.png"); } #wheelcap .single_btn.four_btn .radio-inline__label { background-image: url("../images/wheelcap/img01_06.png"); } #wheelcap .single_btn.five_btn .radio-inline__label { justify-content: center; background-image: none; } #wheelcap input[type="submit"], #wheelcap input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } #wheelcap input[type="submit"]::-webkit-search-decoration, #wheelcap input[type="button"]::-webkit-search-decoration { display: none; } #wheelcap input[type="submit"]::focus, #wheelcap input[type="button"]::focus { outline-offset: -2px; } #wheelcap .search_whcp_btn { margin: 0 auto; width: 98vw; } #wheelcap .search_whcp_btn input[type="submit"] { display: block; width: 100%; color: #fff; font-size: 8vw; background: #073D79; } #wheelcap .whcp_type_box { margin: 0 auto; padding: 9.6vw 0; width: 100%; } #wheelcap .whcp_type_box .whcp_type_icon { margin: 0 auto 4.666vw; width: 13.2vw; } #wheelcap .whcp_type_box .whcp_type_tit { margin: 0 auto 5.333vw; font-size: 7.2vw; font-weight: bold; text-align: center; } #wheelcap .whcp_type_box dl { } #wheelcap .whcp_type_box dl dt { padding: 3.733vw 0; color: #fff; font-size: 4vw; font-weight: bold; line-height: 1; text-align: center; background-color: #000; background-image: url("../images/wheelcap/ico06.png"); background-repeat: no-repeat; background-position: right 3.4vw center; background-size: 5vw auto; cursor: pointer; } #wheelcap .whcp_type_box dl dt.open { background-image: url("../images/wheelcap/ico07.png"); } #wheelcap .whcp_type_box dl dd { padding: 4vw 5.866vw 8vw; font-size: 3.333vw; line-height: 5.333vw; background: #fff; } /* フルホイールキャップ */ #wheelcap .option_box_in_05 { margin-bottom: 17px; padding: 6vw 2vw; width: 100%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .option_box_in_06 { margin-bottom: 17px; padding: 16px 10px 16px; width: 100%; border: 2px solid #959998; border-radius: 4px; box-sizing: border-box; } #wheelcap .whcp_type_box dl dd.full_whcp { padding: 4vw 5.866vw 8vw; font-size: 3.333vw; line-height: 5.333vw; } /*選択 -フルホイールキャップ- 14列 */ #wheelcap .radio_fourteen { justify-content: flex-start; margin-bottom: 0; width: 100%; } #wheelcap .radio_fourteen li { margin: 0 1.6vw 8px 0; width: 15vw; } #wheelcap .radio_fourteen li:nth-of-type(5) { margin-right: 0; } #wheelcap .radio_fourteen li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_fourteen li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_fourteen li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_fourteen li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /* 専用ナット */ #wheelcap .option_box_04 { padding: 0; width: 100%; } #wheelcap .option_box_05 { padding: 0 0 30px; width: 100%; } #wheelcap .option_box_in_07 { width: 100%; } #wheelcap .option_box_in_08 { width: 100%; } #wheelcap .option_box_in_09 { padding: 0 0 6vw; width: 100%; } #wheelcap .option_box_in_10 { width: 100%; } #wheelcap .option_box_in_11 { margin-bottom: 10vw; width: 100%; } #wheelcap .option_box_in_11 .corner_box { padding: 0 10px; } #wheelcap .option_box_in_12 { width: 100%; } #wheelcap .option_box_in_12 .corner_box { padding: 0 10px; } #wheelcap .option_box_in_12 .cap_diameter { margin: 0; } #wheelcap .whcp_type_box dl dd.design_nut { padding: 4vw 0 0vw; } #wheelcap .whcp_type_box dl dd.design_nut .design_nut_txt { margin: 0 auto; width: 100%; font-size: 3.333vw; line-height: 5.333vw; } /*選択 -ラジオボタン- 4列 */ #wheelcap .radio_four { justify-content: flex-start; margin-bottom: 0; width: 100%; } #wheelcap .radio_four li { margin: 0 2.5vw 0 0; width: 55px; } #wheelcap .radio_four li:nth-of-type(4) { margin-right: 0; } #wheelcap .radio_four li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_four li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_four li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_four li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third_02 { justify-content: flex-start; width: 100%; } #wheelcap .radio_third_02 li { margin: 0 2.5vw 0 0; width: 55px; } #wheelcap .radio_third_02 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_third_02 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_third_02 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_third_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } /*選択 -ラジオボタン- 4列 */ #wheelcap .radio_four_02 { justify-content: flex-start; margin-bottom: 0; width: 100%; } #wheelcap .radio_four_02 li { margin: 0 2.5vw 2.5vw 0; width: 86px; } #wheelcap .radio_four_02 li:nth-of-type(4) { margin-right: 0; } #wheelcap .radio_four_02 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_four_02 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_four_02 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_four_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .img_03_01 { margin: 0 auto; padding: 15px 0; width: 109px; } #wheelcap .img_03_02 { margin: 0 auto; padding: 15px 0 0; width: 238px; } #wheelcap .img_03_03 { width: 281px; } #wheelcap .btn_reset_and_search.nbd { border-top: none; } /* トリムリング */ #wheelcap .whcp_type_box dl dd.trimring { padding: 4vw 5.866vw 8vw; } #wheelcap .whcp_type_box dl dd.trimring .trimring_txt { padding: 0 2.666vw; font-size: 3.333vw; line-height: 5.333vw; } /* ハブリング */ #wheelcap .option_box_06 { padding: 0 0 30px; width: 100%; } #wheelcap .option_box_in_13 { width: 50%; background: url("../images/wheelcap/arrow.png") no-repeat right 15vw; } #wheelcap .option_box_in_14 { width: 50%; } #wheelcap .option_box_in_13 .cap_diameter input[type="text"], #wheelcap .option_box_in_14 .cap_diameter input[type="text"] { width: 65%; } #wheelcap .hubring_img { margin: 0 auto; width: 65px; } #wheelcap .corner_tit span { margin-left: 10px; padding: 4px; color: #fff; font-size: 12px; line-height: 1; vertical-align: baseline; background: #D22526; border-radius: 4px; } /*選択 -ラジオボタン- 3列 */ #wheelcap .radio_third_03 { width: 281px; } #wheelcap .radio_third_03 li { margin-bottom: 0; width: 90px; } #wheelcap .radio_third_03 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .radio_third_03 li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 44px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; border: 2px solid #909090; border-radius: 5px; box-sizing: border-box; transition: all .2s; cursor: pointer; } #wheelcap .radio_third_03 li:first-of-type .radio-inline__label { } #wheelcap .radio_third_03 li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .radio_third_03 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .whcp_type_box dl dd.hubring { padding: 4vw 5.866vw 8vw; } #wheelcap .whcp_type_box dl dd.hubring .hubring_txt { padding: 0 0 6vw; width: 100%; font-size: 3.333vw; line-height: 5.333vw; } /* side */ .side { } /* リスト表示 */ #wheelcap .l_main_text { margin-bottom: 30px; font-size: 3.466vw; line-height: 5.866vw; } #wheelcap .l_main_text span {display: inline-block;margin: 0 5px;padding: 5px 5px 4px 18px;font-size: 2.133vw;font-weight: bold;line-height: 1;background: #3fd1c3 url(../images/common/attention_icon.png) no-repeat 4px center;background-size: 3.333vw auto;border: 2px solid #000;border-radius: 30px;} /* リスト表示 4列 */ #wheelcap .table_box { margin: 0 0 8vw; padding: 0; width: 100%; } #wheelcap .table_box .tb_wheelcap_02 { margin-bottom: 5px; width: 49%; border: 1px solid #727171; } #wheelcap .table_box .tb_wheelcap_02 .ch_box { display: flex; justify-content: center; align-items: center; padding: 5px 0; font-size: 3vw; font-weight: bold; text-align: center; background: #EFEFEF; } #wheelcap .table_box .tb_wheelcap_02 .ch_box label { margin-left: 2vw; } #wheelcap .table_box .tb_wheelcap_02 .whcp_num { padding: 8px 0; font-size: 3vw; font-weight: bold; text-align: center; line-height: 1; background: #B5B6B6; } #wheelcap .table_box .tb_wheelcap_02 .whcp_inner { padding: 9px 8px; text-align: center; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_img { margin-bottom: 10px; width: 100%; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_godown { display: inline-block; margin-bottom: 3vw; padding: 5px 12px 4px 34px; font-size: 11px; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 12px center; background-size: 17px auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_tit { margin-bottom: 12px; font-size: 3.4vw; font-weight: bold; line-height: 1.5; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_price { color: #e60012; font-size: 6vw; font-weight: bold; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_price span { display: block; font-size: 3.4vw; font-weight: bold; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn { } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn a { color: #003f80; font-size: 3vw; text-decoration: underline; } #wheelcap .table_box .tb_wheelcap_02 .tb_wheelcap_btn a:hover { text-decoration: none; } #wheelcap .table_box .tb_wheelcap_02 .tb_parts_godown { margin-bottom: 3.2vw; width: 100%; } #wheelcap .table_box .tb_wheelcap_02 .tb_parts_godown li { display: inline-block; padding: 5px 12px 4px 34px; font-size: 11px; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 12px center; background-size: 17px auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } /* 検索結果表示 */ #wheelcap .search_result_tit { margin-bottom: 4vw; padding: 2.933vw 0; color: #fff; font-size: 4.533vw; font-weight: bold; text-align: center; background: #014189; } #wheelcap .search_result_note { margin: 0 0 0 14px; font-size: 14px; line-height: 26px; text-indent: -14px; } #wheelcap .search_result_note span { display: inline-block; margin: 0 4px; padding: 4px 9px 4px 37px; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #000; border-radius: 30px; background: #FFE400 url("../images/icon/ico19.png") no-repeat 8px center; background-size: 14px auto; } #wheelcap .search_result { margin-bottom: 0; font-size: 3.2vw; } #wheelcap .search_result span { color: #ed1c24; font-size: 6.666vw; font-weight: bold; } #wheelcap .m_page_list { display: flex !important; align-items: center; margin-bottom: 4vw; width: 100%; font-size: 3.2vw; } #wheelcap .m_page_list > .st { width: 40%; } #wheelcap .m_page_navi { align-items: flex-start; width: 52% !important; } #wheelcap .m_page_navi li { line-height: 1; } #wheelcap .m_page_navi li a.numb { display: flex; justify-content: center; align-items: center; width: 7.5vw; height: 7.5vw; color: #fff; background: #000; } #wheelcap .m_page_check_delete { margin-bottom: 2.666vw; } #wheelcap .m_page_check_delete li button { display: block; padding: 4vw 0; width: 60vw; color: #fff; font-size: 2.933vw; font-weight: bold; line-height: 1; text-align: center; background: #014189 url("../images/icon/ico30.png") no-repeat 3vw center; background-size: 2.533vw auto; border: none; cursor: pointer; } #wheelcap .display_list { display: flex !important; align-items: center; padding: 2.666vw; font-size: 3.2vw; border: 1px solid #000; border-top: 1px solid #000; } #wheelcap .price_sort { justify-content: flex-start; align-items: center; width: 55%; } #wheelcap .price_sort span { display: flex !important; margin-right: 15px; font-size: 14px; font-weight: bold; line-height: 1; } #wheelcap .price_sort select { padding: 10px; width: 32vw; font-size: 14px; font-weight: bold; line-height: 1; border: 2px solid #000; } #wheelcap .m_page_search_view { margin-bottom: 2.666vw; padding: 2.666vw 0 2.666vw 53px; font-size: 3.866vw; font-weight: bold; line-height: 1; background: url("../images/icon/ico33.png") no-repeat left center; background-size: 9.333vw auto; } #wheelcap .m_page_search_view a { color: #014189; font-size: 14px; font-weight: bold; text-decoration: underline; } #wheelcap .m_page_search_view a:hover { text-decoration: none; } #wheelcap .m_page_type { align-items: center; margin-bottom: 2.133vw; width: 100%; } #wheelcap .m_page_type li { width: 29.6vw !important; } #wheelcap .m_page_type li a { display: block; padding: 3.733vw 0 3.733vw 7.5vw; font-size: 3.466vw; font-weight: bold; text-align: left; background-color: #EEEEEE; background-repeat: no-repeat; background-position: 2.666vw center; background-size: 3.2vw auto; } #wheelcap .m_page_type li a.type01 { background-image: url("../images/icon/ico35.png"); } #wheelcap .m_page_type li a.type02 { background-image: url("../images/icon/ico36.png"); } #wheelcap .m_page_type li a.type03 { padding: 3.733vw 0 3.733vw 10.5vw; background-image: url("../images/icon/ico37.png"); background-size: 5.866vw auto; } #wheelcap .m_page_type li.current a { color: #fff; background-color: #000; } #wheelcap .m_page_type li.current a.type01 { background-image: url("../images/icon/ico45.png"); } #wheelcap .m_page_type li.current a.type02 { background-image: url("../images/icon/ico46.png"); } #wheelcap .m_page_type li.current a.type03 { background-image: url("../images/icon/ico47.png"); } .m_page_check_show { display: block !important; padding: 1.866vw 0 0; width: 67.066vw; } .m_page_check_show button { display: block; padding: 3.733vw 3.333vw 3.733vw 5.866vw; width: 100%; color: #fff; font-size: 2.933vw; font-weight: bold; line-height: 1; background: #014189 url("../images/icon/ico30.png") no-repeat 5vw center; background-size: 3.25vw auto; border: none; cursor: pointer; } #wheelcap .m_page_check_hide { margin-bottom: 4vw; } #wheelcap .m_page_check_hide label { font-size: 4vw; font-weight: bold; } #wheelcap table, table th, table td { border: 0; border-collapse: collapse; } #wheelcap table { margin: 0; width: 100%; } #wheelcap table th, table td { display: block; padding: 0; } #wheelcap .tb_wheelcap { margin-bottom: 7px; border: 2px solid #000000; } #wheelcap .tb_wheelcap:last-of-type { margin-bottom: 70px; } #wheelcap .tb_wheelcap th { padding: 7px 0; text-align: center; background: #EFEFEF; border-bottom: 2px solid #000000; box-sizing: border-box; } #wheelcap .tb_wheelcap th label { font-size: 4.8vw; font-weight: bold; } #wheelcap .tb_wheelcap td { padding: 20px 26px 22px; box-sizing: border-box; } #wheelcap .tb_wheelcap td .flex { width: 100%; display: block; } #wheelcap .tb_wheelcap td .tb_wheelcap_godown { display: inline-block; margin-bottom: 3.2vw; padding: 2vw 2vw 2vw 9vw; font-size: 3.466vw; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 2.4vw center; background-size: 5.333vw auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } #wheelcap .tb_wheelcap td .tb_wheelcap_tit { margin-bottom: 3.333vw; font-size: 4.666vw; font-weight: bold; line-height: 6.4vw; } #wheelcap .tb_wheelcap td .tb_wheelcap_num_tit { padding: 5px 8px; color: #014189; font-size: 3.466vw; font-weight: bold; line-height: 1; border: 2px solid #014189; margin-bottom: 2vw;} #wheelcap .tb_wheelcap td .tb_wheelcap_num { padding: 5px 8px; color: #fff; font-size: 3.466vw; font-weight: bold; line-height: 1; border: 2px solid #014189; background: #014189; margin-bottom: 2vw;} #wheelcap .tb_wheelcap td .tb_wheelcap_img { width: 80vw; } #wheelcap .tb_wheelcap td .tb_wheelcap_img img { width: 100%; } #wheelcap .tb_wheelcap td .tb_parts_godown { margin-bottom: 3.2vw; width: 100%; } #wheelcap .tb_wheelcap td .tb_parts_godown li { display: inline-block; margin-right: 1vw; padding: 1vw 2vw 1vw 9vw; font-size: 3.466vw; font-weight: bold; background: #FFF100 url("../images/common/attention_icon.png") no-repeat 2.4vw center; background-size: 5.333vw auto; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; } #wheelcap .tb_wheelcap td .tb_wheelcap_price { padding: 3.333vw 0 3.733vw; font-size: 4.666vw; font-weight: bold; } #wheelcap .tb_wheelcap td .tb_wheelcap_price span { color: #e60012; font-size: 8.2vw; font-weight: bold; } #wheelcap .tb_wheelcap td .tb_wheelcap_btn { width: 100%; } #wheelcap .tb_wheelcap td .tb_wheelcap_btn a { display: block; padding: 10px 0; color: #fff; font-size: 4.666vw; font-weight: bold; text-align: center; background: #073D79; } /* テーブル下ページャー */ #wheelcap .m_page_list_ud { margin: 0 auto 19.6vw; justify-content: center; align-items: center; width: 100% !important; } #wheelcap .m_page_list_ud .m_page_navi { align-items: center; width: 100% !important; } #wheelcap .m_page_list_ud .m_page_navi li { line-height: 1; } #wheelcap .m_page_list_ud .m_page_navi li.sp_text { padding: 0 6vw; font-size: 3.2vw; } #modal_whcp08 { display: none; } #wheelcap .modaal-close { display: none; } #wheelcap .modal_08 { margin: 0; border: 2px solid #014189; background: #fff; } #wheelcap .modal_header08 { margin: 0 auto; padding: 7px; width: 100%; background: #014189; box-sizing: border-box; position: relative } #wheelcap .modal_header08 .modal_tit { padding: 3.2vw 8vw; color: #fff; font-size: 4.533vw; font-weight: bold; line-height: 1; letter-spacing: 0.04em; text-align: left; } #wheelcap .modal_header08 .modaal-close { display: block; position: absolute; right: 2vw; top: 3vw; width: 8vw; height: 8vw; background: #fff; border-radius: 0; } #wheelcap .modal_header08 .modaal-close:focus, #wheelcap .modal_header08 .modaal-close:hover { background: #ccc; } #wheelcap .modal_header08 .modaal-close:before, #wheelcap .modal_header08 .modaal-close:after { top: 1vw; left: 4vw; width: 2px; height: 6.3vw; border-radius: 0; background: #7A7A7A; } #wheelcap .modal_inner08 { margin: 0 auto; padding: 3.2vw; width: 100%; color: #000; font-size: 16px; font-weight: bold; line-height: 2; background: #fff; box-sizing: border-box; } #wheelcap .modal_inner08 .f_search_box { margin-bottom: 6.666vw; } #wheelcap .modal_inner08 .f_search_box .search_txt { width: 55.5vw; } #wheelcap .modal_inner08 .f_search_box .search_txt input[type="text"] { padding: 8px 10px 8px; width: 100%; border: 2px solid #000; box-sizing: border-box; border-radius: 0; } #wheelcap .modal_inner08 .f_search_box .search_btn input[type="submit"] { width: 10vw; height: 38px; text-indent: -9999px; background: url("../images/common/bg_search_btn.png") no-repeat; border: none; cursor: pointer; border-radius: 0; } #wheelcap .modal_inner08 .s_display_prod { margin-bottom: 5.066vw; margin-left: 4.533vw; font-size: 3.466vw; font-weight: bold; line-height: 5.6vw; text-indent: -20px; } #wheelcap .modal_inner08 .s_display_prod label { font-size: 14px; font-weight: bold; } #wheelcap .modal_inner08 .btn_third { margin-bottom: 8vw; width: 100%; } #wheelcap .modal_inner08 .btn_third li { margin-bottom: 10px; width: 47%; } #wheelcap .modal_inner08 .btn_third li:last-of-type { margin-bottom: 0; width: 100%; } #wheelcap .modal_inner08 .btn_third li a { display: block; padding: 2.666vw 0; font-size: 3.4vw; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 0.933vw solid #000; } #wheelcap .modal_inner08 .btn_third li:nth-of-type(2) a { letter-spacing: -0.15em; } #wheelcap .modal_inner08 .btn_third li:last-of-type a { padding: 2.733vw 0; font-size: 4vw; } #wheelcap .modal_inner08 .btn_third li a .type_img { margin: 0 auto 2.666vw; width: 16.466vw; } /*選択 -ボタンリスト- 3列 カレント時 */ #wheelcap .modal_inner08 .btn_third li a.current { color: #fff; background-color: #ED1C24; } #wheelcap .modal_inner08 .corner_tit { font-size: 4.3vw; line-height: 1.2 } #wheelcap .modal_inner08 .m-section { margin-bottom: 2.133vw; } #wheelcap .modal_inner08 .m-section dt { padding: 4vw 3.333vw; font-size: 4.733vw; font-weight: bold; line-height: 1; background-color: #E1E1E0; background-image: url("../images/wheelcap/sp/ico02.png"); background-repeat: no-repeat; background-position: right 4.266vw center; background-size: 6vw auto; border-bottom: 1px solid #000; border-top: 1px solid #000; border-radius: 0; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .m-section dt span { margin-left: 2vw; padding: 1vw 2vw; color: #fff; font-size: 3vw; background-color: #ED1C24; border-radius: 4px; vertical-align: middle; } #wheelcap .modal_inner08 .m-section dt.open { background-image: url("../images/wheelcap/sp/ico01.png"); } #wheelcap .modal_inner08 .m-section dd { padding: 4.533vw 0 0; display: none; } #wheelcap .modal_inner08 .m-section_02 dt { padding: 4.133vw 0; font-size: 4.733vw; background-color: #fff; } /*選択 -国リスト- */ #wheelcap .modal_inner08 .m-section_02 dd .country_of_origin li .radio-inline__label { font-size: 4.8vw; } /*選択 -メーカーリスト- */ #wheelcap .modal_inner08 .m-section_02 dd .car_maker li .radio-inline__label { font-size: 4.8vw; } /*選択 -ラジオボタン- 3列 */ #wheelcap .modal_inner08 .radio_third li .radio-inline__label { padding: 4vw 0; font-size: 4.733vw; } /* ホイール直径 */ #wheelcap .modal_inner08 .cap_diameter { padding-bottom: 2.666vw; width: 100% } #wheelcap .modal_inner08 .cap_diameter input[type="text"] { padding: 4vw; width: 30%; font-size: 3.466vw; font-weight: bold; line-height: 1; border: 1px solid #C7C7C7; box-sizing: border-box; } #wheelcap .modal_inner08 .cap_diameter p { align-items: flex-end; } #wheelcap .modal_inner08 .cap_diameter span { margin: 0 2vw; font-size: 14px; } #wheelcap .modal_inner08 .s_search_btn { margin-top: 8vw; } #wheelcap .modal_inner08 .s_search_btn button { display: block; padding: 12px 0; width: 100%; color: #fff; font-size: 6.4vw; font-weight: bold; line-height: 1; text-align: center; background: #014189; border: none; cursor: pointer; } /* フルホイールキャップの詳細 */ #wheelcap .modal_inner08 .s_four_list { justify-content: flex-start; margin-bottom: 20px; width: 100%; } #wheelcap .modal_inner08 .s_four_list li { margin: 0 1vw 3vw 0; width: 13vw; } #wheelcap .modal_inner08 .s_four_list li:nth-of-type(5n) { margin-right: 0; } #wheelcap .modal_inner08 .s_four_list .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s_four_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 45px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s_four_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s_four_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .modal_inner08 .s_four_img { margin-bottom: 20px; } #wheelcap .modal_inner08 .s-alphabet { margin-bottom: 10px; width: 100%; } #wheelcap .modal_inner08 .s-alphabet li { margin: 0 1vw 3vw 0; width: 13vw; } #wheelcap .modal_inner08 .s-alphabet li:nth-of-type(5n) { margin: 0 0 3vw; } #wheelcap .modal_inner08 .s-alphabet li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s-alphabet li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s-alphabet li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s-alphabet li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } #wheelcap .modal_inner08 .s-initials { margin-bottom: 10px; } #wheelcap .modal_inner08 .s-initials li { margin: 0 1vw 3vw 0; width: 13vw; } #wheelcap .modal_inner08 .s-initials li:nth-of-type(5n) { margin: 0 0 3vw; } #wheelcap .modal_inner08 .s-initials li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s-initials li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s-initials li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s-initials li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } /* 専用ナット */ #wheelcap .modal_inner08 .s_two_list { margin-bottom: 20px; width: 40%; } #wheelcap .modal_inner08 .s_two_list li { margin-bottom: 5px; width: 13vw; } #wheelcap .modal_inner08 .s_two_list li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s_two_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 45px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s_two_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s_two_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .modal_inner08 .s_two_img { margin-right: 0; width: 50%; } #wheelcap .modal_inner08 .s_two_list_02 { margin-bottom: 20px; width: 100%; } #wheelcap .modal_inner08 .s_two_list_02 li { margin-bottom: 5px; width: 16vw; } #wheelcap .modal_inner08 .s_two_list_02 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s_two_list_02 li .radio-inline__label { display: flex; justify-content: center; align-items: flex-start; padding: 5px 0 0; width: 100%; height: 68px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 20px; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s_two_list_02 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s_two_list_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } #wheelcap .modal_inner08 .s_two_list_02 li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img03_08.png"); } #wheelcap .modal_inner08 .s_two_list_02 li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img03_09.png"); } #wheelcap .modal_inner08 .s_two_list_02 li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img03_10.png"); } #wheelcap .modal_inner08 .s_two_list_02 li:last-of-type .radio-inline__label { align-items: center; } /* ホイール直径 */ #wheelcap .modal_inner08 .s-cap_diameter { margin-bottom: 34px; width: 100% } #wheelcap .modal_inner08 .s-cap_diameter input[type="text"] { padding: 6px; width: 70%; font-size: 4vw; font-weight: bold; line-height: 1; border: 1px solid #C7C7C7; box-sizing: border-box; } #wheelcap .modal_inner08 .s-cap_diameter p { align-items: flex-end; } #wheelcap .modal_inner08 .s-cap_diameter span { margin: 0 4px 0 4px; font-size: 4vw; } /* トリムリング */ #wheelcap .modal_inner08 .s_four_list li.trimring { width: 27vw; } /* 専用工具 */ #wheelcap .modal_inner08 .s-mark_list { margin-bottom: 10px; width: 100%; } #wheelcap .modal_inner08 .s-mark_list li { margin-bottom: 5px; width: 100%; } #wheelcap .modal_inner08 .s-mark_list li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s-mark_list li .radio-inline__label { display: flex; justify-content: flex-start; align-items: center; padding: 0 11px; width: 100%; height: 52px; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: right 9px center; background-size: 46px auto; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s-mark_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } #wheelcap .modal_inner08 .s-mark_list li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img01_03.png"); } #wheelcap .modal_inner08 .s-mark_list li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img01_04.png"); } #wheelcap .modal_inner08 .s-mark_list li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img01_05.png"); } #wheelcap .modal_inner08 .s-mark_list li:nth-of-type(4) .radio-inline__label { background-image: url("../images/wheelcap/img01_06.png"); } #wheelcap .modal_inner08 .s-mark_list li:nth-of-type(5) .radio-inline__label { justify-content: center; } #wheelcap .modal_inner08 .s-mark_list.full_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } #wheelcap .modal_inner08 .s-mark_list.kougu_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } /* ハブリング */ #wheelcap .modal_inner08 .s_kougu_img { padding: 0 0 14px; width: 80%; } #wheelcap .modal_inner08 .s_kougu_img img { width: 100%; } #wheelcap .modal_inner08 .s_kougu_img.bg_arrow { margin-bottom: 10px; background: url("../images/wheelcap/sp/arrow.png") no-repeat 40% bottom; background-size: 19px auto; } #wheelcap .modal_inner08 .s_two_list_03 { margin-bottom: 20px; width: 100%; } #wheelcap .modal_inner08 .s_two_list_03 li { margin-bottom: 5px; width: 85px; } #wheelcap .modal_inner08 .s_two_list_03 li .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #wheelcap .modal_inner08 .s_two_list_03 li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 58px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } #wheelcap .modal_inner08 .s_two_list_03 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } #wheelcap .modal_inner08 .s_two_list_03 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } /* 検索商品詳細 */ #wheelcap .detail_tit_box { padding: 5.6vw 4vw; color: #fff; font-size: 4.533vw; line-height: 1.4; font-weight: bold; letter-spacing: 0.02em; background: #014189; position: relative; } #wheelcap .detail_tit_box p { font-weight: bold; } #wheelcap .detail_tit_box .prod_numb { margin-bottom: 2vw; font-size: 4vw; width: 70%; line-height: 1.5; background: #ed1c24; text-align: center; } #wheelcap .detail_tit_box .prod_contact { margin-bottom: 2vw; font-size: 2.933vw; font-weight: normal; line-height: 1.5; } #wheelcap .detail_tit_box .prod_favorite { padding: 2vw 0 1.733vw; width: 20.933vw; color: #000; font-size: 2.666vw; line-height: 1; text-align: center; background: #FFE400; border-radius: 30px; position: absolute; right: 20px; top: 16px; } #wheelcap .detail_slide_box { margin-bottom: 4vw; padding: 4vw 0; background: #F0F0F0; } #wheelcap .detail_slide_box .w-slider { margin: 0 auto; width: 66.666vw; } #wheelcap .detail_slide_box .w-slider .prev-arrow, .detail_slide_box .w-slider .next-arrow { width: 8vw; position: absolute; top: 42%; z-index: 2; cursor: pointer; } #wheelcap .detail_slide_box .w-slider .prev-arrow { left: -10.933vw; } #wheelcap .detail_slide_box .w-slider .next-arrow { right: -10.933vw; } #wheelcap .detail_slide_box .slider-w-detail-thumb { margin: 0 auto; padding: 2.666vw 0 0; width: 76vw; } #wheelcap .detail_slide_box .slider-w-detail-thumb li { margin: 0 0.8vw; width: 13.866vw; } #wheelcap .detail_box { padding: 0 0 21.333vw; } #wheelcap .detail_box .tit { margin-bottom: 20px; } #wheelcap .detail_box .tit.no-mb { margin-bottom: 0; } #wheelcap .detail_box .tit.u-tac { text-align: center; } #wheelcap .detail_prod_name { margin-bottom: 2.133vw; font-size: 4.266vw; font-weight: bold; line-height: 1.6; } #wheelcap .detail_prod_copy { margin-bottom: 4vw; font-size: 3.5vw; line-height: 1.6; } #wheelcap .detail_prod_price { margin-bottom: 9.333vw; padding: 2.4vw 4vw; font-size: 2.666vw; line-height: 4vw; text-align: right; background: #F4F4F4; border: 2px solid #000; } #wheelcap .detail_prod_price p { font-weight: bold; } #wheelcap .detail_prod_price .list_price { font-size: 3.2vw; line-height: 1.5; } #wheelcap .detail_prod_price .business_sales { font-size: 3.2vw; } #wheelcap .detail_prod_price .business_sales span { color: #ed1c24; font-size: 4.533vw; font-weight: bold; line-height: 1.5; } #wheelcap .detail_prod_text { margin-bottom: 25px; font-size: 3.5vw; line-height: 1.6; } #wheelcap .text_storehouse {display: inline-block;margin-bottom: 12px;padding: 4px 16px 4px 40px;font-size: 14px;font-weight: bold;line-height: 1;background: #FFE400 url("../images/common/attention_icon.png") no-repeat 14px center;background-size: 17px auto;border: 2px solid #000;border-radius: 30px;} /* table 04 */ #wheelcap table.wc-t-04 { margin: 0 0 4vw; width: 100%; } #wheelcap table.wc-t-04 th, #wheelcap table.wc-t-04 td { display: table-cell; padding: 4vw 2vw; font-size: 14px; font-weight: bold; line-height: 1.2; vertical-align: middle; border: 1px solid #000; } #wheelcap table.wc-t-04 th { width: 25%; line-height: 2; background: #F4F4F4; } #wheelcap table.wc-t-04 td { width: 75%; } #wheelcap table.wc-t-04.t-last { margin: 0 0 8vw; } #wheelcap table.wc-t-04.type2 { width: 100%; } #wheelcap table.wc-t-04.type2 th { width: 25%; } #wheelcap table.wc-t-04.type2 td { width: 37%; } #wheelcap .detail_prod_note { margin-bottom: 5.333vw; font-size: 3.4vw; line-height: 1.4; } #wheelcap .detail_prod_note a { color: #003f80; text-decoration: underline; } #wheelcap .detail_prod_tit { margin-bottom: 20px; padding: 1.733vw 4vw; color: #fff; font-size: 3.066vw; font-weight: bold; line-height: 5.333vw; background: #D22526; } #wheelcap .detail_prod_tit span { display: block; color: #fff100; font-size: 4.533vw; font-weight: bold; } #wheelcap .attention_tit { margin-bottom: 1.866vw; font-size: 4vw; font-weight: bold; line-height: 1.6; } #wheelcap .attention_list { margin-bottom: 20px; padding: 0 0 0 6vw; list-style: disc; } #wheelcap .attention_list li { font-size: 3.4vw; line-height: 1.8; margin-bottom: 1vw; } #wheelcap .attention_note { margin-bottom: 3.2vw; padding: 2vw 2.666vw; color: #fff; font-size: 3.4vw; line-height: 1.6; background: #EA5414; border-radius: 6px; } #wheelcap .delivery_list { margin-bottom: 4.666vw; } #wheelcap .delivery_list dt { width: 25%; } #wheelcap .delivery_list dd { width: 72%; font-size: 3.4vw; line-height: 1.8; } #wheelcap .delivery_list dd p { margin-bottom: 4.666vw; } #wheelcap .delivery_list dd br { display: none; } #wheelcap .delivery_txt { margin-bottom: 10px; font-size: 3.4vw; line-height: 1.8; } #wheelcap .packing_list { margin-bottom: 8vw; } #wheelcap .packing_list li { width: 32%; } #modal_pr05 { display: none; } #modal_pr05 { margin: 0 auto; padding: 0; width: 90%; display: none; } #wheelcap #modal_t05 { display: none; width: 90% !important; } #wheelcap .modal_05 { margin: 0 auto; width: 100%; border: 2px solid #014189; } #pawheelcaprts .modaal-close { display: none; } #wheelcap .modal_header05 { margin: 0 auto; padding: 7px; width: 100% !important; background: #FFF100; box-sizing: border-box; position: relative } #wheelcap .modal_header05 .modal_tit { padding: 4vw; color: #000; font-size: 4.533vw; font-weight: bold; line-height: 1; letter-spacing: 0.04em; text-align: left; } #wheelcap .modal_header05 .modaal-close { display: block; position: absolute; right: 16px; top: 16px; width: 38px; height: 36px; background: #000; border-radius: 0; } #wheelcap .modal_header05 .modaal-close:focus, .modal_header05 .modaal-close:hover { background: #ccc; } #wheelcap .modal_header05 .modaal-close:before, .modal_header05 .modaal-close:after { top: 3px; left: 18px; width: 2px; height: 32px; border-radius: 0; background: #fff; } #wheelcap .modal_inner05 { margin: 0 auto; padding: 4vw; width: 100% !important; color: #000; font-size: 3.466vw; font-weight: bold; line-height: 5.6vw; background: #fff; box-sizing: border-box; } #wheelcap .modal_inner05 .img01 { float: left; margin-right: 20px; } #wheelcap .whcp_det_box { margin: 0 auto; padding: 0; width: 100%; box-sizing: border-box; } #wheelcap .whcp_det_box .whcp_det_icon { margin: 0 auto 20px; width: 13.2vw; } #wheelcap .whcp_det_box .whcp_det_tit { margin: 0 auto 4vw; font-size: 6vw; font-weight: bold; text-align: center; line-height: 1.2; } #wheelcap .whcp_det_box dl { padding: 0 0 1vw; } #wheelcap .whcp_det_box dl dt { padding: 14px 0; color: #fff; font-size: 17px; font-weight: bold; line-height: 1; text-align: center; background-color: #000; background-image: url("../images/wheelcap/ico06.png"); background-repeat: no-repeat; background-position: right 45px center; background-size: 17px auto; cursor: pointer; } #wheelcap .whcp_det_box dl dt.open { background-image: url("../images/wheelcap/ico07.png"); } #wheelcap .whcp_det_box dl dd { padding: 15px 2vw 30px; font-size: 3.4vw; line-height: 1.8; background: #fff; } #modal_whcp08 { display: none; } .t-check { padding: 7px 0; text-align: center; } .t-check input { display: none; } .t-check label { background: url(../images/common/hikaku_off.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 85%; height: 8vw; display: block; text-indent: -99999px; margin: 0 auto; } .t-check input:checked + label { background: url(../images/common/hikaku_on.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 85%; height: 8vw; display: block; text-indent: -99999px; margin: 0 auto; } #wheelcap .detail_box .claim_attention { background: #014189; display: block; padding: 6px 0; text-align: center; margin: 0 auto 10px; width: 100%; } #wheelcap .detail_box .junk_attention { background: #014189; display: block; padding: 6px 0; text-align: center; margin: 0 auto 10px; width: 100%; } #wheelcap .detail_box .lead { display: inline-block; color: #fff100; border-bottom: 1px solid #fff; padding: 1vw 4vw 1vw 7vw; box-sizing: border-box; font-weight: bold; background: url(../images/common/attention_icon.png) no-repeat left 1.5vw center; background-size: 4vw; font-size: 3vw; } #wheelcap .detail_box .txt { display: inline-block; color: #ffffff; padding: 1vw; font-weight: bold; font-size: 2.5vw; } .m_page_comparison_btn { margin: 6vw auto 0; width: 81.333vw; border: 3px solid #BECEE1; } .m_page_comparison_btn button { display: block; padding: 2.666vw 0; width: 100%; text-align: center; line-height: 1; letter-spacing: 0.04em; border: none; } .m_page_comparison_btn button span { display: inline-block; padding: 0 0 0 3vw; font-size: 4vw; font-weight: bold; background: url("../images/icon/ico38.png") no-repeat left center; background-size: 2.2vw auto; } /* side */ .side { padding: 35px 19px; width: 100%; background: #EEEEEE; box-sizing: border-box; } .side .m_tit { margin-bottom: 12px; padding: 12px 0; color: #fff; font-size: 20px; font-weight: bold; line-height: 1; text-align: center; background: #000; } .side .s_tit { margin-bottom: 8px; padding: 0 0 10px; border-bottom: 1px dotted #000; } .side .s_tit span { display: block; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; line-height: 25px; border-left: 4px solid #000; } .side .s_tit_02 { padding: 12px 0; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background: #727171; } .side .s_tit_03 { margin-bottom: 8px; font-size: 12px; font-weight: bold; line-height: 1; } .side .f_search_box { margin-bottom: 16px; } .side .f_search_box .search_txt { } .side .f_search_box .search_txt input[type="text"] { padding: 7px 10px 6px; width: 100%; border: 2px solid #000; box-sizing: border-box; } .side .f_search_box .search_btn input[type="submit"] { width: 36px; height: 38px; text-indent: -9999px; background: url("../images/common/bg_search_btn.png") no-repeat; border: none; cursor: pointer; } .side .s_display_prod { margin-bottom: 30px; margin-left: 20px; font-size: 14px; font-weight: bold; line-height: 22px; text-indent: -20px; } .side .s_display_prod label { font-size: 14px; font-weight: bold; } /*選択 -ラジオボタン- 共通 */ .side .radio-inline__input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .side .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } /*選択 -ラジオボタン- 2列 */ .side .whcp_type { margin-bottom: 16px; width: 100%; } .side .whcp_type li { margin-bottom: 8px; width: 49%; } .side .whcp_type li:nth-of-type(7) { } .side .whcp_type li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 60px 0 5px; width: 100%; font-size: 8px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 5px; background-size: 53px auto; border: 2px solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; } .side .whcp_type li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_01.png"); } .side .whcp_type li:nth-of-type(2) .radio-inline__label { letter-spacing: -0.2em; background-image: url("../images/wheelcap/sp/type_ico_02.png"); } .side .whcp_type li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_03.png"); } .side .whcp_type li:nth-of-type(4) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_04.png"); } .side .whcp_type li:nth-of-type(5) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_05.png"); } .side .whcp_type li:nth-of-type(6) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_06.png"); } .side .whcp_type li:nth-of-type(7) .radio-inline__label { background-image: url("../images/wheelcap/sp/type_ico_07.png"); } .side .whcp_type li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .whcp_type li.current .radio-inline__label { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-section { } .side .s-section dt { margin-bottom: 14px; padding: 9px 6px; font-size: 14px; font-weight: bold; background-color: #D9D9DA; background-image: url("../images/wheelcap/sp/ico02.png"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px auto; border-bottom: 1px solid #898989; border-top: 1px solid #898989; cursor: pointer; } .side .s-section dt.open { background-image: url("../images/wheelcap/sp/ico01.png"); } .side .s-section dt span { margin-left: 10px; padding: 4px; color: #fff; font-size: 12px; line-height: 1; vertical-align: baseline; background: #D22526; border-radius: 4px; } .side .s-section dd { background: #EFEFEF; display: none; } .side .s-section_02 { margin-bottom: 9px; width: 100%; } .side .s-section_02 .radio-inline__label { display: block; padding: 11px 0; width: 100%; font-size: 11px; font-weight: bold; text-align: center; background-color: #fff; border: 1px solid #646363; box-sizing: border-box; cursor: pointer; } .side .s-section_02:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/sp/ico02.png"); background-repeat: no-repeat; background-position: right 9px center; background-size: 13px auto; } .side .s-section_02:first-of-type .radio-inline__label:hover { color: #fff; background-color: #ED1C24; background-image: url("../images/wheelcap/sp/ico04.png"); opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-section_02:first-of-type .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; background-image: url("../images/wheelcap/sp/ico03.png"); } .side .s-section_02:last-of-type { margin-bottom: 20px } .side .s-country_list { margin-bottom: 10px; width: 100%; } .side .s-country_list li { margin-bottom: 4px; width: 47.752%; } .side .s-country_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 32px 0 0; width: 100%; height: 57px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 8px; background-size: 26px auto; border: 2px solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; } .side .s-country_list li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_flag01.png"); } .side .s-country_list li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_flag09.png"); } .side .s-country_list li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_flag08.png"); } .side .s-country_list li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_flag04.png"); } .side .s-country_list li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_flag05.png"); } .side .s-country_list li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_flag06.png"); } .side .s-country_list li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_flag02.png"); } .side .s-country_list li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_flag07.png"); } .side .s-country_list li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_flag03.png"); } .side select { outline: none; text-indent: 0.01px; text-overflow: ''; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; } .side .select_maker select { margin-bottom: 8px; } .side .select_maker select { width: 100%; font-size: 14px; border: 1px solid #000; box-sizing: border-box; background: #fff url("../images/wheelcap/sp/arrow.png") no-repeat right 4px center; background-size: 8px auto; } .side .s-maker_list { margin-bottom: 10px; width: 100%; } .side .s-maker_list li { margin-bottom: 4px; width: 47.752%; } .side .s-maker_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; padding: 32px 0 0; width: 100%; height: 57px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 8px; background-size: 43px auto; border: 2px solid #000; box-sizing: border-box; transition: all .2s; cursor: pointer; } /*jp*/ .side .s-maker_list.jp li:nth-of-type(1) .radio-inline__label { background-image: url("../images/common/bg_maker01.png"); } .side .s-maker_list.jp li:nth-of-type(2) .radio-inline__label { background-image: url("../images/common/bg_maker02.png"); } .side .s-maker_list.jp li:nth-of-type(3) .radio-inline__label { background-image: url("../images/common/bg_maker03.png"); } .side .s-maker_list.jp li:nth-of-type(4) .radio-inline__label { background-image: url("../images/common/bg_maker04.png"); } .side .s-maker_list.jp li:nth-of-type(5) .radio-inline__label { background-image: url("../images/common/bg_maker05.png"); } .side .s-maker_list.jp li:nth-of-type(6) .radio-inline__label { background-image: url("../images/common/bg_maker06.png"); } .side .s-maker_list.jp li:nth-of-type(7) .radio-inline__label { background-image: url("../images/common/bg_maker07.png"); } .side .s-maker_list.jp li:nth-of-type(8) .radio-inline__label { background-image: url("../images/common/bg_maker08.png"); } .side .s-maker_list.jp li:nth-of-type(9) .radio-inline__label { background-image: url("../images/common/bg_maker09.png"); } .side .s-maker_list.jp li:nth-of-type(10) .radio-inline__label { background-image: url("../images/common/bg_maker10.png"); } /*us*/ .side .s-maker_list.us li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_cadillac.gif"); } .side .s-maker_list.us li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chrysler.gif"); } .side .s-maker_list.us li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_chevrolet.gif"); } .side .s-maker_list.us li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_star.gif"); } .side .s-maker_list.us li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hummer.gif"); } .side .s-maker_list.us li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford.gif"); } .side .s-maker_list.us li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saturn.gif"); } .side .s-maker_list.us li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tiara.gif"); } .side .s-maker_list.us li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_buick.gif"); } .side .s-maker_list.us li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_pontiac.gif"); } .side .s-maker_list.us li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_honda_f.gif"); } .side .s-maker_list.us li:nth-of-type(12) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_dodge.gif"); } .side .s-maker_list.us li:nth-of-type(13) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jeep.gif"); } .side .s-maker_list.us li:nth-of-type(14) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_gmc.gif"); } .side .s-maker_list.us li:nth-of-type(15) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lincoln.gif"); } .side .s-maker_list.us li:nth-of-type(16) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_tesla.gif"); } /*uk*/ .side .s-maker_list.uk li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_aston.gif"); } .side .s-maker_list.uk li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_jaguar.gif"); } .side .s-maker_list.uk li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bentley.gif"); } .side .s-maker_list.uk li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lotus.gif"); } .side .s-maker_list.uk li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minirover.gif"); } .side .s-maker_list.uk li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_land.gif"); } .side .s-maker_list.uk li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rolls.gif"); } .side .s-maker_list.uk li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_rover.gif"); } .side .s-maker_list.uk li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_minibmw.gif"); } .side .s-maker_list.uk li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_mg.gif"); } /*de*/ .side .s-maker_list.de li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_amg.gif"); } .side .s-maker_list.de li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_audi.gif"); } .side .s-maker_list.de li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alpina.gif"); } .side .s-maker_list.de li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_bmw.gif"); } .side .s-maker_list.de li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_porsche.gif"); } .side .s-maker_list.de li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maybach.gif"); } .side .s-maker_list.de li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_smart.gif"); } .side .s-maker_list.de li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_benz.gif"); } .side .s-maker_list.de li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volks.gif"); } .side .s-maker_list.de li:nth-of-type(10) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ford_e.gif"); } .side .s-maker_list.de li:nth-of-type(11) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_opel.gif"); } /*fra*/ .side .s-maker_list.fra li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_citroen.gif"); } .side .s-maker_list.fra li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_peugeot.gif"); } .side .s-maker_list.fra li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_renault.gif"); } .side .s-maker_list.fra li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ds.gif"); } /*it*/ .side .s-maker_list.it li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_alfa.gif"); } .side .s-maker_list.it li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_fiat.gif"); } .side .s-maker_list.it li:nth-of-type(3) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_ferrari.gif"); } .side .s-maker_list.it li:nth-of-type(4) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_maserati.gif"); } .side .s-maker_list.it li:nth-of-type(5) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lancia.gif"); } .side .s-maker_list.it li:nth-of-type(6) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_lamborghini.gif"); } .side .s-maker_list.it li:nth-of-type(7) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_abarth.gif"); } .side .s-maker_list.it li:nth-of-type(8) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_autobianchi.gif"); } .side .s-maker_list.it li:nth-of-type(9) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_moke.gif"); } /*se*/ .side .s-maker_list.se li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_saab.gif"); } .side .s-maker_list.se li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_volvo.gif"); } /*ko*/ .side .s-maker_list.ko li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_hyundai.gif"); } .side .s-maker_list.ko li:nth-of-type(2) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_kia.gif"); } /*ch*/ .side .s-maker_list.ch li:nth-of-type(1) .radio-inline__label { background-size: 70px; background-image: url("../images/common/logo_sgmw.gif"); } /* ホイール直径 */ .side .s-cap_diameter { margin-bottom: 34px; width: 100% } .side .s-cap_diameter input[type="text"] { padding: 6px; width: 53px; font-size: 14px; font-weight: bold; line-height: 1; border: 1px solid #C7C7C7; box-sizing: border-box; } .side .s-cap_diameter p { align-items: flex-end; } .side .s-cap_diameter span { margin: 0 4px 0 4px; font-size: 12px; } .side .s-alphabet { margin-bottom: 10px; } .side .s-alphabet li { margin: 0 2px 8px 0; width: 28px; } .side .s-alphabet li:nth-of-type(6) { margin: 0 0 8px; } .side .s-alphabet li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-alphabet li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-alphabet li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } .side .s-alphabet_img { margin: 0 auto 16px; width: 100%; text-align: center; } .side .s-alphabet_img img { display: block; margin: 0 auto; width: 102px; } .side .s-alphabet_img span { display: block; padding: 6px 0 0; color: #e60012; font-size: 13px; line-height: 16px; } .side .s-initials { margin-bottom: 10px; } .side .s-initials li { margin: 0 2px 8px 0; width: 28px; } .side .s-initials li:nth-of-type(6) { margin: 0 0 8px; } .side .s-initials li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-initials li .radio-inline__label:hover { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s-initials li .radio-inline__input:checked+.radio-inline__label { color: #fff; background-color: #ed1c24; border: 2px solid #ed1c24 } .side .s-initials { margin: 0 auto 16px; width: 100%; } .side .s-initials_img { margin: 0 auto 16px; width: 100%; text-align: center; } .side .s-initials_img img { display: block; margin: 0 auto; width: 102px; } .side .s-initials_img span { display: block; padding: 6px 0 0; color: #e60012; font-size: 13px; line-height: 16px; } .side .s-mark_list { margin-bottom: 10px; width: 100%; } .side .s-mark_list li { margin-bottom: 5px; width: 100%; } .side .s-mark_list li .radio-inline__label { display: flex; justify-content: flex-start; align-items: center; padding: 0 11px; width: 100%; height: 52px; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: right 9px center; background-size: 46px auto; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } /* 頭文字指定しない専用 */ .side .s-mark_list_shitei { margin-bottom: 10px; width: 100%; } .side .s-mark_list_shitei li { margin-bottom: 5px; width: 100%; } .side .s-mark_list_shitei li .radio-inline__label { display: flex; justify-content: flex-start; align-items: center; padding: 0 11px; width: 100%; height: 52px; font-size: 14px; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: right 9px center; background-size: 46px auto; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s-mark_list li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img01_03.png"); } .side .s-mark_list li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img01_04.png"); } .side .s-mark_list li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img01_05.png"); } .side .s-mark_list li:nth-of-type(4) .radio-inline__label { background-image: url("../images/wheelcap/img01_06.png"); } .side .s-mark_list li:nth-of-type(5) .radio-inline__label { justify-content: center; } .side .s-mark_list.full_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } .side .s-cap_diameter.nut_whc { margin-bottom: 10px; } .side .s_search_btn button { display: block; padding: 12px 0; width: 100%; color: #fff; font-weight: bold; line-height: 1; text-align: center; background: #014189; border: none; cursor: pointer; } /* フルホイールキャップの詳細 */ .side .s_four_list { margin-bottom: 20px; width: 160px; } .side .s_four_list::before { content: ""; display: block; width: 35px; order: 1; } .side .s_four_list::after { content: ""; display: block; width: 35px; } .side .s_four_list li { margin-bottom: 5px; width: 35px; } .side .s_four_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 35px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_four_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_four_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } .side .s_four_img { margin-bottom: 20px; } /* 専用ナット */ .side .s_two_list { margin-bottom: 20px; width: 76px; } .side .s_two_list li { margin-bottom: 5px; width: 35px; } .side .s_two_list li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 35px; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; background: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list li .radio-inline__label:hover { color: #fff; background: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list li .radio-inline__input:checked + .radio-inline__label { color: #fff; background: #ED1C24; } .side .s_two_img { margin-right: 10px; width: 70px; } .side .s_two_list_02 { margin-bottom: 20px; width: 144px; } .side .s_two_list_02 li { margin-bottom: 5px; width: 68px; } .side .s_two_list_02 li .radio-inline__label { display: flex; justify-content: center; align-items: flex-start; padding: 5px 0 0; width: 100%; height: 68px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; background-repeat: no-repeat; background-position: center 20px; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list_02 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list_02 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } .side .s_two_list_02 li:first-of-type .radio-inline__label { background-image: url("../images/wheelcap/img03_08.png"); } .side .s_two_list_02 li:nth-of-type(2) .radio-inline__label { background-image: url("../images/wheelcap/img03_09.png"); } .side .s_two_list_02 li:nth-of-type(3) .radio-inline__label { background-image: url("../images/wheelcap/img03_10.png"); } .side .s_two_list_02 li:last-of-type .radio-inline__label { align-items: center; } /* トリムリング */ .side .s_four_list li.trimring { width: 76px; } /* 専用工具 */ .side .s-mark_list.kougu_whc li:first-of-type .radio-inline__label { justify-content: center; background-image: none; } .side .s-cap_diameter.kougu_whc { margin-bottom: 8px; } .side .s-cap_diameter.kougu_whc input[type="text"] { width: 100px; } .side .s_kougu_img { padding: 0 0 14px; width: 138px; } .side .s_kougu_img.bg_arrow { margin-bottom: 10px; background: url("../images/wheelcap/sp/arrow.png") no-repeat 43px bottom; background-size: 19px auto; } .side .s_two_list_03 { margin-bottom: 20px; width: 100%; } .side .s_two_list_03 li { margin-bottom: 5px; width: 85px; } .side .s_two_list_03 li .radio-inline__label { display: flex; justify-content: center; align-items: center; width: 100%; height: 58px; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; background-color: #fff; border: 2px solid #000; box-sizing: border-box; cursor: pointer; } .side .s_two_list_03 li .radio-inline__label:hover { color: #fff; background-color: #ED1C24; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .side .s_two_list_03 li .radio-inline__input:checked + .radio-inline__label { color: #fff; background-color: #ED1C24; } #modal_wh07 { display: none; } .btn_contact_list { justify-content: center; margin: 0 auto 3.733vw; width: 100%; } }