@charset "UTF-8"; /*! Thema Name: Harenokuni Online-shop Author: MANABU Description: HHARENOKUNI OKAYAMA ONLINE SHOP CSS Version:1.0 */ /* normalize.css v3.0.2 | MIT License | git.io/normalize */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ @import url("https://image.raku-uru.jp/cms/fontcss/font.css"); html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* 初期値 ------------------------------*/ /* 750以下は幅100%でスマホ表示 */ /* 750以下は幅100%でスマホ表示 */ /* 980px以下はスクロールを表示 */ /* 1000px以上はコンテンツ幅を1000に制限 */ /* 1280以上は左にメニューを表示 */ /* カラー -------------------------------*/ /* アニメーションスピード ------------------------------*/ /* clearfix ------------------------------*/ .clearfix:after { content: ""; display: block; clear: both; } /* text-indent:-9999px; ------------------------------*/ .nodisp { overflow: hidden; text-indent: 1000%; white-space: nowrap; } /* background-size-cover forIE8 ------------------------------*/ /* background-size-contain forIE8 ------------------------------*/ /* カラー ------------------------------*/ /* 区切り ------------------------------*/ @media (max-width: 750px) { .br_s { display: inline-block; } .br_p { display: block; } } @media (min-width: 750px) { .br_s { display: block; } .br_p { display: inline-block; } } /* マージン ------------------------------*/ @media (max-width: 750px) { .mb_20 { margin-bottom: 10px !important; } } @media (min-width: 750px) { .mb_20 { margin-bottom: 20px !important; } } /* フォントファミリー ------------------------------*/ .mincho { font-family: "UD Reimin Bold", "MS PMincho", "Hiragino Mincho Pro", serif; } .mincho_m { font-family: "UD Reimin Medium", "MS PMincho", "Hiragino Mincho Pro", serif; } .wf-sawarabimincho { font-family: "Sawarabi Mincho"; } /* 画像の拡大縮小 ----------------------------------------------*/ .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .scale-11 { overflow: hidden; } .scale-11 img { transition: transform 0.3s linear; } .scale-11 img:hover { transform: scale(1.1); } .scale-12 { overflow: hidden; } .scale-12 img { transition: transform 0.3s linear; } .scale-12 img:hover { transform: scale(1.2); } /* 画像の拡大縮小 ----------------------------------------------*/ .image-scale-105 { background-size: cover; -ms-behavior: url(/common/css/backgroundsize.min.htc); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transform: scale(1); } .image-scale-105:hover { transform: scale(1.05); } .image-scale-110 { background-size: cover; -ms-behavior: url(/common/css/backgroundsize.min.htc); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transform: scale(1); } @media (min-width: 750px) { .image-scale-110:hover { transform: scale(1.1); } } /* 検索窓 ----------------------------------------------*/ input[type=search].search-field { position: relative; vertical-align: middle; width: 226px; padding: 6px; border: none; height: 36px; margin: 0; display: inline-block; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; border: 2px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; } /* input submit ----------------------------------------------*/ input[type="submit"] { background-color: #09c; border: 0; border-radius: 2px; color: #fff; font-size: 17px; font-weight: 300; min-height: 36px; line-height: 36px; display: inline-block; padding: 2px 24px 2px; vertical-align: middle; letter-spacing: normal; text-align: center; transition: all .2s linear 0s; -webkit-appearance: button; cursor: pointer; } /* 見出し（下線を2種類重ねて色を変化） ----------------------------------------------*/ .hd-half-boder { margin-bottom: 5px; display: block; overflow: hidden; padding-bottom: 6px; position: relative; } .hd-half-boder:before { border-bottom: 2px solid #CCC; bottom: 0; content: ""; height: 20%; left: 0; width: 30%; position: absolute; z-index: 1; } .hd-half-boder:after { border-bottom: 2px solid rgba(0, 0, 0, 0.05); bottom: 0; content: ""; height: 20%; left: 0; position: absolute; width: 100%; } /* 不透明度 ----------------------------------------------*/ .ob-opacity-08, .ob-opacity-07, .ob-opacity-06, .ob-opacity-05, .ob-opacity-04, .ob-opacity-03 { transition: all 0.5s; opacity: 1; } .ob-opacity-08:hover { opacity: 0.8; } .ob-opacity-07:hover { opacity: 0.7; } .ob-opacity-06:hover { opacity: 0.6; } .ob-opacity-05:hover { opacity: 0.5; } .ob-opacity-04:hover { opacity: 0.4; } .ob-opacity-03:hover { opacity: 0.3; } /* 画像を白黒にする（hoverでカラー） ----------------------------------------------*/ .monochrome { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .monochrome:hover { filter: none; -webkit-filter: grayscale(0%); } /* 画像を白黒にする（hoverで白黒） ----------------------------------------------*/ .r_monochrome { filter: none; -webkit-filter: grayscale(0%); } .r_monochrome:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } /* 振動 ----------------------------------------------*/ .rum:hover { animation: rumble 0.12s linear infinite; } @keyframes rumble { 0% { transform: rotate(0deg) translate(0, 0); } 12.5% { transform: rotate(0.4deg) translate(1px, -1px); } 25% { transform: rotate(0.8deg) translate(0px, 1px); } 37.5% { transform: rotate(0.4deg) translate(-1px, 0); } 50% { transform: rotate(0deg) translate(0, 0); } 62.5% { transform: rotate(-0.4deg) translate(1px, 0); } 75% { transform: rotate(-0.8deg) translate(0, 1px); } 87.5% { transform: rotate(-0.4deg) translate(-1px, -1px); } 100% { transform: rotate(0deg) translate(0, 0); } } /* 簡単なアニメーション（transition-propertyは各セレクタで指定する） ----------------------------------------------*/ /* 角丸 ----------------------------------------------*/ .img_radius_08 img { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } @font-face { font-family: "UtsukushiFONT"; src: url(../fonts/UtsukushiFONT.eot) format("eot"), url(../fonts/UtsukushiFONT.woff) format("woff"); } @font-face { font-family: "LogoTypeGothicCondense"; src: url(../fonts/LogoTypeGothicCondense.eot) format("eot"), url(../fonts/LogoTypeGothicCondense.woff) format("woff"); } @font-face { font-family: "hkreikk"; src: url(../fonts/hkreikk/hkreikk.eot) format("eot"), url(../fonts/hkreikk/hkreikk.woff) format("woff"); } /* 枠 -----------------------------------------*/ html, body { padding: 0; margin: 0; } html { overflow: auto; } body { /* font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; */ font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size: 14px; background-color: transparent; background-color: #FFF; height: inherit; position: relative; text-align: left; overflow: hidden; letter-spacing: .05em; } a { transition-duration: 0.5s; transition-timing-function: linear; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-duration: 0.5s; -moz-transition-timing-function: linear; transition-property: color; -webkit-transition-property: color; -moz-transition-property: color; text-decoration: none; } /* a:link { color: $site_color_01; } a:visited { color: $site_color_01; } a:hover { color: $site_color_01; text-decoration: none; } a:active { color: $site_color_01; } */ #loading { /* width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; background-color:#FFF; background-image:url(../img/common/preloader.gif); background-repeat:no-repeat; background-position:center center; background-size: 128px 128px; */ } #wrapper { position: relative; } .text { display: inline-block; } .linkBtn a { display: block; } .linkBtn_br a { display: block; } .linkBtn_bg a { display: block; } /*パンクズリスト*/ .breadcrumb-wrap .breadcrumbs { margin: 0; padding: 0; padding-left: 10px; overflow: hidden; height: 50px; } .breadcrumb-wrap .breadcrumbs li { display: inline; line-height: 50px; height: 50px; margin: 0 0 0 5px; font-size: 14px; } .breadcrumb-wrap .breadcrumbs li:first-child { margin: 0; } .breadcrumb-wrap .breadcrumbs li:first-child:before { content: ""; padding-right: 0; } .breadcrumb-wrap .breadcrumbs li span { display: inline-block; text-indent: -9999px; } .breadcrumb-wrap .breadcrumbs li a { text-decoration: none; } .breadcrumb-wrap .breadcrumbs li:before { content: " \203A"; padding-right: 5px; } .print { display: none; } @media print, screen and (max-width: 750px) { .mobile-inline { display: inline; } .mobile { display: block; } .pc-inline { display: none; } .pc { display: none; } } @media print, screen and (min-width: 750px) { .mobile-inline { display: none; } .mobile { display: none; } .pc-inline { display: inline; } .pc { display: block; } } @media print, screen and (max-width: 750px) { body .section_inner { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } body .section_wrap { padding-top: 40px; padding-bottom: 40px; } .content { padding-top: 50px; } } @media screen and (min-width: 750px) and (max-width: 960px) { body .section_inner { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } body .section_wrap { padding-top: 40px; padding-bottom: 40px; } .content { padding-top: 200px; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { body { min-width: 960px; } body .section_inner { width: 960px; margin-left: auto; margin-right: auto; } body .section_wrap { padding-top: 90px; padding-bottom: 90px; } .breadcrumb-wrap { height: 50px; } .content { padding-top: 200px; } } @media screen and (min-width: 1200px) { body { /* min-width: $screen-lg; */ } body .section_inner { width: 1200px; margin-left: auto; margin-right: auto; } body .section_wrap { padding-top: 90px; padding-bottom: 90px; } .breadcrumb-wrap { height: 50px; } .content { padding-top: 200px; } } /* about-tbl */ .about-tbl, table.payment-content { width: 100%; border-top: #d0d0d0 solid 1px; } .about-tbl th, table.payment-content th { font-weight: bold; width: 240px; padding: 20px 0; text-align: left; border-bottom: #d0d0d0 solid 1px; } .about-tbl td, table.payment-content td { padding: 20px 0; text-align: left; border-bottom: #d0d0d0 solid 1px; } @media only screen and (max-width: 750px) { .about-tbl, table.payment-content { display: block; width: 100%; border-top: #d0d0d0 solid 1px; } .about-tbl tbody, .about-tbl tbody tr, table.payment-content tbody, table.payment-content tbody tr { display: block; width: 100%; } .about-tbl th, table.payment-content th { font-size: 14px; font-weight: bold; display: block; width: 100%; padding: 20px 10px 5px; text-align: left; border-bottom: none; } .about-tbl td, table.payment-content td { font-size: 12px; display: block; width: 100%; padding: 0 10px 20px; text-align: left; border-bottom: #d0d0d0 solid 1px; } table.payment-content { display: table; } table.payment-content tbody { display: table-row-group; } table.payment-content tbody tr { display: table-row; } table.payment-content th, table.payment-content td { display: table-cell; width: 50%; } } .payment-title { font-weight: bold; } .payment-content { margin-bottom: 1em; } table.payment-content tr:first-child td { text-align: center; } table.payment-content td { text-align: right; } .carriage-title { font-weight: bold; } .carriage-content a { text-decoration: underline; } /* header -----------------------------------------*/ #header { width: 100%; position: fixed; top: 0; left: 0; z-index: 10; } #header .header_inner:after { clear: both; content: ""; display: block; } #header .header_inner .logo { margin: 0; padding: 0; } /* sp */ @media screen and (max-width: 750px) { #header { height: 50px; background-color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #d8d8d8; } #header .header_inner { margin-left: auto; margin-right: auto; /* ハンバーガーメニュー */ } #header .header_inner:after { content: ""; display: block; clear: both; } #header .header_inner .header_top { float: left; width: 208px; margin: 0; /*検索*/ } #header .header_inner .header_top .logo { width: 208px; height: 40px; position: absolute; top: 5px; left: 10px; } #header .header_inner .header_top .logo a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: top left; background-repeat: no-repeat; transition: all, .6s; width: 208px; height: 40px; background-image: url("https://image.raku-uru.jp/01/6865/516/logo_s_1585019983967.png"); background-size: 208px 40px; } #header .header_inner .header_top #cmsCommonForm { display: none; } #header .header_inner #nav-toggle { position: absolute; top: 12px; right: 10px; } #header .header_inner .menu-trigger, #header .header_inner .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; } #header .header_inner .menu-trigger { position: relative; width: 28px; height: 20px; } #header .header_inner .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #3f3f3f; border-radius: 1px; } #header .header_inner .menu-trigger span:nth-of-type(1) { top: 0; } #header .header_inner .menu-trigger span:nth-of-type(2) { top: 9px; } #header .header_inner .menu-trigger span:nth-of-type(3) { bottom: 0; } #header .header_inner .menu-trigger.active span:nth-of-type(1) { transform: translateY(8px) rotate(-45deg); } #header .header_inner .menu-trigger.active span:nth-of-type(2) { opacity: 0; } #header .header_inner .menu-trigger.active span:nth-of-type(3) { transform: translateY(-10px) rotate(45deg); } #header .header_inner #gloval-nav { /* ふわっと表示させる */ visibility: hidden; opacity: 0; transition: opacity .6s ease, visibility .6s ease; background-color: rgba(0, 0, 0, 0.5); margin-top: 50px; overflow-y: scroll; height: 0; } #header .header_inner #gloval-nav.active { visibility: visible; opacity: 1; height: 100vh; } #header .header_inner #gloval-nav .header-info-wrap { background-color: #3f3f3f; height: 44px; width: 100%; } #header .header_inner #gloval-nav .header-info-wrap > .section_inner { margin: 0; padding: 0; } #header .header_inner #gloval-nav .header-info-wrap:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav { margin: 0; padding: 0; list-style-type: none; height: 44px; position: relative; width: 100%; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li { font-size: 10px; line-height: 30px; display: inline-block; position: relative; text-align: center; width: 32%; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a { position: relative; display: block; width: 100%; height: 44px; padding-top: 18px; color: #FFFFFF; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.entry:before { position: absolute; top: 1px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 15px; content: '\e929'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.mypage:before { position: absolute; top: 0; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 14px; content: '\e90a'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.cart:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e919'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.logout:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e931'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav > .global_nav_inner { padding: 0; width: 100%; background: #fff; color: #000; text-align: center; width: 100%; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul { /*background: #ccc;*/ margin: 0 auto; padding: 0; width: 100%; height: 100%; position: fixed; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li { background: #eff4db; color: #3f3f3f; cursor: pointer; display: block; margin-bottom: 1px; position: relative; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li > a { color: #3f3f3f; display: block; padding: 1rem; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav { background: #f3f3f3; display: none; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 { display: none; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_ul { margin: 0; padding: 0; background: #f3f3f3; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_ul li { border-bottom: 1px solid #eff4db; color: #222; padding: 1rem; position: relative; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_ul li img { display: none; } #header .header_inner #gloval-nav > .global_nav_inner .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_ul li .link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } } @media print, screen and (min-width: 750px) and (max-width: 960px) { #header { height: 200px; background-color: white; transition: all, .6s; border-bottom: 1px solid #d8d8d8; /* scroll */ } #header .header_inner .header_top { padding-top: 15px; padding-bottom: 20px; } #header .header_inner .header_top:after { content: ""; display: block; clear: both; } #header .header_inner .logo { float: left; width: 470px; height: 50px; transition: all, .6s; } #header .header_inner .logo a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: top left; background-repeat: no-repeat; transition: all, .6s; width: 470px; height: 50px; background-image: url("https://image.raku-uru.jp/01/6865/515/logo_1585019983608.png"); background-size: 470px 50px; } #header .header_inner #cmsCommonForm { float: right; margin-top: 10px; transition: all, .6s; } #header .header_inner #cmsCommonForm .header-menu-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-form { position: relative; } #header .header_inner #cmsCommonForm .header-search-form input[type=text] { ont-size: 14px; line-height: 35px; display: inline-block; width: 250px; height: 37px; padding: 0 60px 0 20px; border: 1px solid #dcdcdc; border-radius: 19px; outline: 0 none; background-color: #f5f5f5; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn { line-height: 37px; position: absolute; top: 0; right: 0; display: inline-block; overflow: hidden; width: 48px; padding: 0; cursor: pointer; text-align: center; border: none; border-radius: 0 19px 19px 0; background: none; background-color: #e4e4e4; -webkit-appearance: none; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn .search-btn { padding: 8px 10px; vertical-align: middle; } #header .header_inner #cmsCommonForm:after { content: ""; display: block; clear: both; } #header .header_inner #nav-toggle { display: none; } #header .header_inner #gloval-nav { clear: both; transition: opacity .4s ease-in, visibility .4s ease-in; } #header .header_inner #gloval-nav .header-info-wrap { background-color: #3f3f3f; height: 44px; transition: all, .6s; } #header .header_inner #gloval-nav .header-info-wrap:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav { margin: 0; padding: 0; list-style-type: none; display: table; float: none; width: 50%; height: 44px; margin-left: auto; margin-right: auto; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li { font-size: 10px; line-height: 30px; display: table-cell; float: none; width: 33.33%; margin-left: 0; text-align: center; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a { position: relative; display: block; width: 100%; height: 44px; padding-top: 18px; color: #FFFFFF; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.entry:before { position: absolute; top: 1px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 15px; content: '\e929'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.mypage:before { position: absolute; top: 0; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 14px; content: '\e90a'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.cart:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e919'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.logout:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e931'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav nav { text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul { margin: 0; padding: 0; list-style-type: none; width: 756px; margin-left: auto; margin-right: auto; height: 65px; line-height: 65px; } #header .header_inner #gloval-nav nav .globalNav_ul > li { list-style: none; display: inline-block; width: 18%; min-width: 90px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a { line-height: 24px; height: 24px; display: block; font-size: 16px; font-weight: bold; position: relative; border-right: 1px solid #d8d8d8; color: #000000; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a.global_open_menu:before { display: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:after { content: ""; display: none; width: 0; transition: all, .6s; height: 3px; background-color: #57aa00; position: absolute; transform: translateX(-50%); left: 50%; bottom: -10px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:hover:after { width: 100px; } #header .header_inner #gloval-nav nav .globalNav_ul > li:last-child > a { border-right: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li:hover .globalSubNav { visibility: visible; opacity: 1; z-index: 10000; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav { position: relative; visibility: hidden; opacity: 0; z-index: 1; width: 100%; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; background-color: #f3f3f3; position: absolute; top: 195px; left: 0px; transition: all, .8s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 { overflow: hidden; text-align: center; position: relative; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3:before { content: ""; display: block; width: 100px; height: 3px; background-color: #57aa00; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before, #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #000; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before { right: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { left: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul { margin: 0; padding: 0; list-style-type: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li { position: relative; float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; opacity: 1; transition: all .6s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:nth-child(3n) { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:last-child { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:hover { opacity: .6; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li img { width: 100%; height: auto; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p { margin: 0; padding: 0; line-height: 2em; text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p a { color: #4d4d4d; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li .link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } #header.variableHeader_class { height: 80px; background-color: rgba(255, 255, 255, 0.8); } #header.variableHeader_class .header_inner { width: 750px; margin-left: auto; margin-right: auto; } #header.variableHeader_class .header_inner:after { content: ""; display: block; clear: both; } #header.variableHeader_class .header_inner .header_top { float: left; width: 208px; margin: 0; } #header.variableHeader_class .header_inner .header_top .logo { width: 208px; height: 40px; } #header.variableHeader_class .header_inner .header_top .logo a { width: 208px; height: 40px; background-image: url("https://image.raku-uru.jp/01/6865/516/logo_s_1585019983967.png"); background-size: 208px 40px; } #header.variableHeader_class .header_inner .header_top #cmsCommonForm { display: none; } #header.variableHeader_class .header_inner #gloval-nav { clear: none; float: right; width: 542px; margin-top: 10px; } #header.variableHeader_class .header_inner #gloval-nav .header-info-wrap { display: none; } #header.variableHeader_class .header_inner #gloval-nav > .section_inner { width: auto; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul { width: 542px; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul > li > a { font-size: 14px; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav { background-color: rgba(243, 243, 243, 0.8); top: 80px; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #header { height: 200px; background-color: white; transition: all, .6s; border-bottom: 1px solid #d8d8d8; /* scroll */ } #header .header_inner .header_top { padding-top: 15px; padding-bottom: 20px; } #header .header_inner .header_top:after { content: ""; display: block; clear: both; } #header .header_inner .logo { float: left; width: 470px; height: 50px; transition: all, .6s; } #header .header_inner .logo a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: top left; background-repeat: no-repeat; transition: all, .6s; width: 470px; height: 50px; background-image: url("https://image.raku-uru.jp/01/6865/515/logo_1585019983608.png"); background-size: 470px 50px; } #header .header_inner #cmsCommonForm { float: right; margin-top: 10px; transition: all, .6s; } #header .header_inner #cmsCommonForm .header-menu-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-form { position: relative; } #header .header_inner #cmsCommonForm .header-search-form input[type=text] { ont-size: 14px; line-height: 35px; display: inline-block; width: 250px; height: 37px; padding: 0 60px 0 20px; border: 1px solid #dcdcdc; border-radius: 19px; outline: 0 none; background-color: #f5f5f5; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn { line-height: 37px; position: absolute; top: 0; right: 0; display: inline-block; overflow: hidden; width: 48px; padding: 0; cursor: pointer; text-align: center; border: none; border-radius: 0 19px 19px 0; background: none; background-color: #e4e4e4; -webkit-appearance: none; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn .search-btn { padding: 8px 10px; vertical-align: middle; } #header .header_inner #cmsCommonForm:after { content: ""; display: block; clear: both; } #header .header_inner #nav-toggle { display: none; } #header .header_inner #gloval-nav { clear: both; transition: opacity .4s ease-in, visibility .4s ease-in; } #header .header_inner #gloval-nav .header-info-wrap { background-color: #3f3f3f; height: 44px; transition: all, .6s; } #header .header_inner #gloval-nav .header-info-wrap:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav { margin: 0; padding: 0; list-style-type: none; display: table; float: none; width: 50%; height: 44px; margin-left: auto; margin-right: auto; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li { font-size: 10px; line-height: 30px; display: table-cell; float: none; width: 33.33%; margin-left: 0; text-align: center; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a { position: relative; display: block; width: 100%; height: 44px; padding-top: 18px; color: #FFFFFF; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.entry:before { position: absolute; top: 1px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 15px; content: '\e929'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.mypage:before { position: absolute; top: 0; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 14px; content: '\e90a'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.cart:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e919'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.logout:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e931'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav nav { text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul { margin: 0; padding: 0; list-style-type: none; width: 960px; margin-left: auto; margin-right: auto; height: 65px; line-height: 65px; } #header .header_inner #gloval-nav nav .globalNav_ul > li { list-style: none; display: inline-block; width: 18%; min-width: 90px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a { line-height: 24px; height: 24px; display: block; font-size: 16px; font-weight: bold; position: relative; border-right: 1px solid #d8d8d8; color: #000000; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a.global_open_menu:before { position: absolute; content: ""; display: block; transform: translateY(-50%); top: 50%; right: 15px; border-top: 8.6px solid #57aa00; border-right: 5px solid transparent; border-left: 5px solid transparent; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:after { content: ""; display: block; width: 0; transition: all, .6s; height: 3px; background-color: #57aa00; position: absolute; transform: translateX(-50%); left: 50%; bottom: -10px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:hover:after { width: 100px; } #header .header_inner #gloval-nav nav .globalNav_ul > li:last-child > a { border-right: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li:hover .globalSubNav { visibility: visible; opacity: 1; z-index: 10000; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav { position: relative; visibility: hidden; opacity: 0; z-index: 1; width: 100%; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; background-color: #f3f3f3; position: absolute; top: 195px; left: 0px; transition: all, .8s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 { overflow: hidden; text-align: center; position: relative; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3:before { content: ""; display: block; width: 100px; height: 3px; background-color: #57aa00; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before, #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #000; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before { right: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { left: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul { margin: 0; padding: 0; list-style-type: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li { position: relative; float: left; width: 180px; margin-right: 80px; margin-bottom: 30px; opacity: 1; transition: all .6s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:nth-child(4n) { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:last-child { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:hover { opacity: .6; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li img { width: 100%; height: auto; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p { margin: 0; padding: 0; line-height: 2em; text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p a { color: #4d4d4d; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li .link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } #header.variableHeader_class { height: 80px; background-color: rgba(255, 255, 255, 0.8); } #header.variableHeader_class .header_inner { width: 1200px; margin-left: auto; margin-right: auto; } #header.variableHeader_class .header_inner:after { content: ""; display: block; clear: both; } #header.variableHeader_class .header_inner .header_top { float: left; width: 260px; margin: 0; } #header.variableHeader_class .header_inner .header_top .logo { width: 260px; height: 50px; } #header.variableHeader_class .header_inner .header_top .logo a { width: 260px; height: 50px; background-image: url("https://image.raku-uru.jp/01/6865/516/logo_s_1585019983967.png"); background-size: 260px 50px; } #header.variableHeader_class .header_inner .header_top #cmsCommonForm { display: none; } #header.variableHeader_class .header_inner #gloval-nav { clear: none; float: right; width: 900px; margin-top: 10px; } #header.variableHeader_class .header_inner #gloval-nav .header-info-wrap { display: none; } #header.variableHeader_class .header_inner #gloval-nav > .section_inner { width: auto; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul { width: 900px; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul li .globalSubNav { background-color: rgba(243, 243, 243, 0.8); top: 80px; } } @media screen and (min-width: 1200px) { #header { height: 200px; background-color: white; transition: all, .6s; border-bottom: 1px solid #d8d8d8; /* scroll */ } #header .header_inner .header_top { padding-top: 15px; padding-bottom: 20px; } #header .header_inner .header_top:after { content: ""; display: block; clear: both; } #header .header_inner .logo { float: left; width: 470px; height: 50px; transition: all, .6s; } #header .header_inner .logo a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: top left; background-repeat: no-repeat; transition: all, .6s; width: 470px; height: 50px; background-image: url("https://image.raku-uru.jp/01/6865/515/logo_1585019983608.png"); background-size: 470px 50px; } #header .header_inner #cmsCommonForm { float: right; margin-top: 10px; transition: all, .6s; } #header .header_inner #cmsCommonForm .header-menu-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-sp { display: none; } #header .header_inner #cmsCommonForm .header-search-form { position: relative; } #header .header_inner #cmsCommonForm .header-search-form input[type=text] { ont-size: 14px; line-height: 35px; display: inline-block; width: 250px; height: 37px; padding: 0 60px 0 20px; border: 1px solid #dcdcdc; border-radius: 19px; outline: 0 none; background-color: #f5f5f5; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn { line-height: 37px; position: absolute; top: 0; right: 0; display: inline-block; overflow: hidden; width: 48px; padding: 0; cursor: pointer; text-align: center; border: none; border-radius: 0 19px 19px 0; background: none; background-color: #e4e4e4; -webkit-appearance: none; } #header .header_inner #cmsCommonForm .header-search-form .header-search-form-btn .search-btn { padding: 8px 10px; vertical-align: middle; } #header .header_inner #cmsCommonForm:after { content: ""; display: block; clear: both; } #header .header_inner #nav-toggle { display: none; } #header .header_inner #gloval-nav { clear: both; /*transition: all, .6s;*/ transition: opacity .4s ease-in, visibility .4s ease-in; } #header .header_inner #gloval-nav .header-info-wrap { background-color: #3f3f3f; height: 44px; transition: all, .6s; } #header .header_inner #gloval-nav .header-info-wrap:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav { margin: 0; padding: 0; list-style-type: none; display: table; float: none; width: 50%; height: 44px; margin-left: auto; margin-right: auto; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li { font-size: 10px; line-height: 30px; display: table-cell; float: none; width: 33.33%; margin-left: 0; text-align: center; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a { position: relative; display: block; width: 100%; height: 44px; padding-top: 18px; color: #FFFFFF; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.entry:before { position: absolute; top: 1px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 15px; content: '\e929'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.mypage:before { position: absolute; top: 0; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -8px; font-size: 14px; content: '\e90a'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.cart:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e919'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav .header-info-wrap .cart_nav li a.logout:before { position: absolute; top: 2px; left: 50%; display: inline-block; width: 17px; height: 17px; margin-top: 0; margin-left: -10px; font-size: 15px; content: '\e931'; font-family: "icomoon"; background: none; } #header .header_inner #gloval-nav nav { text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul { margin: 0; padding: 0; list-style-type: none; width: 960px; margin-left: auto; margin-right: auto; height: 65px; line-height: 65px; } #header .header_inner #gloval-nav nav .globalNav_ul > li { list-style: none; display: inline-block; width: 18%; min-width: 90px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a { line-height: 24px; height: 24px; display: block; font-size: 16px; font-weight: bold; position: relative; border-right: 1px solid #d8d8d8; color: #000000; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a.global_open_menu:before { position: absolute; content: ""; display: block; transform: translateY(-50%); top: 50%; right: 15px; border-top: 8.6px solid #57aa00; border-right: 5px solid transparent; border-left: 5px solid transparent; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:after { content: ""; display: block; width: 0; transition: all, .6s; height: 3px; background-color: #57aa00; position: absolute; transform: translateX(-50%); left: 50%; bottom: -10px; } #header .header_inner #gloval-nav nav .globalNav_ul > li > a:hover:after { width: 100px; } #header .header_inner #gloval-nav nav .globalNav_ul > li:last-child > a { border-right: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li:hover .globalSubNav { visibility: visible; opacity: 1; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav { position: relative; visibility: hidden; opacity: 0; z-index: -1; width: 100%; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; background-color: #f3f3f3; position: absolute; top: 195px; left: 0px; transition: all, .8s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 { overflow: hidden; text-align: center; position: relative; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3:before { content: ""; display: block; width: 100px; height: 3px; background-color: #57aa00; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before, #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #000; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:before { right: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner .globalSubNav__inner_hd h3 span:after { left: 100%; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul { margin: 0; padding: 0; list-style-type: none; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul:after { content: ""; display: block; clear: both; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li { position: relative; float: left; width: 180px; margin-right: 75px; margin-bottom: 30px; opacity: 1; transition: all .6s; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:nth-child(5n) { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:last-child { margin-right: 0; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li:hover { opacity: .6; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li img { width: 100%; height: auto; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p { margin: 0; padding: 0; line-height: 2em; text-align: center; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li p a { color: #4d4d4d; } #header .header_inner #gloval-nav nav .globalNav_ul > li .globalSubNav .globalSubNav__inner_ul li .link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } #header.variableHeader_class { height: 80px; background-color: rgba(255, 255, 255, 0.8); } #header.variableHeader_class .header_inner { width: 1200px; margin-left: auto; margin-right: auto; } #header.variableHeader_class .header_inner:after { content: ""; display: block; clear: both; } #header.variableHeader_class .header_inner .header_top { float: left; width: 260px; margin: 0; } #header.variableHeader_class .header_inner .header_top .logo { width: 260px; height: 50px; } #header.variableHeader_class .header_inner .header_top .logo a { width: 260px; height: 50px; background-image: url("https://image.raku-uru.jp/01/6865/516/logo_s_1585019983967.png"); background-size: 260px 50px; } #header.variableHeader_class .header_inner .header_top #cmsCommonForm { display: none; } #header.variableHeader_class .header_inner #gloval-nav { clear: none; float: right; width: 900px; margin-top: 10px; } #header.variableHeader_class .header_inner #gloval-nav .header-info-wrap { display: none; } #header.variableHeader_class .header_inner #gloval-nav > .section_inner { width: auto; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul { width: 900px; } #header.variableHeader_class .header_inner #gloval-nav nav .globalNav_ul li .globalSubNav { background-color: rgba(243, 243, 243, 0.8); top: 80px; } } .footer .footer_nav_wrap { background-color: #007563; } .pagetop2 { position: fixed; bottom: -300px; right: 24px; margin: 0 auto; z-index: 200; visibility: hidden; -webkit-transition: bottom 0.4s linear; } .pagetop2.visible { bottom: 30px; } .pagetop2 a { /*display: table-cell;*/ display: block; width: 140px; height: 140px; background-image: url("../img/line.png"); background-size: 140px 140px; background-position: center center; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; } .footer_bottom { background-color: #57aa00; padding: 50px 0; } .footer_bottom a { text-decoration: none; } .footer_bottom .footer-inner { width: 1000px; margin: 0 auto; padding: 0 20px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_hd { margin: 0; padding: 0; font-size: 18px; font-weight: bold; height: 70px; line-height: 70px; background-color: #FFF; border-radius: 35px; width: 400px; text-align: center; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right { width: 540px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel { font-size: 36px; font-weight: bold; margin: 0; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel a { color: #000000; position: relative; padding-left: 1.2em; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1em; height: 1em; background-image: url(https://image.raku-uru.jp/01/6865/646/icon_tel_1600411242546.png); background-size: 1em 1em; background-repeat: no-repeat; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel span { font-size: 16px; padding-left: 5px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail { color: #334a54; font-size: 12px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail a { color: #000000; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail span { font-size: 10px; padding-left: 1em; } .footer_bottom .footer-inner .copyright { font-size: 12px; text-align: center; } @media (max-width: 750px) { .footer .footer_nav_wrap .footer_nav { margin: 0; padding: 0; list-style-type: none; } .footer .footer_nav_wrap .footer_nav li a { position: relative; padding-left: 13px; margin-right: 1em; color: #FFFFFF; line-height: 50px; height: 50px; font-size: 12px; } .footer .footer_nav_wrap .footer_nav li a:before { position: absolute; content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #FFFFFF; top: 50%; left: 0; margin-top: -4px; } .footer .footer_inner { padding-top: 0px; padding-bottom: 10px; } .footer .footer_inner .footer_logo { width: 220px; margin-left: auto; margin-right: auto; } .footer .footer_inner .footer_logo a { display: block; } .footer .footer_inner .footer_logo a img { width: 100%; height: auto; } .footer .footer_inner .copyright { margin: 0; padding: 0; font-size: 12px; text-align: center; } .footer_bottom { background-color: #57aa00; padding: 50px 0; } .footer_bottom a { text-decoration: none; } .footer_bottom .footer-inner { width: auto; margin: 0 auto; padding: 0 20px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap { display: block; margin-bottom: 0px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_hd { margin: 0; padding: 0; font-size: 14px; font-weight: bold; height: 70px; line-height: 70px; background-color: #FFF; border-radius: 35px; width: auto; text-align: center; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right { width: auto; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel { font-size: 28px; font-weight: bold; margin: 0; text-align: center; margin-top: 10px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel a { color: #000000; position: relative; padding-left: 1.2em; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1em; height: 1em; background-image: url(https://image.raku-uru.jp/01/6865/646/icon_tel_1600411242546.png); background-size: 1em 1em; background-repeat: no-repeat; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .tel span { font-size: 16px; padding-left: 5px; display: block; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail { color: #334a54; font-size: 12px; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail a { color: #000000; display: block; margin-bottom: 5px; text-align: center; } .footer_bottom .footer-inner .footer_bottom_contact_wrap .footer_bottom_contact_right .mail span { font-size: 10px; padding-left: 1em; } .pagetop2 a { width: 70px; height: 70px; background-size: 70px 70px; } } @media (min-width: 750px) and (max-width: 960px) { .footer .footer_nav_wrap .footer_nav { margin: 0; padding: 0; list-style-type: none; text-align: center; } .footer .footer_nav_wrap .footer_nav li { display: inline-block; } .footer .footer_nav_wrap .footer_nav li a { position: relative; padding-left: 13px; margin-right: 1em; color: #FFFFFF; line-height: 50px; height: 50px; font-size: 12px; } .footer .footer_nav_wrap .footer_nav li a:before { position: absolute; content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #FFFFFF; top: 50%; left: 0; margin-top: -4px; } .footer .footer_inner { padding-top: 30px; padding-bottom: 30px; } .footer .footer_inner .footer_logo { width: 220px; margin-left: auto; margin-right: auto; } .footer .footer_inner .footer_logo a { display: block; } .footer .footer_inner .footer_logo a img { width: 100%; height: auto; } .footer .footer_inner .copyright { margin: 0; padding: 0; font-size: 12px; text-align: center; } } @media (min-width: 960px) and (max-width: 1200px) { .footer .footer_nav_wrap .footer_nav { margin: 0; padding: 0; list-style-type: none; text-align: center; } .footer .footer_nav_wrap .footer_nav li { display: inline-block; } .footer .footer_nav_wrap .footer_nav li a { position: relative; padding-left: 13px; margin-right: 1em; color: #FFFFFF; line-height: 50px; height: 50px; font-size: 12px; } .footer .footer_nav_wrap .footer_nav li a:before { position: absolute; content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #FFFFFF; top: 50%; left: 0; margin-top: -4px; } .footer .footer_inner { padding-top: 30px; padding-bottom: 30px; } .footer .footer_inner .footer_logo { width: 220px; margin-left: auto; margin-right: auto; } .footer .footer_inner .footer_logo a { display: block; } .footer .footer_inner .footer_logo a img { width: 100%; height: auto; } .footer .footer_inner .copyright { margin: 0; padding: 0; font-size: 12px; text-align: center; } } @media (min-width: 1200px) { .footer .footer_nav_wrap .footer_nav { margin: 0; padding: 0; list-style-type: none; text-align: center; } .footer .footer_nav_wrap .footer_nav li { display: inline-block; } .footer .footer_nav_wrap .footer_nav li a { position: relative; padding-left: 13px; margin-right: 1em; color: #FFFFFF; line-height: 50px; height: 50px; font-size: 12px; } .footer .footer_nav_wrap .footer_nav li a:before { position: absolute; content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #FFFFFF; top: 50%; left: 0; margin-top: -4px; } .footer .footer_inner { padding-top: 30px; padding-bottom: 30px; } .footer .footer_inner .footer_logo { width: 220px; margin-left: auto; margin-right: auto; } .footer .footer_inner .footer_logo a { display: block; } .footer .footer_inner .footer_logo a img { width: 100%; height: auto; } .footer .footer_inner .copyright { margin: 0; padding: 0; font-size: 12px; text-align: center; } } /* トップページ用CSS ------------------------*/ #top { /* for bxslider */ /* for slick #sliderBox_elm { margin: 0; padding: 0; list-style-type: none; margin: 0 0 50px; padding: 0; list-style-type: none; .slick-next { right: 20px; z-index: 99; } .slick-prev { left: 15px; z-index: 100; } .slick-dots { li { button { &:before { font-size: 20px; color: $baseColor01; } } } } } */ } #top .bx-wrapper { overflow: hidden; width: 100%; } #top .bx-wrapper .bx-controls-direction a { z-index: 1; width: 50px; height: 50px; margin: 0; transform: translateY(-50%); background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); } #top .bx-wrapper .bx-controls-direction .bx-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .bx-wrapper .bx-controls-direction .bx-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .bx-wrapper .bx-pager { position: static; } #top .bx-wrapper .bx-pager .bx-pager-item a { width: 15px; height: 15px; border-radius: 10px; background: #d8d8d8; } #top .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #57aa00; } #top .bx-viewport { overflow: visible !important; /* 両サイドに前後の画像を表示させる */ margin: 0 auto; /* 画面中央にする */ box-shadow: none; border: none; left: 0; background: #fff; } #top .sliderBox_elm_wrap { position: relative; } #top .sliderBox_elm_wrap #sliderBox_elm { margin: 0; padding: 0; list-style-type: none; } #top .sliderBox_elm_wrap #sliderBox_elm li { position: relative; } #top .sliderBox_elm_wrap #sliderBox_elm li img { width: 100%; height: auto; } #top .sliderBox_elm_wrap .sliderBox_elm_text { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 56vw; } #top .sliderBox_elm_wrap .sliderBox_elm_text img { width: 100%; height: auto; } @media screen and (max-width: 750px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 35%; width: 25px; height: 25px; background-size: 25px 25px; } #top .bx-wrapper .bx-pager { padding-top: 30px; padding-bottom: 25px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { display: none; } #top .banner_wrap { padding-left: 10px; padding-right: 10px; padding-top: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 5px; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 18px; margin: 0; padding: 0; margin-bottom: 20px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 80%; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 48%; position: relative; margin-bottom: 4vw; margin-right: 3%; } #top .category_wrap .category_inner .ul_category li:nth-child(2n) { margin-right: 0; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 5px; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 40px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; } #top .news_wrap .news_inner .news dl:last-child { padding-bottom: 0; border-bottom: none; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 140px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; } #top .news_wrap .news_inner .news dl dd:last-of-type { float: none; clear: both; padding-top: 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: flex !important; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 40px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: flex; justify-content: flex-start; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 48%; margin-right: 4%; margin-bottom: 4vw; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(2n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(2n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(2n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(2n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(2n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(2n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(2n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(2n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; object-fit: cover; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 10px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media (min-width: 750px) and (max-width: 960px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 40%; } #top .bx-wrapper .bx-pager { padding-top: 30px; padding-bottom: 25px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: flex; flex-wrap: nowrap; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap { padding-left: 20px; padding-right: 20px; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 40px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 30%; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: flex !important; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: flex; justify-content: flex-start; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 32%; margin-right: 2%; margin-bottom: 2vw; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(3n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; object-fit: cover; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 40%; } #top .bx-wrapper .bx-pager { padding-top: 50px; padding-bottom: 35px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: flex; flex-wrap: nowrap; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap { padding-left: 20px; padding-right: 20px; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 80px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 30%; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: flex !important; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: flex; justify-content: flex-start; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 300px; margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(3n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; object-fit: cover; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media screen and (min-width: 1200px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 46%; } #top .bx-wrapper .bx-pager { padding-top: 50px; padding-bottom: 35px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: flex; flex-wrap: nowrap; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } #top .banner_wrap li { width: 575px; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 80px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 366px; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: flex !important; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: flex; justify-content: flex-start; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 280px; margin-right: 26.6666px; margin-bottom: 26.6666px; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(4n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(4n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(4n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(4n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(4n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(4n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(4n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(4n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; object-fit: cover; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } /* 商品一覧ページ用CSS ------------------------*/ #second .mainImage img { width: 100%; height: auto; } @media screen and (max-width: 750px) { #second .breadcrumb-wrap-top { margin-bottom: 40px; } #second .onlineshop { font-size: 16px; font-weight: bold; } #second .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #second .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 24px; color: #007563; font-weight: normal; } #second .sort { box-sizing: border-box; border: 1px solid #d8d8d8; margin-top: 40px; margin-bottom: 40px; height: 65px; line-height: 65px; padding-left: 2em; padding-right: 2em; } #second .sort:after { content: ""; display: block; clear: both; } #second .sort .sort-label { float: left; margin-right: 1em; } #second .sort ul { margin: 0; padding: 0; list-style-type: none; } #second .sort ul li { display: inline-block; margin-right: 1em; } #second .product_list_wrap { margin-bottom: 80px; } #second .product_list_wrap .product_list { margin-bottom: 60px; width: 100%; } #second .product_list_wrap .product_list > ul { margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; list-style-type: none; display: flex; flex-wrap: wrap; } #second .product_list_wrap .product_list > ul > li { width: 48%; box-sizing: border-box; padding-bottom: 60px; position: relative; margin-right: 4%; margin-bottom: 40px; } #second .product_list_wrap .product_list > ul > li:nth-child(2n) { margin-right: 0; } #second .product_list_wrap .product_list > ul > li img { width: 100%; height: auto; } #second .product_list_wrap .product_list > ul > li .products_info { margin-top: 10px; } #second .product_list_wrap .product_list > ul > li .products_info .products_name { margin: 0; padding: 0; font-size: 15px; margin-bottom: 1em; } #second .product_list_wrap .product_list > ul > li .products_info .standard { margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .products_info .price { margin: 0; padding: 0; font-size: 14px; } #second .product_list_wrap .product_list > ul > li .detail_button { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .detail_button a { display: block; height: 40px; line-height: 40px; text-align: center; box-shadow: 0px 0px 3px 3px #e8e8e8; position: relative; transition: all, .6s; } #second .product_list_wrap .product_list > ul > li .detail_button a:after { content: "\FF1E"; display: block; display: block; position: absolute; transform: translateY(-50%); top: 50%; right: 20px; color: #3f3f3f; } #second .product_list_wrap .product_list > ul > li .detail_button a:hover { opacity: .6; } #second .product_list_wrap .product_list .paging { width: 100%; margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; margin-bottom: 90px; } #second .product_list_wrap .product_list .paging p { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging p a { padding: 10px 12px; text-align: center; border: 1px solid #d8d8d8; transition: all, .6s; } #second .product_list_wrap .product_list .paging p a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul { margin: 0; padding: 0; list-style-type: none; } #second .product_list_wrap .product_list .paging .page-num ul li { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging .page-num ul li a { padding: 10px 12px; border: 1px solid #d8d8d8; text-align: center; transition: all, .6s; } #second .product_list_wrap .product_list .paging .page-num ul li a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul li span a { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .side_wrap { box-sizing: border-box; } #second .product_list_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; position: absolute; top: 1em; left: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #second .product_list_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; padding: 1em 0; } } @media (min-width: 750px) and (max-width: 960px) { #second .breadcrumb-wrap-top { margin-bottom: 40px; } #second .onlineshop { font-size: 16px; font-weight: bold; } #second .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #second .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #second .sort { box-sizing: border-box; border: 1px solid #d8d8d8; margin-top: 40px; margin-bottom: 40px; height: 65px; line-height: 65px; padding-left: 2em; padding-right: 2em; } #second .sort:after { content: ""; display: block; clear: both; } #second .sort .sort-label { float: left; margin-right: 1em; } #second .sort ul { margin: 0; padding: 0; list-style-type: none; } #second .sort ul li { display: inline-block; margin-right: 1em; } #second .product_list_wrap { margin-bottom: 80px; } #second .product_list_wrap .product_list { margin-bottom: 60px; width: 100%; } #second .product_list_wrap .product_list > ul { margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; list-style-type: none; display: flex; flex-wrap: wrap; } #second .product_list_wrap .product_list > ul > li { width: 30%; box-sizing: border-box; padding-bottom: 60px; position: relative; margin-right: 5%; margin-bottom: 40px; } #second .product_list_wrap .product_list > ul > li:nth-child(3n) { margin-right: 0; } #second .product_list_wrap .product_list > ul > li img { width: 100%; height: auto; } #second .product_list_wrap .product_list > ul > li .products_info { margin-top: 10px; } #second .product_list_wrap .product_list > ul > li .products_info .products_name { margin: 0; padding: 0; font-size: 15px; margin-bottom: 1em; } #second .product_list_wrap .product_list > ul > li .products_info .standard { margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .products_info .price { margin: 0; padding: 0; font-size: 14px; } #second .product_list_wrap .product_list > ul > li .detail_button { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .detail_button a { display: block; height: 40px; line-height: 40px; text-align: center; box-shadow: 0px 0px 3px 3px #e8e8e8; position: relative; transition: all, .6s; } #second .product_list_wrap .product_list > ul > li .detail_button a:after { content: "\FF1E"; display: block; display: block; position: absolute; transform: translateY(-50%); top: 50%; right: 20px; color: #3f3f3f; } #second .product_list_wrap .product_list > ul > li .detail_button a:hover { opacity: .6; } #second .product_list_wrap .product_list .paging { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; margin-bottom: 90px; } #second .product_list_wrap .product_list .paging p { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging p a { padding: 10px 12px; text-align: center; border: 1px solid #d8d8d8; transition: all, .6s; } #second .product_list_wrap .product_list .paging p a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul { margin: 0; padding: 0; list-style-type: none; } #second .product_list_wrap .product_list .paging .page-num ul li { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging .page-num ul li a { padding: 10px 12px; border: 1px solid #d8d8d8; text-align: center; transition: all, .6s; } #second .product_list_wrap .product_list .paging .page-num ul li a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul li span a { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .side_wrap { box-sizing: border-box; } #second .product_list_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; padding-left: 1.2em; position: relative; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; position: absolute; top: 1em; left: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #second .product_list_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; padding: 1em 0; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #second .breadcrumb-wrap-top { margin-bottom: 40px; } #second .onlineshop { font-size: 16px; font-weight: bold; } #second .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #second .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #second .sort { box-sizing: border-box; border: 1px solid #d8d8d8; margin-top: 40px; margin-bottom: 40px; height: 65px; line-height: 65px; padding-left: 2em; padding-right: 2em; } #second .sort:after { content: ""; display: block; clear: both; } #second .sort .sort-label { float: left; margin-right: 1em; } #second .sort ul { margin: 0; padding: 0; list-style-type: none; } #second .sort ul li { display: inline-block; margin-right: 1em; } #second .product_list_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #second .product_list_wrap .product_list { width: 700px; } #second .product_list_wrap .product_list > ul { margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; list-style-type: none; display: flex; flex-wrap: wrap; } #second .product_list_wrap .product_list > ul > li { width: 219px; box-sizing: border-box; padding-bottom: 60px; position: relative; margin-right: 18px; margin-bottom: 40px; } #second .product_list_wrap .product_list > ul > li:nth-child(3n) { margin-right: 0; } #second .product_list_wrap .product_list > ul > li img { width: 100%; height: auto; } #second .product_list_wrap .product_list > ul > li .products_info { margin-top: 10px; } #second .product_list_wrap .product_list > ul > li .products_info .products_name { margin: 0; padding: 0; font-size: 15px; margin-bottom: 1em; } #second .product_list_wrap .product_list > ul > li .products_info .standard { margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .products_info .price { margin: 0; padding: 0; font-size: 14px; } #second .product_list_wrap .product_list > ul > li .detail_button { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .detail_button a { display: block; height: 40px; line-height: 40px; text-align: center; box-shadow: 0px 0px 3px 3px #e8e8e8; position: relative; transition: all, .6s; } #second .product_list_wrap .product_list > ul > li .detail_button a:after { content: "\FF1E"; display: block; display: block; position: absolute; transform: translateY(-50%); top: 50%; right: 20px; color: #3f3f3f; } #second .product_list_wrap .product_list > ul > li .detail_button a:hover { opacity: .6; } #second .product_list_wrap .product_list .paging { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; margin-bottom: 90px; } #second .product_list_wrap .product_list .paging p { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging p a { padding: 10px 12px; text-align: center; border: 1px solid #d8d8d8; transition: all, .6s; } #second .product_list_wrap .product_list .paging p a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul { margin: 0; padding: 0; list-style-type: none; } #second .product_list_wrap .product_list .paging .page-num ul li { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging .page-num ul li a { padding: 10px 12px; border: 1px solid #d8d8d8; text-align: center; transition: all, .6s; } #second .product_list_wrap .product_list .paging .page-num ul li a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul li span a { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .side_wrap { width: 210px; box-sizing: border-box; } #second .product_list_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; border-bottom: 1px solid #d8d8d8; padding-left: 1.2em; text-indent: -1em; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; position: absolute; top: 1em; left: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #second .product_list_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; padding: 1em 0; } } @media screen and (min-width: 1200px) { #second .breadcrumb-wrap-top { margin-bottom: 40px; } #second .onlineshop { font-size: 16px; font-weight: bold; } #second .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #second .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #second .sort { box-sizing: border-box; border: 1px solid #d8d8d8; margin-top: 40px; margin-bottom: 40px; height: 65px; line-height: 65px; padding-left: 2em; padding-right: 2em; } #second .sort:after { content: ""; display: block; clear: both; } #second .sort .sort-label { float: left; margin-right: 1em; } #second .sort ul { margin: 0; padding: 0; list-style-type: none; } #second .sort ul li { display: inline-block; margin-right: 1em; } #second .product_list_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #second .product_list_wrap .product_list { width: 930px; } #second .product_list_wrap .product_list > ul { margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; list-style-type: none; display: flex; flex-wrap: wrap; } #second .product_list_wrap .product_list > ul > li { width: 219px; box-sizing: border-box; padding-bottom: 60px; position: relative; margin-right: 18px; margin-bottom: 40px; } #second .product_list_wrap .product_list > ul > li:nth-child(4n) { margin-right: 0; } #second .product_list_wrap .product_list > ul > li img { width: 100%; height: auto; } #second .product_list_wrap .product_list > ul > li .products_info { margin-top: 10px; } #second .product_list_wrap .product_list > ul > li .products_info .products_name { margin: 0; padding: 0; font-size: 15px; margin-bottom: 1em; } #second .product_list_wrap .product_list > ul > li .products_info .standard { margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .products_info .price { margin: 0; padding: 0; font-size: 14px; } #second .product_list_wrap .product_list > ul > li .detail_button { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; } #second .product_list_wrap .product_list > ul > li .detail_button a { display: block; height: 40px; line-height: 40px; text-align: center; box-shadow: 0px 0px 3px 3px #e8e8e8; position: relative; transition: all, .6s; } #second .product_list_wrap .product_list > ul > li .detail_button a:after { content: "\FF1E"; display: block; display: block; position: absolute; transform: translateY(-50%); top: 50%; right: 20px; color: #3f3f3f; } #second .product_list_wrap .product_list > ul > li .detail_button a:hover { opacity: .6; } #second .product_list_wrap .product_list .paging { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; margin-bottom: 90px; } #second .product_list_wrap .product_list .paging p { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging p a { padding: 10px 12px; text-align: center; border: 1px solid #d8d8d8; transition: all, .6s; } #second .product_list_wrap .product_list .paging p a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul { margin: 0; padding: 0; list-style-type: none; } #second .product_list_wrap .product_list .paging .page-num ul li { margin: 0; padding: 0; display: inline-block; margin-right: 1em; } #second .product_list_wrap .product_list .paging .page-num ul li a { padding: 10px 12px; border: 1px solid #d8d8d8; text-align: center; transition: all, .6s; } #second .product_list_wrap .product_list .paging .page-num ul li a:hover { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .product_list .paging .page-num ul li span a { border: 1px solid #007563; background-color: #007563; color: #FFFFFF; } #second .product_list_wrap .side_wrap { width: 210px; box-sizing: border-box; } #second .product_list_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; border-bottom: 1px solid #d8d8d8; padding-left: 1.2em; text-indent: -1em; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; position: absolute; top: 1em; left: 0; } #second .product_list_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #second .product_list_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #second .product_list_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; padding: 1em 0; } } /* 商品詳細ページ用CSS ------------------------*/ #product .mainImage img { width: 100%; height: auto; } #product .main ul { list-style-type: none; margin: 0; padding: 0; } #product .main dl { margin: 0; padding: 0; } #product .main dl dt { margin: 0; padding: 0; } #product .main dl dd { margin: 0; padding: 0; } #product .main .item-detail-cart-btn a { background-color: #007563; } #product .product_detail_message { padding: 30px 30px; border-radius: 8px; background-size: auto auto; background-color: white; background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(36, 205, 255, 0.3) 8px, rgba(36, 205, 255, 0.3) 16px); margin-bottom: 2em; } #product .product_detail_message h4 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-align: center; margin-bottom: 1em; } #product .product_detail_message p { margin: 0; padding: 0; } #product .item-detail-txt3 h4 { color: #007563; border-bottom: 1px solid #007563; } #product .item-detail-txt1 table td, #product .item-detail-txt1 table th { padding: 10px; } #product .item-detail-txt1 table th { background-color: #bad0cc; } @media screen and (max-width: 750px) { #product .breadcrumb-wrap-top { margin-bottom: 40px; } #product .onlineshop { font-size: 16px; font-weight: bold; } #product .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #product .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #product .product_detail_wrap { margin-bottom: 80px; } #product .product_detail_wrap .product_detail { margin-bottom: 60px; width: 100%; } #product .product_detail_wrap .side_wrap { box-sizing: border-box; } #product .product_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media (min-width: 750px) and (max-width: 960px) { #product .breadcrumb-wrap-top { margin-bottom: 40px; } #product .onlineshop { font-size: 16px; font-weight: bold; } #product .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #product .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #product .product_detail_wrap { margin-bottom: 80px; } #product .product_detail_wrap .product_detail { margin-bottom: 60px; width: 750px; box-sizing: border-box; margin-left: auto; margin-right: auto; } #product .product_detail_wrap .product_detail .item-detail-right { width: 270px; } #product .product_detail_wrap .side_wrap { box-sizing: border-box; } #product .product_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #product .breadcrumb-wrap-top { margin-bottom: 40px; } #product .onlineshop { font-size: 16px; font-weight: bold; } #product .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #product .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #product .product_detail_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #product .product_detail_wrap .product_detail { width: 700px; margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; } #product .product_detail_wrap .product_detail .item-detail-right { width: 330px; } #product .product_detail_wrap .side_wrap { width: 210px; box-sizing: border-box; } #product .product_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media screen and (min-width: 1200px) { #product .breadcrumb-wrap-top { margin-bottom: 40px; } #product .onlineshop { font-size: 16px; font-weight: bold; } #product .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #product .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #product .product_detail_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #product .product_detail_wrap .product_detail { width: 930px; margin: 0; padding: 0; margin-bottom: 60px; box-sizing: border-box; } #product .product_detail_wrap .product_detail .item-detail-right { width: 520px; } #product .product_detail_wrap .side_wrap { width: 210px; box-sizing: border-box; } #product .product_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #product .product_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #product .product_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } #product { /* item-detail */ /* radio */ } #product .item-detail-left { float: left; width: 360px; } #product .item-detail-right { float: right; width: 406px; } #product .item-detail-photo { position: relative; overflow: hidden; width: 360px; height: 360px; margin-bottom: 10px; } #product .item-detail-photo ul li { display: none; float: left; width: 360px; } #product .item-detail-photo ul li.active { display: block; } #product .item-detail-photo img { display: block; max-width: 360px; max-height: 360px; width: auto; height: auto; margin: auto; } #product .item-detail-photo-backbtn, #product .item-detail-photo-nextbtn { display: none; } #product .item-detail-zoom { margin-bottom: 20px; text-align: center; } #product .item-detail-zoom a { position: relative; padding-left: 30px; } #product .item-detail-zoom a:before { position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin-top: -10px; content: ''; background-image: url(/momomo/cms/yt00001/img/icn-zoom.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-thumb { width: 100%; margin-bottom: 20px; } #product .item-detail-thumb-photo { float: left; width: 65px; margin-right: 8px; } #product .item-detail-thumb-photo img { max-width: 100%; max-height: 65px; border: #d0d0d0 solid 1px; } #product .item-detail-thumb-photo:nth-child(5n) { margin-right: 0; } #product .item-detail-thumb-photo:nth-child(5n+1) { clear: left; } #product .item-detail-info { width: 100%; margin-bottom: 15px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-info2 { width: 100%; margin-bottom: 15px; } #product .item-detail-info dl, #product .item-detail-info2 dl { display: table; width: 100%; } #product .item-detail-info dl dt, #product .item-detail-info2 dl dt { display: table-cell; width: 120px; padding: 3px; vertical-align: middle; } #product .item-detail-info dl dd, #product .item-detail-info2 dl dd { display: table-cell; padding: 3px; } #product .item-detail-category { font-size: 14px; margin-bottom: 16px; } #product .item-detail-name { font-size: 22px; font-weight: normal; margin-bottom: 15px; } #product .item-detail-vari, #product .item-detail-spec { margin-bottom: 20px; } #product .item-detail-vari-price dl dt { display: none; } #product .item-detail-vari-price-num { font-size: 22px; font-weight: normal; margin-bottom: 15px; } #product .raku-item-no-stock { color: #f33; } #product .item-detail-cart { width: 100%; margin-bottom: 25px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-cart p { font-size: 14px; margin-bottom: 10px; } #product .item-detail-inputtext input { font-size: 16px; position: relative; display: inline-block; overflow: hidden; width: 100%; height: 56px; margin-bottom: 18px; padding: 0 8px; vertical-align: middle; border: 1px solid #d0d0d0; } #product .item-detail-select { position: relative; width: 100%; margin-bottom: 20px; } #product .item-detail-select label { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 56px; vertical-align: middle; border: 1px solid #d0d0d0; background-color: #f5f5f5; } #product .item-detail-select::before { position: absolute; z-index: 2; top: 50%; right: 20px; width: 0; height: 0; margin-top: -3px; content: ''; border-width: 8px 5px 0 5px; border-style: solid; border-color: #000 transparent transparent transparent; } #product .item-detail-select select { font-size: 14px; line-height: 56px; position: relative; z-index: 2; display: block; width: 100%; width: -webkit-calc(100%); height: 56px; margin: 0; padding: 0 45px 0 15px; border: 0; outline: none; background: transparent; appearance: none; } #product .item-detail-cart-vari-select { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 56px; margin-bottom: 18px; vertical-align: middle; border: 1px solid #d0d0d0; background-color: #f5f5f5; } #product .item-detail-cart-vari-select label:before { position: absolute; z-index: 2; top: 50%; right: 20px; width: 0; height: 0; margin-top: -3px; content: ''; border-width: 8px 5px 0 5px; border-style: solid; border-color: #000 transparent transparent transparent; } #product .item-detail-cart-vari-select select { font-size: 14px; line-height: 56px; position: relative; z-index: 2; display: block; width: 100%; width: -webkit-calc(100%); height: 56px; margin: 0; padding: 0 0 0 20px; text-indent: .01px; text-overflow: ''; border: 0; outline: none; background: transparent; appearance: none; } #product select::-ms-expand { display: none; } #product .item-detail-cart-vari-radio { overflow: hidden; width: 100%; margin-bottom: 18px; } #product .item-detail-cart-vari-radio div { margin-bottom: 5px; } #product .item-detail-cart-vari-radio input { width: 0; opacity: .0; } #product .item-detail-cart-vari-radio input + label { font-size: 18px; line-height: 1; position: relative; display: inline-block; padding-left: 20px; } #product .item-detail-cart-vari-radio input + label::before { position: absolute; top: 0; left: 0; display: block; width: 15px; height: 15px; margin-top: -1px; content: ''; border: 1px solid #d0d0d0; border-radius: 50%; } #product .item-detail-cart-vari-radio input:checked + label::after { position: absolute; top: 2px; left: 3px; display: block; width: 11px; height: 11px; content: ''; border-radius: 50%; background-color: #666; } #product .item-detail-num-count { font-size: 0; display: flex; width: 100%; margin-bottom: 18px; } #product .item-detail-num-plus { font-size: 14px; display: inline-block; vertical-align: middle; } #product .item-detail-num-plus a { font-size: 18px; line-height: 55px; display: block; width: 55px; height: 55px; text-align: center; text-decoration: none; color: #fcfcfc; background-color: #ccc; } #product .item-detail-num-minus { font-size: 14px; display: inline-block; margin-right: 12px; vertical-align: middle; } #product .item-detail-num-minus a { font-size: 18px; line-height: 55px; display: block; width: 55px; height: 55px; text-align: center; text-decoration: none; color: #fcfcfc; background-color: #ccc; } #product .item-detail-num { height: 55px; margin-right: 12px; padding: 0; vertical-align: middle; } #product .item-detail-num input[type=number] { font-size: 14px; line-height: 55px; display: block; width: 55px; height: 55px; text-align: center; border: solid 1px #ccc; -moz-appearance: textfield; } #product .item-detail-num input[type=number]::-webkit-inner-spin-button, #product .item-detail-num input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } #product .item-detail-num-select { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 56px; margin-bottom: 18px; vertical-align: middle; border: 1px solid #d0d0d0; background-color: #f5f5f5; } #product .item-detail-num-select label:before { position: absolute; z-index: 2; top: 50%; right: 20px; width: 0; height: 0; margin-top: -3px; content: ''; border-width: 8px 5px 0 5px; border-style: solid; border-color: #000 transparent transparent transparent; } #product .item-detail-num-select select { font-size: 14px; line-height: 56px; position: relative; z-index: 2; display: block; width: 100%; width: -webkit-calc(100%); height: 56px; margin: 0; padding: 0 0 0 20px; text-indent: .01px; text-overflow: ''; border: 0; outline: none; background: transparent; appearance: none; } #product .item-detail-cart-btn { width: 100%; margin-bottom: 20px; } #product .item-detail-cart-btn a { font-size: 20px; line-height: 55px; display: block; width: 100%; height: 55px; text-align: center; color: #fcfcfc; background-color: #666; } #product .item-detail-cart-btn a span { position: relative; } #product .item-detail-cart-btn a span:before { position: absolute; top: 50%; left: -46px; display: inline-block; width: 24px; height: 24px; margin-top: -12px; content: ''; vertical-align: middle; background-image: url(/momomo/cms/yt00001/img/icn-cart-btn.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-txt { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-txt p { font-size: 13px; padding: 3px; } #product .item-detail-share { width: 100%; padding-bottom: 20px; } #product .item-detail-share dl { display: table; width: 100%; } #product .item-detail-share dl dt { display: table-cell; width: 90px; padding: 3px; vertical-align: middle; } #product .item-detail-share dl dd { display: table-cell; padding: 3px; vertical-align: middle; } #product .item-detail-share dl dd ul li { float: left; width: 24px; margin-right: 20px; } #product .item-detail-share dl dd ul li img { width: 100%; height: auto; } #product .item-comment { margin-bottom: 20px; padding-top: 20px; border-top: #d0d0d0 solid 1px; } #product .item-comment h4 { font-size: 14px; font-weight: normal; margin-bottom: 15px; } #product .item-comment p { font-size: 13px; } #product .item-comment table { width: 100%; } #product .item-comment table tr th { font-size: 13px; font-weight: normal; width: 180px; padding: 4px 12px; text-align: left; } #product .item-comment table tr td { font-size: 13px; padding: 4px 12px; text-align: left; } #product .item-comment table tr:nth-child(2n-1) th, #product .item-comment table tr:nth-child(2n-1) td { background-color: #eee; } @media only screen and (max-width: 750px) { #product .item-detail-left { float: none; width: 100%; } #product .item-detail-right { float: none; width: 100%; } #product .item-detail-photo-main { position: relative; width: 260px; margin: 0 auto; } #product .item-detail-photo { position: relative; overflow: hidden; width: 260px; height: 260px; margin: 0 auto 10px; } #product .item-detail-photo ul { width: 100%; height: 260px; margin: 0 auto; } #product .item-detail-photo ul li { display: block; float: left; width: 260px; height: 260px; margin: 0; } #product .item-detail-photo img { max-width: 100%; max-height: 100%; } #product .item-detail-photo-backbtn { position: absolute; top: 50%; left: -20px; display: block; margin-top: -12px; } #product .item-detail-photo-backbtn a { display: block; width: 12px; height: 23px; background-image: url(/momomo/cms/yt00001/img/icn-arrow-prev_sp.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-photo-nextbtn { position: absolute; top: 50%; right: -20px; display: block; margin-top: -12px; } #product .item-detail-photo-nextbtn a { display: block; width: 12px; height: 23px; background-image: url(/momomo/cms/yt00001/img/icn-arrow-next_sp.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-zoom { margin-bottom: 20px; text-align: center; } #product .item-detail-zoom a { position: relative; padding-left: 30px; } #product .item-detail-zoom a:before { position: absolute; top: 50%; left: 0; display: block; width: 19px; height: 19px; margin-top: -10px; content: ''; background-image: url(/momomo/cms/yt00001/img/icn-zoom_sp.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-thumb { display: none; width: 100%; } #product .item-detail-info { width: 100%; margin-bottom: 18px; padding-right: 10px; padding-left: 10px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-info2 { width: 100%; margin-bottom: 18px; padding-right: 10px; padding-left: 10px; } #product .item-detail-category { font-size: 12px; margin-bottom: 12px; } #product .item-detail-name { font-size: 14px; font-weight: normal; line-height: 32px; margin-bottom: 12px; } #product .item-detail-cart { width: 100%; margin-bottom: 18px; padding-right: 10px; padding-left: 10px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-cart p { font-size: 14px; margin-bottom: 10px; } #product .item-detail-select select { font-size: 16px; } #product .item-detail-num-count { font-size: 0; width: 100%; margin-bottom: 30px; text-align: center; justify-content: center; } #product .item-detail-num-minus { font-size: 14px; display: inline-block; margin-right: 12px; } #product .item-detail-num-minus a { font-size: 18px; line-height: 55px; display: block; width: 55px; height: 55px; text-align: center; color: #fcfcfc; background-color: #ccc; } #product .item-detail-num { font-size: 16px; line-height: 55px; display: inline-block; width: 55px; height: 55px; margin-right: 12px; text-align: center; } #product .item-detail-num input[type=number] { font-size: 16px; } #product .item-detail-num-plus { font-size: 14px; display: inline-block; } #product .item-detail-num-plus a { font-size: 18px; line-height: 55px; display: block; width: 55px; height: 55px; text-align: center; color: #fcfcfc; background-color: #ccc; } #product .item-detail-num-select select { font-size: 16px; } #product .item-detail-cart-btn { width: 100%; margin-bottom: 20px; } #product .item-detail-cart-btn a { font-size: 18px; line-height: 55px; display: block; width: 100%; height: 55px; text-align: center; color: #fcfcfc; background-color: #666; } #product .item-detail-cart-btn a span { position: relative; } #product .item-detail-cart-btn a span:before { position: absolute; top: 50%; left: -40px; display: inline-block; width: 24px; height: 24px; margin-top: -12px; content: ''; vertical-align: middle; background-image: url(/momomo/cms/yt00001/img/icn-cart-btn.png); background-repeat: no-repeat; background-size: cover; } #product .item-detail-txt { width: 100%; margin-bottom: 18px; padding-right: 10px; padding-bottom: 18px; padding-left: 10px; border-bottom: #d0d0d0 solid 1px; } #product .item-detail-txt p { font-size: 13px; padding: 0; } #product .item-detail-share { width: 100%; padding-bottom: 30px; text-align: center; } #product .item-detail-share dl { display: block; width: 100%; } #product .item-detail-share dl dt { font-size: 13px; display: block; width: 100%; margin-bottom: 10px; padding: 0; } #product .item-detail-share dl dd { font-size: 13px; display: block; padding: 0; text-align: center; } #product .item-detail-share dl dd ul li { display: inline-block; float: none; width: 33px; margin-right: 10px; margin-left: 10px; } #product .item-detail-share dl dd ul li img { width: 100%; height: auto; } #product .item-comment { margin-bottom: 20px; padding-top: 20px; padding-right: 10px; padding-left: 10px; border-top: #d0d0d0 solid 1px; } #product .item-comment h4 { font-size: 14px; font-weight: normal; margin-bottom: 15px; } #product .item-comment p { font-size: 13px; } #product .item-comment table { width: 100%; } #product .item-comment table tr th { font-size: 11px; font-weight: normal; width: 65px; padding: 4px 10px; text-align: left; } #product .item-comment table tr td { font-size: 11px; padding: 4px 10px; text-align: left; } #product .item-comment table tr:nth-child(2n-1) th, #product .item-comment table tr:nth-child(2n-1) td { background-color: #eee; } } /* 404ページ用CSS ------------------------*/ #notice .mainImage img { width: 100%; height: auto; } @media screen and (max-width: 750px) { #notice .breadcrumb-wrap-top { margin-bottom: 40px; } #notice .onlineshop { font-size: 16px; font-weight: bold; } #notice .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #notice .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #notice .notice_wrap { margin-bottom: 80px; } #notice .notice_wrap .notice { margin-bottom: 60px; } #notice .notice_wrap .side_wrap { box-sizing: border-box; } #notice .notice_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #notice .notice_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media (min-width: 750px) and (max-width: 960px) { #notice .breadcrumb-wrap-top { margin-bottom: 40px; } #notice .onlineshop { font-size: 16px; font-weight: bold; } #notice .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #notice .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #notice .notice_wrap { margin-bottom: 80px; } #notice .notice_wrap .notice { margin-bottom: 60px; } #notice .notice_wrap .side_wrap { box-sizing: border-box; } #notice .notice_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #notice .notice_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #notice .breadcrumb-wrap-top { margin-bottom: 40px; } #notice .onlineshop { font-size: 16px; font-weight: bold; } #notice .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #notice .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #notice .notice_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #notice .notice_wrap .notice { width: 700px; } #notice .notice_wrap .side_wrap { width: 210px; box-sizing: border-box; } #notice .notice_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #notice .notice_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media screen and (min-width: 1200px) { #notice .breadcrumb-wrap-top { margin-bottom: 40px; } #notice .onlineshop { font-size: 16px; font-weight: bold; } #notice .section_hd_wrap { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } #notice .section_hd_wrap .section_hd_h1 { margin: 0; padding: 0; font-size: 30px; color: #007563; font-weight: normal; } #notice .notice_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } #notice .notice_wrap .notice { width: 900px; } #notice .notice_wrap .side_wrap { width: 210px; box-sizing: border-box; } #notice .notice_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } #notice .notice_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } #notice .notice_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } #notice .notice_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } /* 特定商取引法ページ用CSS ------------------------*/ #law .mainImage img { width: 100%; height: auto; } @media screen and (max-width: 750px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 40px; margin-bottom: 40px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 40px; } .main-article .ttl h2 { margin: 0; padding: 0; width: 100%; padding-right: 10px; padding-left: 10px; font-size: 24px; color: #007563; font-weight: normal; } .main-article .about-tbl { border-top: none; margin: 0; padding: 0; width: 100%; padding-right: 10px; padding-left: 10px; } } @media (min-width: 750px) and (max-width: 960px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h2 { margin: 0; padding: 0; width: 750px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 750px; margin-right: auto; margin-left: auto; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h2 { margin: 0; padding: 0; width: 960px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 960px; margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1200px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h2 { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } } /* ご利用案内ページ用CSS ------------------------*/ .guide_wrap .guide_container { margin-bottom: 40px; } .guide_wrap .guide_container ul { margin: 0; padding: 0; list-style-type: none; } .guide_wrap .guide_container ul li { margin-bottom: 5px; } .guide_wrap .guide_container ul li a { display: block; box-sizing: border-box; background-color: #ddefe7; color: #086519; transition: all, .6s; padding-left: 1em; padding: 10px; position: relative; } .guide_wrap .guide_container ul li a:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 10px; height: 18px; content: ''; background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png); background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 750px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 40px; margin-bottom: 40px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 40px; } .main-article .ttl h1, .main-article .ttl h2 { margin: 0; padding: 0; width: 100%; padding-right: 10px; padding-left: 10px; font-size: 24px; color: #007563; font-weight: normal; } .main-article .about-tbl { border-top: none; margin: 0; padding: 0; width: 100%; padding-right: 10px; padding-left: 10px; } .main-article .shipment-explanation { width: 1200px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation .payment-title, .main-article .shipment-explanation .carriage-title { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; font-size: 16px; } .main-article .shipment-explanation .payment-title:after, .main-article .shipment-explanation .carriage-title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .shipment-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } .main-article .guide_detail_wrap { margin-bottom: 80px; } .main-article .guide_detail_wrap .guide_detail { width: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container { margin-bottom: 60px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 { overflow: hidden; margin-bottom: 2em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span { position: relative; display: inline-block; margin: 0; padding: 0; padding-right: 1em; text-align: left; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #ccc; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { left: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box { margin-bottom: 40px; padding: 0 0 0 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3 { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box p { margin: 0; padding: 0; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo { padding: 10px; background-color: #d8d8d8; margin-bottom: 10px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo img { width: 100%; height: auto; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h4 { margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap { box-sizing: border-box; } .main-article .guide_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media (min-width: 750px) and (max-width: 960px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h1, .main-article .ttl h2 { margin: 0; padding: 0; width: 750px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 750px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation { width: 1200px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation .payment-title, .main-article .shipment-explanation .carriage-title { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; font-size: 20px; } .main-article .shipment-explanation .payment-title:after, .main-article .shipment-explanation .carriage-title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .shipment-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } .main-article .guide_detail_wrap { margin-bottom: 80px; } .main-article .guide_detail_wrap .guide_detail { width: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container { margin-bottom: 60px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 { overflow: hidden; margin-bottom: 2em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span { position: relative; display: inline-block; margin: 0; padding: 0; padding-right: 1em; text-align: left; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #ccc; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { left: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box { margin-bottom: 40px; padding: 0 0 0 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3 { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box p { margin: 0; padding: 0; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo { padding: 10px; background-color: #d8d8d8; margin-bottom: 10px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo img { width: 100%; height: auto; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h4 { margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap { box-sizing: border-box; } .main-article .guide_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h1, .main-article .ttl h2 { margin: 0; padding: 0; width: 960px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 960px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation { width: 1200px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation .payment-title, .main-article .shipment-explanation .carriage-title { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; font-size: 20px; } .main-article .shipment-explanation .payment-title:after, .main-article .shipment-explanation .carriage-title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .shipment-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } .main-article .guide_detail_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } .main-article .guide_detail_wrap .guide_detail { width: 700px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container { margin-bottom: 60px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 { overflow: hidden; margin-bottom: 2em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span { position: relative; display: inline-block; margin: 0; padding: 0; padding-right: 1em; text-align: left; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #ccc; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { left: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box { margin-bottom: 40px; padding: 0 0 0 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3 { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box p { margin: 0; padding: 0; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo { padding: 10px; background-color: #d8d8d8; margin-bottom: 10px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo img { width: 100%; height: auto; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h4 { margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap { width: 210px; box-sizing: border-box; } .main-article .guide_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } @media screen and (min-width: 1200px) { .breadcrumb-wrap-top { margin-bottom: 40px; } .main-article { margin-top: 80px; margin-bottom: 80px; } .main-article .ttl { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; margin-bottom: 80px; } .main-article .ttl h1, .main-article .ttl h2, .main-article .ttl h3 { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; font-size: 30px; color: #007563; font-weight: normal; } .main-article .about-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation { width: 1200px; margin-right: auto; margin-left: auto; } .main-article .shipment-explanation .payment-title, .main-article .shipment-explanation .carriage-title { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; font-size: 20px; } .main-article .shipment-explanation .payment-title:after, .main-article .shipment-explanation .carriage-title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .shipment-tbl { margin: 0; padding: 0; width: 1200px; margin-right: auto; margin-left: auto; } .main-article .guide_detail_wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row-reverse; margin-bottom: 80px; } .main-article .guide_detail_wrap .guide_detail { width: 930px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container { margin-bottom: 60px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 { overflow: hidden; margin-bottom: 2em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span { position: relative; display: inline-block; margin: 0; padding: 0; padding-right: 1em; text-align: left; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #ccc; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container h2 span:after { left: 100%; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box { margin-bottom: 40px; padding: 0 0 0 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3 { margin: 0; padding: 0; position: relative; padding-bottom: .1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h3:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: ''; width: 20%; height: 1px; background-color: #007563; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box p { margin: 0; padding: 0; margin-bottom: 1em; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo { padding: 10px; background-color: #d8d8d8; margin-bottom: 10px; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box .guide_detail_box_photo img { width: 100%; height: auto; } .main-article .guide_detail_wrap .guide_detail .guide_detail_container .guide_detail_box h4 { margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap { width: 210px; box-sizing: border-box; } .main-article .guide_detail_wrap .side_wrap h2 { margin: 0; padding: 0; line-height: 80px; height: 80px; font-size: 20px; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul { list-style-type: none; margin: 0; padding: 0; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a { display: block; padding: 1em 0; position: relative; padding-left: 1.2em; border-bottom: 1px solid #d8d8d8; text-indent: -1em; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a:before { content: "\ea43"; font-family: "icomoon"; background: none; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l2 > li > a.active:before { content: "\ea41"; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 { display: none; padding-left: 1em; border-bottom: 1px solid #d8d8d8; } .main-article .guide_detail_wrap .side_wrap ul.category-nav-l3 > li > a { display: block; line-height: 50px; height: 50px; } } /***送料について***/ .main-article .shipment-tbl { width: 100%; margin-top: 30px; border-top: #d0d0d0 solid 1px; } .main-article .shipment-tbl th { font-weight: bold; width: 200px; padding: 20px 0; text-align: left; border-bottom: #d0d0d0 solid 1px; } .main-article .shipment-tbl-ptn1 th { width: 250px; padding-right: 20px; } .main-article .shipment-tbl td { padding: 20px 0; text-align: left; border-bottom: #d0d0d0 solid 1px; } .main-article .shipment-tbl caption { font-size: 16px; padding: 4px 12px 3px; color: #fcfcfc; background-color: #d0d0d0; } .main-article .shipment-tbl-normal table th { width: auto; white-space: nowrap; } .main-article .shipment-tbl-rule-notice { font-size: 80%; } .main-article .shipment-tbl-normal-shippoint-point span { display: inline-block; line-height: 1.1; padding: 5px 0; } .main-article .shipment-tbl-normal-shippoint-point span:nth-child(2) { padding: 0 10px; } .main-article .shipment-tbl-normal-rule, .main-article .shipment-tbl-normal-rule2, .main-article .shipment-tbl-tkbsize-defined-rule { margin: 15px; } .main-article .shipment-tbl-normal-rule2 span { display: block; } .main-article .shipment-tbl table th, .main-article .shipment-tbl table td { padding: 10px 4px 2px; border: 0; line-height: 1.1; } .main-article .shipment-tbl table td { text-align: center; } .main-article .shipment-tbl table thead th, .main-article .shipment-tbl table thead td { color: #fcfcfc; background-color: #999; } .main-article .shipment-tbl table thead th span, .main-article .shipment-tbl table thead th span { display: block; } .main-article .shipment-tbl table tbody tr:nth-child(2n) th, .main-article .shipment-tbl table tbody tr:nth-child(2n) td { background: #efefef; } .main-article .shipment-tbl table th { min-width: 100px; } .main-article .shipment-tbl-normal-orderprice-ttl, .main-article .shipment-tbl-normal-orderpric-price { display: inline-block; } @media only screen and (max-width: 750px) { .main-article .shipment-tbl caption { display: block; } .main-article .shipment-tbl th { font-size: 14px; display: block; width: 100%; padding: 20px 10px 5px; border-bottom: none; } .main-article .shipment-tbl td { font-size: 12px; display: block; width: 100%; padding: 0 10px 20px; } .main-article .shipment-tbl table { width: 90%; margin: auto; } .main-article .shipment-tbl table thead th, .main-article .shipment-tbl table thead td { padding-bottom: 5px; } .main-article .shipment-tbl table thead th span, .main-article .shipment-tbl table thead td span { display: inline; padding: 0 14px; } .main-article .shipment-tbl table th, .main-article .shipment-tbl table td { width: 100%; text-align: center; } } /* 送料用CSS ------------------------*/ /*@import "ie.scss";*/ /*# sourceMappingURL=base.css.map */ @charset "UTF-8"; /* 初期値 ------------------------------*/ /* 750以下は幅100%でスマホ表示 */ /* 750以下は幅100%でスマホ表示 */ /* 980px以下はスクロールを表示 */ /* 1000px以上はコンテンツ幅を1000に制限 */ /* 1280以上は左にメニューを表示 */ /* カラー -------------------------------*/ /* アニメーションスピード ------------------------------*/ /* clearfix ------------------------------*/ .clearfix:after { content: ""; display: block; clear: both; } /* text-indent:-9999px; ------------------------------*/ .nodisp { overflow: hidden; text-indent: 1000%; white-space: nowrap; } /* background-size-cover forIE8 ------------------------------*/ /* background-size-contain forIE8 ------------------------------*/ /* カラー ------------------------------*/ /* 区切り ------------------------------*/ @media (max-width: 750px) { .br_s { display: inline-block; } .br_p { display: block; } } @media (min-width: 750px) { .br_s { display: block; } .br_p { display: inline-block; } } /* マージン ------------------------------*/ @media (max-width: 750px) { .mb_20 { margin-bottom: 10px !important; } } @media (min-width: 750px) { .mb_20 { margin-bottom: 20px !important; } } /* フォントファミリー ------------------------------*/ .mincho { font-family: "UD Reimin Bold", "MS PMincho", "Hiragino Mincho Pro", serif; } .mincho_m { font-family: "UD Reimin Medium", "MS PMincho", "Hiragino Mincho Pro", serif; } .wf-sawarabimincho { font-family: "Sawarabi Mincho"; } /* 画像の拡大縮小 ----------------------------------------------*/ .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .scale-11 { overflow: hidden; } .scale-11 img { -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .scale-11 img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .scale-12 { overflow: hidden; } .scale-12 img { -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .scale-12 img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } /* 画像の拡大縮小 ----------------------------------------------*/ .image-scale-105 { background-size: cover; -ms-behavior: url(/common/css/backgroundsize.min.htc); -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scale(1); transform: scale(1); } .image-scale-105:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .image-scale-110 { background-size: cover; -ms-behavior: url(/common/css/backgroundsize.min.htc); -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 750px) { .image-scale-110:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* 検索窓 ----------------------------------------------*/ input[type=search].search-field { position: relative; vertical-align: middle; width: 226px; padding: 6px; border: none; height: 36px; margin: 0; display: inline-block; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; border: 2px solid rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } /* input submit ----------------------------------------------*/ input[type="submit"] { background-color: #09c; border: 0; border-radius: 2px; color: #fff; font-size: 17px; font-weight: 300; min-height: 36px; line-height: 36px; display: inline-block; padding: 2px 24px 2px; vertical-align: middle; letter-spacing: normal; text-align: center; -webkit-transition: all .2s linear 0s; transition: all .2s linear 0s; -webkit-appearance: button; cursor: pointer; } /* 見出し（下線を2種類重ねて色を変化） ----------------------------------------------*/ .hd-half-boder { margin-bottom: 5px; display: block; overflow: hidden; padding-bottom: 6px; position: relative; } .hd-half-boder:before { border-bottom: 2px solid #CCC; bottom: 0; content: ""; height: 20%; left: 0; width: 30%; position: absolute; z-index: 1; } .hd-half-boder:after { border-bottom: 2px solid rgba(0, 0, 0, 0.05); bottom: 0; content: ""; height: 20%; left: 0; position: absolute; width: 100%; } /* 不透明度 ----------------------------------------------*/ .ob-opacity-08, .ob-opacity-07, .ob-opacity-06, .ob-opacity-05, .ob-opacity-04, .ob-opacity-03 { -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 1; } .ob-opacity-08:hover { opacity: 0.8; } .ob-opacity-07:hover { opacity: 0.7; } .ob-opacity-06:hover { opacity: 0.6; } .ob-opacity-05:hover { opacity: 0.5; } .ob-opacity-04:hover { opacity: 0.4; } .ob-opacity-03:hover { opacity: 0.3; } /* 画像を白黒にする（hoverでカラー） ----------------------------------------------*/ .monochrome { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .monochrome:hover { filter: none; -webkit-filter: grayscale(0%); } /* 画像を白黒にする（hoverで白黒） ----------------------------------------------*/ .r_monochrome { filter: none; -webkit-filter: grayscale(0%); } .r_monochrome:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } /* 振動 ----------------------------------------------*/ .rum:hover { -webkit-animation: rumble 0.12s linear infinite; animation: rumble 0.12s linear infinite; } @-webkit-keyframes rumble { 0% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 12.5% { -webkit-transform: rotate(0.4deg) translate(1px, -1px); transform: rotate(0.4deg) translate(1px, -1px); } 25% { -webkit-transform: rotate(0.8deg) translate(0px, 1px); transform: rotate(0.8deg) translate(0px, 1px); } 37.5% { -webkit-transform: rotate(0.4deg) translate(-1px, 0); transform: rotate(0.4deg) translate(-1px, 0); } 50% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 62.5% { -webkit-transform: rotate(-0.4deg) translate(1px, 0); transform: rotate(-0.4deg) translate(1px, 0); } 75% { -webkit-transform: rotate(-0.8deg) translate(0, 1px); transform: rotate(-0.8deg) translate(0, 1px); } 87.5% { -webkit-transform: rotate(-0.4deg) translate(-1px, -1px); transform: rotate(-0.4deg) translate(-1px, -1px); } 100% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } } @keyframes rumble { 0% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 12.5% { -webkit-transform: rotate(0.4deg) translate(1px, -1px); transform: rotate(0.4deg) translate(1px, -1px); } 25% { -webkit-transform: rotate(0.8deg) translate(0px, 1px); transform: rotate(0.8deg) translate(0px, 1px); } 37.5% { -webkit-transform: rotate(0.4deg) translate(-1px, 0); transform: rotate(0.4deg) translate(-1px, 0); } 50% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 62.5% { -webkit-transform: rotate(-0.4deg) translate(1px, 0); transform: rotate(-0.4deg) translate(1px, 0); } 75% { -webkit-transform: rotate(-0.8deg) translate(0, 1px); transform: rotate(-0.8deg) translate(0, 1px); } 87.5% { -webkit-transform: rotate(-0.4deg) translate(-1px, -1px); transform: rotate(-0.4deg) translate(-1px, -1px); } 100% { -webkit-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } } /* 簡単なアニメーション（transition-propertyは各セレクタで指定する） ----------------------------------------------*/ /* 角丸 ----------------------------------------------*/ .img_radius_08 img { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #top { /* for bxslider */ /* for slick #sliderBox_elm { margin: 0; padding: 0; list-style-type: none; margin: 0 0 50px; padding: 0; list-style-type: none; .slick-next { right: 20px; z-index: 99; } .slick-prev { left: 15px; z-index: 100; } .slick-dots { li { button { &:before { font-size: 20px; color: $baseColor01; } } } } } */ } #top .bx-wrapper { overflow: hidden; width: 100%; } #top .bx-wrapper .bx-controls-direction a { z-index: 1; width: 50px; height: 50px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); } #top .bx-wrapper .bx-controls-direction .bx-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .bx-wrapper .bx-controls-direction .bx-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .bx-wrapper .bx-pager { position: static; } #top .bx-wrapper .bx-pager .bx-pager-item a { width: 15px; height: 15px; border-radius: 10px; background: #d8d8d8; } #top .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #57aa00; } #top .bx-viewport { overflow: visible !important; /* 両サイドに前後の画像を表示させる */ margin: 0 auto; /* 画面中央にする */ -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; background: #fff; } #top .sliderBox_elm_wrap { position: relative; } #top .sliderBox_elm_wrap #sliderBox_elm { margin: 0; padding: 0; list-style-type: none; } #top .sliderBox_elm_wrap #sliderBox_elm li { position: relative; } #top .sliderBox_elm_wrap #sliderBox_elm li img { width: 100%; height: auto; } #top .sliderBox_elm_wrap .sliderBox_elm_text { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 56vw; } #top .sliderBox_elm_wrap .sliderBox_elm_text img { width: 100%; height: auto; } #top .free_shipping { margin-bottom: 60px; } #top .free_shipping img { width: 100%; height: auto; } #top .campaign_banner_wrap { margin-bottom: 60px; } #top .campaign_banner_wrap .sp { display: none; } #top .campaign_banner_wrap .pc { display: block; } #top .campaign_banner_wrap img { width: 100%; height: auto; } @media screen and (max-width: 750px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 35%; width: 25px; height: 25px; background-size: 25px 25px; } #top .bx-wrapper .bx-pager { padding-top: 30px; padding-bottom: 25px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { display: none; } #top .banner_wrap { padding-left: 10px; padding-right: 10px; padding-top: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 5px; -webkit-transition: all, .6s; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .campaign_banner_wrap { margin-bottom: 20px; } #top .campaign_banner_wrap .sp { display: block; } #top .campaign_banner_wrap .pc { display: none; } #top .free_shipping { margin-bottom: 20px; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 18px; margin: 0; padding: 0; margin-bottom: 20px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 80%; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 48%; position: relative; margin-bottom: 4vw; margin-right: 3%; } #top .category_wrap .category_inner .ul_category li:nth-child(2n) { margin-right: 0; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 5px; -webkit-transition: all, .6s; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; height: 1.8em; line-height: 1.8em; border-radius: 1.8em; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #top .category_wrap .category_inner .ul_category li h3 span { letter-spacing: normal; } #top .news_wrap .news_inner .news { margin-bottom: 40px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; } #top .news_wrap .news_inner .news dl:last-child { padding-bottom: 0; border-bottom: none; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 140px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; } #top .news_wrap .news_inner .news dl dd:last-of-type { float: none; clear: both; padding-top: 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; /*flex-wrap: wrap;*/ } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; width: 100%; bottom: 0; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 4px 1px #d8d8d8; box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 40px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 48%; margin-right: 4%; margin-bottom: 4vw; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(2n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(2n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(2n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(2n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(2n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(2n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(2n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(2n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all, .6s; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 10px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media (min-width: 750px) and (max-width: 960px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 40%; } #top .bx-wrapper .bx-pager { padding-top: 30px; padding-bottom: 25px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; -o-object-fit: cover; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap { padding-left: 20px; padding-right: 20px; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 40px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 30%; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 4px 1px #d8d8d8; box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 32%; margin-right: 2%; margin-bottom: 2vw; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(3n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all, .6s; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media print, screen and (min-width: 960px) and (max-width: 1200px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 40%; } #top .bx-wrapper .bx-pager { padding-top: 50px; padding-bottom: 35px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; -o-object-fit: cover; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #top .banner_wrap li { width: 48%; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap { padding-left: 20px; padding-right: 20px; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 80px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 30%; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; width: 80%; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 4px 1px #d8d8d8; box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 300px; margin-right: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(3n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(3n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all, .6s; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } @media screen and (min-width: 1200px) { #top { /* for bx */ /* for slick #sliderBox_elm { margin-bottom: 120px; .slick-dots { bottom: -70px; } .slick-next { right: 20px; } .slick-prev { left: 15px; } } */ } #top .bx-wrapper { margin-bottom: 0; } #top .bx-wrapper .bx-controls-direction a { top: 46%; } #top .bx-wrapper .bx-pager { padding-top: 50px; padding-bottom: 35px; } #top .bx-viewport { width: 1200px; } #top #sliderBox_elm li { width: 1200px; } #top #sliderBox_elm li img { width: 100%; height: auto; } #top .custom-thumb { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 40px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #top .custom-thumb li { width: 250px; margin-left: 5px; margin-right: 5px; } #top .custom-thumb li a img { width: 100%; height: 80px; -o-object-fit: cover; object-fit: cover; } #top .banner_wrap { padding-left: 0; padding-right: 0; padding-top: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top .banner_wrap li { width: 575px; } #top .banner_wrap li a { display: block; } #top .banner_wrap li a img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .banner_wrap li a img:hover { opacity: .8; } #top .section_wrap .section_inner .section_hd { text-align: center; font-size: 30px; margin: 0; padding: 0; margin-bottom: 80px; margin-right: -2em; } #top .section_wrap .section_inner .section_hd span { margin-left: 20px; font-size: 14px; color: #f2bc1a; } #top .section_wrap .section_inner .list_link_buttom a { width: 366px; display: block; margin-left: auto; margin-right: auto; height: 50px; line-height: 50px; text-align: center; color: #000000; border: 1px solid #000000; position: relative; -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:after { content: ""; display: block; position: absolute; top: 45%; right: 30%; width: 8px; height: 8px; border: 1px solid; border-color: #565656 #565656 transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all, .6s; transition: all, .6s; } #top .section_wrap .section_inner .list_link_buttom a:hover { /* border-color: $baseColor01; background-color: $baseColor01; color: $baseColor09; */ opacity: .6; } #top .section_wrap .section_inner .list_link_buttom a:hover:after { /* border-color: $baseColor09 $baseColor09 transparent transparent; */ opacity: .6; } #top .category_wrap { background-color: #eff4db; } #top .category_wrap .category_inner .ul_category { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top .category_wrap .category_inner .ul_category li { width: 366px; position: relative; margin-bottom: 50px; } #top .category_wrap .category_inner .ul_category li img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all, .6s; transition: all, .6s; } #top .category_wrap .category_inner .ul_category li img:hover { opacity: .8; } #top .category_wrap .category_inner .ul_category li h3 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; letter-spacing: .2em; background-color: rgba(255, 255, 255, 0.8); text-align: center; /* height: 1.8em; line-height: 1.8em; border-radius: 1.8em; width: 280px; */ padding: 5px 10px; border-radius: 20px; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #top .news_wrap .news_inner .news { margin-bottom: 80px; } #top .news_wrap .news_inner .news dl { margin: 0; padding: 0; font-size: 14px; margin-bottom: 20px; } #top .news_wrap .news_inner .news dl dt { margin: 0; padding: 0; width: 120px; float: left; } #top .news_wrap .news_inner .news dl dd { margin: 0; padding: 0; margin-left: 300px; } #top .news_wrap .news_inner .news dl dd:first-of-type { float: left; width: 150px; margin-left: 10px; text-align: center; } #top .news_wrap .news_inner .news dl dd:first-of-type span { padding: 2px 10px; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-info { background-color: #d8d8d8; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale { background-color: #ff7b80; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-sale span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new { background-color: #3f80a1; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-new span { color: #FFFFFF; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente { background-color: #7a8043; } #top .news_wrap .news_inner .news dl dd:first-of-type.s-mente span { color: #FFFFFF; } #top .ranking_wrap { background-color: #f3f3f3; } #top .ranking_wrap .ranking_inner .ul_ranking { margin: 0; padding: 0; margin-bottom: 80px; list-style-type: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .ranking_wrap .ranking_inner .ul_ranking li { position: relative; width: 220px; background-color: #FFFFFF; margin: 0 10px; display: block !important; float: none !important; height: auto !important; padding-bottom: 35px; } #top .ranking_wrap .ranking_inner .ul_ranking li .ranking { display: block; position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; font-size: 18px; color: #000000; padding-top: 5px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("https://image.raku-uru.jp/01/6865/6/ranking_bg_1574758675051.png"); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; } #top .ranking_wrap .ranking_inner .ul_ranking li img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info { padding: 20px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .ranking_wrap .ranking_inner .ul_ranking li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button { margin: 0; padding: 0; position: absolute; bottom: 0; width: 100%; } #top .ranking_wrap .ranking_inner .ul_ranking li .cart_button a { font-size: 16px; display: block; line-height: 35px; height: 35px; color: #FFFFFF; background-color: #57aa00; text-align: center; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { width: 50px; height: 50px; background-position: left top; background-repeat: no-repeat; background-size: 50px 50px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 4px 1px #d8d8d8; box-shadow: 0px 0px 4px 1px #d8d8d8; z-index: 100; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next:before, #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev:before { display: none; } #top .ranking_wrap .ranking_inner .ul_ranking .slick-next { background-image: url("https://image.raku-uru.jp/01/6865/7/key_arrow_right_1574758675254.png"); } #top .ranking_wrap .ranking_inner .ul_ranking .slick-prev { background-image: url("https://image.raku-uru.jp/01/6865/8/key_arrow_left_1574758675451.png"); } #top .newrelease_wrap { padding-bottom: 0; } #top .newrelease_wrap .newrelease_inner { padding-bottom: 90px; border-bottom: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease, #top .newrelease_wrap .newrelease_inner .ul_recommend, #top .newrelease_wrap .recommend_inner .ul_newrelease, #top .newrelease_wrap .recommend_inner .ul_recommend, #top .recommend_wrap .newrelease_inner .ul_newrelease, #top .recommend_wrap .newrelease_inner .ul_recommend, #top .recommend_wrap .recommend_inner .ul_newrelease, #top .recommend_wrap .recommend_inner .ul_recommend { margin: 0; padding: 0; margin-bottom: 54px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li, #top .newrelease_wrap .newrelease_inner .ul_recommend li, #top .newrelease_wrap .recommend_inner .ul_newrelease li, #top .newrelease_wrap .recommend_inner .ul_recommend li, #top .recommend_wrap .newrelease_inner .ul_newrelease li, #top .recommend_wrap .newrelease_inner .ul_recommend li, #top .recommend_wrap .recommend_inner .ul_newrelease li, #top .recommend_wrap .recommend_inner .ul_recommend li { width: 280px; margin-right: 26.6666px; margin-bottom: 26.6666px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8d8d8; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li:nth-child(4n), #top .newrelease_wrap .newrelease_inner .ul_recommend li:nth-child(4n), #top .newrelease_wrap .recommend_inner .ul_newrelease li:nth-child(4n), #top .newrelease_wrap .recommend_inner .ul_recommend li:nth-child(4n), #top .recommend_wrap .newrelease_inner .ul_newrelease li:nth-child(4n), #top .recommend_wrap .newrelease_inner .ul_recommend li:nth-child(4n), #top .recommend_wrap .recommend_inner .ul_newrelease li:nth-child(4n), #top .recommend_wrap .recommend_inner .ul_recommend li:nth-child(4n) { margin-right: 0; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li a, #top .newrelease_wrap .newrelease_inner .ul_recommend li a, #top .newrelease_wrap .recommend_inner .ul_newrelease li a, #top .newrelease_wrap .recommend_inner .ul_recommend li a, #top .recommend_wrap .newrelease_inner .ul_newrelease li a, #top .recommend_wrap .newrelease_inner .ul_recommend li a, #top .recommend_wrap .recommend_inner .ul_newrelease li a, #top .recommend_wrap .recommend_inner .ul_recommend li a { color: #000000; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img, #top .newrelease_wrap .newrelease_inner .ul_recommend li img, #top .newrelease_wrap .recommend_inner .ul_newrelease li img, #top .newrelease_wrap .recommend_inner .ul_recommend li img, #top .recommend_wrap .newrelease_inner .ul_newrelease li img, #top .recommend_wrap .newrelease_inner .ul_recommend li img, #top .recommend_wrap .recommend_inner .ul_newrelease li img, #top .recommend_wrap .recommend_inner .ul_recommend li img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all, .6s; transition: all, .6s; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li img:hover, #top .newrelease_wrap .newrelease_inner .ul_recommend li img:hover, #top .newrelease_wrap .recommend_inner .ul_newrelease li img:hover, #top .newrelease_wrap .recommend_inner .ul_recommend li img:hover, #top .recommend_wrap .newrelease_inner .ul_newrelease li img:hover, #top .recommend_wrap .newrelease_inner .ul_recommend li img:hover, #top .recommend_wrap .recommend_inner .ul_newrelease li img:hover, #top .recommend_wrap .recommend_inner .ul_recommend li img:hover { opacity: .6; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info { padding: 20px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .products_name, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .products_name { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .standard, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .standard { margin: 0; padding: 0; font-size: 12px; } #top .newrelease_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .newrelease_wrap .recommend_inner .ul_recommend li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .newrelease_inner .ul_recommend li .products_info .price, #top .recommend_wrap .recommend_inner .ul_newrelease li .products_info .price, #top .recommend_wrap .recommend_inner .ul_recommend li .products_info .price { margin: 0; padding: 0; font-size: 12px; text-align: right; } } /*# sourceMappingURL=top.css.map */