/* フォント */ @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); /* グローバル要素 */ body { background-color: #fAfAfA; line-height: 1.8; } .container-fluid { width: 100%; max-width: 100%;} #contents { max-width: 1500px; margin-left: auto; margin-right: auto; height: auto !important; min-height: auto !important;} /* ヘッダー要素 */ #header { padding-top: 0px; background-color: #fAfAfA;} #header .top_colum { background-color: #FFF;} #header #category { padding-top: 0px;} #header #category .category-nav { border-top: none; border-bottom: 1px solid #FAFAFA; position: relative; top: -5px;} #header #member { margin-top: 45px;} #header .full { background-color: #f18d01; height: 10px;} #header .full .callcenter { font-family: 'Noto Sans JP', sans-serif; letter-spacing: 3px; line-height: 56px; color: #FFF; font-weight: bold; font-size: 18px;} #header #cart_area { margin-top: 20px; background-color: #FFF;} #header #cart_area .cart_price { color: #333;} #header #cart_area .inner { min-width: 460px !important;} #header #cart_area .inner .item_box .item_name { line-height: 28px;} #header #cart_area .inner .item_box .item_pattern { line-height: 24px; font-weight: normal;} #header #cart_area .inner .item_box .item_price { line-height: 24px; font-weight: normal;} #header #cart_area .inner .item_box .item_quantity { line-height: 24px; font-weight: normal;} #header .top_colum { padding-top: 20px; max-width: 1500px;} #header .top_colum h1 { max-width: 295px;} #header .search_inner { width: 100%; background-color: #f18d01; padding-top: 5px; padding-bottom: 5px;} #header .search_inner #category_id { display: none; float: none;} #header .search_inner .input_search { width: 70%; display: block; margin-left: auto; margin-right: auto; float: none; border-bottom: none;} #header .search_inner .input_search #name { background-color: #FFF; height: 40px; margin-top: 5px; padding-left: 5px; text-align: center;} .item_box .item_detail { color: #525263;} .bt_search .cb-search { fill: #FFF;} h2.title { background-color: #f8f8f8; padding: 16px;} .fullbottom { width: 100%;} .footer_logo_area { margin-top: 40px;} .row.banner { border-top: 1px solid #F6F6F6; margin-top: 0px; padding-top: 20px;} @media (min-width: 767px) { #header .search_inner .input_search { margin-left: 0; margin-right: 0; } #header .search_inner { display: flex; align-items: center; justify-content: center;} #header .category-button{ position: relative; height: 40px; line-height: 40px; color: #ffffff; border: 1px #fff solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 1.4em 0 48px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; z-index: 100;} #header .category-button:hover{ cursor: pointer;} #header .category-button:after, #header .category-button span:before, #header .category-button span:after{ content: ""; display: block; position: absolute; width: 20px; height: 3px; background-color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;} #header .category-button span:before{ transform-origin: left top;} #header .category-button span:after{ transform-origin: left bottom;} #header .category-button:after{ top: 50%; left: 15px; margin-top: -1px;} #header .category-button span:before{ top: 50%; left: 15px; margin-top: -7px;} #header .category-button span:after{ top: 50%; left: 15px; margin-top: 5px;} #header #category_block { position: absolute; background: #fff; border: 1px solid #dadada; border-radius: 3px; box-shadow: 2px 2px 11px -2px rgba(0,0,0,0.4); left: 9%; top: 190px; z-index: 99; transition: .3s; opacity: 0; visibility: hidden;} #header #category_block.active { visibility: visible; opacity: 1; } #header #category_block .mega-menu { margin-bottom: 0; border: none!important; } #header #category_block .mega-menu > ul { width: 255px!important; } #header #category_block .mega-menu > ul > li { display: block!important; } #header #category_block .mega-menu > ul > li > a { display: flex!important; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; text-align: left!important;} #header #category_block .mega-menu > ul > li > a:after { content: ""; border-top: 2px solid #686868; border-right: 2px solid #686868; width: 7px; height: 7px; transform: rotate(45deg); display: inline-block; margin-left: 5px; position: relative;} #header #category_block .mega-menu > ul > li > ul { left: 100%!important; top: 0; width: 600px!important; } #header #category_block .mega-menu > ul > li > ul > li { width: 100%!important; display: block!important; float: none!important; } #header #category_block .mega-menu > ul > li > ul > li a { width: 100%!important; padding: .5em 1em 1em!important;} } @media (max-width: 991px) { #header .top_colum h1 img { height: 40px!important; } } /* 一覧 */ #page_product_list #topicpath { padding-top: 0px;} #page_product_list #contents { padding-top: 0px;} #page_product_detail .row.banner { margin-top: 20px;} /* 詳細 */ .item_free_text img { max-width: 100%;} .product-detail_text { margin-bottom: ; } .product-detail_text label { background: #f8f8f8; display: block; padding: 10px 15px; margin-bottom: 15px; } #other-banner { background: #f8f8f8; padding: 1em; margin-bottom: 20px;} #other-banner li { display: inline-block; margin-right: 5px;} #other-banner li:last-child { margin-right: 0; } .sm.caution { font-size: 1.2rem; color: #525263; font-weight: normal; display: block; padding-bottom: 5px;} #page_product_detail { overflow-x: hidden;} #page_product_detail .accordion { padding-left: 8px; padding-right: 8px;} #item_detail_area .item_detail .sale_price { padding-bottom: 25px;} #item_detail_area .review_wrap { max-width: 470px; margin-bottom: 30px;} #item_detail_area .item_detail .item_comment { line-height: 1.7; } #page_product_detail #product_review_area dl dt { font-size: 1.6rem; line-height: 2.1rem;} #page_product_detail #product_review_area dl dt svg { display: none;} #page_product_detail #product_review_area dl dd { display: block!important; height: auto!important;} #page_product_detail #product_review_area dl dd ul { padding-top: 30px;} #page_product_detail #product_review_area dl dd li { padding-bottom: 30px;} #page_product_detail .review_date { font-size: 1.4rem; font-weight: normal!important;} #page_product_detail .review_date + strong { font-size: 1.3rem; line-height: 1.9rem; padding-top: 5px; padding-bottom: 5px; display: block;} #page_product_detail #product_review_area strong + p { font-size: 1.3rem; line-height: 1.9rem; letter-spacing: .05em;} @media (max-width: 767px) { #other-banner .mgb20 { margin-bottom: 8px; } #page_product_detail .relative_cat li { font-size: 11px; } #page_product_detail .cart_area .quantity { margin-bottom: 14px; } #item_detail_area .item_detail .sale_price { font-size: 24px; } #detail_cart_box__button_area .row { padding-bottom: 10px; } } /* ログインボックス */ #login_box .column { height: auto;} #header .category-nav li a { font-size: 14px; padding-left: 10px; padding-right: 10px;} /* レスポンシブの設定 */ @media screen and (max-width: 1540px) { #header .category-nav li a { font-size: 14px; padding-left: 10px; padding-right: 10px;} } @media screen and (max-width: 1140px) { #header .category-nav li a { font-size: 12px; padding-left: 10px; padding-right: 10px;} } @media screen and (max-width: 768px) { /*.item_photo img { max-width: 218px;}*/ #page_product_detail #detail_description_box__sale_price .caution { font-size: 1rem;} } /* slick */ .slick-track { height: auto !important;} .slick-track .slick-slide { height: auto !important;} /* swiper */ .swiper-container { width: 100%; max-height: 300px; margin-left: auto; margin-right: auto;} .swiper-wrapper { width: 100%; max-height: 300px; margin-left: auto; margin-right: auto;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} /* ボタンフック */ .badge { background-color: #f18d01;} .btn-primary { background-color: #f18d01; border-color: #f18d01;} /* 特殊効果 */ body { animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal;} @keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} } /* sumida */ h3#detail_description_box__name { margin-top: 20px;} #plg_alterclass.alter-mode-1 th { background-color: #fff !important; width: 70% !important;} #plg_alterclass.alter-mode-1 { width: 100% !important;} #plg_alterclass__body tr:last-child th { color: #DE5D50; font-size: 2.8rem;} #plg_alterclass__body tr:first-child th { color: #525263; font-size: 2.8rem;} #plg_alterclass { border-radius: 5px;} @media screen and (max-width: 480px) { #plg_alterclass__body tr:last-child th { color: #DE5D50; font-size: 1.8rem;} #plg_alterclass__body tr:first-child th { color: #525263; font-size: 1.8rem;} } /*-------------------------------------- デザインブロックより追加 --------------------------------------*/ /* free_area */ #detail_free_box__freearea { margin-top: 30px; font-size: 1.3rem; line-height: 2.3rem;} #detail_free_box__freearea h4 { margin-bottom: 10px; font-size: 2rem; margin-top: 5rem; margin-bottom: 1.5rem;} #detail_free_box__freearea h4 strong { background: #005bac; color: #fff; padding: 10px; border-radius: 5px; font-size: 1.6rem; line-height: 1.8rem; display: inline-block;} #detail_free_box__freearea h4 + h4 { margin-top: 5px;} #detail_free_box__freearea .product_free_row { margin-left: -3px; margin-right: -3px;} #detail_free_box__freearea .product_free_row [class*="col"] { padding: 0 3px;} #detail_free_box__freearea .lp_ruby.t-center { text-align: center; margin-top: 35px; margin-bottom: 30px; padding: 0; border: 1px solid #eee; padding-bottom: 10px;} #detail_free_box__freearea .lp_ruby.t-center span { display: block; padding: 5px; margin-bottom: 20px; background: #eee;} #detail_free_box__freearea .lp_ruby strong { font-size: 3.2rem;} #detail_free_box__freearea .lp_ruby small { display: block;} #detail_free_box__freearea table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%;} .owl-carousel.owl-theme .owl-wrapper-outer .owl-item { box-sizing: border-box; padding-right: 16px; padding-left: 16px;} #guide_wrap .caution_list li { margin-bottom: 0; margin-left: 0;} #guide_wrap .mgt-20 { margin-top: 30px;} #contents { padding-bottom: 5rem;} #detail_free_box__freearea .table { width: 100%; margin-bottom: 20px;} #detail_free_box__freearea .table-inline { width: auto;} #detail_free_box__freearea .table th, #detail_free_box__freearea .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd;} #detail_free_box__freearea .table th.text-right, #detail_free_box__freearea .table td.text-right { text-align: right;} #detail_free_box__freearea .table th { font-weight: bold;} #detail_free_box__freearea .table thead th { vertical-align: bottom;} #detail_free_box__freearea .table caption + thead tr:first-child th, #detail_free_box__freearea .table caption + thead tr:first-child td, #detail_free_box__freearea .table colgroup + thead tr:first-child th, #detail_free_box__freearea .table colgroup + thead tr:first-child td, #detail_free_box__freearea .table thead:first-child tr:first-child th, #detail_free_box__freearea .table thead:first-child tr:first-child td { border-top: 0;} #detail_free_box__freearea .table tbody + tbody { border-top: 2px solid #dddddd;} #detail_free_box__freearea .table .table { background-color: #ffffff;} #detail_free_box__freearea .table-condensed th, #detail_free_box__freearea .table-condensed td { padding: 4px 5px;} #detail_free_box__freearea .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 50px; margin-bottom: 50px;} #detail_free_box__freearea .table-bordered.no-round, #detail_free_box__freearea .table-bordered.no-round tr, #detail_free_box__freearea .table-bordered.no-round th, #detail_free_box__freearea .table-bordered.no-round td, #detail_free_box__freearea .table-bordered.no-round tbody { border-radius: 0!important;} #detail_free_box__freearea .table-bordered th, #detail_free_box__freearea .table-bordered td { border-left: 1px solid #dddddd;} #detail_free_box__freearea .table-bordered th { background: #F5F5F5; vertical-align: middle;} #detail_free_box__freearea .table-bordered caption + thead tr:first-child th, #detail_free_box__freearea .table-bordered caption + tbody tr:first-child th, #detail_free_box__freearea .table-bordered caption + tbody tr:first-child td, #detail_free_box__freearea .table-bordered colgroup + thead tr:first-child th, #detail_free_box__freearea .table-bordered colgroup + tbody tr:first-child th, #detail_free_box__freearea .table-bordered colgroup + tbody tr:first-child td, #detail_free_box__freearea .table-bordered thead:first-child tr:first-child th, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child th, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child td { border-top: 0;} #detail_free_box__freearea .table-bordered thead:first-child tr:first-child > th:first-child, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child > td:first-child, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} #detail_free_box__freearea .table-bordered thead:first-child tr:first-child > th:last-child, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child > td:last-child, #detail_free_box__freearea .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;} #detail_free_box__freearea .table-bordered thead:last-child tr:last-child > th:first-child, #detail_free_box__freearea .table-bordered tbody:last-child tr:last-child > td:first-child, #detail_free_box__freearea .table-bordered tbody:last-child tr:last-child > th:first-child, #detail_free_box__freearea .table-bordered tfoot:last-child tr:last-child > td:first-child, #detail_free_box__freearea .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;} #detail_free_box__freearea .table-bordered thead:last-child tr:last-child > th:last-child, #detail_free_box__freearea .table-bordered tbody:last-child tr:last-child > td:last-child, #detail_free_box__freearea .table-bordered tbody:last-child tr:last-child > th:last-child, #detail_free_box__freearea .table-bordered tfoot:last-child tr:last-child > td:last-child, #detail_free_box__freearea .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;} #detail_free_box__freearea .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;} #detail_free_box__freearea .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;} #detail_free_box__freearea .table-bordered caption + thead tr:first-child th:first-child, #detail_free_box__freearea .table-bordered caption + tbody tr:first-child td:first-child, #detail_free_box__freearea .table-bordered colgroup + thead tr:first-child th:first-child, #detail_free_box__freearea .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} #detail_free_box__freearea .table-bordered caption + thead tr:first-child th:last-child, #detail_free_box__freearea .table-bordered caption + tbody tr:first-child td:last-child, #detail_free_box__freearea .table-bordered colgroup + thead tr:first-child th:last-child, #detail_free_box__freearea .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;} #detail_free_box__freearea .table-striped tbody > tr:nth-child(odd) > td, #detail_free_box__freearea .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9;} #detail_free_box__freearea .table-hover tbody tr:hover > td, #detail_free_box__freearea .table-hover tbody tr:hover > th { background-color: #f5f5f5;} #detail_free_box__freearea .table-hover .active > td { background-color: #e8efff!important;} #detail_free_box__freearea table td { width: 40%;} #detail_free_box__freearea table th { width: 10%;} @media only screen and (max-width: 767px) { #detail_free_box__freearea .lp_ruby { text-align: left;} #detail_free_box__freearea table { display: block!important; float: left;} #detail_free_box__freearea table tr,#detail_free_box__freearea table td, #detail_free_box__freearea table th { display: block!important; width: 100%!important; float: left;} #detail_free_box__freearea .product_free_row { margin-top: 25px;} #detail_free_box__freearea .lp_ruby.t-center { margin-top: 5px; margin-bottom: 0;} #detail_free_box__freearea .lp_ruby.t-center:nth-child(2) { margin-top: 5px;} } /*.pickup_item .item_photo, #item_list .item_photo, #checkeditem .item_photo { margin: 0 0 5px; width: 100%; height: 200px; margin-left: auto; margin-right: auto;}*/ /*.pickup_item .item_photo img, #item_list .item_photo img , #checkeditem .item_photo img { margin: auto; width: 100%; height: auto; padding: 10%;}*/ @media only screen and (max-width: 991px) { /*.pickup_item .item_photo img, #item_list .item_photo img , #checkeditem .item_photo img { width: 100%; height: auto;}*/ } @media only screen and (max-width: 767px) { #header #cart_area .inner { width: 100%; min-width: initial!important;} } /*body { font-family: "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}*/ body { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; } .item_price { font-weight: normal; color: #DE5D50!important;} .row-fluid::after, .row-fluid::before { content: ""; display: table;} .mw-225 { max-width: 225px;} .mx-auto { margin-left: auto; margin-right: auto;} .list-style-none { list-style: none;} ul.list-style-none li { list-style: none;} ul.list-style-none li span { display: block;} .guide_link svg { width: 25.83px; height: 25.83px; position: relative; top: 7px; margin-right: 2px;} .row-fluid::after { clear: both;} .row-eq-height { display: flex !important; flex-wrap: wrap;} .mgt20 { margin-top: 20px !important; display: block;} .mgb50 { margin-bottom: 50px !important; display: block;} .cntr { display: block; margin: 0 auto;} .pd0 { padding-left: 0 !important; padding-right: 0 !important;} .item_name { margin-bottom: 0; font-size: 1.5rem;} .item_comment { margin-bottom: 0;} .item_comment a { font-size: 1.2rem;} .product_page .product_item a { padding-bottom: 0;} .item_price { margin-top: 6px; font-weight: bold; font-size: 1.4rem;} .row-eq-height .col-sm-6 { width: 49.8%;} header .cb-shopping-cart use { fill: #525263; color: #525263;} @media only screen and (max-width: 991px) { .front_page #contents .row > div { padding-bottom: 30px;} } @media only screen and (min-width: 768px) { .front_page #main_middle { padding-bottom: 20px;} } @media (max-width: 767px) { body { font-size: 14px;} .item_name { font-size: 11px; } .news_contents { margin-top: 0; } } .front_page #main_middle .row { padding-bottom: 0!important;} .front_page #main_middle .row > div { padding-bottom: 5px!important;} .front_page #item_list { padding-bottom: 0;} .front_page #item_list .row > div { padding-bottom: 0;} #item_list.new_item_list .row .col-lg-2.col-md-2:nth-child(7) { display: none;} #item_list.new_item_list .row .col-lg-2.col-md-2:nth-child(8) { display: none;} .front_page #contents_top .item_comment.text-warning, .front_page #contents_top .item_name.text-warning { font-feature-settings: "palt"; font-size: 1.2rem; margin-bottom: 0;} /* #header .category-nav li { position: static;} #header .category-nav li ul { display: flex; flex-wrap: wrap; width: 100%;} #header .category-nav > li:hover > ul > li { width: 12.5%; position: relative;} #header .category-nav li ul li ul { top: 100%; left: 0;} */ /* header category */ @media only screen and (min-width: 991px) { .front_page #item_list .row .col-lg-2.col-lg-2.col-md-2 { padding-bottom: 3rem;} } @media only screen and (min-width: 768px) { #header .category-nav li ul li ul:before { content: "";} #header .category-nav li:last-child ul li ul:before { content: "";} #guide_wrap .construction .col-sm-4 { margin-bottom: 16px;} } @media only screen and (max-width: 767px) { .row-eq-height .col-sm-6 { width: 100%;} } #guide_wrap { font-size: 14px;} #guide_wrap .title { background-color: #f18d01; color: #fff; line-height: 22px; font-size: 22px; padding: 10px; margin-bottom: 10px;} #guide_wrap ul { list-style: disc;} #guide_wrap li { margin-left: 20px; margin-bottom: 20px; line-height: 24px; letter-spacing: 0.1rem;} #guide_wrap h2 { margin: 0; margin-bottom: 8px; font-size: 20px;} #guide_wrap h3 { font-size: 16px; font-weight: normal; letter-spacing: 0.1rem; margin: 0; margin-bottom: 20px; background-color: #f7f7f7; padding: 5px;} #guide_wrap .border { border-bottom: 1px dotted #000; height: 1px; margin: 20px 0;} #guide_wrap .afborder { display: inline;} #guide_wrap .afborder:after { content: "｜"} #guide_wrap .afborder a { color: #525263;} #guide_wrap .guide { margin-bottom: 50px;} #guide_wrap .guide img { width: 60%; display: block; margin: 0 auto; margin-bottom: 30px; margin-top: 20px;} #guide_wrap .guide .title { background-color: #fff; color: #525263; text-align: center; font-weight: bold; font-size: 22px; line-height: 25px;} #guide_wrap .guide p { text-align: left;} #guide_wrap .guide a { color: #525263; display: block; padding: 5px;} #guide_wrap .guide a:hover { transition: 0.3s; background-color: #f7f7f7;} #guide_wrap .construction h1 { margin-top: 15px; margin-bottom: 13px;} #guide_wrap .construction .s_title { letter-spacing: 0.4rem; font-size: 5px; padding-left: 15px; display: none;} #guide_wrap .construction .wrap { border: 5px solid #ce0000; border-radius: 10px; position: relative;} #guide_wrap .construction .category_title { position: absolute; left: 2px; top: 2px; display: inline; background-color: #ce0000; padding: 5px; border-radius: 5px;} #guide_wrap .construction img { display: block; padding: 30px 0 20px;} #guide_wrap .construction a { color: #fff; letter-spacing: 0.1rem; display: block;} #guide_wrap .construction .wrap { margin-top: 15px;} #guide_wrap .cache table.df { border-spacing: 0 3px; border-collapse: inherit; font-size: 14px !important; width: 100%;} #guide_wrap .cache table.df>tbody>tr>td:first-child { background-color: #eee; padding: 5px; width: 25%; position: relative;} #guide_wrap .cache table.df>tbody>tr>td:last-child { padding-left: 15px !important;} #guide_wrap .cache table.df>tbody>tr>td:first-child::after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-left-color: #eee; left: 100%;} #guide_wrap .cache table.df>tbody>tr>td:last-child { border: 1px solid #eee; padding: 5px; font-size: 12px;} #guide_wrap .cache table.df>tbody>tr table { font-size: 12px !important; table-layout: fixed; text-align: center;} #guide_wrap .cache table.df>tbody>tr table tr td { padding: 5px;} #guide_wrap .cache table.df>tbody>tr table tr:first-child { background-color: #eee;} #guide_wrap .cache table.daibiki { font-size: 12px !important; table-layout: fixed; text-align: center; width: 100%;} #guide_wrap .cache table.daibiki tr td { padding: 5px;} #guide_wrap .cache table.daibiki tr:first-child, #guide_wrap .cache table.daibiki tr:nth-child(3) { background-color: #eee;} #guide_wrap table.df section { margin-bottom: 15px;} #guide_wrap table.df section img { display: block; margin: 0 auto; width: 70%;} #guide_wrap .cache .smartpid { background-color: #ecf3c6; padding: 10px; font-size: 10px; font-weight: bold; margin-bottom: 6px; text-align: center;} #guide_wrap .cache .txt_right a { background: #e1f1ff; padding: 5px; border-radius: 5px;} #guide_wrap .deli-tab { font-size: 14px; text-align: center; width: 100%; table-layout: fixed; margin: 10px 0;} #guide_wrap .deli-tab td { border: 1px solid #eee; padding: 3px;} #guide_wrap .center { text-align: center; margin: 60px 50px; font-weight: bold;} /* 設置工事詳細 */ #guide_wrap .pink { padding: 50px; background: #ffefef;} #guide_wrap .pink h1 { color: #ea0000; text-align: center;} #guide_wrap .refrigerator .col-sm-4 { margin-bottom: 20px;} #guide_wrap .refrigerator .flow .pink>div { background: #fff; padding: 20px; margin-bottom: 20px;} #guide_wrap .refrigerator .flow .pink>div>div { font-size: 2.4rem;} #guide_wrap .refrigerator .flow .pink>div>div span { background: #ea0000; padding: 5px 10px; color: #fff; border-radius: 20px; margin-right: 15px;} #guide_wrap .refrigerator h2 { margin: 0;} #guide_wrap .refrigerator section { margin-bottom: 20px; padding-bottom: 40px;} #guide_wrap .refrigerator h2+p { padding: 10px; margin-top: 0;} /* 設置工事各ページ */ .topimage img { width: 100%; max-width: none;} .mark { color: #ea0000; text-align: center; font-size: 20px;} @media only screen and (max-width: 768px) { #guide_wrap .guide img { margin-top: 30px;} #guide_wrap .guide .col-sm-3 { background-color: #f7f7f7; padding: 5px; margin-bottom: 30px;} #guide_wrap .construction .col-sm-4 { margin-bottom: 20px;} #guide_wrap .construction .wrap { margin-top: 0;} #guide_wrap .deli-tab { font-size: 10px;} .refrigerator .flow .pink { padding: 30px 16px;} } @media only screen and (max-width: 992px) { #guide_wrap .cache .row>.col-md-4 { margin-bottom: 20px;} } .makerlink { display: block;} .makerlink:nth-child(2) { display: none;} #page_help_privacy h3 { margin-top: 50px;} .service span { font-weight: bolder; font-size: 16px; color: #000; border-bottom: 1px solid #000; display: block; margin-top: 50px; padding-bottom: 8px;} #guide_wrap .service .title { background-color: #f18d01; color: #fff; line-height: 12px; padding: .8em 1em; margin-bottom: 30px;} /* 商品詳細ページ */ #page_product_detail .relative_cat + .relative_cat { border-top: none;} #page_product_detail .price_area { margin-bottom: 15px;} #page_product_detail .price_area .price .eraser { display: inline-block; text-decoration: line-through;} #page_product_detail .price_area .price .dl-horizontal dt { margin-top: 5px; display: inline-block; background: #bf0d00; padding: 3px 10px; color: #fff; letter-spacing: .2rem; font-weight: bold; margin-right: 10px; margin-bottom: 6px; border: 1px solid #bf0d00;} #page_product_detail .price_area .price .dl-horizontal dd { font-weight: bold; letter-spacing: .1em; display: inline-block; padding-left: 1rem; font-size: 2.3rem; position: relative; top: 3px;} #page_product_detail .price_area .price .dl-horizontal dd span { font-size: 1.2rem; letter-spacing: 0; padding-left: 5px;} #page_product_detail .price_area .price.font-sm dt { background: #ffffff; color: #525263; border: 1px solid #525263;} #page_product_detail .price_area .price.font-sm dd { font-size: 1.5rem; top: 0;} #page_product_detail .price_area .price .font-red { color: #bf0d00;} @media (max-width: 767px) { #page_product_detail .slick-slider { margin-bottom: 30px;} } /* 商品詳細オプション */ #detail_cart_box .option_list { margin-top: 30px;} #detail_cart_box .option_list li:nth-child(2n - 1) { color: #333; padding: .5rem 1.5rem .5rem 0; position: relative;} #detail_cart_box .option_list li:nth-child(2n - 1) label { font-weight: bold; letter-spacing: .1em;} #detail_cart_box .option_list li:nth-child(2n - 1) span.required { background: #fff; border-radius: 10%; padding: 3px; font-weight: bold !important; position: relative; bottom: 1px;} #detail_cart_box .option_list li:nth-child(2n - 1)>a { padding: 10px 0 0; font-size: 14px; display: block;} #detail_cart_box .option_list li:nth-child(2n - 1)>a:after { content: "はこちら";} #detail_cart_box .option_list li:before { display: block; display: inline-block; background: #f9a84d; border-radius: 10px; padding: 3px 10px; color: #fff; letter-spacing: .2rem; font-weight: bold; margin-right: 10px;} #detail_cart_box .option_list li:nth-child(1):before { content: "STEP1";} #detail_cart_box .option_list li:nth-child(3):before { content: "STEP2";} #detail_cart_box .option_list li:nth-child(5):before { content: "STEP3";} #detail_cart_box .option_list li:nth-child(7):before { content: "STEP4";} #detail_cart_box .option_list li:nth-child(9):before { content: "STEP5";} #detail_cart_box .option_list li:nth-child(11):before { content: "STEP6";} #detail_cart_box .option_list li:nth-child(13):before { content: "STEP7";} #detail_cart_box .option_list li:nth-child(15):before { content: "STEP8";} #detail_cart_box .option_list li:nth-child(17):before { content: "STEP9";} #detail_cart_box .option_list li:nth-child(19):before { content: "STEP10";} #detail_cart_box .option_list li:nth-child(2n) { margin-top: 0; padding: 7px 0 1px;} #detail_cart_box .option_list li:nth-child(2n) .radio label { margin-bottom: 10px; font-size: 13px; border: 1px solid #d6d6d6; padding: 15px; border-radius: 5px; position: relative; width: 100%; display: block;} #detail_cart_box .option_list li:nth-child(2n) .radio input { margin-right: 10px;} #detail_cart_box .option_list li:nth-child(2n) .radio input:checked { opacity: 1;} #detail_cart_box .option_list li:nth-child(2n) .checkbox label { border: 1px solid #d6d6d6; margin-bottom: 10px; padding: 7px 15px; font-size: 13px; border-radius: 5px; position: relative; width: 100%; display: block;} #detail_cart_box .option_list li:nth-child(2n) .checkbox input { margin-right: 10px;} @media (max-width: 767px) { #detail_cart_box .option_list li { padding-right: 0!important;} #detail_cart_box .option_list li:nth-child(2n - 1) label { display: block;} #detail_cart_box .option_list li:before { display: block; text-align: center; margin-right: 0; margin-bottom: 15px;} } /*0416*/ .cf:before, .cf:after { content: " "; display: table;} .cf:after { clear: both;} .cf { *zoom: 1;} .visible-xs { display: none;} .table_area { overflow: scroll; width: 100%;} #guide_wrap .deli-tab { margin: 20px 0 10px; height: auto;} #guide_wrap .deli-tab td { padding: 10px; width: 157px;} #guide_wrap h3 { padding: 15px;} #guide_wrap .title { margin-bottom: 25px;} #main_middle #help_about_box { margin-bottom: 32px;} #guide_wrap .pink h3 { color: #ea0000; margin-bottom: 16px; font-size: 2rem; text-align: center; background: none; font-weight: bold;} #main .topimage { padding-right: 16px; padding-left: 16px;} #guide_wrap .refrigerator h2 { display: inline-block;} .refrigerator.delivery_tv .table_area { overflow: auto;} .refrigerator.delivery_tv .table_area .deli-tab td { width: auto !important;} .refrigerator.delivery_tv .col-md-4 { padding-left: 0; padding-right: 0;} .refrigerator.delivery_tv .prl8 { padding-left: 8px; padding-right: 8px;} #guide_wrap h3.head { font-size: 1.6rem; letter-spacing: 0.1rem; margin: 0; padding: 0; padding-bottom: 5px; margin-top: 20px; font-weight: normal; background: none;} #guide_wrap section .col-md-12 .table_area table.deli-tab { margin-top: 0;} #guide_wrap section .row .table_area .deli-tab { margin-bottom: 0; margin-top: 0;} #guide_wrap .table_area.recycle .deli-tab { margin-top: 20px;} #guide_wrap .refrigerator h2+p { margin-bottom: 0;} #guide_wrap .refrigerator h2 { margin-bottom: 15px;} #guide_wrap h2+.rl8 { margin-top: 20px;} #guide_wrap .cache table.daibiki tr td { padding: 10px;} #guide_wrap .cache table.df>tbody>tr>td:first-child { padding: 10px;} #guide_wrap .cache table.df>tbody>tr table tr td { padding: 10px;} .login_cart .column .column_inner { position: initial; top: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial;} #guide_wrap .guide a:hover .title { background: none !important;} #guide_wrap .delivery .deli-tab td { width: 100px;} #guide_wrap .guide .wrap { border: 5px solid #f18d01; position: relative; margin-bottom: 15px;} #guide_wrap .guide .title { font-weight: bold; color: #ce0000;} #guide_wrap .guide a:hover { background: none;} #guide_wrap .guide .col-sm-3 { background: none;} #footer { margin-top: 0px;} footer .container-fluid { max-width: 1530px;} footer .container-fluid .bg-fff { background: #fff; padding: 20px 40px; margin-bottom: 30px;} footer .container-fluid .border-dotted { border-bottom: 1px dotted #ddd;} footer .container-fluid .border-dotted:last-child { border: none;} footer .container-fluid .row img { float: left; max-width: 210px; padding-right: 20px; -webkit-backface-visibility: hidden !important;} footer#footer .container-fluid .row .col-sm-4 { position: relative; padding-bottom: 30px;} footer#footer .container-fluid .row p a { display: block; padding-top: 15px; padding-right: 15px; padding-left: 15px; color: #1645a1; text-align: right; text-decoration: #005bac; text-decoration: underline; right: 0; bottom: 15px;} footer#footer .container-fluid .row p a::after { content: ">>";} .refrigerator-position .col-sm-4 img { width: 100%;} #guide_wrap .guide img { max-height: 165px;} #guide_wrap .mgb0_li li { margin-bottom: 0;} .row.row-eq-height .col-sm-4 { width:33.2%; } @media (max-width: 991px) { #guide_wrap .guide .wrap { margin-bottom: 15px;} #guide_wrap .guide .wrap .title { font-size: 18px;} footer#footer .container-fluid .row .col-sm-4 { padding-bottom: 60px;} #item_list .col-lg-2.col-sm-4 { padding-bottom: 3rem!important} } @media (max-width: 767px) { .row.row-eq-height .col-sm-4 { width: 100%;} #header .top_colum { padding: 12px 10px; height: 67px; } #cart_area p.cart-trigger { position: absolute; right: 55px; top: -2px;} #cart .inner { top: 10px;} p.cart-trigger .badge { right: 1px; top: 7px; font-size: 10px; } p.cart-trigger .cb-close { left: 17px; top: 3px; } #btn_menu { right: 5px; top: 12px; } html { overflow-x: hidden;} footer .container-fluid .row img { float: initial; padding-right: 0; max-width: 100%; display: block; margin: 0 auto; margin-bottom: 5px;} footer .container-fluid .border-dotted-sm { border-bottom: 1px dotted #ddd;} footer#footer .container-fluid .row p a { text-align: left;} .hidden-xs { display: none;} .page-heading { margin: 8px 0 16px;} #guide_wrap .construction h1 { font-size: 2.6rem; text-align: center; margin: 0; line-height: 3.2rem;} #guide_wrap .construction .s_title { text-align: center; padding-left: 0;} #guide_wrap .center { margin: 30px 25px;} div#guide_box__body { margin-bottom: 0px !important;} #guide_box__body_inner .construction p { padding-bottom: 16px;} #guide_wrap .deli-tab { font-size: 12px;} #guide_wrap .title { margin-bottom: 16px;} #main_middle #help_about_box { margin-bottom: 0px;} #guide_wrap .refrigerator h2 { font-size: 1.6rem;} #guide_wrap .pink { padding: 16px;} #main .topimage { padding-right: 8px; padding-left: 8px;} #guide_wrap .pink .row .col-sm-4 { text-align: center;} #guide_wrap .flow .pink>div>div span { margin-right: 0px; text-align: center; display: block; font-size: 1.4rem; margin-bottom: 10px;} #guide_wrap .flow .pink h2 { display: block;} .refrigerator.delivery_tv .table_area .deli-tab { margin: 0 !important;} #guide_wrap .refrigerator section h2 { margin-bottom: 10px;} #guide_wrap .refrigerator .flow .pink>div>div span { margin-right: 0;} .visible-xs { display: block;} #guide_wrap h3.head { font-size: 1.4rem;} #guide_wrap .refrigerator.air_con section h2 { margin-bottom: 0;} #guide_wrap .cache table.df, #guide_wrap .cache table.df > tbody, #guide_wrap .cache table.df > tbody > tr, #guide_wrap .cache table.df > tbody > tr > td, #guide_wrap .cache table.df > tbody > tr > th { display: grid; width: 100%; } #guide_wrap .cache table.df>tbody>tr>td:first-child { display: block; width: 100%; text-align: center; padding: 10px 5px !important;} #guide_wrap .cache table.df>tbody>tr>td:last-child { display: block; width: 100%; text-align: center; padding: 10px 5px !important;} #guide_wrap .cache table.df>tbody>tr>td:after { display: none;} #guide_wrap .guide .wrap .title { font-size: 14px;} } @media (max-width: 480px) { #main_middle .main_visual { height: auto;} footer#footer .container-fluid .row .col-sm-4 { padding-bottom: 45px;} } /* product list */ /* 商品一覧の各アイテムにライン */ @media screen and (min-width: 992px) { .product_page #item_list [id*="result_list_box"] { border-left: 1px solid #eee; border-bottom: 1px solid #eee;} .product_page #item_list [id*="result_list_box"]:first-child,.product_page #item_list [id*="result_list_box"]:nth-child(6n + 1) { border-left: none;} .product_page #item_list [id*="result_list_box"]:nth-child(1),.product_page #item_list [id*="result_list_box"]:nth-child(2),.product_page #item_list [id*="result_list_box"]:nth-child(3),.product_page #item_list [id*="result_list_box"]:nth-child(4),.product_page #item_list [id*="result_list_box"]:nth-child(5),.product_page #item_list [id*="result_list_box"]:nth-child(6) { border-top: 1px solid #eee;} .product_page #item_list [id*="result_list_box"]:last-child { border-right: 1px solid #eee;} .product_page #item_list [id*="result_list_box"]:nth-child(6n) { border-right: none!important;} /*.pickup_item .item_photo, #item_list .item_photo, #checkeditem .item_photo { position: relative;}*/ /*.pickup_item .item_photo img, #item_list .item_photo img, #checkeditem .item_photo img { margin: auto; width: auto; padding: 10%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%;}*/ } @media screen and (max-width: 991px) { .product_page #item_list [id*="result_list_box"] { padding-bottom: 10px;} /*.pickup_item .item_photo, #item_list .item_photo, #checkeditem .item_photo { height: 180px; position: relative;}*/ /*.pickup_item .item_photo img, #item_list .item_photo img, #checkeditem .item_photo img { margin: auto; width: auto; height: 100%; padding: 10%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}*/ } @media screen and (max-width: 767px) { /*.pickup_item .item_photo img, #item_list .item_photo img, #checkeditem .item_photo img { width: 100%; height: auto;}*/ } /* mega menu */ #header #category_block { padding-top: 0!important;} #header #category_block .mega-menu { border-top: none!important; padding-bottom: 2px!important;} #header #category_block .mega-menu > ul > li:first-child { display: none;} #header #category_block .mega-menu > ul > li a { padding: 1.2em 1.1em!important;} #header #category_block .mega-menu > ul > li > ul > li > ul { display: none!important;} #header #category_block .mega-menu { border-bottom: 1px solid #DE5D50!important;} /* realtime order */ #s8_nowOrder { margin-bottom: 0!important; max-width: 1530px; margin-left: auto!important; margin-right: auto!important; padding: 0 15px!important;} #s8_nowOrder .col-sm-12 { padding-top: 15px; background: #fff;} /* 10_19 */ .p-absolute { position: absolute;} .banner_block { right: 280px; top: 20px;} .banner_block img { height: 44px;} @media (max-width: 1400px) and (min-width: 768px) { #header .top_colum h1 { text-align: left; } #header .container-fluid { display: flex; flex-wrap: wrap; align-items: center; } #header .header_logo_area { float: none; width: 25%; text-align: center; } #header .banner_block { width: 100%; position: static; text-align: center; } #header .banner_block ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #header .banner_block ul li { margin-bottom: 10px; float: none;} #header #member { float: none; width: 75%; text-align: right; } #header .header_bottom_area { width: 100%; margin-top: 15px; } } @media (max-width: 767px) { .banner_block { position: static; width: 100%; text-align: center; } .banner_block img { height: auto; max-height: 44px; } #header .top_colum { height: auto; } #header .banner_block ul li { float: none; max-width: 45%; margin-bottom: 10px; } } @media (max-width: 575px) { #header .banner_block ul { margin: -5px; width: calc(100% + 10px); display: flex; flex-wrap: wrap; } #header .banner_block ul li { padding: 5px; max-width: none; margin: 0; display: block; } #header .banner_block ul li img { max-height: none; } #header .banner_block .sp-100 { width: 100%; margin: 0; } #header .banner_block .sp-100 img { max-width: 260px;} #header .banner_block .sp-36 { width: 36%; margin: 0; } #header .banner_block .sp-28 { width: 28%; margin: 0; } } @media only screen and (max-width: 767px) { #drawer .mega-menu ul li a { border-bottom: 1px solid #ccc; font-weight: bold;} #drawer .mega-menu > ul > li a { padding: 1em; width: 100%; display: block;} #drawer .mega-menu > ul > li { width: 100%; float: none; display: block; text-align: left; background: #fff; position: relative;} #drawer .mega-menu h2 { font-size: 14px; font-size: 1.4rem; display: block; line-height: 1.5; padding: 0.2em 1em; margin: 0; padding: 1em;} #drawer .menu-dropdown-icon:before { content: "+"; display: inline-block; cursor: pointer; margin: 1px; padding: 0.7em 1.2em; color: #333; background: #fff; position: absolute; right: 0; z-index: 999;} } /* 11 */ .c-red { color: #BF0D00; font-weight: bold;} .shipped_out { padding: 7px 0;} .shipped_out span { color: #bf0d00;} .option_description .modal-body > div > p.plus { display: none;} @media only screen and (min-width: 768px){ #item_detail_area .item_detail .item_code { padding: 14px 0 7px;} } header .banner_block ul li { float: left; display: inline-block; margin-left: 10px;} header .banner_block ul li:first-child { margin-left: 0px;} @media (max-width:874px) { /*.banner_block { right: 15px; top: 80px;}*/ } /* large category */ .main-category .row { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .main-category .row:before { display: none; } .main-category .row:after { display: none; } .main-category .col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-bottom: 0!important; min-height: 1px; width: 100%;} .main-category .category-block { position: relative; display: flex; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 2% 4%; } .main-category .category-block:before { content: ""; position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px); border: 2px solid #bf0d01; opacity: 0; pointer-events: none;} .main-category .category-block:hover:before { opacity: 1; } .main-category .category-block figure { width: 30%; } .main-category .category-block figure img { width: 100%; height: auto; } .main-category .category-title { width: 70%; padding-left: 15px; font-size: 18px;text-decoration: underline; } @media (max-width: 1199px) { .main-category .category-large-title { font-size: 2.4rem; margin-bottom: 10px; margin-top: 10px; } .main-category .category-title { font-size: 14px; } } @media (min-width: 768px) { .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(2),.main-category .row > .col:nth-child(3),.main-category .row > .col:nth-child(4) { border-top: 1px solid #eee; } .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(4n + 1) { border-left: 1px solid #eee; } } @media (max-width: 767px) { .main-category .category-large-title { font-size: 18px; } .main-category .col { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } } @media (min-width: 576px) { .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(2),.main-category .row > .col:nth-child(3) { border-top: 1px solid #eee; } .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(3n + 1) { border-left: 1px solid #eee; } } @media (max-width: 575px) { .main-category .col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(2) { border-top: 1px solid #eee; } .main-category .row > .col:nth-child(1),.main-category .row > .col:nth-child(2n + 1) { border-left: 1px solid #eee; } .main-category .category-title { font-size: 10px; } } .other_shops { padding: 0 0 20px; } .other_shops label { background: #f8f8f8; display: block; padding: 10px 15px; margin-bottom: 15px; } .other_shops ul { font-size: 0; letter-spacing: 0; margin: 0 -5px; } .other_shops li { display: inline-block; padding: 5px; } .other_shops li a { border: 1px solid #ddd; display: block; } .other_shops li a:hover { opacity: .7; } .other_shops .caution { color: #DE5D50; font-size: 12px; font-weight: bold; margin-top: 10px; } /* override 202010 */ #item_list .product_item { padding-top: 24px; } #item_list .item_photo, .pickup_item .item_photo { padding-top: 100%; position: relative; overflow: hidden; } #item_list .item_photo img, .pickup_item .item_photo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: auto; } #item_photo_area .slick-slide { height: 500px!important; } #item_photo_area .slick-slide img { max-height: 100%; } #page_contact .column p { color: #DE5D50; } .news_contents { margin-top: 0; margin-bottom: 30px; } .anime-btn { position: relative; width: 125px; transition: .2s; display: inline-block;} .anime-btn:before, .anime-btn:after { content: ""; position: absolute; z-index: -10; width: 100%; height: 100%; top: 0; left: 0; border-radius: 5px; background: #ffaaae; border: 1px solid #ff999e; transform: translate3d(0,0,0); } /*.anime-btn:before { animation: btnanime 2s ease-out infinite; } .anime-btn:after { animation: btnanime 2s ease-out 1s infinite; }*/ .anime-btn a { display: block; border-radius: 5px; color: #000; text-align: center; text-decoration: none; background: #fff; border: 1px solid #c81c14; font-size: 12px; font-weight: bold; } .anime-btn a span { display: block; position: relative; padding: 5px 21px 5px 5px; } .anime-btn a span:before { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 18px; background: #c81c14; } .anime-btn a span:after { content: ""; position: absolute; top: 0; bottom: 0; right: 12px; width: 7px; height: 7px; margin: auto 0; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: translateX(5px) rotate(45deg); } @keyframes btnanime{ 0%{transform:scale(.95); opacity:1} 90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0} } #detail_cart_box .checkbox { border: 1px solid #c4ccce; padding: 10px 15px; margin-bottom: 10px; color: #000; } #detail_cart_box .checkbox input { margin-right: 5px; } @media (max-width: 767px) { #item_photo_area .slick-slide { height: 300px!important; } } /* 一時的非表示 */ #item_detail_area .item_detail .shipped_out { display: none; } /* differentiation */ .dif { padding: 0 60px; color: #000000; } .dif p { margin: auto; } .dif .fv { margin-bottom: 80px; margin-left: -60px; margin-right: -60px; } .dif .small { font-size: 14px; } .dif .cmnlist > li:first-child { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #999999; } .dif .cmnlist > li > div { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; margin-right: -20px; } .dif .cmnlist > li > div .contents { width: 50%; padding: 0 20px; } .dif .cmnlist > li > div .contents h2 { margin-bottom: 50px; margin-top: 0; } .dif .cmnlist > li > div .contents h3 { margin-bottom: 30px; } .dif .cmnlist > li > div .contents h4 { font-weight: bold; color: #af2819; font-size: 40px; margin: 0 0 20px; } .dif .cmnlist > li > div .contents .wrap { font-size: 36px; line-height: 2; font-weight: bold; letter-spacing: 0; letter-spacing: -.02em; } .dif .cmnlist > li > div .photo { width: 50%; padding: 0 20px; } .dif .cmnlist > li:nth-child(2) .contents { order: 2; } .dif .cmnlist > li:nth-child(2) .photo { order: 1; } .dif .tigai { padding: 0 20px; order: 3; margin: 100px 0 60px; width: 100%; } .dif .tigai > div { border: 1px solid #af2819; padding: 20px; text-align: center; } .dif .tigai img { margin: auto; } .dif .pointlist li { margin-bottom: 12px; position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 40px 0; } .dif .pointlist li:before { content: ""; background: #f7f7f7; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } .dif .pointlist li > * { position: relative; } .dif .pointlist li .contents { width: 70%; } .dif .pointlist li .contents h3 { display: flex; font-size: 38px; font-weight: bold; line-height: 1.4; align-items: center; } .dif .pointlist li .contents h3 img { width: 95px; } .dif .pointlist li .contents h3 span { width: calc(100% - 95px); padding-left: 25px; } .dif .pointlist li .contents .wrap { font-size: 23px; line-height: 2; } .dif .pointlist li .photo { width: 30%; } .dif .pointlist li:nth-child(even) .contents { order: 2; } .dif .pointlist li:nth-child(even) .photo { order: 1; } .dif .cmnlist.v3 .last .contents .wrap { font-size: 36px; font-weight: bold; } .dif .blank_banner { margin-top: 30px; } .dif .blank_banner a { display: flex; padding: 10px 20px; align-items: center; width: 100%; border: 1px solid #cccccc; color: #808080; font-size: 24px; font-weight: bold; } .dif .blank_banner a .banner { width: 180px; } .dif .blank_banner a div { width: calc(100% - 95px); padding-left: 50px; display: flex; align-items: center; } .dif .blank_banner a div span { padding-left: 10px; } .dif .contacts { text-align: center; position: relative; padding: 30px 0; } .dif .contacts:before { content: ""; background: #f7f7f7; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } .dif .contacts * { position: relative; } .dif .contacts .p1 { font-weight: bold; font-size: 20px; letter-spacing: .5em; } .dif .contacts .p2 { font-weight: bold; font-size: 20px; letter-spacing: .15em; } .dif .contacts .tel { margin: 15px 0 10px; } .dif .contacts .links { margin-top: 20px; } .dif .contacts .links a { width: 800px; max-width: 100%; line-height: 1; color: #fff!important; background: #f18d00; padding: 20px; border-radius: 50px; font-size: 20px; letter-spacing: .15em; display: block; margin: 0 auto; } .dif .contacts .f_logo { margin-top: 40px; } .dif .last_link { text-align: center; padding: 50px 0 30px; } .dif .last_link a { background: #f18d01; font-size: 1.8rem; padding: 15px 16px; font-weight: bold; display: inline-block; color: #fff!important; width: 800px; max-width: 100%; } .dif .dif_top ul { display: flex; flex-wrap: wrap; margin: -20px; } .dif .dif_top ul li { width: 100%; padding: 20px; } .dif .dif_top ul li a { display: flex; border: 3px solid #ae2819; flex-wrap: wrap; align-items: center; transition: .3s; background: #fff; } .dif .dif_top ul li a .icon { width: 65%; padding: 30px; text-align: center; } .dif .dif_top ul li a .photo { width: 35%; padding: 30px; } .dif .dif_top ul li a .photo div { background-position: center; background-size: cover; padding-top: 67.5%; } .dif .dif_top ul li a:hover { background: #F8F8F8; } @media (max-width: 991px) { .dif { padding: 0 0; overflow: hidden; } .dif .fv { margin: 0 -8px 30px; } .dif .small { font-size: 12px; } .dif .cmnlist > li > div .contents { width: 100%; order: 1!important; margin-bottom: 30px; } .dif .cmnlist > li > div .contents h2 { margin-bottom: 30px; } .dif .cmnlist > li > div .contents h3 { padding: 0 20%; margin-bottom: 25px; } .dif .cmnlist > li > div .contents h4 { font-size: 24px; } .dif .cmnlist > li > div .contents .wrap { font-size: 16px; } .dif .cmnlist > li > div .photo { width: 100%; order: 2!important; } .dif .cmnlist > li:first-child { margin-bottom: 30px; padding-bottom: 30px; } .dif .cmnlist.v3 .last .contents .wrap { font-size: 16px; } .dif .blank_banner a { padding: 20px 15px 15px; font-size: 16px; text-align: center; flex-wrap: wrap; display: block; } .dif .blank_banner a div { width: 100%; padding: 0; display: block; } .dif .blank_banner a div img { display: block; margin: 10px auto; transform: rotate(90deg); } .dif .blank_banner a div span { padding-left: 0; } .dif .blank_banner a .banner { margin: 0 auto; } .dif .tigai { margin: 40px 0 20px; } .dif .dif_top ul { margin: -10px; } .dif .dif_top ul li { padding: 10px; } .dif .dif_top ul li a { padding: 0 10px; } .dif .dif_top ul li a .icon { padding: 0; } .dif .dif_top ul li a .icon img { max-width: none; width: 120%; position: relative; } .dif .dif_top ul li a .photo { padding: 15px 10px; } .dif .pointlist li { padding: 30px 15px; } .dif .pointlist li .contents { width: 100%; order: 2!important; } .dif .pointlist li .contents h3 { font-size: 21px; margin: 0 0 20px; } .dif .pointlist li .contents h3 img { width: 70px; } .dif .pointlist li .contents h3 span { width: calc(100% - 70px); } .dif .pointlist li .contents .wrap { font-size: 16px; } .dif .pointlist li .photo { width: 100%; order: 1!important; margin-bottom: 30px; text-align: center; } .dif .pointlist li .photo img { width: 50%; } } .option_description .campaign-banner { display: block; width: 100%; text-align: center; } .option_description .campaign-banner img { display: inline-block; width: 500px; max-width: 100%; margin: 20px auto; float: none; } /* 法人配送 */ #guide_wrap .corp_guide .main-image { margin-bottom: 50px; } #guide_wrap .corp_guide .contents-wrapper { max-width: 1000px; margin: 0 auto; } #guide_wrap .corp_guide h2 strong { color: #f5303f; margin: 0 5px; } #guide_wrap .corp_guide h3 { background: none!important; display: flex; align-items: center; font-weight: bold; } #guide_wrap .corp_guide h3 img { height: 30px; margin-right: 15px; } #guide_wrap .corp_guide ul.flex { display: flex; flex-wrap: wrap; } #guide_wrap .corp_guide ul.flex > li { width: 180px; } @media (min-width: 768px) { #guide_wrap .corp_guide h2 { font-size: 22px; } #guide_wrap .corp_guide p { font-size: 16px; line-height: 1.8; } .pc-none { display: none!important; } } @media (max-width: 767px) { #guide_wrap .corp_guide h2 { text-align: center; } #guide_wrap .corp_guide h2 br { display: block!important; } #guide_wrap .corp_guide h3 img { height: 20px; } .sp-none { display: none!important; } } /* 2023.08〜 */ .air_container p { margin: 0; } .air_container .text_red { color: #ec0000; } .air_container .main_photo { margin-bottom: 50px;} .air_container .air_title { background-color: #f18d01; color: #fff; line-height: 22px; font-size: 22px; padding: 10px; margin-bottom: 10px; } .air_container .checkpoint { margin-bottom: 50px; } .air_container .checkpoint .air_title { text-align: center; } .air_container .checkpoint .photo_wrap { border: 1px solid #f18d01; } .air_container .checkpoint .text .sub { margin-top: 0; margin-bottom: 0; font-size: 18px; color: #1d78cb; margin-top: 10px; } .air_container .checkpoint .text.text_one p { margin-top: 0; } .air_container .checkpoint .text p { margin-top: 10px; } .air_container .checkpoint .text .text_red.small { font-size: 12px; } .air_container .reputation { margin-bottom: 50px; } .air_container .reputation .repu_wrap .wrap { border: solid 1px #dfdfdf; padding: 10px; margin-bottom: 10px; } .air_container .reputation .wrap .aircon_container { display: flex; margin-bottom: 10px; } .air_container .reputation .wrap .aircon_container .icon { width: 50px; height: 50px; } .air_container .reputation .wrap .icon_wrap { margin-left: 10px; width: 80%; } .air_container .reputation .wrap .icon_wrap h6 { margin: 0; font-size: 16px; color: #1d78cb; line-height: 25px; } .air_container .reputation .wrap .icon_wrap ul { display: flex; } .air_container .reputation .wrap .icon_wrap ul li { margin: 0 10px 0 0!important; list-style: none; } .air_container .price { margin-bottom: 50px; } .air_container .air_work { margin-bottom: 40px; } .air_container .air_work h4 { margin-top: 0; background-color: #e3f2fd; padding: 5px; font-weight: normal; margin-bottom: 20px; display: inline-block; } .air_container .air_work .num_wrap { display: flex; margin-bottom: 10px; color: #1d78cb; font-size: 16px; line-height: 20px; } .air_container .air_work .num_wrap .num { color: #fff; background-color: #1d78cb; border: 1px solid #1d78cb; border-radius: 5px; margin: 0; padding: 0 7px; margin-right: 5px; font-size: 12px; } .air_container .air_work .work_text { margin-top: 10px; } .air_container .question { margin-bottom: 50px; } .air_container .question .que_wrap { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; padding-top: 15px; } .air_container .question .que_wrap .q_title { display: flex; align-items: baseline; margin-bottom: 10px;} .air_container .question .que_wrap .q_title .que_icon { font-weight: bold; color: #fff; background-color: #99cb13; border: 1px solid #99cb13; border-radius: 5px; padding: 0 4px; font-size: 12px; } .air_container .question .que_wrap .q_title .text { color: #1d78cb; text-decoration:underline; text-decoration-color: #1d78cb; margin-left: 5px; font-size: 17px; } .air_container .question .que_wrap .q_text { border: 1px solid #cacaca; background-color: #eeeeee; padding: 10px; } .air_container_bunner { display: flex; justify-content: space-between; } /* .air_container_bunner a { width: 49%; } */ .other-banner_large { margin-bottom: 20px; } .guarantee { margin-bottom: 20px; } .cart_area { padding-top: 0; } .cart_area .classcategory_list li select { background: #FAFAFA; } .cart_area .classcategory_list li .control-label { margin-top: 40px; display: block; border-bottom: 1px solid #000; font-weight: bold; padding-bottom: 3px; margin-bottom: 10px; } #other-banner.large_items { padding: 0; background: transparent; } #detail_cart_box .checkbox { background: #FAFAFA; } @media (max-width: 991px) { .air_container .merit { margin-bottom: 20px; } .air_container .checkpoint .check_wrap .check_box { margin-bottom: 30px; } .air_container .price .price_text { margin-top: 10px; } .air_container .air_work .work_text { margin-bottom: 20px; } .air_container .air_work .work_text.last { margin-bottom: 0; } } @media (max-width: 767px) { .mgb20 { margin-bottom: 20px; } .mark { margin: 10px 0 ;} .air_container .air_title { font-size: 18px; } .air_container .checkpoint, .air_container .price, .air_container .reputation, .air_container .question { margin-bottom: 30px; } .air_container .checkpoint .check_wrap { margin-top: 20px; } .air_container .checkpoint .check_wrap .check_box:last-child { margin-bottom: 0; } .air_container .checkpoint .check_wrap.check_box .text { margin-bottom: 10px; } .air_container .reputation .wrap .icon_wrap h6 { font-size: 15px; } .air_container .air_work { margin-bottom: 20px; } .air_container .question .que_wrap .q_title .text { font-size: 15px; } .air_container.air_container_sp { flex-direction: column-reverse; display: flex; } .large_items_detail { flex-direction: column-reverse; display: flex; } #item_photo_area { margin-bottom: 20px; } }