@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_step_name {
    padding: 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: 25%;
}

.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: 50%;
    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";
}


/* ==============================================
▼デコハート
=============================================== */

.howToDeCo {
    background: #fff;
    padding: 2vw;
}

.howToDeCo h3.stepDeco {
    margin: 0 0 3vw 0;
}

.howToDeCo .stepDecoDl {
    display: block !important;
    padding: 8vw 0 4vw 0 !important;
}

.howToDeCo .stepDecoDl dt {
    width: 100% !important;
    padding-bottom: 1rem;
}

.howToDeCo .stepDecoDl dd {
    width: 100% !important;
}

.howToDeCo p.textBlack {
    padding-top: 3vw !important;
    font-size: 4vw;
}

.stepDecoDl dd p.textBlack {
    padding-top: 2vw !important;
}

.stepDecoDetail:not(:first-child) {
    padding-top: 2vw;
}

.stepDecoDl .stepDecoDl {
    padding-top: 1.5vw !important;
}

.howToDeCo .stepDecoDetail .textBlack {
    padding: 0.3vw 0.8vw 3vw 0.8vw;
}

.stepDeCoThree .stepDecoItem {
    padding: 2vw 0 4vw 0;
}

.howToDeCo .stepDeCoTwo .lastStep {
    padding-bottom: 3vw;
}

.stepDeCoThree .stepDecoItem.lastStep {
    padding: 2vw 0;
}


/* ==============================================
▼オペレーション
=============================================== */

#operation {
    padding: 2vw;
}

#operation h2.title_style-a {
    font-size: 6.8vw;
    padding-top: 1vw;
}

#operation img {
    width: 100%;
}

#operation .innerBox {
    width: 100%;
}

#operation .way_content {
    padding-top: 3vw;
}

#operation .table_color li {
    width: 49%;
}

#operation .feature-cont-wrap {
    padding: 0;
}

#operation .list_method li {
    width: 100%;
    margin-bottom: 3vw;
}

#operation .list_method span.material-icons {
    font-size: 4vw;
}

#operation .list_method li .material-icons {
    position: absolute;
    right: 2vw;
    top: 1rem;
    color: #fff;
}

#operation .blue_bg {
    width: 100%;
}

#operation .operation_way_des .way_box_content .way_box_content_dt {
    width: 100%;
}

#operation .operation_way_des .way_box_content .way_box_content_dd {
    width: 100%;
}

#operation .operation_way_des .high_mode dt,
#operation .operation_way_des .high_mode dd {
    width: 100%;
    text-align: center;
}

#operation .table_color li:last-child {
    transform: translateX(-12%);
}

#memory dd {
    padding: 1rem 0;
}


/*-----------operation----------*/

.operation_content .list_method li {
    font-size: 3vw;
}

#operation .list_method li .fa-arrow-down {
    right: 1vw;
}

#operation .operation_way_des .way_title {
    font-size: 3.4vw;
}

#operation .text_size20 {
    font-size: 5vw;
}

#operation .way_title_sub {
    font-size: 3vw;
    padding: 1.2vw 1vw !important;
}

#operation .table_title_list {
    width: 100%;
    font-size: 3.4vw;
}

.note_blue_text_under {
    font-size: 4vw;
}

#operation .color_setup_box {
    margin-bottom: 1.5vw;
}

#operation .way_box_content {
    padding-top: 2vw;
}

.color_setup_box .color_setup,
.color_setup_note {
    font-size: 2vw;
}

#operation .padtop_rem {
    padding-top: 4vw;
}

#operation .color_setup_note {
    font-size: 3.5vw;
}

#operation .sol_text_blue {
    font-size: 3vw;
}

#operation .set_color_dl .text-bole {
    font-size: 3vw;
}

#operation .pad_10 {
    padding: 1.2vw;
}

#raion_off,
#color_change,
#eco_mode,
#wall,
#memory,
#register_memory,
#register_memory_all {
    padding-top: 5vw;
}

#operation .operation_way_des .way_box_content .way_box_content_dt {
    padding-bottom: 3vw;
}

#operation .list_method li a {
    padding: 3vw;
}

#operation .operation_way_des .way_title {
    padding: 2vw;
}

#operation .operation_way_des .way_title_sub {
    font-size: 2.6vw;
}

#operation .way_title02 {
    padding: 1.4vw;
    font-size: 4vw;
}

#operation .table_title_list {
    width: 100%;
    margin-bottom: 3vw;
}

#operation .table_color ul {
    padding: 0.7rem 0 0.7rem 1rem;
}

#operation .table_color li::after {
    right: 3vw;
}

#operation .table_color li:last-child {
    transform: translateX(0);
    width: 100%;
}

#operation .table_color li:last-child:before {
    width: 4vw;
    background-size: 3vw 3vw;
    height: 3vw;
    transform: translateY(1vw);
}

#operation .note_text_boder {
    margin: 0 2.2vw;
}

#operation .note_blue_text_under {
    font-size: 3vw;
}

@media screen and (max-width: 480px) {
    #operation .table_color li {
        width: 100%;
    }
    #operation .note_blue_text_under {
        font-size: 4vw;
    }
}