@charset "utf-8"; /* =============================================== ▼レスポンシブ1024px以下用CSS =============================================== */ .pc-block{ opacity: 0 !important; display: none !important; } body{ min-width: auto; } body.fixed{ width: 100%; position: fixed; top: 0; left: 0; } #wrapper{ padding-top: 60px; } .frame{ padding-right: 3%; padding-left: 3%; } #masterHeader{ height: 60px; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 9999; } #headerTop{ padding: 16px 0; } #headerTop div.flex-disp.align-justify.frame{ -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #headerSwitchWrap{ width: 66px; height: 24px; } #headerSwitchWrap ul li{ font-size: 0; } #headerSwitchWrap .material-icons{ font-size: 24px; color: #fff; cursor: pointer; } #headerLeft{ width: calc(100% - 132px); height: 28px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #headerLeft #logo{ padding-top: 0; } #headerLeft #logo a{ display: block; } #headerLeft #logo a img{ width: 82px; height: 28px; } #headerRight{ width: 66px; height: 24px; } .li_cart{ width: 24px; font-size: 0; } .li_cart a{ background: transparent; padding: 0; } .li_cart a span.material-icons{ font-size: 24px; color: #fff; cursor: pointer; } .li_cart a span.cartNum{ top: -4px; left: auto; right: -4px; width: 16px; height: 16px; line-height: 16px !important; } #headerRefineBtn{ width: 24px; font-size: 0; margin-left: 18px; } #headerRefineBtn span.material-icons{ font-size: 24px; color: #fff; cursor: pointer; } .hrlBottom{ -webkit-box-pack:end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } #hanb__menu{ position: fixed; top: 0; left: 0; z-index: 10002; width: 85%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background: #00295d; transition: 0.3s; transform: translateX(-185%); } #hanb__menu.active{ transform: translateX(0); } .blackfilter{ background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: 10001; display: none; } .blackfilter.active{ display: block; } #hanb__closer{ position: absolute; top: 19px; left: calc(100% + 9px); width: 24px; height: 24px; cursor: pointer; opacity: 0; } #hanb__menu.active #hanb__closer{ opacity: 1; } #hanb__closer .material-icons{ font-size: 24px; color: #fff; } #spMenu{ height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: auto; } .spMenuList{ width: 100%; padding: 0; } .spMenuList li{ width: 100%; } .spMenuList li a{ display: block; color: #fff; width: 100%; padding: 15px 6%; position: relative; } .spMenuList li a:after{ font-family: "Material Icons"; content: "\e5cc"; font-weight: normal; font-style: normal; font-size: 150%; color: #fff; letter-spacing: normal; line-height: 1; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; position: absolute; top: 50%; right: 3%; margin-top: -10.5px; max-width: 21px; max-height: 21px; } .spSnsList{ width: 100%; padding: 15px 3%; border-top: 1px solid #fff; } .spSnsList li{ width: 44px; height: 44px; margin-right: 22px; } .spSnsList li:last-of-type{ margin-right: 0; } .spSnsList li a{ display: block; } .spSnsList li a img{ width: 100%; } #masterFooter{ padding: 0 0 35px 0; } #footerNav{ padding-right: 0; padding-left: 0; padding-bottom: 35px; } #footerNav section.cateSection, #footerNav section.aboutSection, #footerNav section.guideSection, #footerNav section.contactSection{ width: 100%; border-bottom: 1px solid #fff; } #footerNav section.snsSection{ width: 100%; } #footerNav section.cateSection h4, #footerNav section.aboutSection h4, #footerNav section.guideSection h4, #footerNav section.contactSection h4{ font-weight: normal; padding: 20px 3%; cursor: pointer; position: relative; } #footerNav section.snsSection h4{ letter-spacing: inherit; text-align: center; padding: 20px 3%; font-weight: normal; } #footerNav section.cateSection h4:after, #footerNav section.aboutSection h4:after, #footerNav section.guideSection h4:after, #footerNav section.contactSection h4:after{ font-family: "Material Icons"; content: "\e5cf"; font-weight: normal; font-style: normal; font-size: 24px; letter-spacing: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; position: absolute; top: 50%; right: 3%; color: #fff; margin-top: -12px; line-height: 1; } #footerNav section.cateSection h4.active::after, #footerNav section.aboutSection h4.active::after, #footerNav section.guideSection h4.active::after, #footerNav section.contactSection h4.active::after{ content: "\e5ce"; } #footerNav section.cateSection ul, #footerNav section.aboutSection ul, #footerNav section.guideSection ul, #footerNav section.contactSection ul{ background: rgba(0,139,213,0.7); } #footerNav section.snsSection ul{ padding: 0 3%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #footerNav section.cateSection ul li, #footerNav section.aboutSection ul li, #footerNav section.guideSection ul li, #footerNav section.contactSection ul li{ padding: 0; border-bottom: 1px solid #fff; position: relative; } #footerNav section.cateSection ul li:last-of-type, #footerNav section.aboutSection ul li:last-of-type, #footerNav section.guideSection ul li:last-of-type, #footerNav section.contactSection ul li:last-of-type{ border-bottom: none; } #footerNav section.cateSection ul li:before, #footerNav section.aboutSection ul li:before, #footerNav section.guideSection ul li:before, #footerNav section.contactSection ul li:before{ font-family: "Material Icons"; content: "\e15b"; font-weight: normal; font-style: normal; font-size: 12px; vertical-align: middle; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; position: absolute; top: 50%; left: 3%; margin-top: -6px; margin-right: 0; line-height: 1; } #footerNav section.cateSection ul li:after, #footerNav section.aboutSection ul li:after, #footerNav section.guideSection ul li:after, #footerNav section.contactSection ul li:after{ font-family: "Material Icons"; content: "\e5cc"; font-weight: normal; font-style: normal; font-size: 24px; letter-spacing: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; position: absolute; top: 50%; right: 3%; color: #fff; margin-top: -12px; line-height: 1; } #footerNav section.cateSection ul li a, #footerNav section.aboutSection ul li a, #footerNav section.guideSection ul li a, #footerNav section.contactSection ul li a{ display: block; width: 100%; padding: 15px 6% 15px calc(6% + 0.5em) !important; } #footMenu .footlogo{ padding-bottom: 20px; } .top_slider_block .frame{ padding-right: 0; padding-left: 0; } .topSlide .slick-prev, .topSlide .slick-next{ width: 25px; height: 25px; } .topSlide .slick-prev{ left: 3%; background-size: 25px 25px; } .topSlide .slick-next{ right: 3%; background-size: 25px 25px; } .top_bnr_block{ padding: 60px 0 30px 0; } .topBnr li{ width: 100%; max-width: 100%; margin-bottom: 15px; } .topBnr li p{ font-size: 130%; } .topBnr li.last_big_bnr{ margin-top: 0; margin-bottom: 0; } .recommend_block{ padding: 30px 0; } .border_titile.border_titile02{ margin-bottom: 15px; } .border_titile.border_titile03{ margin-bottom: 10px; } .border_titile:before, .border_titile.border_titile03:before, .border_titile.border_titile06:before, .LC_Page_Products_List .recommend_block .border_titile:before, .LC_Page_Products_Detail .recommend_block .border_titile:before{ width: 20vw; } .border_titile:after, .border_titile.border_titile03:after, .border_titile.border_titile06:after, .LC_Page_Products_List .recommend_block .border_titile:after, .LC_Page_Products_Detail .recommend_block .border_titile:after{ width: 20vw; } .border_titile.border_titile04{ margin-bottom: 12.5px; } .border_titile.border_titile05{ margin-bottom: 17.5px; } .border_titile.border_titile05:before{ width: 7.5vw; } .border_titile.border_titile05:after{ width: 7.5vw; } .LC_Page_Products_List .recommend_block .border_titile, .LC_Page_Products_Detail .recommend_block .border_titile, .border_titile.border_titile06{ margin-bottom: 20px; } .recommendSlide li.slick-slide, .rankingSlide li.slick-slide, .recommend_block .productsList li.slick-slide, .related_block .productsList li.slick-slide{ /*width: auto !important;*/ height: auto !important; margin: 0 1px !important; } .products_img a img{ max-width: 750px; margin-right: auto; margin-left: auto; } .products_logo{ margin-bottom: 10px; } .products_logo img{ /* width: auto; height: 16px; */ } .recommendSlide .slick-dots, .rankingSlide .slick-dots, .recommend_block ul.productsList .slick-dots, .related_block ul.productsList .slick-dots{ max-width: 100%; margin-top: 17.5px; } .recommendSlide .slick-prev, .rankingSlide .slick-prev, .recommend_block ul.productsList .slick-prev, .related_block ul.productsList .slick-prev{ left: 0; } .recommendSlide .slick-next, .rankingSlide .slick-next, .recommend_block ul.productsList .slick-next, .related_block ul.productsList .slick-next{ right: 0; } .ranking_block{ padding-bottom: 30px; } .LC_Page_Index .news_block{ width: 100%; padding-right: 0; padding-bottom: 40px; } .LC_Page_Index .twitter_block{ width: 100%; text-align: left; } .LC_Page_Index .twitter_block iframe{ display: block !important; width: 100% !important; min-width: 100% !important; } .border_titile.border_titile03 strong{ width: 200px; } .news_twitter_wrap{ padding-top: 30px; padding-bottom: 30px; } .newsBox{ padding: 20px 3%; min-height: auto } .newsList{ padding-bottom: 0; } .newsList li{ padding-bottom: 30px; } .newsList li .cate{ margin-left: 10px; } .newsList li .news_link_ttl{ margin-top: 10px; width: 100%; line-height: 1.6; } .newsList li dl dt{ font-size: 100%; } .newsList li dl dd{ width: 100%; padding-top: 10px; padding-left: 0; font-size: 100%; } .titileStyle01{ padding-top: 0; margin-bottom: 10px; } .titileStyle02{ margin-bottom: 15px; text-align: center; } .search_block{ padding: 30px 0; } .refines{ padding: 0; } .refines dt{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; cursor: pointer; height: 48px; } .refines dt.tglbtn:after, .official_shop_list dl dt.tglbtn:after{ font-family: "Material Icons"; content: "\e145"; font-weight: inherit; font-style: normal; font-size: 150%; color: #00295d; line-height: 1; letter-spacing: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; max-width: 21px; max-height: 21px; position: absolute; top: 50%; right: 0; margin-top: -10.5px; } .official_shop_list dl dt.tglbtn:after{ right: 3%; } .refines dt.tglbtn.open:after, .official_shop_list dl dt.tglbtn.open:after{ content: "\e15b"; } .refines dt figure{ width: 35px; padding-bottom: 0; } .refines dt strong{ width: calc(100% - 35px); padding: 0 21px; text-align: left; } .refines_search_form label .check_square{ top: 5px; } .refines.searchType01 dd{ width: 100%; padding-left: 0; } .refines dd{ padding-bottom: 15px; } .refines dd, .official_shop_list dl dd, #footerNav section.cateSection ul, #footerNav section.aboutSection ul, #footerNav section.guideSection ul, #footerNav section.contactSection ul{ display: none; } .label_foreach_wrap label, .variation_foreach_right label{ width: 48%; margin-top: 15px !important; margin-right: 4% !important; } .label_foreach_wrap label:nth-of-type(even), .variation_foreach_right label:nth-of-type(even){ margin-right: 0 !important; } .refines_search_form label .check_text{ font-size: 90%; } .refines.searchType02 dd.subType{ width:100%; padding-left: 0; } .refines.searchType02 dd .variation_foreach_left{ width: 100%; } .refines.searchType02 dd .variation_foreach_right{ width: 100%; } .refines.searchType02 dd.subType .variation_refine .variation_foreach_child_wrap{ padding-top: 15px; padding-bottom: 0; } .btn_area.search_and_view, .btn_area.btn_choice, .btn_area.single_choice{ padding-top: 15px; } .btn_area.search_and_view ul li, .btn_area.btn_choice ul li{ width: 48%; margin-right: 4%; max-width: 212px; } .btn_area.search_and_view ul li:last-of-type, .btn_area.btn_choice ul li:last-of-type{ margin-right: 0; } .btn_area.btn_choice ul li.addbtn{ width: 100%; margin-right: 0; max-width: 100%; } .shop_block{ padding: 30px 0; } .official_shop_list dl{ margin-bottom: 15px; } .official_shop_list dt{ width: 100%; text-align: left; padding: 0 3%; position: relative; cursor: pointer; } .official_shop_list dt img{ height: 48px; } .official_shop_list dd{ width: 100%; } .official_shop_list dd ul li{ width: 100%; text-align: left; border-bottom: 1px solid #efefef; } .official_shop_list dd ul li:last-of-type{ border-bottom: none; } .official_shop_list dd ul li a{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0 3%; color: #00295d; letter-spacing: -0.05em; position: relative; } .official_shop_list dd ul li a:after{ font-family: "Material Icons"; content: "\e5cc"; font-weight: normal; font-style: normal; font-size: 150%; color: #00295d; letter-spacing: normal; line-height: 1; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; display: block; position: absolute; top: 50%; right: 3%; margin-top: -10.5px; max-width: 21px; max-height: 21px; } .official_shop_list dd ul li span.official_shop_img_logo{ width: 120px; } .official_shop_list dd ul li a img{ height: 48px; } .official_shop_list dd ul li a span.official_shop_name{ display: block; width: calc(100% - 120px); padding: 0 21px 0 10.5px; } .transaction_map{ width: 100%; padding: 30px 3%; } .transaction_map_wrap{ max-width: 100%; margin: 0 auto; } .map_image{ margin: 0 auto 15px auto; } .map_list{ width: 100%; } .map_list ul li{ margin-bottom: 15px; } .map_list ul li a{ letter-spacing: inherit; font-size: 100%; } .transaction_shop{ width: 100%; padding: 30px 3%; } .transaction_shop_wrap{ max-width: 100%; margin: 0 auto; } .transaction_shop ul{ padding-top: 0; } .transaction_shop ul li{ text-align: center; } #main_column.colnum2{ width: 100%; } #leftcolumn{ display: none; width: 100%; height: 100%; /* height: 100vh; height: calc(var(--vh, 1vh) * 100); */ position: fixed; top: -100%; left: 0; /*visibility: hidden; transition: 0.3s;*/ z-index: 10000; overflow: auto; } #leftcolumn.open{ display: block; top: 0; /*visibility: inherit;*/ } .sp_refine_title{ background: #fff; position: relative; } .sp_refine_title h2{ font-size: 125%; color: #000; height: 60px; text-align: center; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25); line-height: 60px !important; } #refineClose{ width: 24px; height: 24px; position: absolute; top: 18px; right: 3%; cursor: pointer; font-size: 0; } #refineClose .material-icons{ font-size: 24px; color: #000; } .side_refines_form{ /* height: 100vh; height: calc(var(--vh, 1vh) * 100); */ padding-bottom: 0; overflow: auto; } #masterMain{ padding-top: 25px; padding-bottom: 37.5px; } .LC_Page_Index #masterMain{ padding-top: 0; padding-bottom: 0; } #container{ display: block; } #undercolumn.adjustment_bottom{ padding-bottom: 27.5px; } .productsList.main_productsList li{ width: 48%; margin-top: 4%; margin-right: 4%; } .productsList.main_productsList li:nth-of-type(even){ margin-right: 0; } .productsList.main_productsList li:nth-of-type(1), .productsList.main_productsList li:nth-of-type(2){ margin-top: 25px; } .LC_Page_Products_List .recommend_block{ margin-top: 30px; } .pagenumber_area{ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 30px; } .pagenumber_area a.preview{ margin-right: 0; } .pagenumber_area a.next{ margin-left: 6px; } .tab li{ width: calc(100% / 2); } .detail_switching_wrap{ padding: 17.5px 3% 35px 3%; } .detail_products_left{ width: 100%; } .detail_products_right{ width: 100%; } #photoSlider .img-li img{ margin-right: auto; margin-left: auto; } .d_products_logo{ padding: 27.5px 0; } .d_products_title{ padding-bottom: 17.5px; } .d_products_price{ padding-bottom: 17.5px; } .cart_area{ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .quantity{ width: 100%; margin-bottom: 20px; } .quantity input{ height: 32px; line-height: 32px !important; padding: 0 5px; font-size: 16px; } .cartin{ width: 100%; } .cartin a{ height: 45px; line-height: 45px !important; } .d_webshop_link{ text-align: center; } .d_guide_link{ text-align: center; } .d_pdf_download .LightGrayStyle{ letter-spacing: inherit; max-width: 260px; margin: 0 auto; } .variable_spec_block{ margin-top: 35px; } .variable_spec_wrap.variable_spec_top{ margin-bottom: 0; } .variable_spec_wrap .variable_spec_dl{ width: 100%; height: auto; padding: 10px 0; border-top: none !important; border-right: none !important; border-bottom: 1px solid #bdbdbd; border-left: none !important; } .variable_spec_wrap .variable_spec_dl dd{ padding-right: 10px; padding-left: 10px; } .variable_characteristic_block{ margin-top: 35px; } .ec-progress{ margin: 0 auto 30px auto; } .ec-progress .ec-progress__label{ font-size: 10px; letter-spacing: -0.15em; } div#undercolumn .empty{ padding: 15px 0 22.5px 0; } div#complete_area{ margin: 0 auto 15px auto; padding: 45px 3%; } /* ============================================== ▼WP連携ニュースページ =============================================== */ #newsWrap{ width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .leftContents{ width: 100%; padding-top: 30px; } .leftContents .leftCover{ padding-right: 3%; padding-left: 3%; } .mainContents{ width: 100%; } .news_list{ background: #fff; padding-right: 3%; padding-left: 3%; } .news_list li dl dt{ width: calc(100% - 88px); padding-right: 10px; } .news_list li dl dd{ width: 88px; } .newsPhoto .newsOuter{ width: 86px; height: 52px; } .newsPhoto .newsOuter .newsInner img{ width: auto; height: auto; max-width: 86px; max-height: 52px; } .postTitle{ font-size: 110%; } .postDetail{ padding-top: 12.5px; font-size: 90%; } .postWrap{ padding-right: 3%; padding-left: 3%; } #address_area{ padding-right: 3%; padding-left: 3%; } .topSlide .slick-list .slick-track .slick-slide{ -webkit-filter: brightness(100%) !important; -moz-filter: brightness(100%) !important; -o-filter: brightness(100%) !important; -ms-filter: brightness(100%) !important; filter: brightness(100%) !important; } .WhiteBoxWrap{ padding: 20px 3%; } div#undercolumn_login form#login_mypage, div#undercolumn_login form#member_form{ width: 100%; max-width: 580px; } div#undercolumn_login .login_area{ margin-bottom: 30px; } div#undercolumn_login .login_area.un_login_area .btn_choice{ padding-top: 0 !important; } div#mynavi_area .mynavi_list li{ margin-top: 4%; width: 48%; } div#mynavi_area .mynavi_list li:nth-of-type(1), div#mynavi_area .mynavi_list li:nth-of-type(2){ margin-top: 0; } div#mynavi_area .mynavi_list li:nth-of-type(even){ margin-right: 0; } div#mynavi_area .mynavi_list{ margin-bottom: 20px; } .btn_multi_choice.btn_multi_choice_plus{ padding-top: 15px; } .spChoiceList{ width: 100%; padding: 15px 3%; border-bottom: 1px solid #fff; } .spChoiceList li{ width: 48%; max-width: 166px; } .spChoiceList li.sp_entry, .spChoiceList li.sp_mypage{ margin-right: 4%; } .spChoiceList li.sp_entry a, .spChoiceList li.sp_mypage a{ width: 100%; color: #fff; padding: 7px 0; } .spChoiceList li.sp_login a, .spChoiceList li.sp_logout a{ width: 100%; color: #fff; padding: 7px 0; } .spChoiceList li.sp_entry a{ background: #fb8b21; } .spChoiceList li.sp_login a{ background: #028a85; } .spChoiceList li.sp_mypage a{ background: #fec867; } .spChoiceList li.sp_logout a{ background: #aaa; } .spChoiceList li span img{ width: 24px; margin-right: 5px; } .spChoiceList li strong{ font-size: 12px; font-weight: normal; color: #fff; } div#mycontents_area div.mycondition_area{ margin: 0 auto 15px 0; padding: 3%; } .mypage_history_wrap table{ margin-bottom: 15px !important; } #re_order_form{ margin-bottom: 15px; } .order_dl_wrap dl dt.st{ width: 50%; } .order_dl_wrap dl dd{ width: 50%; } .circleStyle01{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #00295d; text-align: center; line-height: 20px; color: #fff; font-size: 12px; letter-spacing: -0.05em; } .btn_area.btn_choice ul li a, .btn_area.btn_choice ul li input, .btn_area.btn_choice ul li button, .btn_area.search_and_view ul li a, .btn_area.search_and_view ul li input, .btn_area.search_and_view ul li button{ letter-spacing: -0.05em; } .btn_area.btn_choice ul li a:after, .btn_area.btn_choice ul li input:after, .btn_area.btn_choice ul li button:after, .btn_area.search_and_view ul li a:after, .btn_area.search_and_view ul li input:after, .btn_area.search_and_view ul li button:after{ right: 5px; } .btn_area .LightGrayStyle:after{ right: auto; left: 5px; } .btn_area.btn_choice .LightGrayStyle:after{ right: auto; left: 5px; } .LC_Page_Shopping .btn_area.btn_choice .LightGrayStyle:after, .LC_Page_AbstractMypage .btn_area.btn_choice #refusal.LightGrayStyle:after{ left: auto; right: 5px; } .LC_Page_AbstractMypage .btn_area.reverse_choice .LightOrangeStyle:after{ left: 5px; } .LC_Page_AbstractMypage .btn_area.reverse_choice .LightGrayStyle:after{ right: 5px; margin-top: -7px; } /* ============================================== ▼シリーズ詳細CSS =============================================== */ #dummy01, #dummy02, #dummy03{ position: relative; } .series_section{ min-height: auto; } .series_section{ padding-top: 11%; background: none !important; position: absolute; top: 0; left: 0; min-height: auto; width: 100%; } .series_sub_inner{ max-width: 832px; padding: 0 10px; } .series_flex_pc{ margin-bottom: -30px; } .series_flex_sp{ width: calc( 100% - 15px); margin-bottom: 30px; } .series_normal{ font-size: 5.6vmin; margin-top: 0; margin-bottom: 0; letter-spacing: normal; } .series_lead{ margin-top: 11.3%; font-size: 4vmin; letter-spacing: normal; } .series_toggle_section{ padding: 40px 0; } .series_toggle_section dl dt, .series_toggle_section dl dd{ width: 100%; margin-left: 0; margin-right: 0; } .series_toggle_section dl dt h3, .series_toggle_section dl dd h3{ font-size: 18px; } .series_toggle_section dl dt p, .series_toggle_section dl dd p{ font-size: 100%; margin-bottom: 30px; } .series_toggle_section.typeR dl{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* ============================================== ▼お問い合わせ =============================================== */ div#undercolumn_contact{ padding: 20px 3%; } .required_left{ font-size: 100%; } .required_mark{ width: 46px; } /* ============================================== ▼微調整等々 =============================================== */ .icons_wrap ol li{ width: 114px !important; height: 114px !important; } .main_productsList .products_logo img{ height: auto; max-height: 13px; } .LC_Page_Index .recommend_block .products_logo, .LC_Page_Index .ranking_block .products_logo{ max-width: 290px; } .picture_cover{ background: #fff; text-align: center; padding-right: 10px; padding-left: 10px; } .picture_cover picture img{ width: auto; } .sp_map{ text-align: center; } .sp_map img{ width: 142px; } .fullselectbox{ width: 100%; } .subTable{ margin-top: 15px !important; } .refineBattery .label_foreach_wrap label:nth-of-type(3){ margin-right: 0 !important; } .LC_Page_Index .refineBattery .label_foreach_wrap label:nth-of-type(3){ margin-right: 4% !important; } .refines_search_form label .check_text{ padding-left: 25px; } body .refineLineup .variation_foreach_right .pro{ margin-right: 4% !important; } body .refineLineup .variation_foreach_right .hybrid{ margin-right: 0 !important; } @media only screen and (max-width: 359px){ .postTime span.variableStyle{ font-size: 70%; width: 90px; letter-spacing: -0.05em; } }