@charset "utf-8"; /* =============================================== ▼Media Queries =============================================== */ @media screen and (min-width:1921px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1921px以上時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: calc(25vw - -6px); } .topSlide .slick-next{ right: calc(25vw - -6px); } /* ▲PCサイズ時適用設定(画面サイズ1921px以上時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (min-width:1025px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1025px以上時のみ適用/開始)▼ */ .sp-block{ opacity: 0 !important; display: none !important; } .refines dd, .official_shop_list dl dd, #footerNav section.cateSection ul, #footerNav section.aboutSection ul, #footerNav section.guideSection ul, #footerNav section.contactSection ul{ display: block !important; } .quantity input:-moz-placeholder{ opacity: 0 !important; display: none !important; } .quantity input::-moz-placeholder{ opacity: 0 !important; display: none !important; } .quantity input:-ms-input-placeholder{ opacity: 0 !important; display: none !important; } .quantity input::-ms-input-placeholder{ opacity: 0 !important; display: none !important; } .quantity input::-webkit-input-placeholder{ opacity: 0 !important; display: none !important; } .quantity input::placeholder{ opacity: 0 !important; display: none !important; } .variable_spec_wrap .variable_spec_dl dd{ font-size: 12px; letter-spacing: normal; } .products_title{ height: 40px; } .productsList.main_productsList .products_title{ height: auto; } /* ▲PCサイズ時適用設定(画面サイズ1025px以上時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1680px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1680px以下時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: calc(12vw - -13px); } .topSlide .slick-next{ right: calc(12vw - -13px); } /* ▲PCサイズ時適用設定(画面サイズ1680px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1440px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1440px以下時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: calc(6vw - -9px); } .topSlide .slick-next{ right: calc(6vw - -9px); } /* ▲PCサイズ時適用設定(画面サイズ1440px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1366px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1366px以下時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: calc(4vw - -3px); } .topSlide .slick-next{ right: calc(4vw - -3px); } /* ▲PCサイズ時適用設定(画面サイズ1366px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1280px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1280px以下時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: calc(1vw - -2px); } .topSlide .slick-next{ right: calc(1vw - -2px); } /* ▲PCサイズ時適用設定(画面サイズ1280px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1279px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1279px以下時のみ適用/開始)▼ */ .topSlide .slick-prev{ left: 3%; } .topSlide .slick-next{ right: 3%; } .transaction_shop ul{ -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .transaction_shop ul li{ width: 32%; margin-right: 0; } .transaction_shop ul li:nth-of-type(3n){ margin-right: 0; } .map_list ul li a{ /*letter-spacing: -0.1em;*/ font-size: 75%; } .topBnr{ -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .topBnr li{ width: 32%; margin-right: 0; } .topBnr li:nth-of-type(3){ margin-right: 0; } .topBnr li.last_big_bnr{ width: 100%; } .border_titile:before{ width: 400px; } .border_titile:after{ width: 400px; } .border_titile.border_titile05:before{ width: 350px; } .border_titile.border_titile05:after{ width: 350px; } #headerRight{ width: 630px; } .li_call{ font-size: 75%; } .news_twitter_wrap{ -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .LC_Page_Index .news_block{ width: 655px; } .LC_Page_Index .twitter_block{ width: calc(100% - 655px); text-align: center; } .border_titile.border_titile03:before{ width: 240px; } .border_titile.border_titile03:after{ width: 240px; } .newsList li dl dd{ line-height: 1.3; } .productsList.main_productsList li{ width: 23.5%; margin-right: 2%; } .main_productsList .products_logo img{ height: auto; } .productsList.main_productsList li:nth-of-type(4n){ margin-right: 0; } .productsList.main_productsList li .products_price dt{ width: 100%; letter-spacing: inherit; margin-bottom: 10px; } .productsList.main_productsList li .products_price dd{ width: 100%; letter-spacing: inherit; text-align: right; } .LC_Page_Products_List .recommend_block .border_titile:before, .LC_Page_Products_Detail .recommend_block .border_titile:before, .border_titile.border_titile06:before{ width: 270px; } .LC_Page_Products_List .recommend_block .border_titile:after, .LC_Page_Products_Detail .recommend_block .border_titile:after, .border_titile.border_titile06:after{ width: 270px; } .detail_products_left{ width: 48%; } .detail_products_right{ width: 48%; } #thumSlider li{ width: 32%; margin-right: 2%; margin-top: 2%; } #thumSlider li:nth-of-type(3n){ margin-right: 0; } .quantity{ width: 36%; } .quantity input{ padding-right: 10px; padding-left: 10px; } .cartin{ width: 60%; } .li_entry, .li_mypage, .li_login, .li_logout, .li_cart{ width: 156px; } .required_left{ font-size: 10px; } .required_mark{ width: 36px; } /* ▲PCサイズ時適用設定(画面サイズ1279px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:1199px){ /* =============================================== */ /* ▼PCサイズ時適用設定(画面サイズ1199px以下時のみ適用/開始)▼ */ .refines_search_form label{ /* width: 169px; margin-right: 13px; */ } .refines_search_form dl dd label:nth-of-type(5n){ /*margin-right: 13px;*/ } .refines_search_form dl dd label:nth-of-type(4n){ margin-right: 0; } .refines_search_form dl dd label:nth-of-type(5){ margin-top: 10px; } .refines_search_form.side_refines_form dl dd label:nth-of-type(5){ margin-top: 20px; } .refines_search_form .refineColor dd label:nth-of-type(5n){ margin-right: 5px; } .refines_search_form .refineColor dd label:nth-of-type(5){ margin-top: 10px; } /* ▲PCサイズ時適用設定(画面サイズ1199px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (min-width:751px) and (max-width:1024px){ /* =============================================== */ /* ▼SPサイズ時調整設定(画面サイズ751px以上~1024以下時のみ適用/開始)▼ */ .top_slider_block .frame{ padding-right: 0; padding-left: 0; max-width: 750px; } /* ▲SPサイズ時調整設定(画面サイズ751px以上~1024以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:640px){ /* =============================================== */ /* ▼SPサイズ時調整設定(画面サイズ640px以下時のみ適用/開始)▼ */ body .productsList.main_productsList .icons_wrap ol li{ width: 48px !important; height: 48px !important; min-width: 48px; min-height: 48px; } /* ▲SPサイズ時調整設定(画面サイズ640px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:414px){ /* =============================================== */ /* ▼SPサイズ時調整設定(画面サイズ414px以下時のみ適用/開始)▼ */ .changeWrap{ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .box120.nameInput{ width: 100px; } #undercolumn_contact .box120.nameInput{ width: 90px; } #undercolumn_contact .box60.zipInput{ width: 50px; } .box240, .box300{ width: 100%; } .spFlex{ display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -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; } .spFlex div.attention{ width: 100%; } .telLeft, .telCenter, .telRight{ width: 30%; } .links{ width: 5%; margin: 0; text-align: center; } .ymd{ width: 10%; margin: 0; text-align: center; } .fullSelect, .fullInput{ width: 100%; } .yearSelect{ width: 30%; } .monthSelect, .daySelect{ width: 20%; } .formTable .DeepBlueStyle{ font-size: 12px; padding: 5px !important; margin-right: 0; margin-left: 5px; letter-spacing: -0.1em; } .formTable .japan_post span{ font-size: 12px; letter-spacing: -0.1em; } .products_color{ letter-spacing: -0.05em; } .products_battery{ letter-spacing: -0.05em; } .products_color span{ width: 10px; height: 10px; background-size: 10px 10px; margin-right: 3px; } body .icons_wrap ol li{ width: 27.53623vw !important; height: 27.53623vw !important; min-width: 88px; min-height: 88px; } /* ▲SPサイズ時調整設定(画面サイズ414px以下時のみ適用/終了)▲ */ /* =============================================== */ } @media screen and (max-width:359px){ /* =============================================== */ /* ▼SPサイズ時調整設定(画面サイズ359px以下時のみ適用/開始)▼ */ div#mynavi_area .mynavi_list li{ font-size: 12px; } .LC_Page_AbstractMypage .orderTable tr.trForeach td span{ letter-spacing: normal; } .formTable .DeepBlueStyle{ font-size: 10px; margin-left: 2.5px; padding-right: 2.5px !important; padding-left: 2.5px !important; } .formTable .japan_post span{ font-size: 10px; margin-left: 2.5px; } .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.1em !important; } .products_color{ font-size: 10px; } .products_battery{ font-size: 10px; } .twitterWrap{ width: 300px !important; margin-right: auto; margin-left: auto; overflow: hidden; } #document.timeline-Widget { max-width: 100% !important; width: 100% !important; } div.timeline-Widget { max-width: 100% !important; width: 100% !important; } .timeline { max-width: 100% !important; width: 100% !important; } /* ここから下を追記 */ .SandboxRoot.env-bp-970 .timeline-Tweet-text{ font-size: 10px !important; line-height: 1.6 !important; } .SandboxRoot.env-bp-820 .timeline-Tweet-text{ font-size: 10px !important; line-height: 1.6 !important; } #footMenu ul.flex-disp li{ margin-right: 10px !important; } #footMenu ul.flex-disp li:last-of-type{ margin-right: 0 !important; } .contact_back{ letter-spacing: -0.05em; } /* ▲SPサイズ時調整設定(画面サイズ359px以下時のみ適用/終了)▲ */ /* =============================================== */ }