@charset "utf-8"; // ver1.1.0 main.archive-products-width { padding-left: 15px !important; max-width: inherit !important; flex: 0 1 82%; @media (max-width: 1199px) { flex: 0 1 100%; padding-right: 15px!important; } div.inner-prod_brand { header.prod_brand__header { div.row.no-gutters { div.col-4.c-brand-logo-leftarea { height: inherit!important; width: inherit!important; } } } } } aside.wrap-c-taxonomies-side-bar { flex: 0 1 18%; display: flex; justify-content: flex-end; padding-right: 0px !important; @media (min-width: 1200px) { padding-right: 15px!important; } @media (max-width: 1199px) { display: none!important; } section.c-taxonomies-side-bar { width: 200px !important; margin-left: 45px !important; @media (max-width: 1200px) { display: block!important; } @media (max-width: 1199px) { display: none!important; } } } /** ブランドトップ 読み部分横幅調整 **/ .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 35.2%; flex: 0 0 35.2%; max-width: 100%; } /** 商品詳細 タブレット範囲の横幅調整 **/ @media screen and (min-width: 768px) and (max-width:992px) { .single-products-width { max-width: 720px !important; padding-left: 0 !important; padding-right: 0 !important; } .product_area { max-width: 720px !important; } } .spec-subject { color: white; background: #0064b3; background-image: url('/img/dot_b14.gif'); } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before { font-family: unset; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after { border: 0; background-image: url('/img/btn_open.png'); content: '' !important; display: block; font-family: unset; font-size: inherit; marign: 0 !important; width: 60px; height: 60px; } #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a[class^='dashicons']:before { font-family: unset; } #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1:after { border: 0; background-image: url('/img/btn_open.png'); content: '' !important; display: block; font-family: unset; font-size: inherit; marign: 0 !important; width: 60px; height: 60px; } #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after { content: '' !important; background-image: url('/img/btn_close.png'); } #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after { content: '' !important; background-image: url('/img/btn_close.png'); } /** * * 以下は Adv 様 style_custom.css にて記述済みのスタイルシートです。 * オーバライドされるためここに記述する必要がありませんが style_custom.css を取り除く場合を考えて記載します。 * 2018.09.20 時点で、サイト全体にかかる = amp 側で対処すべき箇所についてのスタイルを選定しています。 * 以降このセクション以降に新規で CSS を設置してはいけません。 * * @author hyano@ampware.jp * @see https://docs.google.com/spreadsheets/d/1J3QNJFxZo6Vjogr-NuJPpExeVsOATdqDk59JVqd_NRk/edit#gid=786949274 */ body { color: #666; } .c-categories__lists__list__inner__category-link::before { content: ''; display: inline-block; width: 18px; height: 18px; background-image: url(/img/ico_w_arrow.gif); background-size: contain; margin-right: 2px; } @media (max-width: 992px) { .c-categories__lists__list__inner__category-link::before { width: 14px; height: 14px; } } @media (min-width:768px)and (max-width: 991px) { .c-categories__lists__list__inner__category-link::before { width: 14px; height: 14px; } } @media (min-width:576px)and (max-width: 767px) { .c-categories__lists__list__inner__category-link::before { width: 18px; height: 18px; } } @media (max-width:575px) { .c-categories__lists__list__inner__category-link::before { width: 14px; height: 14px; } } @media (max-width: 992px) { .c-categories__lists__list__inner__category-link { font-size: 1.1rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: .8rem !important; bottom: 8% !important; left: 4% !important; } .c-categories__lists__list__inner__category-link-foreign { font-size: .8rem !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 8%; right: 4%; } } @media (max-width:991px) { .c-categories__lists__list__inner__category-link { font-size: .8rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: .6rem !important; bottom: 8% !important; left: 4% !important; } .c-categories__lists__list__inner__category-link-foreign { font-size: .6rem !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 8%; right: 4%; } } @media (min-width:770px)and (max-width: 990px) { .c-categories__lists__list__inner__category-link { font-size: .8rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: .6rem !important; bottom: 15% !important; left: 26% !important; &:lang(en) { font-size: 0.7rem !important; right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-link-foreign { font-size: .6rem !important; bottom: 2% !important; left: 23% !important; &:lang(en) { font-size: 0.7rem !important; right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-image { max-width: 50% !important; max-height: 50% !important; } } @media (max-width: 769px) { .c-categories__lists__list__inner__category-link { font-size: .8rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: .6rem !important; bottom: 15% !important; left: 27% !important; } .c-categories__lists__list__inner__category-link-foreign { font-size: .6rem !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 2% !important; left: 25% !important; } .c-categories__lists__list__inner__category-image { max-width: 50% !important; max-height: 50% !important; } } @media (max-width: 768px) { .c-categories__lists__list__inner__category-link { font-size: .8rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: .6rem !important; bottom: 15% !important; left: 26% !important; &:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-link-foreign { font-size: .6rem !important; bottom: 2% !important; left: 24% !important; &:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-image { max-width: 50% !important; max-height: 50% !important; } } @media (max-width: 767px) { .c-categories__lists__list__inner__category-link { font-size: 1.25rem !important; } .c-categories__lists__list__inner__category-link-local { font-size: 1.1rem !important; bottom:15% !important; left: 28% !important; &:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-link-foreign { font-size: 1.1rem !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 3% !important; left: 28% !important; &:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } } .c-categories__lists__list__inner__category-image { max-width: 50% !important; max-height: 50% !important; } } @media (max-width: 575px) { .c-categories__lists__list__inner__category-link-local { bottom: 15% !important; right: 26% !important; } .c-categories__lists__list__inner__category-link-foreign { right: 26% !important; } } @media (max-width: 534px) { .c-categories__lists__list__inner__category-link-local { bottom: 15% !important; right: 23% !important; } .c-categories__lists__list__inner__category-link-foreign { right: 23% !important; } } @media (max-width: 502px) { .c-categories__lists__list__inner__category-link-local { bottom: 15% !important; left: 20% !important; } .c-categories__lists__list__inner__category-link-foreign { left: 20% !important; } .c-categories__lists__list__inner__category-image { max-width: 40% !important; max-height: 40% !important; } } @media (max-width: 457px) { .c-categories__lists__list__inner__category-link-local { left: 20% !important; } .c-categories__lists__list__inner__category-link-foreign { left: 20% !important; } } @media (max-width: 441px) { .c-categories__lists__list__inner__category-link-local { left: 18% !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 3% !important; left: 18% !important; } } @media (max-width: 434px) { .c-categories__lists__list__inner__category-link-local { right: 20% !important; } .c-categories__lists__list__inner__category-link-foreign { bottom: 3% !important; right: 20% !important; } } @media (max-width: 414px) { .c-categories__lists__list__inner__category-link-local { font-size: .9rem !important; right: 20% !important; } .c-categories__lists__list__inner__category-link-foreign { font-size: .9rem !important; margin-right: 0 !important; right: 20% !important; } } @media (max-width: 400px) { .c-categories__lists__list__inner__category-link { font-size: 1rem !important; } .c-categories__lists__list__inner__category-link-local,.c-categories__lists__list__inner__category-link-foreign { right: 20% !important; } } @media (max-width: 375px) { .c-categories__lists__list__inner__category-link { font-size: 1rem !important; } .c-categories__lists__list__inner__category-link-local,.c-categories__lists__list__inner__category-link-foreign { right: auto !important; } } @media (max-width: 368px) { .c-categories__lists__list__inner__category-link-local,.c-categories__lists__list__inner__category-link-foreign { right: auto !important; } .c-categories__lists__list__inner__category-link-local:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } .c-categories__lists__list__inner__category-link-foreign:lang(en) { right: 0 !important; left: 0 !important; margin: auto; } } div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner a.cate-name::before { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url(/img/ico_w_arrow.gif); background-size: contain; margin-right: 2px; } #mega-menu-wrap-primary.mega-menu-wrap #mega-menu-primary .textwidget.custom-html-widget .wrap-categories .wrap-category .cate-name { font-size: 15px !important; line-height: 1.2; &:lang(en) { font-size: 13px !important; } } div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.wrap-cate-logo { width: 100px; height: 100px; margin: 0 auto; } @media (max-width: 1199px) { div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.wrap-cate-logo { width: 6vw; height: 6vw; margin: 0 auto; } } @media (max-width: 992px) { div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.wrap-cate-logo { width: 4vw; height: 4vw; margin: 0 auto; } } div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category .link-bottom a { margin: 0 auto; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{ line-height: 1.2 !important; } div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.domestic,div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.foreign { font-size: 12px !important; font-weight: bold; } div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category .link-bottom a.domestic{ margin-right: 5px !important; } @media (max-width: 1199px) { div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.domestic,div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.foreign { font-size: 13px !important; } } @media (max-width: 992px) { div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.domestic,div#mega-menu-wrap-primary.mega-menu-wrap ul#mega-menu-primary .textwidget.custom-html-widget div.wrap-categories div.wrap-category div.inner div.link-bottom a.foreign { font-size: 11px !important; } } @media (max-width:600px) { .sitemap__rends .col-3,.sitemap__news .col-3,.sitemap__brand .col-3,.sitemap__production .col-3,.sitemap__top .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } @media screen and (max-width: 575px) { .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } } .prod_category__header div a{ display: inline-block; margin-right: 20px; } @media screen and (max-width: 575px) { .prod_category__header .col-3 { padding-right: 0; } } .c-wrapper { padding-bottom: 0px !important; } @media screen and (max-width: 575px) { .c-wrapper { padding-bottom: 0px !important; } } #section-news .pc-mode { width: 30% !important; margin-top: 20px; } @media (min-width: 768px) and (max-width: 991px) { #section-news .pc-mode { width: 50% !important; margin-top: 20px; } } @media (min-width: 576px) and (max-width: 767px) { #section-news .sp-mode { width: 60% !important; margin-top: 20px; } } @media screen and (max-width: 575px) { #section-news .sp-mode { width: 94% !important; margin-top: 20px; } } body.page-template-pages-top section.lists-keyword div.text-center a.btn { width: 30%; } @media (min-width: 768px) and (max-width: 991px) { body.page-template-pages-top section.lists-keyword div.text-center a.btn { width: 50%; } } @media (min-width: 576px) and (max-width: 767px) { body.page-template-pages-top section.lists-keyword div.text-center a.btn { width: 60%; } } @media screen and (max-width: 575px) { body.page-template-pages-top section.lists-keyword div.text-center a.btn { width: 100%; } } .shadow-sm { -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; box-sizing: border-box; border: 1px solid #eee; } @media (max-width:575px) { .inner-prod_brand .col-sm-3{ display: inline-block !important; width: auto !important; margin-right: 20px; } .inner-prod_brand .col-sm-4{ display: inline-block !important; width: auto !important; } .inner-prod_brand .col-sm-13 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width:767px) { .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; order: 1; } a.pl-3 { padding-left: 0 !important; order: 0; margin: 0 auto; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .single-products .row #main { margin: 0 auto; } } @media screen and (min-width: 768px) and (max-width: 992px) { .single-products .row #main { margin: 0 auto; } } @media screen and (min-width: 576px) and (max-width: 767px) { .single-products-width { max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } } span.nav-previous { margin-right: 2rem !important; } .post-navigation .justify-content-between { justify-content: center !important; } // 絶対消さないで!タブレット画面ランドスケープ表示の時の設定 @media screen and (orientation: landscape) { .l-ios .container { @media(min-width:768px) and (max-width:1199px) { max-width: 960px!important; } } } // トップ、「カテゴリから探す」の国内・国外ずれ解消 @media (max-width: 991px) { .c-categories__lists__list__inner__category-link-local { display: block; width: 100%; bottom: 13% !important; left: 0 !important; right: 0 !important; } .c-categories__lists__list__inner__category-link-foreign { display: block; width: 100%; bottom: 2%! important; left: 0 !important; right: 0 !important; } }