@charset "utf-8"; /* =============================================== ▼レスポンシブ1024px以下用CSS02 =============================================== */ /* =============================================== ▼法人・団体様 OEM作製 =============================================== */ .title{ border: none; text-align: center; padding-bottom: 5px; margin-bottom: 20px; /*font-size: 150%;*/ } .subheads{ text-align: center; /*font-size: 125%;*/ margin-bottom: 10px; } #undercolumn_oem .bg_wh{ padding: 0 0 20px 0 !important; } .textbox_Style01{ padding: 15px 10px 15px 10px; } .textbox_Style02{ padding: 15px 10px 0 10px; } .textbox_Style03{ padding: 0 10px; } .btnStyle01{ width: 100%; padding: 12.5px 0px; font-size: 95%; } .h3_Style01{ padding: 20px 0 5px 0; font-size: 110%; } .bsp_Style70{ margin-bottom: 30px; } .oem_btn{ padding-bottom: 20px; padding-top: 20px; } /* oem_bl */ .oem_bl_cl{ padding: 0 0 5px 0; } #undercolumn_oem .slick-dots{ background-color: #eee; padding: 20px 0; } /* oem_type */ .oem_type_left, .oem_type_right{ width: 100%; } .oem_type_right{ padding: 0 10px; } .oem_type ul li{ padding-bottom: 0; } #undercolumn_oem .oem_type .slick-dots{ bottom: -70px; } .oem_point, .oem_type{ margin-bottom: 80px; } /* oem_point */ #undercolumn_oem .oem_point .slick-dots{ bottom: -45px; } /* oem_decoration */ .oem_decoration .oem_bl_cl{ padding-bottom: 40px; } .deco_detail{ padding: 0; } .deco_detail img{ padding: 25px 0 15px 0; } /* oem_customize */ .oem_customize .textbox_Style02{ padding-top: 0; } .oem_customize_color{ margin: 0 10px; } .oem_customize_img>div{ width: 100%; text-align: center; margin-bottom: 20px; } .oem_customize_color .oem_customize_img{ padding-bottom: 10px; } .oem_customize_lens{ margin: 5px 10px 0 10px; } .oem_customize_lens .oem_customize_img{ padding: 20px 0 25px 0; } .oem_customize_sheet{ margin: 5px 10px 0 10px; } /* oem_design_sheet */ .oem_design_sheet{ margin: 25px 10px 0 10px; } .oem_design_sheet .h3_Style01{ padding-top: 20px; } .powerLED_img>div{ margin: 10px; } .oem_customize_color .oem_customize_img02 img{ height: 230px; } /* oem_patent */ .oem_patent .oem_bl_cl:last-child .textbox_Style03{ padding: 20px 0 0 0; margin: 20px 10px 10px 10px; } /* =============================================== ▼会社概要 =============================================== */ #undercolumn_aboutus .aboutus_textbox{ padding: 0; } .aboutus_textbox .aboutus_tb{ margin-top: 35px; } .aboutus_tb dl{ flex-direction: column; padding: 0; } .aboutus_tb dt, .aboutus_tb dd{ width: 100%; } .aboutus_tb dt{ padding: 12.5px 0 5px 0; } .aboutus_tb dd{ padding: 5px 0 12.5px 0; } .aboutus_tb .asakusa_office, .aboutus_tb .call_center{ padding-top: 0; } /* =============================================== ▼ご注文方法 =============================================== */ #undercolumn_order_flow .bg_wh.textbox_Style01{ padding: 0 0 5px 0; } .order_flow_bl_cl{ padding: 10px 0; } .flow_detail img{ padding: 15px 0 7.5px 0; width: 250px; } .flow_step_name{ padding: 0 10px; } .order_flow_bl_cl02{ padding-bottom: 20px; margin-bottom: 20px; } /* =============================================== ▼特許取得/公的試験データ =============================================== */ #undercolumn_patent .bg_wh .textbox_Style02{ padding: 0; } .patent_list .textbox_Style01{ padding: 5px 10px 25px 10px; } .patent_list_cl{ margin: 25px 0 0 0; padding: 5px 0 0 0; } .patent_spec .textbox_Style01{ padding: 0; } .patent_spec_cl{ margin-top: 10px; padding-bottom: 30px; } .patent_customize_img{ padding-bottom: 10px; } .patent_customize_img>div{ width: 100%; text-align: center; margin-bottom: 20px; } .patent_customize_img>div:last-child{ margin-bottom: 10px; } .patent_customize_img02 img{ height: 230px; } .deco_head_img, .deco_grip_img{ margin-top: 35px; } /* =============================================== ▼よくあるご質問 =============================================== */ #undercolumn_faq .bg_wh>.textbox_Style02{ padding: 0; } .faq_bl_cl{ margin-top: 20px; padding: 20px 0 0 0; } .faq_bl_cl dl dt{ padding-bottom: 12.5px; } .faq_comments{ padding-top: 12.5px; } .faq_bl_cl dl dt::before{ top: 7.5px; } .faq_bl_cl dl dd::before{ top: 5px; } /* =============================================== ▼注文後確認メールが届かない方 =============================================== */ #undercolumn_attention .bg_wh .textbox_Style02{ padding: 0; } #undercolumn_attention .bg_wh .textbox_Style02:first-child{ padding-bottom: 15px; } .attension_list{ padding: 15px 0; margin-bottom: 15px; } /* =============================================== ▼プライバシーポリシー =============================================== */ #undercolumn_guide_privacy .bg_wh>.textbox_Style02{ padding: 0; } .guide_privacy_bl_01 .alignR{ padding-top: 10px; } .guide_privacy_bl_02{ padding-top: 0; } /* =============================================== ▼故障かなと思ったら =============================================== */ #undercolumn_trouble .bg_wh >.textbox_Style02{ padding: 0; } /* =============================================== ▼特定商取引に関する法律に基づく表記 =============================================== */ #undercolumn_order dt, #undercolumn_order dd{ width: 100%; padding: 7.5px 0 0 0; } #undercolumn_order dl{ padding-bottom: 25px; } .order_default_tb dl:first-child dt{ padding: 0; } /* ============================================== ▼エリアから探す:北海道・東北エリア =============================================== */ .store_content_bl .textbox_Style01{ padding: 10px 10px 15px 10px; } .store_content_bl .area_list{ padding: 10px 0 25px 0; } .store_content_bl .area_title{ padding-bottom: 5px; } .store_content_bl .area_title{ border: none; text-align: center; margin: 5px 0; } .store_content_bl .area_list li{ text-align: center; width: calc(100% / 4); } .store_content_bl .area_list li:nth-child(-n+4){ padding-top: 0; } .store_content_bl .area_list li:nth-child(n+5){ padding-top: 10px; } #undercolumn_area03 .store_content_bl .area_list li:nth-child(2){ width: calc(100% / 2); margin-left: 10px; } .store_content_bl .area_bl{ padding-bottom: 50px; } .store_content_bl .area_bl li{ padding: 12.5px 0; } .store_content_bl .store_card{ width: 100%; padding-top: 5px; min-width: auto; } .store_card p{ margin: 5px 0px !important; height: 30px !important; line-height: 30px !important; width: calc(50% - 5px) !important; } /* ============================================== ▼お問い合わせ =============================================== */ .contact_list_bl{ padding: 5px 0 30px 0; } .contact_list_bl .contact_list_bl_title{ margin-bottom: 20px; text-align: center; font-size: 125%; } .contact_list_bl_box{ padding-top: 10px; } .contact_list_bl_box li{ margin: 7.5px 0; width: 100%; } .contact_list_bl_box li a{ padding: 10px; } .contact_list_bl_box li h3{ padding: 10px 0; font-size:100%; } .contact_list_link li{ width: 100%; margin-bottom: 10px; } .contact_list_link li:last-child{ margin-bottom: 0; } /* ============================================== ▼正規取引店のご案内 =============================================== */ .map_list>ul>li{ margin-bottom: 10px; text-align: left !important; } .map_list>ul>li>a{ pointer-events: none; } .map_list li a{ padding: 12.5px 3% !important; } .map_detail_bl_list{ display: none; } .map_detail_bl_list li{ margin: 0 !important; text-align: left !important; border: 1px solid #00295d; border-top: 0; } .map_detail_bl_list li a{ color: #00295d!important; } #area01 .map_detail_bl_list li a{ background-color: #E9FAFF !important; } #area02 .map_detail_bl_list li a{ background-color: #FFF3DB !important; } #area03 .map_detail_bl_list li a{ background-color: #FFD5BF !important; } #area04 .map_detail_bl_list li a{ background-color: #FFDFE1 !important; } #area05 .map_detail_bl_list li a{ background-color: #E2FBEC !important; } .map_list a{ display: block; max-width: none !important; border-radius: 0 !important; position: relative; font-weight: normal !important; } .map_list li a::after{ position: absolute; right: 3%; top: 50%; transform: translateY(-50%); font-size: 105%; font-weight: bold; } .map_list li .over{ border: 1px solid #00295d; } .map_list li .over::after{ font-family: "Material Icons"; content: "\e145"; } .map_detail_bl_list li a::after{ font-family: "Material Icons"; content: "\e5cc"; } .map_list li.area_active .over::after{ content: "\e15b"; }