@charset "euc-jp"; /* ri_pc_cmn_header.css Copyright (c) 2018 Rakuten.Inc Date : 2018-07-01 */ #rihCmnHeader { z-index: 100000 !important; } #mebius { position: absolute; } /* ========================================= page_header_w-2.4.4.css ========================================== */ #ri-cmn-hdr-global { min-width: 950px; border-bottom: 1px solid #cccccc; min-height: 36px; min-width: 1165px\9; } #ri-cmn-hdr-global div, #ri-cmn-hdr-global p, #ri-cmn-hdr-global span, #ri-cmn-hdr-global img, #ri-cmn-hdr-global dl, #ri-cmn-hdr-global dt, #ri-cmn-hdr-global dd, #ri-cmn-hdr-global a, #ri-cmn-hdr-global h2, #ri-cmn-hdr-global ul, #ri-cmn-hdr-global li, #ri-cmn-hdr-global h2, #ri-cmn-hdr-unique div, #ri-cmn-hdr-unique p, #ri-cmn-hdr-unique span, #ri-cmn-hdr-unique img, #ri-cmn-hdr-unique dl, #ri-cmn-hdr-unique dt, #ri-cmn-hdr-unique dd, #ri-cmn-hdr-unique a, #ri-cmn-hdr-unique h2, #ri-cmn-hdr-unique ul, #ri-cmn-hdr-unique li, #ri-cmn-hdr-unique h2 { background: no-repeat fixed 0 0 transparent; background-color: transparent; border: none; margin: 0; padding: 0; list-style: none none; list-style-type: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-size: 11px; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; quotes: none; counter-reset: none; counter-increment: none; content: normal; border-collapse: separate; border-spacing: 0; opacity: 1; box-sizing: content-box; outline: none; overflow: visible; float: none; table-layout: auto; letter-spacing: normal; z-index: auto; color: #333333; cursor: auto; caption-side: top; clear: none; /* clip: auto; */ text-align: left; text-decoration: none; text-indent: 0; text-transform: none; direction: ltr; empty-cells: show; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; word-spacing: normal; position: static; overflow-x: visible; overflow-y: visible; text-autospace: none; text-justify: auto; text-underline-position: below; word-break: normal; word-wrap: normal; writing-mode: lr-tb; layout-grid: none; ime-mode: auto; line-break: normal; ruby-align: auto; ruby-overhang: auto; ruby-position: inline; background-position-x: left; background-position-y: top; behavior: none; /* css3 */ background-clip: border-box; background-origin: padding-box; background-size: auto; border-radius: 0; border-image: none 100% 1 0 stretch; box-decoration-break: slice; box-shadow: none; transform: none; transform-origin: 50% 50%; transform-style: flat; perspective: none; box-orient: inline-axis; box-direction: normal; box-ordinal-group: 1; box-align: stretch; box-flex: 0.0; box-flex-group: 1; box-pack: start; box-lines: single; columns: auto auto; column-gap: normal; column-rule: medium none #FFFFFF; break-after: auto; break-before: auto; break-inside: auto; column-span: 1; column-fill: balance; word-break: normal; text-wrap: normal; word-wrap: normal; text-justify: auto; text-shadow: none; ruby-position: before; ruby-align: auto; ruby-overhang: none; ruby-span: none; font-size-adjust: none; font-stretch: normal; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; } #ri-cmn-hdr-global div, #ri-cmn-hdr-unique div, #ri-cmn-hdr-global span, #ri-cmn-hdr-unique span, #ri-cmn-hdr-global input, #ri-cmn-hdr-unique input, #ri-cmn-hdr-global form, #ri-cmn-hdr-unique form, #ri-cmn-hdr-global img, #ri-cmn-hdr-unique img, #ri-cmn-hdr-global a, #ri-cmn-hdr-unique a { overflow: visible; } #ri-cmn-hdr-global img, #ri-cmn-hdr-unique img, #ri-cmn-hdr-global div, #ri-cmn-hdr-unique div, #ri-cmn-hdr-global p, #ri-cmn-hdr-unique p, #ri-cmn-hdr-global ul, #ri-cmn-hdr-unique ul, #ri-cmn-hdr-global li, #ri-cmn-hdr-unique li, #ri-cmn-hdr-global ol, #ri-cmn-hdr-unique ol, #ri-cmn-hdr-global dl, #ri-cmn-hdr-unique dl, #ri-cmn-hdr-global dt, #ri-cmn-hdr-unique dt, #ri-cmn-hdr-global dd, #ri-cmn-hdr-unique dd { border: 0; padding: 0; margin: 0; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-flame:after, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; } #ri-cmn-hdr-global, #ri-cmn-hdr-unique { display: block; font-size: 78%; left: 0; top: 0; overflow: visible; position: relative; text-align: left; width: 100%; z-index: 9002; line-height: 1; } #ri-cmn-hdr-unique { z-index: 9001; position: relative; min-width: 950px; margin-bottom: 4px; height: 53px; min-height: 53px; } #ri-cmn-hdr-global a, #ri-cmn-hdr-unique a, #ri-cmn-hdr-global a img, #ri-cmn-hdr-unique a img { cursor: pointer; } #ri-cmn-hdr-global a:hover, #ri-cmn-hdr-unique a:hover { color: #bf0000 !important; text-decoration: underline; } #ri-cmn-hdr-global .ri-cmn-hdr-ar-btm, #ri-cmn-hdr-unique .ri-cmn-hdr-ar-btm { top: 12px; right: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; position: absolute; } #ri-cmn-hdr-global .ri-cmn-hdr-ar-btm:after, #ri-cmn-hdr-unique .ri-cmn-hdr-ar-btm:after { display: block; clear: both; height: 0; content: " "; font-size: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f4f3f1; position: absolute; right: -5px; top: -6px; } #ri-cmn-hdr-global .ri-cmn-hdr-container { background: #FFFFFF; color: #333333 !important; height: 36px; min-height: 36px; margin: 12px 0; width: 100%; z-index: 8888; } #ri-cmn-hdr-global .ri-cmn-hdr-logo-container { position: absolute; overflow: visible; left: 12px; top: 4px; color: #333333 !important; z-index: 9000; } #ri-cmn-hdr-global .ri-cmn-hdr-logo-container a { color: #333333 !important; text-decoration: none; } #ri-cmn-hdr-global .ri-cmn-hdr-logo-container a:hover { color: #BF0000 !important; text-decoration: underline; } #ri-cmn-hdr-global .ri-cmn-hdr-logo { display: block; float: left; } #ri-cmn-hdr-global .ri-cmn-hdr-search-contents { position: absolute; left: 129px; right: 778px; top: 0; height: 36px; } #ri-cmn-hdr-global .ri-cmn-hdr-search-contents * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #ri-cmn-hdr-global .ri-cmn-hdr-text-contents { overflow: hidden; position: relative; width: auto; white-space: nowrap; } #ri-cmn-hdr-global .ri-cmn-hdr-text-field { border: none; position: relative; height: 36px; } #ri-cmn-hdr-global .ri-cmn-hdr-search-input { position: absolute; top: 0; left: 0; display: block; width: 100%; line-height: 23px; padding: 6px 10px 6px 0; margin: 0; border: 0; height: 36px; border-top: 2px solid #bf0000; border-left: 2px solid #bf0000; border-bottom: 2px solid #bf0000; border-radius: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 15px; background: #ffffff; outline: 0; -webkit-appearance: none; box-shadow: none; text-indent: 8px; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; } #ri-cmn-hdr-global .ri-cmn-hdr-select-contents { position: relative; float: right; width: auto; } #ri-cmn-hdr-global .ri-cmn-hdr-search-btn-contents { height: 35px; float: right; width: auto; display: inline-block; } #ri-cmn-hdr-global .ri-cmn-hdr-select-scope { position: relative; float: left; height: 36px; margin: 0; overflow: hidden; border-top: 2px solid #bf0000; border-bottom: 2px solid #bf0000; } #ri-cmn-hdr-global .ri-cmn-hdr-selected-genre { position: relative; float: left; cursor: default; overflow: hidden; top: 1; height: 32px; line-height: 1.5; padding: 9px 20px 0 9px; z-index: 1; background: #ffffff; text-overflow: ellipsis; white-space: nowrap; width: 129px; } #ri-cmn-hdr-global.ri-cmn-hdr-global-product .ri-cmn-hdr-selected-genre { width: 106px; } #ri-cmn-hdr-global .ri-cmn-hdr-select-scope > select { position: absolute; display: block; top: 0; left: 0; z-index: 1; height: 32px; width: auto; outline: 0; margin: 0; padding: 0; cursor: pointer; visibility: visible; border: 0; line-height: 32px; width: auto; border-left: 1px solid #cccccc; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; font-size: 11px; opacity: 0; -webkit-appearance: none; } #ri-cmn-hdr-global.ri-cmn-hdr-global-product .ri-cmn-hdr-select-scope > select { width: 100%; } #ri-cmn-hdr-global .ri-cmn-hdr-search-input { color: #000000 !important; } #ri-cmn-hdr-global .ri-cmn-hdr-search-input::-webkit-input-placeholder { color: #ababab !important; } #ri-cmn-hdr-global .ri-cmn-hdr-search-input:-ms-input-placeholder { color: #ababab !important; } #ri-cmn-hdr-global .ri-cmn-hdr-search-input::-moz-placeholder { color: #ababab !important; } #ri-cmn-hdr-global .ri-cmn-hdr-navi-contents { color: #333333 !important; min-width: 717px; text-align: left; position: absolute; right: 4px; top: 0; z-index: 9000; min-height: 30px; /* safari */ } #ri-cmn-hdr-global .ri-cmn-hdr-navi-contents a { height: 40px; color: #333333 !important; text-decoration: none; display: inline; text-align: center; line-height: 1.5em; } #ri-cmn-hdr-global .ri-cmn-hdr-navi-contents a:hover { color: #bf0000 !important; text-decoration: underline; cursor: pointer; } #ri-cmn-hdr-global .ri-cmn-hdr-navi-contents a span:hover { cursor: pointer; } #ri-cmn-hdr-global .ri-cmn-hdr-search-btn { float: left; min-width: 40px; min-height: 36px; width: 78px; height: 26px; margin-right: 10px; } #ri-cmn-hdr-global .ri-cmn-hdr-navi-section { display: block; position: relative; overflow: visible; clear: both; } #ri-cmn-hdr-global .ri-cmn-hdr-sprite { background: url(../fonts/3fcc93b927c1443e9d4f6c1a711877a9.svg); background-size: 106px 32px; margin: 0; } #ri-cmn-hdr-global .ri-cmn-hdr-search-btn { width: 23px; height: 24px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-sprite { margin: 0 auto 2px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-mybasket-icon { width: 22px; height: 22px; background-position: -10px -184px; margin: 0 auto 2px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-num-display { display: none; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-mycoupon { width: 24px; height: 16px; margin-top: 3px; margin-bottom: 5px; background-position: -10px -306px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-browse { width: 24px; height: 21px; margin-bottom: 3px; background-position: -10px -216px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-bookmark { width: 22px; height: 22px; background-position: -10px -120px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-order { width: 21px; height: 22px; background-position: -10px -88px; } #ri-cmn-hdr-global .ri-cmn-hdr-search-btn-box { border: none; width: 45px; height: 36px; cursor: pointer; background: #bf0000 url(../images/haeder_sprite.png) no-repeat 2px -239px; position: absolute; right: -45px; top: 0; display: block; border-radius: 0 3px 3px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #ri-cmn-hdr-global .ri-cmn-hdr-select-btn { position: relative; float: left; cursor: default; overflow: hidden; border-left: 1px solid #cccccc; } #ri-cmn-hdr-global .ri-cmn-hdr-selected-genre-arrow { position: absolute; right: 4px; top: 12px; z-index: 2; pointer-events: none; } #ri-cmn-hdr-global .ri-cmn-hdr-select-scope > select option { width: auto; height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ri-cmn-hdr-global .ri-cmn-hdr-search-btn { position: absolute; display: block; height: 100%; width: 100%; padding: 0; margin: 0; cursor: pointer; outline: 0; color: #ffffff !important; background: 0 0; border: none; line-height: 1px; text-indent: -1000px; } #ri-cmn-hdr-global input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #ri-cmn-hdr-global .ri-cmn-hdr-function { position: relative; display: inline-block; float: left; margin-right: 10px; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-navi { float: left; text-align: center; font-size: 11px; display: block; margin: 0 4px; position: relative; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-link { display: block; } #ri-cmn-hdr-global .ri-cmn-hdr-function a:hover .ri-cmn-hdr-sprite { opacity: 0.65; } #ri-cmn-hdr-global .ri-cmn-hdr-function a:hover { opacity: 0.65; text-decoration: none; color: #333333 !important; } #ri-cmn-hdr-global .ri-cmn-hdr-guide { float: left; padding-right: 10px; } #ri-cmn-hdr-global .ri-cmn-hdr-guide-ad { padding-top: 4px; overflow: hidden; width: 175px; white-space: nowrap; } #ri-cmn-hdr-global .ri-cmn-hdr-guide-info { margin-top: 3px; } #ri-cmn-hdr-global .ri-cmn-hdr-point-display img { width: 125px; } #ri-cmn-hdr-global .ri-cmn-hdr-point-display, #ri-cmn-hdr-global .ri-cmn-hdr-point-display-disable { width: 130px; float: left; display: inline; position: relative; } #ri-cmn-hdr-global .basket { padding: 3px 5px 2px 5px; border: solid 2px #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #bf0000; position: absolute; top: -7px; left: 33px; color: #ffffff !important; font-weight: bold; font-size: 10px; text-align: center; font-family: "MS PGothic", "Osaka", Arial, sans-serif; line-height: 1.1em; z-index: 1; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-notification { position: relative; } #ri-cmn-hdr-global .ri-cmn-hdr-function .ri-cmn-hdr-notification-icon { width: 22px; height: 22px; background-position: -10px -152px; margin: 0 auto 2px; } @media (max-width:1160px) { #ri-cmn-hdr-global .ri-cmn-hdr-guide { display: none; } #ri-cmn-hdr-global .ri-cmn-hdr-navi-contents { min-width: 526px; } #ri-cmn-hdr-global .ri-cmn-hdr-search-contents { right: 583px; } } /* ========================================= unique header ========================================== */ #ri-cmn-hdr-unique { background: #f4f3f1; min-width: 1165px\9; } #ri-cmn-hdr-unique * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a, #ri-cmn-hdr-unique .searchbar a, #ri-cmn-hdr-unique .ri-cmn-hdr-service-container a, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:link, #ri-cmn-hdr-unique .searchbar a:link, #ri-cmn-hdr-unique .ri-cmn-hdr-service-container a:link, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:visited, #ri-cmn-hdr-unique .searchbar a:visited, #ri-cmn-hdr-unique .ri-cmn-hdr-service-container a:visited, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:active, #ri-cmn-hdr-unique .searchbar a:active, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:active { color: #333333 !important; text-decoration: none; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:hover, #ri-cmn-hdr-unique .searchbar a:hover, #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container a:hover { color: #bf0000 !important; text-decoration: underline; cursor: pointer; } #ri-cmn-hdr-unique .active { display: block; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-ttl-link { overflow: hidden; float: left; } #ri-cmn-hdr-unique a.ri-cmn-hdr-unique-ttl-link:hover { text-decoration: none; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-list li a { line-height: 1.8; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon { display: block; width: 32px; height: 32px; position: relative; top: 11px; left: 13px; vertical-align: top; float: left; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-ladiesfashion { background: url(../images/ladiesfashion.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-mensfashion { background: url(../images/mensfashion.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-flower { background: url(../images/flower.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-computer { background: url(../images/computer.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-food { background: url(../images/food.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-drink { background: url(../images/drink.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-wine { background: url(../images/wine.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-inner { background: url(../images/inner.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-baby { background: url(../images/baby.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-interior { background: url(../images/interior.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-health { background: url(../images/health.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-beauty { background: url(../images/beauty.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-sports { background: url(../images/sports.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-golf { background: url(../images/golf.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-auto { background: url(../images/auto.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-hobby { background: url(../images/hobby.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-toy { background: url(../images/toy.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-game { background: url(../images/icon_game.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-pet { background: url(../images/pet.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-media { background: url(../images/media.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-instrument { background: url(../images/instrument.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-electronics { background: url(../images/electronics.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-daily { background: url(../images/daily.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-accessories { background: url(../images/accessories.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-fashiongoods { background: url(../images/fashiongoods.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-autogoods { background: url(../images/autogoods.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-sake { background: url(../images/sake.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-sweets { background: url(../images/sweets.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-medicine { background: url(../images/medicine.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-shoes { background: url(../images/shoes.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-watch { background: url(../images/watch.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-kitchen { background: url(../images/kitchen.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-appliance { background: url(../images/appliance.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-smartdevice { background: url(../images/smartdevice.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-liquor { background: url(../images/liquor.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-telecommunication { background: url(../images/telecom.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-book { background: url(../images/icon_book.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-bedding { background: url(../images/bedding.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-camera { background: url(../images/camera.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-garden { background: url(../images/garden.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-product { background: url(../images/product.png) no-repeat center center; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-ranking { background: url(../images/ranking_icon.png) no-repeat center center; width: 32px !important; top: 8px; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-ranking+.ri-cmn-hdr-unique-ttl { margin: 18px 34px 10px 66px !important; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-service, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-travel, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-totalappliance, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-fashion, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-telecommunication, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-digitalcontents, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-directory, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-bookmark, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-review { width: 0; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-service+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-travel+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-totalappliance+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-fashion+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-telecommunication+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-digitalcontents+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-directory+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-bookmark+.ri-cmn-hdr-unique-ttl, #ri-cmn-hdr-unique .ri-cmn-hdr-unique-icon-review+.ri-cmn-hdr-unique-ttl { margin-left: 18px; } #ri-cmn-hdr-unique .ri-cmn-hdr-unique-ttl { color: #bf0000 !important; margin: 18px 0 10px 66px; font-size: 20px; } #ri-cmn-hdr-unique .searchbar { float: left; } #ri-cmn-hdr-unique .searchbar .fixed { position: relative; height: 24px; } #ri-cmn-hdr-unique .searchbar .right { position: absolute; top: 12px; right: 0; padding-right: 10px; } #ri-cmn-hdr-unique .searchbar .right a { margin-left: 14px; color: white; } #ri-cmn-hdr-unique .searchbar .right a:hover { color: white; } #ri-cmn-hdr-unique .searchbar .category-list { margin-left: 14px; text-align: left; font-size: 100%; margin: 12px 48px 0 24px; position: relative; padding: 10px 20px 20px 0; } #ri-cmn-hdr-unique .ri-cmn-hdr-top-tail { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #686868; position: absolute; top: -9px; left: 46px; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 11; } #ri-cmn-hdr-unique .ri-cmn-hdr-top-tail-fill { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; right: -8px; top: 1px; z-index: 12; } #ri-cmn-hdr-unique .searchbar { position: relative; } #ri-cmn-hdr-unique .searchbar:hover > .l1 { display: block; } #ri-cmn-hdr-unique .searchbar li { display: block; padding: 2px 23px; } #ri-cmn-hdr-unique .searchbar ul.extraGenres { border-top: dashed 1px #cccccc; margin-top: 2px; padding-top: 5px; } #ri-cmn-hdr-unique .searchbar li p { margin-top: 4px; line-height: 1.3; } #ri-cmn-hdr-unique .searchbar .l1, #ri-cmn-hdr-unique .searchbar .l2, #ri-cmn-hdr-unique .searchbar .l3 { display: none; background: white; width: 240px; min-width: 240px; height: auto; min-height: 253px; position: absolute; top: -1px; z-index: 9999; left: 228px; padding: 20px 0 20px; border: solid 1px #999999; box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -moz-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -webkit-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -o-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -ms-box-shadow: 3px 3px #cecece; } #ri-cmn-hdr-unique .searchbar .l1 { left: 0; top: 41px; width: 220px; } #ri-cmn-hdr-unique .searchbar .l3 { left: 240px; width: 240px; } #ri-cmn-hdr-unique .searchbar .l3empty { position: absolute; right: -99999; } #ri-cmn-hdr-unique .searchbar .l1 li:hover { background: #f0f0f0; } #ri-cmn-hdr-unique .searchbar .l2 li:hover, #ri-cmn-hdr-unique .searchbar .l3 li:hover { background: #f0f0f0; } #ri-cmn-hdr-unique .searchbar li.indented, #ri-cmn-hdr-unique .searchbar li.indented:hover { background: 0; padding-left: 34px; } #ri-cmn-hdr-unique .searchbar .selectedGenreArrow { position: absolute; right: 5px; } #ri-cmn-hdr-unique .searchbar .inputWrapper { position: absolute; right: 262px; } #ri-cmn-hdr-unique .searchbar .sggstInputWrap { margin: 0; } #ri-cmn-hdr-unique .searchbar input.searchInput { height: 24px; border: 0; width: 100%; outline: 0; padding: 0 5px; font-size: 100%; position: relative; } #ri-cmn-hdr-unique .searchbar input[type="submit"] { position: absolute; right: 147px; width: 101px; height: 24px; -webkit-appearance: none; border: 0; margin-left: 4px; background: #e4e4e4 url(../images/search_btn.png) no-repeat; cursor: pointer; } #ri-cmn-hdr-unique .searchbar input[type="submit"]:hover { background: #d6d6d6 url(../images/search_btn.png) no-repeat; } @media (min--moz-device-pixel-ratio:1.25), (-o-min-device-pixel-ratio:2.6/2), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25), (min-resolution:1.25dppx) { #ri-cmn-hdr-unique .searchbar input[type="submit"] { background: #e4e4e4 url(../images/search_btn_2x.png) no-repeat; background-size: 103px 24px; } #ri-cmn-hdr-unique .searchbar input[type="submit"]:hover { background: #d6d6d6 url(../images/search_btn_2x.png) no-repeat; background-size: 103px 24px; } } #ri-cmn-hdr-unique .searchbar select, #ri-cmn-hdr-unique .searchbar .ri-cmn-hdr-select-btn { left: 109px; } #ri-cmn-hdr-unique .searchbar .inputWrapper { left: 339px; } #ri-cmn-hdr-unique .searchbar .floating { height: 24px; padding: 8px 0; background: #bf0000; z-index: 9002; min-width: 966px; position: fixed; top: 0; left: 0; width: 100%; -webkit-font-smoothing: subpixel-antialiased; } #ri-cmn-hdr-unique .searchbar .floating .ri-cmn-hdr-select-btn, #ri-cmn-hdr-unique .searchbar .floating select { left: 10px; } #ri-cmn-hdr-unique .searchbar .floating .inputWrapper { left: 240px; right: 410px; } #ri-cmn-hdr-unique .searchbar .floating input[type="submit"] { right: 295px; } #ri-cmn-hdr-unique .searchbar .floating .category-list, #ri-cmn-hdr-unique .searchbar .floating a.forFixed { display: none; } #ri-cmn-hdr-unique .searchbar .floating a.forFloating { display: inline; } #ri-cmn-hdr-unique .searchbar .fixed a.forFloating { display: none; } #ri-cmn-hdr-unique .searchbar .placeholderForFloatingSearchbar { display: none; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container { width: auto; position: relative; float: right; display: inline-block; margin: 10px 0; text-align: left; font-size: 100%; margin: 13px 13px 0 14px; position: relative; padding: 10px 17px 20px 10px; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container .ri-cmn-hdr-service-ttl { display: block; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container > * { display: none; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container:hover > * { display: block; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-flame { width: 172px; padding: 20px 0 20px; display: none; position: absolute; right: 3px; top: 41px; background: #ffffff; border: solid 1px #999999; box-shadow: 3px 3px #cecece; -moz-box-shadow: 3px 3px #cecece; -webkit-box-shadow: 3px 3px #cecece; -o-box-shadow: 3px 3px #cecece; -ms-box-shadow: 3px 3px #cecece; overflow: hidden; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container .ri-cmn-hdr-service-list a { display: block; width: 100%; line-height: 1.8; padding: 2px 23px; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container .ri-cmn-hdr-service-list a:hover { color: #bf0000 !important; text-decoration: underline; background: #f0f0f0; } #ri-cmn-hdr-unique .ri-cmn-hdr-service-container .ri-cmn-hdr-top-tail { top: 33px; } /* ri-cmn-hdr-keyword-container */ #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container { width: auto; padding: 14px 0 0 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: visible; white-space: nowrap; width: auto; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container .ri-cmn-hdr-keyword-ttl { overflow: hidden; float: left; margin-right: 10px; line-height: 2.5; } #ri-cmn-hdr-unique .riCmnSideTtl { display: none; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container ul { overflow: hidden; height: 29px; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container ul li { float: left; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container ul li a { border: 1px solid #d2d2d2; border-radius: 5px; padding: 0 6px; display: inline-block; line-height: 2.1; background: #fcfbfb; margin: 1px 10px 10px 0; white-space: nowrap; } #ri-cmn-hdr-unique .ri-cmn-hdr-keyword-container ul li a:hover { color: #ffffff !important; text-decoration: none; background: #ababab; } #ri-cmn-hdr-unique .riCmnSideIn, #ri-cmn-hdr-unique .riCmnSideInThin { width: 100%; } #ri-cmn-hdr-unique .riCmnSideIn .riIcnNew01 { display: none; } #ri-cmn-hdr-unique .riCmnSideWrap, #ri-cmn-hdr-unique .riCmnSideWrapVisb { width: 100%; } /* ri-cmn-hdr-unique-r-genre */ #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre .searchbar { float: right; } #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre .searchbar .category-list { margin: 12px 0 0 24px; padding: 10px 15px 20px 0; } #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre .ri-cmn-hdr-unique-icon { width: 0; } #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre.ri-cmn-hdr-unique-r-genre-product .ri-cmn-hdr-unique-icon { width: 32px } #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre .ri-cmn-hdr-unique-ttl { margin-left: 18px; margin-right: 34px; } #ri-cmn-hdr-unique.ri-cmn-hdr-unique-r-genre-product .ri-cmn-hdr-unique-ttl { margin: 18px 0 10px 66px } /* ========================================= ris-notification-1.3.2.css ========================================== */ #ri-cmn-hdr-global #ritNotificationBadge { display: none; border-radius: 10px; padding: 3px 5px 2px 5px; border: solid 2px #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #bf0000; position: absolute; top: -7px; left: 24px; color: #ffffff !important; font-weight: bold; font-size: 10px; text-align: center; font-family: "MS PGothic", "Osaka", Arial, sans-serif; line-height: 1.1em; z-index: 1; } /* notification popup [#ritNotification] ----------------------------*/ #ri-cmn-hdr-global #ritNotification { display: none; position: absolute; left: -298px !important; top: 50px !important; border: solid 1px #999999; box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -moz-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -webkit-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -o-box-shadow: 3px 3px rgba(206, 206, 206, 0.65); -ms-box-shadow: 3px 3px #cecece; z-index: 3147483641; background: #ffffff; padding-right: 4px; width: 634px; } /* notification popup [#ritNotification] ----------------------------*/ #ri-cmn-hdr-global #ritNotification * { background: no-repeat fixed 0 0 transparent; background-color: transparent; border: none; margin: 0; padding: 0; list-style: none none; list-style-type: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2; font-size: 12px; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; quotes: none; counter-reset: none; counter-increment: none; content: normal; border-collapse: separate; border-spacing: 0; opacity: 1; box-sizing: content-box; outline: none; overflow: visible; float: none; table-layout: auto; letter-spacing: normal; z-index: auto; color: #333333; cursor: auto; caption-side: top; clear: none; /* clip: auto; */ text-align: left; text-decoration: none; text-indent: 0; text-transform: none; direction: ltr; empty-cells: show; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; word-spacing: normal; position: static; left: auto; top: auto; /* for ie */ overflow-x: visible; overflow-y: visible; text-autospace: none; text-justify: auto; text-underline-position: below; word-break: normal; word-wrap: normal; writing-mode: lr-tb; layout-grid: none; ime-mode: auto; line-break: normal; ruby-align: auto; ruby-overhang: auto; ruby-position: inline; background-position-x: left; background-position-y: top; behavior: none; /* css3 */ background-clip: border-box; background-origin: padding-box; background-size: auto; border-radius: 0; border-image: none 100% 1 0 stretch; box-decoration-break: slice; box-shadow: none; transform: none; transform-origin: 50% 50%; transform-style: flat; perspective: none; box-orient: inline-axis; box-direction: normal; box-ordinal-group: 1; box-align: stretch; box-flex: 0.0; box-flex-group: 1; box-pack: start; box-lines: single; columns: auto auto; column-gap: normal; column-rule: medium none #FFFFFF; break-after: auto; break-before: auto; break-inside: auto; column-span: 1; column-fill: balance; word-break: normal; text-wrap: normal; word-wrap: normal; text-justify: auto; text-shadow: none; ruby-position: before; ruby-align: auto; ruby-overhang: none; ruby-span: none; font-size-adjust: none; font-stretch: normal; -moz-box-sizing: content-box; } #ri-cmn-hdr-global #ritNotification .ntfTtlCnt { width: 634px; overflow: hidden; font-weight: bold; } #ri-cmn-hdr-global #ritNotification .ntfTtlCnt .ntfTtl { width: 210px; padding: 5px 11px; float: left; } #ri-cmn-hdr-global #ritNotification .ntfTtlCnt .ntfClose { width: 15px; margin: 4px 0px 2px; float: right; background: url(../images/icn_close_gray.gif) no-repeat 0 0; cursor: pointer; } /* Error */ #ri-cmn-hdr-global #ritNotification .ritNotificError { display: none; background: #ffffff; z-index: 6666; overflow: hidden; margin: 8px 19px 30px 23px; text-align: center; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn a, #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn a:visited { text-decoration: none; color: #1d54a7 !important; outline: 0; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn a:hover { text-decoration: underline; color: #c00000 !important; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn li { vertical-align: bottom; display: inline-block; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn { height: 24px; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn > li:first-child { margin-left: 0; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn > li { margin-left: 4px; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn > li > a { width: 101px; height: 24px; display: block; line-height: 2; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn .notification { position: relative } #ri-cmn-hdr-global #ritNotificationButton { position: relative; } #ri-cmn-hdr-global #ritNotification li { display: block; } #ri-cmn-hdr-global #ritNotification .ntfTopTail { position: absolute; top: -9px; left: 311px; width: 6px; z-index: 7777; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #686868; } #ri-cmn-hdr-global #ritNotification .ntfTopTailFill { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; right: -8px; top: 1px; } #ri-cmn-hdr-global #ritNotification .rihCmnUserRetBtn .notification .notificationBtn { display: block; background: url(../images/btn_ret_menu_sprite_03.gif) 0 0; width: 101px; height: 24px; line-height: 2px; cursor: pointer; } #ri-cmn-header-config { display: none; } /* ========================================= suggest ========================================== */ #suggest { z-index: 2147483647 !important; line-height: 1.1; font-size: 10px; font-size: 1.0rem; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; color: #666666 !important; background: #f4f3f1; } #suggest .sggstKeyword { white-space: normal !important; line-height: 1.6; } #suggest { z-index: 2; background: #ffffff none repeat scroll 0 0; border: solid 1px #999999; cursor: default; line-height: 18px; margin: 0; position: absolute; width: 290px; overflow: hidden } #suggest .sggstKeyword { background: #ffffff none repeat scroll 0 0; overflow: hidden; font-size: 10px; padding-left: 3px; padding-right: 3px; text-align: left; white-space: nowrap; float: left; width: 284px } #suggest .sggstSelect .sggstKeyword { background: #3366CC none repeat scroll 0 0; color: #ffffff !important; cursor: pointer } #suggest .sggstComment { padding: 0 5px } #suggest .sggstComment .sggstCommentbox { border-top: 0 none; background-color: #ffffff; color: #808080 !important; font-size: 10px; padding-top: 2px; clear: both } #suggest .sggstBetabtn01 { float: left; display: inline } #suggest .sggstBetabtn02 { float: right; display: inline; width: 101px } #suggest .sggstHidetext { float: left; display: inline } #suggest .sggstHideimg { float: right; display: inline } .sggstInputWrap { position: relative; width: 100% } #suggest .sggstNoselect strong { font-weight: bold; color: #000000 !important; font-style: normal } #suggest .sggstKeyword span { margin-left: 12px; font-size: 10px; font-weight: normal } #suggest .sggstNoselect .sggstKeyword span { color: #838383 } #suggest .cnaviRow .cnaviLink, #suggest .asurakuRow .asurakuLink { color: black; line-height: 2em; display: block; white-space: nowrap; text-align: left; overflow: hidden; float: left; clear: both; cursor: pointer; text-decoration: none } #suggest .cnaviRow .sggstKeyword, #suggest .asurakuRow .sggstKeyword { font-weight: bold } #suggest .sggstNoselect .sggstKeyword .cnaviEm, #suggest .sggstNoselect .sggstKeyword .asurakuEm { color: #BF0000 } #suggest .sggstSelect .sggstKeyword .cnaviEm, #suggest .sggstSelect .sggstKeyword .asurakuEm { color: #FFFFFF } #suggest .sggstKeyword .cnaviEm, #suggest .sggstKeyword .asurakuEm { font-weight: bold; margin: 0; font-size: 10px } #suggest .cnaviRow.sggstNoselect .cnaviLink, #suggest .asurakuRow.sggstNoselect .asurakuLink { background-color: white } #suggest .cnaviRow.sggstSelect .cnaviLink, #suggest .asurakuRow.sggstSelect .asurakuLink { background-color: #3366CC } #suggest .cnaviRow .cnaviBorder { display: none } #suggest.sggstSwg .sggstBorder { clear: both; border: 0px none } #suggest.sggstSwg.sggstCn .sggstBorder, #suggest.sggstSwg.sggstAr .sggstBorder { clear: both; border-top: 1px dotted #AEAEAE; border-bottom: 0px none; margin: 0 5px } #suggest .shopRow { padding: 0 0 10px 0; float: left; overflow: hidden; width: 100% } #suggest .shopCell { position: relative } #suggest .shopRow .suggest-shop-img { padding: 5px; width: 240px; height: 60px } #suggest .shopRow .shopColumn { } #suggest .shopRow .shopColumn li:hover { background: none repeat scroll 0 0 #3366CC; color: #FFFFFF; cursor: pointer } #suggest .shopRow .shopColumn .shopImg { display: inline; padding: 5px 10px } #suggest .shopRow .shopColumn a { display: block; height: 100%; text-decoration: none; color: inherit } #suggest .shopRow .shopText { position: absolute; top: 50%; margin-top: -0.6em; font-size: 10px; margin-left: 0 } #suggest .shopRow .shopBorder { border: none; border-top: 1px dotted #AEAEAE; height: 1px; color: #FFFFFF; margin: 0 5px } #suggest .shopRow .shopTitle { margin: 0; padding: 10px 10px 5px 28px; width: 100%; color: #7f7f7f; font-size: 12px; font-weight: bold; display: inline-block; background: url(../images/icn_shop.gif) no-repeat 10px 10px } /* RFS-2796 case 1 font:red size:up add line between swg and suggest_keyword */ #suggest .sggstNoselect .sggstKeyword .swgWordRow, #suggest .sggstSelect .sggstKeyword .swgWordRow { color: #bf0000; font-size: 12px !important; } #suggest .sggstSelect .sggstKeyword .swgWordRow { color: #FFFFFF } #suggest .sggstRow span, #suggest .swgRow span, #suggest .cnaviRow span, #suggest .asurakuRow span { padding: 0 0 0 4px; font-size: 10px; font-size: 1.0rem !important; } #suggest .sggstNoselect .sggstKeyword .swgTopWordRow { display: none; color: #666666 !important; } #suggest .lastSwgBorder { display: none; border-top: 1px dotted #AEAEAE; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; clear: both; height: 1px; margin: 0 5px; } #suggest .sggstKeyword .cnaviEm, #suggest .sggstKeyword .asurakuEm { padding-left: 0; }