/* CSS Document */ /*------------------------------------------------ *merge.css -共通系 -商品系 -店舗系 -IR -プレスリリース -CSR -セミナー -イベント -ユーティリティナビ -採用 ------------------------------------------------*/ /*---------------------------------------------------------------------------- 共通系 START*/ article { word-break: normal; } header.local .rss, header.local .print { top: 24px; } header.local .print + .rss { right: 135px; } .filters { top: 28px; } article { padding-bottom: 20px; } header.local .buttonRefine { top: 20px; } .relatedLinks .row .col1, .relatedLinks .row .col2, .relatedLinks .row .col3 { margin-bottom: 15px; } .row .col4 { float: left; } body.popUp .closeBtn { margin-bottom: 30px; } .sideBar .backLinks { margin: 0 0 20px; } nav.exNav .sideBar .backLinks { margin: 0 0 50px; } nav.exNav .prev { top: -45px; } nav.exNav .next { bottom: -52px; } div.mainContents.migration nav.localNav .sideBar { padding: 0 0 30px; } .static article .localNav .sideBar .navList li p, .sideBar .navList li { font-size: 14px; } .rules .sideBar .navList + h2 { margin-bottom: 9px; } article .localNav .localNavBottom .navList li, .mainContents.static article.companyTop .localNav .localNavBottom .navList li, .mainContents.static article.summary .localNav .localNavBottom .navList li { margin-bottom: 0; border-top: none; border-bottom: 1px solid #dadad9; } article .localNav .localNavBottom .navList li:first-child, .mainContents.static article.companyTop .localNav .localNavBottom .navList li:first-child, .mainContents.static article.summary .localNav .localNavBottom .navList li:first-child { border-top: 1px solid #dadad9; } article .localNavBottom .navList li, .mainContents.static article.companyTop .localNavBottom .navList li, .mainContents.static article.company .localNavBottom .navList li, .mainContents.static article.summary .localNavBottom .navList li, .mainContents.static article.companyTop .localNav .localNavBottom .navList li, .mainContents.static article.company .localNav .localNavBottom .navList li, .mainContents.static article.summary .localNav .localNavBottom .navList li { margin-bottom: 0; margin-top: -1px; border-top: 1px solid #dadad9; border-bottom: 1px solid #dadad9; } article .localNavBottom .navList, .mainContents.static article.companyTop .localNavBottom .navList, .mainContents.static article.company .localNavBottom .navList, .mainContents.static article.summary .localNavBottom .navList { padding-top: 1px; } .mainContents.static article.companyTop .localNav .localNavBottom .navList, .mainContents.static article.company .localNav .localNavBottom .navList, .mainContents.static article.summary .localNav .localNavBottom .navList { border-bottom: none; } .sideBar .navList { margin-bottom: 10px; } article .localNavBottom { margin-bottom: 40px; } div.mainContents.migration nav.localNav .sideBar.bottomAjust { padding-bottom: 0; } article.recruit nav.localNav ul.navList li a { margin-bottom: 0; padding: 0; background: none; } article.recruit nav.localNav div.sideBar { margin: 0 15px; padding: 0; } article.recruit nav.localNav div.sideBar ul { margin-bottom: 20px; } @media all and (min-width: 1280px) { article .localNavBottom.forCol2, div.mainContents.migration article .recruit .recruitButtonList { display: none; } } div.mainContents.migration .localNav .recruitButtonList { background-color: #3d3935; border-radius: 4px; font-size: 16px; height: 35px; line-height: 35px; margin: 0 auto 40px; text-align: center; width: 290px; } div.mainContents.migration .localNav .recruitButtonList a { color: #fff; display: block; } .localNav .sideBar .navList li.is-located p span { font-weight: bold; } nav.exNav .sideBar .navList li.current p { border-left: 10px solid #3d3935; font-weight: bold; padding-left: 20px; } nav.exNav .sideBar .navList li li p, nav.exNav .sideBar .navList li.current li p { border-left: none; font-weight: normal; padding-left: 50px; font-size: 12px; } nav.exNav .sideBar .navList li.current li.current { background: none; } nav.exNav .sideBar .navList li.current li.current p { font-weight: bold; } ul.itemList li { background: url(/common/images/list-normal-bg.gif) no-repeat 6px .7em; padding-left: 14px; } .rules .contents ul.innerList ul.itemList { margin-bottom: 0; } .rules .contents ul.innerList ul.itemList li { padding-left: 14px; text-indent: 0; } ol.itemList { padding-left: 2em; text-indent: -1.6em; } ol.itemList li { list-style-position: inside; list-style-type: decimal; } /* 矢印バレット統一 */ .linkBox .boxContainer div { background: url(/common/images/bg-arrow.png) right 4px no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) right 4px no-repeat\9; } .linkBox .boxContainer div:not(:target) { background: url(/common/images/bg-arrow.png) right 4px no-repeat\9; background-size: 6px 10px\9; } article .panel.type4 .textArea { background: url(/common/images/bg-arrow-panel-pc.png) right 16px no-repeat; background-size: 18px 10px; background: url(/common/images/bg-arrow-panel-pc-ie8.png) right 16px no-repeat\9; } article .panel.type4 .textArea:not(:target) { background: url(/common/images/bg-arrow-panel-pc.png) right 16px no-repeat\9; background-size: 18px 10px\9; } article .panel.type1 .textArea, article .panel.type2 .textArea { background: url(/common/images/bg-arrow-panel-pc.png) right 25px no-repeat; background-size: 18px 10px; background: url(/common/images/bg-arrow-panel-pc-ie8.png) right 25px no-repeat\9; } article .panel.type1 .textArea, article .panel.type2 .textArea:not(:target) { background: url(/common/images/bg-arrow-panel-pc.png) right 25px no-repeat\9; background-size: 18px 10px\9; } article .panel.type3 .textArea { background: url(/common/images/bg-arrow-panel-black-pc.png) right 17px no-repeat; background-size: 18px 10px; background: url(/common/images/bg-arrow-panel-black-pc-ie8.png) right 17px no-repeat\9; } article .panel.type3 .textArea:not(:target) { background: url(/common/images/bg-arrow-panel-black-pc.png) right 17px no-repeat\9; background-size: 18px 10px\9; } .mainContents article.howTo .andMore .container .linkContainer li a { background: url(/common/images/bg-arrow-panel-pc.png) right 5px no-repeat; background-size: 18px 10px; background: url(/common/images/bg-arrow-panel-pc-ie8.png) right 5px no-repeat\9; } .mainContents article.howTo .andMore .container .linkContainer li a:not(:target) { background: url(/common/images/bg-arrow-panel-pc.png) right 5px no-repeat\9; background-size: 18px 10px\9; } div.mainContents.notExNav.migration article.recruitIndex .localNavBottom .navList li { background: url(/common/images/bg-arrow.png) right center no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) right center no-repeat\9; } div.mainContents.notExNav.migration article.recruitIndex .localNavBottom .navList li:not(:target) { background: url(/common/images/bg-arrow.png) right center no-repeat\9; background-size: 6px 10px\9; } .sideBar .navList li { background: url(/common/images/bg-arrow.png) 273px 1.2em no-repeat #fff; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 273px 1.2em no-repeat #fff\9; } .sideBar .navList li:not(:target) { background: url(/common/images/bg-arrow.png) 273px 1.2em no-repeat #fff\9; background-size: 6px 10px\9; } .static article .localNav .sideBar .navList li { background: url(/common/images/bg-arrow.png) 273px 1em no-repeat #f2f1ef; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 273px 1em no-repeat #f2f1ef\9; } .static article .localNav .sideBar .navList li:not(:target) { background: url(/common/images/bg-arrow.png) 273px 1em no-repeat #f2f1ef\9; background-size: 6px 10px\9; } .static article .localNav .sideBar .navList li.is-located { background-image: none; } article .localNavBottom .navList li { background: url(/common/images/bg-arrow.png) 275px center no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 275px center no-repeat\9; } article .localNavBottom .navList li:not(:target) { background: url(/common/images/bg-arrow.png) 275px center no-repeat\9; background-size: 6px 10px\9; } .backLinks li a { background: url(/common/images/bg-arrow-back.png) 1px center no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-back-ie8.png) 1px center no-repeat\9; } .backLinks li a:not(:target) { background: url(/common/images/bg-arrow-back.png) 1px center no-repeat\9; background-size: 6px 10px\9; } .linkList li a { background: url(/common/images/bg-arrow.png) 100% 2.5em no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 100% 2.5em no-repeat\9; } .linkList li a:not(:target) { background: url(/common/images/bg-arrow.png) 100% 2.5em no-repeat\9; background-size: 6px 10px\9; } article.forCms .linkList li.noThumb a { background: url(/common/images/bg-arrow.png) 100% 1.5em no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 100% 1.5em no-repeat\9; } article.forCms .linkList li.noThumb a:not(:target) { background: url(/common/images/bg-arrow.png) 100% 1.5em no-repeat\9; background-size: 6px 10px\9; } .sideBar .navListThumbnail li div { background: url(/common/images/bg-arrow.png) 274px 22px no-repeat; background-size: 6px 10px; background: url(/common/images/bg-arrow-ie8.png) 274px 22px no-repeat\9; } .sideBar .navListThumbnail li div:not(:target) { background: url(/common/images/bg-arrow.png) 274px 22px no-repeat\9; background-size: 6px 10px\9; } .storeStyle { background-image: url(/common/images/img-arrow-closed.png) no-repeat; background-size: 11px 9px; background-position: 3px 9px; background-image: url(/common/images/img-arrow-closed-ie8.png) no-repeat\9; } .storeStyle:not(:target) { background-image: url(/common/images/img-arrow-closed.png) no-repeat\9; background-size: 11px 9px\9; } .is-opened .storeStyle { background-image: url(/common/images/img-arrow-opened.png) no-repeat; background-size: 11px 9px; background-position: 3px 9px; background-image: url(/common/images/img-arrow-opened-ie8.png) no-repeat\9; } .is-opened .storeStyle:not(:target) { background-image: url(/common/images/img-arrow-opened.png) no-repeat\9; background-size: 11px 9px\9; } .searchResult .resultContents .backToSearchTop a { background-image: url(/common/images/bg-arrow-back.png) no-repeat; background-size: 6px 10px; background-image: url(/common/images/bg-arrow-back-ie8.png) no-repeat\9; } .searchResult .resultContents .backToSearchTop a:not(:target) { background-image: url(/common/images/bg-arrow-back.png) no-repeat\9; background-size: 6px 10px\9; } /*---------------------------------------------------------------------------- 共通系 END*/ /*---------------------------------------------------------------------------- 商品系 START*/ .reserve { background: none; } body.reserve div.mainContents, body.reserve header.local { background: #2C2A29; } div.mainContents .reserve h1, div.mainContents .reserve h2, div.mainContents .reserve h3, div.mainContents .reserve p, div.mainContents .reserve a, body.reserve nav.exNav li a { color: #3d3935; } div.mainContents .reserve .specialItem { color: #b1b0ae; } body.reserve .specification.coffeeDetail tr td.item { color: #e4d9c2; } /*h3.reserve { background: #2C2A29; }*/ body.reserve aside.welcome a { color: #3d3935; } body.reserve aside.welcome a:hover { color: #fff; background: #c6893f; } body.reserve .productInfo .status .soldout { color: #e4d9c2; } .refine { background: #f3f1ef; } .refine .selections h4 { font-size: 11px; }/*------------------------------------ 2017.02.22 UT改善OS対応 END*/ .refine .selections .selection { margin-top: 20px; } .refine .buttonContainer { border: none; padding-right: 50px; } .refine .buttonContainer .submit {width: 290px;} .refine .close { background: url(/common/images/bg-refine-close.png) no-repeat scroll 0 0; background: url(/common/images/img-btn-modal-close.png) no-repeat scroll 50% 50%\9; background-size: 24px 24px; height: 24px; right: 15px; top: 66px; width: 24px; } .refine .decoration { top: -9px; right: 126px; } header.local .buttonRefine { background: url(/common/images/bg-border-refine.png) no-repeat 100% 50%; padding: 15px 20px; right: 91px; } .customize h4 { margin-bottom: 5px; } .customize h4 a { color: #c6893f; } .customize h4 a:hover { background-color: #c6893f; color: #FFF; opacity: 1; } .customize p { margin-bottom: 14px; } .customize .images img { vertical-align: bottom; } article.productDetail .customize .images { font-size: 0; } .row .col .productName { margin-bottom: 12px; } .row.listGrid .col span.status, .row.listRandom .col span.status{ font-size: 10px; } .row.listGrid .col span.status span.stock, .row.listRandom .col span.status span.stock{ color: #a7958e; margin-right: 10px; } .row.listGrid .col span.status span.store, .row.listRandom .col span.status span.store{ margin-right: 8px; } .row .col.blonde .itemImage span { border-bottom: 5px solid #C69214; } .row .col.medium .itemImage span { border-bottom: 5px solid #924C2E; } .row .col.dark .itemImage span { border-bottom: 5px solid #6C1D45; } .links.img li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .reserve .mainContents { margin-right: 0; background-color: #3d3935; padding-left: 15px; } .photoOver { margin-bottom: 15px; text-align: center; } @media all and (min-width: 1229px) { .reserve .mainContents { padding-left: 0; } .reserve .mainContents.notExNav { padding-left: 15px; } } div.mainContents.searchResult .refine .icons li.you { margin-top: -6px; } div.mainContents.searchResult .refine .icons li i { margin-right: 7px; } /* 20140902 追記 店舗検索 END*/ .reserve .cartForm, .reserve .sizeList .price, .reserve .specification { color: #e4d9c2; } /* 2018.11.14 reserve再調整 --------------------------------------------------------------------- */ body.reserve.newReserveBody .specification.coffeeDetail tr td.item { color: #8c8279;; } body.reserve.newReserveBody div.mainContents, body.reserve.newReserveBody header.local { background-color: #f8f5f2; } .reserve.newReserveBody .mainContents { padding-left: 0; } @media all and (min-width: 1229px) { .reserve.newReserveBody .mainContents.notExNav { padding-left: 0; } } .reserve.newReserveBody .cartForm, .reserve.newReserveBody .sizeList .price, .reserve.newReserveBody .specification, .reserve .productInfo .productInfoDetail .price { color: #3d3935; } /* / 2018.11.14 reserve再調整 --------------------------------------- */ /* カート機能 */ .cartForm .js-cartform-disable .buttonCart, .cartForm .js-cartform-disable .select { background: #EEE; border-color: #CCC; color: #CCC; } .cartForm .hide { display: none; } /* ツールチップ */ .js-cartform-tooltips { display: none; width: 302px; padding: 20px 20px 15px; overflow: hidden; zoom: 1; position: absolute; z-index: 1; background: #f7f6f4; border: 1px solid #edf3e8; } .js-cartform-tooltips.show { display: block; } .js-cartform-tooltips .text { overflow: hidden; zoom: 1; } .js-cartform-tooltips .cart { margin-left: 20px; padding-left: 25px; float: right; background: url(/common/images/bg_cart_bag-old.gif) left top no-repeat transparent; font-size: 14px; font-weight: bold; line-height: 25px; } .js-cartform-tooltips .message { float: left; font-size: 14px; line-height: 25px; color: #7bc24e; } /* エラーダイアログ */ .js-errordialog { display: none; width: 298px; min-height: 84px; padding: 25px; margin-top: -67px; margin-left: -175px; position: fixed; overflow: hidden; zoom: 1; top: 50%; left: 50%; z-index: 9999; background: #f7f6f4; border: 1px solid #edf3e8; line-height: 17px; } .js-errordialog .close { width: 15px; height: 15px; margin: 2px 0; float: left; background: transparent url(/common/images/bg-close.gif); cursor: pointer; } .js-errordialog .text { width: 273px; margin: 0; float: right; font-size: 14px; color: #7bc24e; } .js-errordialog .text dt, .js-errordialog .text dd { margin: 0; font-size: inherit; } .js-errordialog .text dd .code { color: #7bc24e; } .productInfo .placeContainer li.isSoldout .soldout { color: #3d3935; } body.reserve .productInfo .placeContainer li.isSoldout .soldout { color: #e4d9c2; } /* DYF */ div#sbjCustomizeArea h2 { margin-bottom: 13px; font-size: 15px; font-weight: bold; } div#sbjCustomizeArea .arrow { background: none; display: inline-block; position: static; color: #c6893f; margin-bottom: 5px; } div#sbjCustomizeArea .arrow.fwB { float: none; } div#sbjCustomizeArea .arrow:hover { color: #fff; background: #c6893f; opacity: 1; } div#sbjCustomizeArea p { margin-bottom: 14px; } div#sbjCustomizeArea a { float: right; } div#sbjCustomizeArea .imgL img { vertical-align: bottom; } .productInfo .selectList label { cursor: pointer; } .productInfo .selectList .isSoldout label { cursor: auto; } .productInfo .selectList .isSoldout .informationContainer { padding-left: 41px; background: url(/common/images/bg-input-soldout.png) no-repeat scroll 10px 50%; } .instructionOrigami li p { padding-left: 0; text-indent: 0; } .instructionOrigami li img { width: auto; } .instructionVia li.withImg { display: table; } .instructionVia li.withImg p, .instructionVia li.withImg img{ display: table-cell; margin-bottom: 0; vertical-align: top; } .instructionVia li.withImg p { line-height: 1.5; } .instructionVia li.withImg img { margin-right: 10px; } /* コンポーネント問い合わせ */ article.productDetail .inquiry { border: solid 1px #dadada; padding: 20px; } article.productDetail .inquiry h3 { font-size: 12px; font-weight: normal; color: #a7958e; } article.productDetail .inquiry ul { margin-bottom: 15px; } article.productDetail .inquiry ul:last-child { margin-bottom: 0; } article.productDetail .inquiry ul li{ font-size: 12px; } .row.listGrid .col span.status span.store span, .row.listRandom .col span.status span.store span, .row.listGrid .col span.status span.online span, .row.listRandom .col span.status span.online span { font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; } article.productDetail .status .store span, article.productDetail .status .online span { font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 12px; } .row.listGrid .specialItem, .row.listRandom .specialItem { background: none; color: #b1b0ae; font-size: 10px; font-weight: bold; line-height: 1.2em; padding-left: 0; } .row.listGrid .specialItem span, .row.listRandom .specialItem span { background: url(/common/images/img-icon-star.png) no-repeat 0 50%; color: #b1b0ae; font-size: 10px; font-weight: bold; line-height: 1.2em; padding-left: 15px; } .row .col .itemImage { border: 1px solid #dadad9; } article.productDetail ul.pdf { margin: -12px 0 20px; } article.productDetail ul.pdf li { font-size: 12px; } article.productDetail ul.pdf li a { background: url(/common/images/bg-icon-pdf.png) no-repeat 100% 50%; display: inline-block; line-height: 1.8; padding-right: 27px; } article.productDetail div.adobeReader { border: 1px solid #dadad9; padding: 20px 20px 0; } article.productDetail div.adobeReader p { margin-bottom: 15px; } article.productDetail .specialItem { background: none; color: #b1b0ae; font-size: 10px; font-weight: bold; line-height: 1.2em; padding-left: 0; } article.productDetail .specialItem span { background: url(/common/images/img-icon-star.png) no-repeat 0 50%; color: #b1b0ae; font-size: 10px; font-weight: bold; line-height: 1.2em; padding-left: 15px; } body.reserve .productInfo .selectList li, body.reserve .specification tr { border-bottom: 1px dotted #dadad9; } body.reserve .productInfo .selectList li:first-child, body.reserve .specification { border-top: 1px dotted #dadad9; } body.reserve .specification, body.reserve .specification tr { background: none; } body.reserve .productInfo .store, body.reserve .productInfo .online { color: #e4d9c2; } .enlargedVisual img { min-width: 0 !important; } /* 2018.11.14 reserve再調整 --------------------------------------------------------------------- */ body.reserve.newReserveBody .productInfo .selectList li { border-bottom: 1px dotted #b2b2b2; } body.reserve.newReserveBody .specification tr { border-bottom: 0; background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") bottom repeat-x; } body.reserve.newReserveBody .productInfo .selectList li:first-child { border-top: 1px dotted #b2b2b2; } body.reserve.newReserveBody .specification { border-top: 0; background: url(/common/images/bg-dotted-b2b2b2.png?ff43d9774d) top repeat-x; } body.reserve.newReserveBody .productInfo .store, body.reserve.newReserveBody .productInfo .online { color: #3d3935; } /* / 2018.11.14 reserve再調整 --------------------------------------- */ /* IE11の表示崩れ対応のために幅高さを指定 */ @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .enlargedVisual img { width: 2000px; height: 2000px; } } article.productDetail .row .col1 h3 { margin: 0 15px 13px; } article.productDetail .row .col1 .container h3 { margin: 0 0 13px; } nav.exNav .productsList li a span.img img { max-width: 100%; height: auto; } .row.listRandom { margin: 0 15px; } article.productDetail .coffeeChoiceHeading { padding-bottom: 0; margin-bottom: 17px; } .coffeeChoice li { width: 20%; margin: 0; padding: 0; } .coffeeChoice li img { max-width: 100%; height: auto; border: 1px solid #dadad9; margin: 0 5px 5px 0; } article.productDetail .is-hidden.row { visibility: visible\9; } article.productDetail .sumally-button img { display: none\9; } article.productDetail .sumally-button img:not(:target) { display: block\9; } article.productDetail .sumally-button img.forIe8 { display: block\9; } article.productDetail #pos { display: none; } #colorbox #pos { display: block; } #colorbox #pos .container { box-sizing: border-box; font-size: 12px; position: relative; } #colorbox #pos .inquiry { padding: 20px; } #colorbox #pos .inquiry h3 { margin: 0 0 13px; color: #a7958e; font-size: 12px; font-weight: normal; } #colorbox #pos .inquiry ul { margin-bottom: 15px; } #colorbox #pos .inquiry ul li { font-size: 12px; } article.productDetail .slide li.prev, article.productDetail .slide li.next { display: none\9 !important; } article.productDetail .slide li.prev:not(:target), article.productDetail .slide li.next:not(:target) { display: block\9 !important; } .js-gallery .enlargedVisual.forIe8 { display: none !important; } @media all and (min-width: 1229px) { div.mainContents article.oos { max-width: 100%; width: 100%; } div.mainContents article.oos .contents { float: none; width: auto; margin-left: 320px; } div.mainContents article.oos .contents .row { clear: none; } div.mainContents article.oos .contents .row .col2 { width: auto; margin-bottom: 0; } } @media all and (min-width: 910px) { div.mainContents article.oos .mainContent .row .col .productName { min-height: 28px; } } body.reserve .js-cartform-tooltips .cart a, body.reserve #colorbox h1, body.reserve #colorbox h2, body.reserve #colorbox h3, body.reserve #colorbox p { color: #3d3935; } /*---------------------------------------------------------------------------- 商品系 END*/ /*---------------------------------------------------------------------------- 店舗系 START*/ div.mainContents.searchResult header.local .buttonRefine { padding: 0 23px 0 0; right: 95px; top: 35px; cursor: auto; opacity: 1; } div.mainContents.searchResult .refine { top: 70px; right: 20px; z-index: 95; padding: 37px 37px 7px; } div.mainContents.searchResult .refine h3 { margin-bottom: 30px; } div.mainContents.searchResult .refine .icons { width: 270px; } div.mainContents.searchResult .refine .icons li { float: left; width: 50%; margin-bottom: 20px; vertical-align: middle; } div.mainContents.searchResult .refine .icons li.you { margin-top: -6px; } div.mainContents.searchResult .refine .icons li i { margin-right: 7px; } body.storeSearch div.mainContents.searchResult .refine { position: fixed; } body.storeSearch .refine .decoration { right: 98px; top: -10px; } body.aboutCheckIn .buttonCheckIn { border: 1px solid #c6893f; margin-bottom: 20px; clear: both; } body.aboutCheckIn .buttonCheckIn a { color: #c6893f; display: block; text-decoration: none; } body.aboutCheckIn .closeBtn { background-color: #5f4d44; font-weight: bold; margin: 0 auto 20px; text-align: center; width: 290px; } body.aboutCheckIn .closeBtn a { color: #ffffff; display: block; height: 24px; line-height: 24px; padding: 10px; text-decoration: none; } body.aboutCheckIn .row .col1 { margin-bottom: 25px; } .storeSearch header.local { position: fixed; width: 100%; z-index: 10; background: #fff; left: 0; } .storeSearch header.local h2 { padding-left: 135px; } .storeSearch footer{ bottom: 0; } .storeSearch header .megaNav { width: 120px; } .storeSearch .searchResult .resultContainer { padding: 105px 20px 0; } .textBox .boxContainer .thumb, .textBox .boxContainer .text { margin-bottom: 0px; } .checkIn .items { margin-top: 60px; } .linkBoxNoThumb .heading, .linkBox .heading { font-size: 14px; } /* Related linksの見出し*/ .recommendPoint .boxContainer { margin-top: 0; } .recommendPoint .boxContainer .icon.book, .recommendPoint .boxContainer .explanation { display: table-cell; float: none; vertical-align: middle; } .recommendPoint .boxContainer .icon.book { width: 65px; text-align: center; } .searchResult .resultContents .resultStores .close { font-size: 12px; line-height: 1.33; margin: 5px 0 0; color: #8C8279; } .searchResult .resultContents .resultStores li.item.is-selected .close { margin: -15px 0 15px; padding-left: 15px; } body.storeSearch .refine .decoration { top: -9px; } article.store .conceptStore .text a { color: #c6893f; } article.store .conceptStore .text a:hover { color: #fff; opacity: 1; background: #c6893f; } article.store .conceptStore h4 { font-size: 14px; font-weight: bold; margin-bottom: 13px; } article.store .conceptStore.col4 h3 { margin: 0 15px 13px; } article.store .conceptStore.col4 .boxContainer.greenBook { background: #f8f6f4; padding: 15px; } article.store .conceptStore.col4 .boxContainer .textArea { overflow: hidden; } article.store .conceptStore.col4 .boxContainer .textArea p { margin-top: 15px; padding-left: 10px; } article.store .conceptStore.col4 .boxContainer .textArea p:first-child { margin-top: 0; } .storeSearch .searchResult .resultContainer .arrowUp, .storeSearch .searchResult .resultContainer .arrowDown { position: fixed; left: auto; margin: 0; text-align: center; z-index: 1; width: 320px; opacity: 0.8; display: none; cursor: pointer; } .storeSearch .searchResult .resultContainer .arrowUp { top: auto; } .storeSearch .searchResult .resultContainer .arrowDown { bottom: 20px; } .searchResult .resultContents .resultStores li.item.is-selected.isNotFound .detailContainer { border: none; margin: 0 15px; } .searchResult .resultContents .resultStores li.item.is-selected.isNotFound .detailContainer p { margin: 0; } .buttonBgGray { padding: 0; overflow: hidden; } .searchButtonMore { margin: 12px 14px; } .searchResult .mapArea, .searchResult .mapArea #gmap { height: 100%; } .searchDetailContainer #cityDiv, .filter.type4 .pullDown #cityDiv, .filter.type4 .pullDown #assist_city_view { margin-top: 10px; } div.mainContents.store.searchResult .contents { display: inline-block; } .searchResult .mapArea { top: auto; left: auto; right: 0; } .searchResult .resultContents .research .wordSearch, .searchDetailContainer .wordSearch { line-height: 35px\9 } @media all and (min-width: 910px) { article.store .contentsContainer .relatedLinks, article.store .contentsContainer .col1.lan { clear: both; } } @media all and (min-width: 1229px) { article.store .contentsContainer .panel.type4.col1 { clear: both; } article.store .contentsContainer .relatedLinks .col1 { float: none; } } article.store .contentsContainer .lan.col1 .container { border: 1px solid #dadada; padding: 20px 20px 15px; } article.store .contentsContainer .lan.col1 .container h3 { color: #a7958e; font-size: 12px; font-weight: normal; } article.store .contentsContainer .lan.col1 .container p { margin-bottom: 15px; } article.store .recommendPoint { display: none; } .searchTabs li.gps { display: inline-block; display: none\9; } .searchTabs li.gps:not(:target) { display: inline-block\9; } .is-opened .searchCriteria { display: block; } ul.hoursOfStore { margin: -2em 0 2em; } ul.hoursOfStore li { font-size: 12px; } ul.hoursOfStore li span { display: block; } ul.hoursOfStore li span + span { margin-left: 1em } .searchResult .mapArea { left: 480px; right: auto; top: 85px; } .searchResult .mapArea, .searchResult .mapArea #gmap { max-height: 1024px; max-width: 1024px; } .searchResult .resultContainer { background-color: #f4f2ef; } div.mainContents.store.searchResult .contents { margin-bottom: -4px; } div.mainContents.store.searchResult header.local { z-index: 11; } div.mainContents.store.searchResult + footer.global { z-index: 10; } /*---------------------------------------------------------------------------- 店舗検索 END*/ /*---------------------------------------------------------------------------- IR START*/ .sideBar .navList ul { margin-bottom: 0; } .sideBar .navList li.is-located ul li p { padding-left: 30px; border-left: none; font-weight: normal; } .sideBar .navList li.is-located ul { margin-bottom: 0; } .sideBar .navList li.more { background: url(/common/images/img-arrow-closed.png) no-repeat scroll 270px 1.2em white; background-size: 11px 9px; } .sideBar .navList li.more.is-opened { background: url(/common/images/img-arrow-opened.png) no-repeat scroll 270px 1.2em white; background-size: 11px 9px; } .sideBar .navList li.more ul { border-top: 1px solid #f3f1ef; } .sideBar .navList li.more.is-opened { border-bottom: none; } .ir .container > h3 { display: inline-block; } .ir .container .links { float: right; display: inline-block; width: auto; } .container .linkList.type3 { clear: both; } div.mainContents article.forCms .backLinks { margin-top: 50px; } div.mainContents article.forCms .backLinks.top div.mainContents article.forCms .relatedLinks + .backLinks { margin-top: 0; } div.mainContents article.forCms header.local .backLinks { margin: 0 15px 25px; } @media all and (max-width: 1230px) { .ir .container .links li { display: block; } } .irContentContainer .table.stockholder { border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } .irContentContainer table.standard { border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } body.mailSample header.global nav.megaNav.min li.name { display: none; } body.mailSample .container { width: 550px; margin: 0 auto; } body.mailSample .img { text-align: center; } body.mailSample .closeBtn { text-align: right; } body.mailSample .closeBtn:hover { opacity: 0.7; } .listNav li { width: 20%; } div#adobeReader { border: 1px solid #dadad9; margin: 30px 15px; padding: 18px 20px; } div#adobeReader .img, div#adobeReader .txt { display: table-cell; vertical-align: middle; } div#adobeReader .txt { padding-left: 20px; } header.local .rss li { padding: 11px 0; text-align: center; width: 33px; } header.local .rss li:hover { opacity: 1; cursor: auto; } header.local .rss li a { display: block; } article.ir p.stockImg { border-top: 1px solid #dadad9; margin: 7px 0 15px; padding-top: 1em; } article.ir .container.stock ul.links { float: none; display: block; } article.ir .container.stock ul.links li { display: block; } article.ir .container.stock ul.links li:first-child { border-bottom: 1px solid #dadad9; padding-bottom: 10px; margin-bottom: 10px; } article.ir .container.stock ul.links li:first-child a { color: #c6893f; } article.ir .container.stock ul.links li:first-child a:hover { background: #c6893f; color: #fff; } .irContentContainer.highlight .zoomContents { display: block; } .irContentContainer.highlight img { max-width: 100%; height: auto; } .irContentContainer.highlight .zoomContents:hover { opacity: 1; } .irContentContainer.highlight .zoomContents .zoom { display: none; } .irContentContainer .table.highlight th.wid25 { width: 300px; } body.popUp .container { margin: 0 15px; } body.popUp .closeBtn { text-align: right; } body.popUp .tableBox { overflow: auto; } body.popUp header.global nav.megaNav.min li.name { display: none; } div.mainContents, div.mainContents article.forCms .filters { width: auto; } .irContentContainer .stockChart h3 { overflow: hidden; width: 610px; } .irContentContainer .stockChart h3 span { display: block; width: 290px; float: left; font-size: 16px; font-weight: bold; } .irContentContainer .stockChart h3 span:first-child { width: 320px; } .sideBar .menuList .navListThumbnail li.is-located { border-left: 10px solid #3d3935; } .sideBar .menuList .navListThumbnail li.is-located div { padding-left: 10px; background: none; } .sideBar .menuList .navListThumbnail li.is-located div .textArea { padding-left: 0; } .sideBar .menuList .js-navList { width: 290px !important; } article.ir .linkList.type3 li .linkDetailText .heading.pdf { background: none; padding-left: 0; min-height: 0; } article.ir .irContentContainer.highlight { margin-bottom: 30px; } .irContentContainer div.notice { border: 1px solid #dadad9; padding: 20px 20px 15px; margin-bottom: 30px; } .irContentContainer div.notice h3 { color: #b7312c; font-size: 14px; margin: 0 0 15px; } .irContentContainer div.notice ul li { margin-bottom: 5px; } /*---------------------------------------------------------------------------- IR END*/ /*---------------------------------------------------------------------------- プレスリリース START*/ header.local .buttonRefine, header.local .rss li { color: #777471; } .sideBar .navList li a { color: #3d3935; } article.forCms .Code { width: auto; margin: 0; } .forCms .linkList { margin: 0 15px 50px; } .forCms .newContents .fontS, .forCms .newContents .col p small, article.forCms .newContents .col p { letter-spacing: 0; } /*---------------------------------------------------------------------------- プレスリリース END*/ /*---------------------------------------------------------------------------- セミナー START*/ article.seminar .row.js-component, article.seminar .row.js-component .seminars { height: auto !important; } .inquiry.type2 .container { overflow: hidden; } p.seminarLead { line-height: 22px; } .seminars .seminarList li .seminarEntry .entryButton li { font-weight: normal; } .seminars .seminarList li .seminarEntry .entryButton li.deadLine { font-size: 11px; } article.seminar .newContents .login.borderBox { margin-bottom: 20px; padding: 13px 15px 0; } article.seminar .newContents .login.borderBox p.leadText { width: 515px; } article.seminar .newContents .login p { display: block; float: left; } article.seminar .newContents .login.borderBox p.btn { text-align: right; width: 205px; } article.seminar .newContents p.btn { font-size: 0; line-height: 0; } article.seminar .newContents .login p { display: block; float: left; } @media all and (max-width: 1230px) { article.seminar .newContents .login.borderBox { padding-bottom: 13px; } article.seminar .newContents .login.borderBox p.leadText { width: auto; } article.seminar .newContents .login p { display: block; float: none; } article.seminar .newContents .login.borderBox p.btn { text-align: right; width: auto; } article.seminar .newContents p.btn { font-size: 0; line-height: 0; } article.seminar .newContents .login p { display: block; float: none; } } /* 応募フォーム */ article.seminar form input[type="checkbox"] { opacity: 1; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } article.seminar .newContents .tableForm { border-collapse: collapse; border-spacing: 0; font-size: 100%; line-height: 1.7; margin-bottom: 20px; width: 100%; border-style: solid; border-width: 1px 0 0 0; border-color: #e7e5e3; } article.seminar .newContents .tableForm th, article.seminar .newContents .tableForm td { border-style: solid; border-color: #e7e5e3; background-color: transparent; padding: 15px 10px; } article.seminar .newContents .tableForm th { border-width: 0 1px 1px 0; vertical-align: middle; font-weight: bold; } article.seminar .newContents .tableForm td { border-width: 0 0 1px 0; } article.seminar .newContents .tableForm thead tr th, article.seminar .newContents .tableForm thead tr td { background-color: #eeebe8; text-align: center; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #FFF; } article.seminar .newContents .tableForm tr th, article.seminar .newContents .tableForm tr td { background-color: transparent; text-align: left; color: #5f4e44; } article.seminar .newContents .tableForm div.amount { text-align: right; } article.seminar .newContents .tableForm td.amount { text-align: right; } article.seminar .newContents .tableForm th.vAT, article.seminar .newContents .tableForm td.vAT { vertical-align: top; } article.seminar .newContents .tableForm input { margin-right: 10px; } article.seminar .newContents .tableForm input, article.seminar .newContents .tableForm select { color: #5f4e44; position: static; opacity: 1; } article.seminar .newContents .tableForm select { /* appearance、border-radiusが適用されないようにしてください */ } article.seminar .newContents .tableForm input.tipped { color: #aaa; } article.seminar .newContents .tableForm ul.listInline li { width: auto; } .filter.type1 .partsContainer .pullDown, .filter.type1 .partsContainer .selection { vertical-align: middle; } .filter.type1 .partsContainer .pullDown { display: table-cell; } .filter.type1 .partsContainer .pullDown li + li { margin-top: 15px; } .movieContainer .movie object { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } article.seminar .col2.leadContainer .lead .icon { display: block; width: 4em; font-size: 10px; padding: 2px 10px 4px; line-height: 1; margin-bottom: 5px; } article.seminar .col2.leadContainer .lead .icon.limited { color: #fff; background: #1a1719; } .movieContainer .img img { width: 100%; height: auto; } .events .filter.type1 .partsContainer { display: table; } .seminars .seminarList li .seminarEntry .entryButton li span { font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; } .searchButtonMore { background-color: #3d3935; border: 1px solid #3d3935; color: #fff; } article.seminar div.seminars p.error { margin: 20px 0; } .seminars .seminarList li .seminarInfo .details { overflow: visible\9; } .seminars .seminarList li .storeInfo .storeName a { font-weight: bold; } .seminars .seminarList li .storeInfo .storeName a:hover { opacity: 0.7; } .seminars .seminarList li .storeInfo .storeName a span { font-weight: normal; } article.seminar p.notification { margin-bottom: 15px; } article.seminar p.course + p.notification { margin-top: -1em; } article.seminar p.charge + p.notification { margin: 12px 0 15px; } /*---------------------------------------------------------------------------- セミナー END*/ /*---------------------------------------------------------------------------- イベント START*/ article .panel.type1 .textArea .heading, article .panel.type2 .textArea .heading { font-size: 14px; } article .panel.type1 .textArea .heading span, article .panel.type2 .textArea .heading span { font-size: 14px; } @media all and (min-width: 1230px) { .col1.eventDescription{ width: 640px; } } header.local .backLinks.withPulldown { float: left; margin-right: 18px; overflow: hidden; } header.local .backLinks.withPulldown + .filters { float: left; margin-top: -3px; position: static; width: auto; } header.local .backLinks.withPulldown + .filters .select, header.local .backLinks.withPulldown + .filters .options { font-size: 12px; line-height: 23px; padding-right: 40px; width: auto; } /*---------------------------------------------------------------------------- イベント END*/ /*---------------------------------------------------------------------------- ユーティリティナビ START*/ nav.utility { padding: 0 20px 0 0; margin-top: 50px; } nav.utility li.osIcon.hide { display: none; } nav.utility.dyf .js-expandableContent, nav.utility.recruit .js-expandableContent { display: none; } nav.utility p.btn { display: none; } nav.utility li { margin-bottom: 25px; line-height: 13px; } nav.utility li .forSp, nav.utility.os li.cartLink, nav.utility.dyf p.enjoy { display: none; } nav.utility.dyf li.logo { margin-bottom: 30px; } nav.utility.dyf li .forSp { display: none;} nav.utility li.osIcon { margin: 0; position: relative; height: 60px; } nav.utility li.osIcon.none { display: none; } nav.utility li.osIcon a:hover { opacity: 0.7; } nav.utility li.osIcon span.price { color: #56b42e; display: block; font-size: 110%; margin-right: 2px; } nav.utility li.osIcon .quantityArea { width: 22px; color: #fff; display: block; font-size: 12px; height: 23px; line-height: 23px; overflow: hidden; position: absolute; right: 1px ; top: 7px; text-align: center; } nav.utility li.osIcon .quantityArea:hover { color: #fff; } nav.utility li.onlineStore { font-size: 120%; margin-bottom: 30px; } nav.utility.dyf li.osIcon { height: 75px; } nav.utility li a, nav.utility li.onlineStore a { color: #2c2a29; } /* body.reserve div.titleArea p.title { color: #2c2a29; } body.reserve nav.utility li a, body.reserve nav.utility li.onlineStore a { color: #FFF; } */ /* 2018.11.14 reserve再調整 --------------------------------------------------------------------- */ /* body.reserve.newReserveBody div.titleArea p.title { color: #3d3935; } body.reserve.newReserveBody nav.utility li a, body.reserve.newReserveBody nav.utility li.onlineStore a { color: #2c2a29; } @media all and (min-width: 910px) { body.reserve.newReserveBody nav.utility li a:hover, body.reserve.newReserveBody nav.utility li.onlineStore a:hover { color: #fff; } } */ /* / 2018.11.14 reserve再調整 --------------------------------------- */ @media all and (min-width: 910px) { nav.utility li a:hover, nav.utility li a:hover span { color: #fff; background: #2c2a29; } nav.utility li.logo a:hover { opacity: 0.7; } nav.utility li.osIcon a:hover, nav.utility li.logo a:hover, nav.utility li.osIcon a:hover span, nav.utility li.logo a:hover span { color: #2c2a29; background: none; } nav.utility li.osIcon a:hover span { color: #fff; } nav.utility li a span.indention { display: inline-block; } body.isFullScreen nav.utility .js-expandableContent { display: none !important; } nav.utility.dyf .js-expandableContent, nav.utility.recruit .js-expandableContent { display: none !important; } } nav.utility.cart { display: none; } nav.utility.cart.is-cartActive { display: block; } nav.utility.os .js-expandableContent.forIe8, nav.utility.cart .js-expandableContent.forIe8 { display: block\9 !important; } body.isFullScreen nav.utility .js-expandableContent { display: none\9 !important; } body.isFullScreen nav.utility { display: none !important; } body.isFullScreen nav.utility.is-cartActive { display: block !important; } /*---------------------------------------------------------------------------- ユーティリティナビ END*/ /*---------------------------------------------------------------------------- 採用（フォーム） START*/ article.recruit .newContents .tableForm { border-collapse: collapse; border-spacing: 0; font-size: 100%; line-height: 1.7; margin-bottom: 20px; width: 100%; border-style: solid; border-width: 1px 0 0 0; border-color: #e7e5e3; } article.recruit .newContents .tableForm th, article.recruit .newContents .tableForm td { border-style: solid; border-color: #e7e5e3; background-color: transparent; padding: 15px 10px; } article.recruit .newContents .tableForm th { border-width: 0 1px 1px 0; vertical-align: middle; font-weight: bold; } article.recruit .newContents .tableForm td { border-width: 0 0 1px 0; } article.recruit .newContents .tableForm thead tr th, article.recruit .newContents .tableForm thead tr td { background-color: #eeebe8; text-align: center; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #FFF; } article.recruit .newContents .tableForm tr th, article.recruit .newContents .tableForm tr td { background-color: transparent; text-align: left; color: #5f4e44; } article.recruit .newContents .tableForm div.amount { text-align: right; } article.recruit .newContents .tableForm td.amount { text-align: right; } article.recruit .newContents .tableForm th.vAT, article.recruit .newContents .tableForm td.vAT { vertical-align: top; } article.recruit .newContents .tableForm input { margin-right: 10px; } article.recruit .newContents .tableForm input, article.recruit .newContents .tableForm select { color: #5f4e44; position: static; opacity: 1; width: auto; } article.recruit form input[type="checkbox"] { opacity: 1; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } article.recruit form input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } article.recruit form input[type="image"]:hover, article.recruit form p.txtAC img:hover { opacity: 0.7; } article.recruit .newContents .tableForm input.tipped { color: #aaa; } article.recruit .newContents .tableForm ul.listInline li { width: auto; } article.recruit nav.localNav ul.navList li.current { padding: 0; } article.recruit nav.localNav ul.navList li.current a { padding: 8px 10px 7px 20px; } article.recruit nav.localNav ul.navList li.current a span { background: none; } article.recruit.form #contentsMainIn { width: 640px; margin: 0 15px; } @media all and (min-width: 1229px) { article.recruit.form #contentsMainIn { width: 760px; margin: 0 auto; } } article.recruit form input[type="checkbox"], article.recruit.form table.tableForm select { filter: none; } /*---------------------------------------------------------------------------- 採用（フォーム） END*/ /*---------------------------------------------------------------------------- 規約系 START*/ @media all and (min-width: 1229px) { div.mainContents.notExNav article.rules { width: 960px; } div.mainContents.rules article { width: 640px; } } /*---------------------------------------------------------------------------- 規約系 END*/ /*---------------------------------------------------------------------------- オーバーレイ START*/ #overlay.eventReport { max-width: 610px; padding: 30px 15px 15px; } #overlay.eventReport h2, #overlay.eventReport dl { margin: 0 15px 15px; } #overla.eventReporty h2 { font-size: 160%; } #overlay.eventReport dl dt, #overlay.eventReport dl dd { font-size: 140%; } #overlay.eventReport dl dt { float: left; margin-top: 10px; } #overlay.eventReport dl dd { padding: 10px 0 10px 12em; background: url(/common/images/border-bg.gif) repeat-x 0 100%; } #overlay.eventReport a { color: #c6893f; } #overlay.eventReport a:hover { color: #fff; opacity: 1; background: #c6893f; } @media all and (max-width: 599px) { #overlay.eventReport dl dt { float: none; } #overlay.eventReport dl dd { padding: 0; } #overlay.eventReport h2, #overlay.eventReport dl { margin: 0 0 15px; } } /**/ #overlay.lan { max-width: 610px; padding: 30px 30px 15px 15px; } #overlay.lan .col2of4 { float: left; width: 50%; overflow: hidden; } #overlay.lan h2, #overlay.lan h3, #overlay.lan p, #overlay.lan ul { margin: 0 15px 15px; } #overlay.lan h2 { font-size: 160%; } #overlay.lan h3 { margin-bottom: 20px; } #overlay.lan .img { float: left; margin-right: 15px; } #overlay.lan .txt { overflow: hidden; } #overlay.lan ul { display: table; width: 100%; } #overlay.lan ul + ul { width: 100%; } #overlay.lan ul li { display: table-cell; } #overlay.lan ul li span { display: table-cell; margin-bottom: 15px; vertical-align: middle; height: 62px; } #overlay.lan ul li span:first-child { display: block; height: auto; } @media all and (max-width: 599px) { #overlay.lan { padding: 30px 0 0; } #overlay.lan h2 { font-size: 140%; } #overlay.lan h3, #overlay.lan p, #overlay.lan ul { font-size: 120%; } #overlay.lan h3 { margin-bottom: 10px; } #overlay.lan .col2of4 { float: none; width: auto; margin-bottom: 20px; clear: both; } #overlay.lan ul li span { margin-bottom: 5px; } #overlay.lan img { max-width: 100%; height: auto; } } /**/ #overlay.course { max-width: 520px; padding: 30px 30px 15px; } #overlay.course p.title { font-size: 140%; font-weight: bold; margin-bottom: 10px; } #overlay.course ol li { line-height: 1.7; margin: 0 15px 20px; } /**/ #overlay.dyfEnjoy { padding: 30px 15px 15px; } #overlay.dyfEnjoy h2 { font-size: 140%; font-weight: bold; margin: 0 0 5px; } #overlay.dyfEnjoy table { width: 100%; } #overlay.dyfEnjoy table tr { border-top: 1px dotted #3d3935; } #overlay.dyfEnjoy table th { padding: 15px 5px; } #overlay.dyfEnjoy table td { padding: 15px 5px; font-size: 11px; line-height: 1.55; } #overlay.dyfEnjoy table td span { color: #b1aba7; margin: 10px 0; display: block; } #overlay.dyfEnjoy table td li { margin-bottom: 0; } /**/ #overlay.kyoto { padding: 50px 15px 30px; max-width: 680px; color: #5f4e44; } #overlay.kyoto h2 { margin: 0 15px; } #overlay.kyoto h2 img { max-width: 100%; height: auto; } #overlay.kyoto h3 { margin: 0 15px; font-weight: bold; } #overlay.kyoto .fontS { font-size: 11px; } #overlay.kyoto dl { margin: 0 15px; } /**/ #overlay.onlineGuide { padding: 40px 30px 30px; max-width: 320px; } #overlay.onlineGuide p { margin: 0 0 15px; overflow: hidden; } #overlay.onlineGuide p a { text-align: right; display: inline-block; float: right; color: #c6893f; line-height: 1.2; margin-top: 3px; } #overlay.onlineGuide p a:hover { color: #fff; background: #c6893f; } #overlay.onlineGuide .links { clear: both; } /**/ #overlay.ir { padding: 40px 0; margin: 0 15px; overflow-x: scroll; } #overlay.ir .irContentContainer { margin: 0; } #overlay.ir p { text-align: center; margin: 0; } #overlay.ir::-webkit-scrollbar{ width: 5px; background: #DADADA; border-radius: 6px; } #overlay.ir::-webkit-scrollbar:horizontal{ height: 8px; background: #DADADA; border-radius: 6px; } #overlay.ir::-webkit-scrollbar-thumb{ background: #C58940; border-radius: 6px; } #overlay.ir::-webkit-scrollbar-thumb:horizontal{ background: #C58940; border-radius: 6px; } /*---------------------------------------------------------------------------- オーバーレイ END*/ /*---------------------------------------------------------------------------- ポップアップ START*/ body.popUp #contentsMainIn { margin: 0 auto; width: 535px; } body.popUp #contentsMainIn #Popup07 { width: 480px; margin: auto; margin-bottom: 10px; } body.popUp #contentsMainIn.oldContents h2 { margin: 0 0 20px; } body.popUp footer.global p.copyright small { font-size: 10px; color: #b1b0ae; } body.popUp #contentsMainIn #Popup07 .DarkBrown { color: #663; font-size: 12px; } body.popUp #contentsMainIn #Popup07 .Link04 { background: url(/store/concept/mrn/art/images/icon_arrow_03.gif) no-repeat 0 50%; } body.popUp #contentsMainIn #Popup07 .Link01 { background: url(/store/concept/mrn/art/images/icon_arrow_01.gif) no-repeat 0 50%; } body.popUp #contentsMainIn #Popup07 .Link04, body.popUp #contentsMainIn #Popup07 .Link01 { padding-left: 12px; margin-right: 20px; color: #663; } body.popUp #contentsMainIn #Popup07 .Link04:hover, body.popUp #contentsMainIn #Popup07 .Link01:hover { text-decoration: underline; } body.popUp #contentsMainIn #Popup07 .RightImage { float: right; } body.popUp #contentsMainIn #Popup07 .LightBrown { color: #9f592b; } /*---------------------------------------------------------------------------- ポップアップ START*/ /*---------------------------------------------------------------------------- KV 拡大縮小 START*/ body.flexImagePage { overflow: hidden; } .flexImagePage div.mainContents.notExNav.flexImage article { width: 640px\9; } @media (min-width: 1230px) { .flexImagePage div.mainContents.notExNav.flexImage article { width: auto; } } /*---------------------------------------------------------------------------- KV 拡大縮小 END*/ /*---------------------------------------------------------------------------- Reserve スキン START*/ /* .reserve header.global { background: none #fff; } .reserve header.global nav.megaNav li a { color: #2c2a29; } .reserve header.global nav.megaNav li.serviceAndLogin a { color: #006341; } .reserve header.global .overlay { background: none #2c2a29; } .reserve header.global .overlay a, .reserve header.global .overlay li.parent .topics { color: #fff; } .reserve header.global .overlay a, .reserve header.global .overlay li.parent .topics { color: #3d3935;} .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a { background-color: #2c2a29; border-color: #8c8279; } .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a:hover { color: #fff; } .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.card a, .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.os a, .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a, .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a, .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn span.bgArea { background-color: transparent; } .reserve header.global .overlay div.news div.newsView ul li a:hover, .reserve header.global .overlay li.parent ul li a:hover, .reserve header.global .overlay li.parent .topics a:hover, .reserve header.global .overlay.serviceAndLogin li.parent .topics a:hover, .reserve header.global .overlay ul.footer li span a:hover { background-color: #fff; color: #2c2a29; } .reserve header.global .overlay.serviceAndLogin li.parent .name { color: #fff; } .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.login a { border: 1px solid #6cb33f; background: #6cb33f; padding: 3px 0; } .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.logout a { border: 1px solid #8c8279; border-top: none; background: #8c8279; padding: 3px 0; } .reserve header.global nav.megaNav li.active { background-image: url(/common/images/bg-arrow-meganavi.png); } .reserve header.global .overlay li.parent .topics a { background: url(/common/images/bg-arrow-topics-meganavi.png) no-repeat 100% 50%; padding: 0 20px 0 0; } .reserve header.global .overlay li.parent .topics a:hover { background: url(/common/images/bg-arrow-topics-meganavi-on.png) no-repeat 100% 50% #fff; } .reserve header.global .overlay div.news ul.controls li i { background-color: #777; } .reserve header.global .overlay div.news ul.controls li.active i { background-color: #c6893f; } .reserve header.local h1, .reserve .mainContents header.local h2 { color: #fff; } */ /* Reserve 14HolidayP1 画像差し替え --------------------------------------------------------------------- */ /* .reserve header.global .overlay p.js-close { width: auto; background: none; text-indent: 0; white-space: normal; overflow: visible; } .reserve header.global .overlay div.news ul.controls li.prev, .reserve header.global .overlay div.news ul.controls li.disable { background: none; text-indent: 0; white-space: normal; overflow: visible; } .reserve header.global .overlay div.news ul.controls li.next { background: none; text-indent: 0; white-space:nowrap; overflow: visible; } .reserve header.global .overlay.serviceAndLogin li.parent .topics span.question a { width: auto; background: none; text-indent: 0; white-space: normal; overflow: visible; display: inline; } */ /* 2014.11.18 reserve調整 --------------------------------------------------------------------- */ /* .reserve header.global { background: none #2C2A29; } .reserve header.global .overlay { background: none #3d3b3a; } .reserve header.global nav.megaNav li a { color: #e4d9c2; } .reserve header.global nav.megaNav li.serviceAndLogin a { color: #64b72f; } .reserve header.global nav.megaNav li.active { background-image: url(/common/images/bg-arrow-meganavi-reserve.png); } .reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a { background-color: #3d3b3a; } .reserve header.global .overlay p.js-close { background: url("/common/images/img-icon-close-maganavi-reserve.png") no-repeat scroll left top transparent; cursor: pointer; overflow: hidden; text-indent: -9999px; white-space: nowrap; width: 14px; } .reserve header.global .overlay div.news ul.controls li.prev, .reserve header.global .overlay div.news ul.controls li.prev.disable { background: url("/common/images/bg-arrow-news-prev-meganavi-reserve.png") no-repeat scroll left top transparent; cursor: pointer; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .reserve header.global .overlay div.news ul.controls li.next, .reserve header.global .overlay div.news ul.controls li.next.disable { background: url("/common/images/bg-arrow-news-next-meganavi-reserve.png") no-repeat scroll right top transparent; cursor: pointer; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .reserve header.global .overlay li.parent .topics a { background-image: url("/common/images/bg-arrow-topics-meganavi-reserve.png"); } .reserve header.global .overlay.serviceAndLogin li.parent .topics span.question a { background: url("/common/images/img-icon-question-maganavi-reserve.png") no-repeat scroll right center transparent; background-size: 100%; cursor: pointer; display: inline-block; overflow: hidden; text-indent: -9999px; white-space: nowrap; width: 13px; } .reserve header.global .overlay.serviceAndLogin li.parent .topics a { background: none repeat scroll 0 0 transparent; padding: 0; } .reserve header.global .overlay.serviceAndLogin li.parent .topics a:hover { background: none repeat scroll 0 0 #fff; } */ .reserve footer.global { background: #373534; } .reserve div.globalFooterIn { background: #373534; } .reserve footer.global li { border-left: 1px solid #878685; } .reserve footer.global li:first-child { border: medium none; } .reserve footer.global li a { color: #878685; } .reserve footer.global li.sitemap { border: medium none; } .reserve footer.global p.copyright { color: #878685; } /* 2018.11.14 reserve再調整 --------------------------------------------------------------------- */ /* .reserve.newReserveBody header.local h1, .reserve.newReserveBody .mainContents header.local h2 { color: #3d3935; } .reserve.newReserveBody header.global { background: none #fff; } .reserve.newReserveBody header.global .overlay { background: none #2C2A29; } .reserve.newReserveBody header.global nav.megaNav li a { color: #fff; } .reserve.newReserveBody header.global nav.megaNav li.serviceAndLogin a { color: #006341; } .reserve.newReserveBody header.global nav.megaNav li.active { background-image: url(/common/images/bg-arrow-meganavi.png); } .reserve.newReserveBody header.global .overlay p.js-close { background: none;v overflow: auto; text-indent: 0; width: auto; } .reserve.newReserveBody header.global .overlay div.news ul.controls li.prev, .reserve.newReserveBody header.global .overlay div.news ul.controls li.prev.disable { background: none; cursor: auto; overflow: auto; text-indent: 0; width: auto; } .reserve.newReserveBody header.global .overlay div.news ul.controls li.next, .reserve.newReserveBody header.global .overlay div.news ul.controls li.next.disable { background: none; cursor: auto; overflow: auto; text-indent: 0; width: auto; } .reserve.newReserveBody header.global .overlay.serviceAndLogin li.parent .topics span.question a { background: none; cursor: auto; display: inline; overflow: auto; text-indent: 0; width: auto; } */ .reserve.newReserveBody footer.global { background: #F3F1EF; } .reserve.newReserveBody div.globalFooterIn { background: #F3F1EF; } .reserve.newReserveBody footer.global li { border-left: 1px solid #b1b1b1; } .reserve.newReserveBody footer.global li:first-child { border: medium none; } .reserve.newReserveBody footer.global li a { color: #8b8886; } .reserve.newReserveBody footer.global li.sitemap { border-left: 1px solid #b1b1b1; } .reserve.newReserveBody footer.global p.copyright { color: #b1b0ae; } /* / 2018.11.14 reserve再調整 --------------------------------------- */ /*---------------------------------------------------------------------------- Reserve スキン END*/ /* 2014.12.25 セミナーコース オーバーレイ --------------------------------------------------------------------- */ #overlaySeminarCourse.course { max-width: 520px; padding: 30px 30px 15px; display:none; } #overlaySeminarCourse.course p.title { font-size: 140%; font-weight: bold; margin-bottom: 10px; } #overlaySeminarCourse.course ol li { line-height: 1.7; margin: 0 15px 20px; } #colorbox #overlaySeminarCourse { display: block; } /*---------------------------------------------------------------------------- セミナーコース オーバーレイ END*/ /*---------------------------------------------------------------------------- 140103：店舗 */ /* シーズナルフラグを一時非表示 */ .searchCriteria .options li.seasonal { display: none !important; } /* 2015.01.14 共通タグ埋め込み --------------------------------------------------------------------- */ body > iframe, body > img { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /*---------------------------------------------------------------------------- 共通タグ埋め込み END*/ /* 2015.02.03 popupページ --------------------------------------------------------------------- */ body.popUp header.global.popUpTypeA { border-bottom: 1px solid #e2ded7; } body.popUp header.global.popUpTypeA .closeBtn { float: right; margin: 56px 15px; width: 54px; } /*---------------------------------------------------------------------------- popupページ END*/ /* 2015.02.02 会員規約ページ対応 --------------------------------------------------------------------- */ ul.itemList.numItemList > li, ol.itemList.numItemList li .numItemList > li { background : none; list-style: none; padding-left: 2.5em; text-indent: -2.5em; } /*---------------------------------------------------------------------------- 会員規約ページ対応ページ END*/ /* 2015.01.20 画像拡大機能 サイズ変更 --------------------------------------------------------------------- */ @media all and (min-width: 910px) { .enlargedVisual, .notExNav .enlargedVisual { width: 290px; height: 760px; } } @media all and (min-width: 1230px) { .enlargedVisual { width: 290px; height: 760px; } .notExNav .enlargedVisual { width: 610px; height: 760px; } } @media all and (min-width: 1550px) { .enlargedVisual { width: 610px; height: 760px; } .notExNav .enlargedVisual { width: 930px; height: 760px; } } @media all and (min-width: 1870px) { .enlargedVisual { width: 930px; height: 760px; } } /*---------------------------------------------------------------------------- 画像拡大機能 サイズ変更 END*/ /* 2015.02.13 コンポーネント内オンラインストアのご利用について対応 --------------------------------------------------------------------- */ .modalContainer .detail.aboutOsguide { min-height: 1px; width: 640px; } .modalContainer .detail.aboutOsguide p { font-size: 120%; margin-bottom: 10px; } .modalContainer .detail.aboutOsguide .links li, .modalContainer .detail.aboutOsguide dd, .modalContainer .detail.aboutOsguide dd { font-size: 12px; } .modalContainer .detail.aboutOsguide a:hover { filter: alpha(opacity=70); opacity: 0.7; } .modalContainer .detail.aboutOsguide .row { margin: 50px 0 0; } .modalContainer .detail.aboutOsguide .row h3 { font-size: 18px; line-height: 1; font-weight: bold; margin: 0 0 15px; } .modalContainer .detail.aboutOsguide .row h4 { color: #a7958e; font-size: 14px; line-height: 1; font-weight: bold; margin-bottom: 10px; } .modalContainer .detail.aboutOsguide .row p { margin: 0 0 10px; } .modalContainer .detail.aboutOsguide .row a.link { color: #c6893f; } .modalContainer .detail.aboutOsguide .row a.link:hover { background: none repeat scroll 0 0 #c6893f; color: #fff; opacity: 1; } .modalContainer .detail.aboutOsguide .row .notes { color: #b1b0ae; font-size: 10px; line-height: 1.7; display: block; text-indent: -1em; padding-left: 1em; } .modalContainer .detail.aboutOsguide .row .notes li { line-height: 1.7; } .modalContainer .detail.aboutOsguide .row h3 .notes { margin: 0 0 0 15px; display: inline; } .modalContainer .detail.aboutOsguide .row .links { margin: 20px 0 0 0; } .modalContainer .detail.aboutOsguide .row dl { margin-top: 25px; } .modalContainer .detail.aboutOsguide .row dl:before, .modalContainer .detail.aboutOsguide .row dl:after { content: " "; display: table; } .modalContainer .detail.aboutOsguide .row dl:after { clear: both; } .modalContainer .detail.aboutOsguide .row dl dt { float: left; } .modalContainer .detail.aboutOsguide .row dl dd { margin-left: 100px; } .modalContainer .detail.aboutOsguide .row dl dd dl { margin-top: 10px; } .modalContainer .detail.aboutOsguide .row dl dd dl dd { margin-bottom: 30px; } .modalContainer .detail.aboutOsguide .row .btnArea { margin: 15px -5px 0; } .modalContainer .detail.aboutOsguide .row .btnArea li { width: 50%; float: left; font-size: 14px; line-height: 2.4; text-align: center; display: block; } .modalContainer .detail.aboutOsguide .row .btnArea li.entry a, .modalContainer .detail.aboutOsguide .row .btnArea li.login a { display: block; } .modalContainer .detail.aboutOsguide .row .btnArea li span { display: block; margin: 0 5px; border: 1px solid #3d3935; border-radius: 3px; } .modalContainer .detail.aboutOsguide .row .btnArea li.entry span { color: #fff; background-color: #3d3935; } .modalContainer .detail.aboutOsguide .row .btnArea li.login span { color: #333; background-color: #fff; } .modalContainer .detail.aboutOsguide .row .btnArea:before, .modalContainer .detail.aboutOsguide .row .btnArea:after { content: " "; display: table; } .modalContainer .detail.aboutOsguide .row .btnArea:after { clear: both; } .modalContainer .detail.aboutOsguide .row.priceArea .btnArea li span { border-radius:inherit; border: 2px solid #e4d9c2; padding: 6px 0; } .modalContainer .detail.aboutOsguide .row.priceArea .btnArea li.less span { background-color: #fff; } .modalContainer .detail.aboutOsguide .row.priceArea .btnArea li.more span { background-color: #e4d9c2; } .modalContainer .detail.aboutOsguide .row .btnArea li span p{ font-size: 11px; width: 60px; margin: 0 auto; display:inline; } .modalContainer .detail.aboutOsguide .row .btnArea li span p.text_base_price{ height: 15px; } .modalContainer .detail.aboutOsguide .row .btnArea li span p.text_postage{ font-size: 18px; font-weight:bold; } .modalContainer .detail.aboutOsguide .row .btnArea li span p.text_without_tax{ font-weight:bold; } .modalContainer .detail.aboutOsguide .row.priceArea li { margin-top: 10px; } .modalContainer .detail.aboutOsguide .row.priceArea li span img { margin: auto; } .modalContainer .detail.aboutOsguide .row.priceArea li:before, .modalContainer .detail.aboutOsguide .row.priceArea li:after { content: " "; display: table; } .modalContainer .detail.aboutOsguide .row.priceArea li:after { clear: both; } .modalContainer .detail.aboutOsguide .row.priceArea li.less { float: left; } .modalContainer .detail.aboutOsguide .row.priceArea li.more { float: right; } .modalContainer .detail.aboutOsguide .row.bnrArea p a { } @media all and (max-width: 909px) { .modalContainer .detail.aboutOsguide { width: 100%; } .modalContainer .detail.aboutOsguide img.forRetina { width: auto; } .modalContainer .detail.aboutOsguide .row.priceArea ul.btnArea li span img.forRetina { width: auto; margin: auto; } } @media all and (max-width: 599px) { .modalContainer .detail.aboutOsguide .row.blockStep .block { float: none; width: 100%; } .modalContainer .detail.aboutOsguide .row h3 .notes { display: block; margin: 10px 0 0 0; } .modalContainer .detail.aboutOsguide .row.bnrArea p a img { width: 100%; height: auto; } .modalContainer .detail.aboutOsguide .row.priceArea .forSp { display: inline; } } /*---------------------------------------------------------------------------- コンポーネント内オンラインストアのご利用について対応 END*/ /* 2015.02.20 店舗詳細ページ地図左、上のドロップシャドウを表示 --------------------------------------------------------------------- */ .shadowTop, .shadowLeft {z-index:99;} /*---------------------------------------------------------------------------- 店舗詳細ページ地図左、上のドロップシャドウを表示 END*/ /* 2015.02.24 店舗検索ページ　地図の横・下の背景の色変更 --------------------------------------------------------------------- */ div.mainContents.notExNav.store.searchResult article { background-color: #f4f2ef; } /*---------------------------------------------------------------------------- 店舗検索ページ　地図の横・下の背景の色変更 END*/ /* 2015.03.26 無線LANエリアのアイコン調整 --------------------------------------------------------------------- */ .storeInfo .lan li { background-color: transparent; padding-top: 0; } .storeInfo .lan li img { width: 100%; } /*---------------------------------------------------------------------------- 無線LANエリアのアイコン調整 END*/ /* 2015.04.20 セミナー動画 JWplayer調整 --------------------------------------------------------------------- */ .col2.movieContainer.movieJwplayer { height: 100%!important; } /*---------------------------------------------------------------------------- セミナー動画 JWplayer調整 END*/ /* 2015.04.20 店舗検索 | プルダウン改修 --------------------------------------------------------------------- */ .filter.type4 .pullDown .assist_city_view { margin-top: 10px; } /*---------------------------------------------------------------------------- 店舗検索 | プルダウン改修 END*/ /* 2015.04.28 CSRカテゴリー細分化 --------------------------------------------------------------------- */ .filters.pullDownCsr { left: 135px; } .filters.pullDownCsr .category .select, .filters.pullDownCsr .category .options { width: 235px; } @media all and (max-width: 599px) { .filters.pullDownCsr { left: 0; } .filters.pullDownCsr .category .select, .filters.pullDownCsr .category .options { width: 100%; } } /*---------------------------------------------------------------------------- CSRカテゴリー細分化 END*/ /* 2015.05.13 特別店舗対応 --------------------------------------------------------------------- */ article.store .recommendPoint { display: block; margin-bottom: 10px; position: relative; } article.store .recommendPoint .boxContainer .links { color: #c6893f; font-size: 11px; line-height: 1.854545455; width: 4em; position: absolute; right: 0; } article.store .recommendPoint:hover .boxContainer .links { background: none repeat scroll 0 0 #c6893f; color: #ffffff; opacity: 1; } article.store .recommendPoint a:hover { opacity: 1; }/*---------------------------------------------------------------------------- 特別店舗対応 END*/ /* 2015.05.25 テキストリンクのカラー修正 --------------------------------------------------------------------- */ article.productDetail .components .productInfo .explanation a { color: #c6893f; } /*---------------------------------------------------------------------------- テキストリンクのカラー修正 END*/ /* 2015.05.29 店舗詳細 Related links --------------------------------------------------------------------- */ article.store .components .row .col1.storeRelatedLinks .container { margin: 0 15px; } article.store .components .row .col1.storeRelatedLinks .container .relatedLinks h3 { font-size: 16px; font-weight: bold; line-height: 1.2; margin: 0 0 13px; } article.store .components .row .col1.storeRelatedLinks .container .relatedLinks .row .col1 { width: 290px; margin: 0; } article.store .components .row .col1.storeRelatedLinks .container .relatedLinks .container { margin: 0; } @media all and (max-width: 909px) { article.store .components .row .col1.storeRelatedLinks .container .relatedLinks .row .col1 { width: 100%; } } /*---------------------------------------------------------------------------- 店舗詳細 Related links END*/ /* 2015.06.30 店舗検索一覧 --------------------------------------------------------------------- */ .searchResult .mapArea { z-index: 9; } /*---------------------------------------------------------------------------- 店舗検索一覧 END*/ /* 2015.07.08 オーバーレイ改修 --------------------------------------------------------------------- */ .modalContainer .detail.aboutOsguide .row:first-child { margin-top: 0; } @media all and (max-width: 599px) { #overlaySeminarCourse.course { padding: 43px 30px 15px; } #colorbox #pos .inquiry { padding: 43px 20px 20px; } } /*---------------------------------------------------------------------------- オーバーレイ改修 END*/ /* 2015.07.28 allergyページ改修 --------------------------------------------------------------------- */ article.allergyIndex .contents { margin: 0 15px; } article.allergyIndex h3 { margin-top: 30px; } article.allergyIndex h3#area01, .allergyIndex h3#area02 { font-size: 16px; } article.allergyIndex h3#area02 { margin-top: 60px; } article.allergyIndex .arrowAnchor { overflow: hidden; } article.allergyIndex .arrowAnchor a { display: inline-block; float: left; margin-right: 30px; padding-right: 35px; background: #ffffff url("/common/images/img-arrow-select-down.png?86d7465a28") no-repeat right center; } article.allergyIndex .itemList, .linkList.type3 { margin: 15px 0 0; } article.allergyIndex .itemList li { line-height: 1.7; } article.allergyIndex .linkList.type3 li a { padding: 1em 2em 1em 0; } article.allergyIndex #adobeReader { margin: 30px 0; } article.allergyIndex .col1.inquiry { width: auto; margin: 30px 0 0; float: none; } article.allergyIndex .col1.inquiry .container { width: auto; } @media all and (max-width: 909px) { article.allergyIndex h3#area02 { margin-top: 0; } article.allergyIndex h3 { margin-top: -10px; padding-top: 50px; } } @media all and (max-width: 599px) { article.allergyIndex h3 { margin-top: -10px; padding-top: 40px; } article.allergyIndex .arrowAnchor { border-top: 1px solid #dadad9; margin-top: 25px; } article.allergyIndex .arrowAnchor a { border-bottom: 1px solid #dadad9; background: #ffffff url("/common/images/bg-arrow-select-down-sp.png?0c4c6345df") no-repeat right center / 25px 6px; display: block; float: none; margin: 0; padding: 15px 0; } } /*---------------------------------------------------------------------------- allergyページ改修 END*/ /* 2015.09.07 DYFコンポーネント改修 --------------------------------------------------------------------- */ #sbjCustomizeArea.repair h3 + .links { text-align: left; } #sbjCustomizeArea.repair .img { display: inline-block; } #sbjCustomizeArea.repair .arrow { position: absolute } #sbjCustomizeArea.repair .arrow:hover { background: none; } #sbjCustomizeArea.repair .links a { float: none; } #sbjCustomizeArea.repair .dyfImage { margin: 0 auto 16px; overflow: hidden; width: 143px; } #sbjCustomizeArea.repair .dyfImage p { margin-bottom: 0; } #sbjCustomizeArea.repair .dyfImage a { width: 141px; border: 1px solid #ededed; } #sbjCustomizeArea.repair .dyfImage.double { width: 290px; } #sbjCustomizeArea.repair .dyfImage.double a { float: right; } #sbjCustomizeArea.repair .dyfImage.double a:first-child { float: left; } #sbjCustomizeArea.repair .dyfImage a img { width: 100%; height: auto; } #sbjCustomizeArea.repair .dyfImage a span { right: 0; left: auto; bottom: 0; top: auto; margin: 0; width: 16px; height: 16px; } /*---------------------------------------------------------------------------- DYFコンポーネント改修 END*/ /* 2015.10.01 新店舗の表示改善 --------------------------------------------------------------------- */ article.store .contentsContainer .infoArea { float: right; } article.store .contentsContainer .newOpen.col1 .container { border: 1px solid #dadada; padding: 20px 20px 15px; } article.store .contentsContainer .newOpen.col1 .container h3 { color: #a7958e; font-size: 12px; font-weight: normal; } article.store .contentsContainer .newOpen.col1 .container dl { margin-top: 10px; } article.store .contentsContainer .newOpen.col1 .container a { display: block; } article.store .contentsContainer .newOpen.col1 .container dt, article.store .contentsContainer .newOpen.col1 .container dd { font-size: 12px; line-height: 1.7; display: block; } @media all and (min-width: 1870px) { article.store .storeSearchContainer { width: 640px; } article.store .storeSearchContainer .searchFromPrefecture { margin-top: 40px; } article.store .contentsContainer { width: 640px; float: left; } } @media all and (max-width: 909px) { article.store .contentsContainer .infoArea { float: none; } article.store .contentsContainer .newOpen.col1 { margin-bottom: 20px; } } @media all and (max-width: 599px) { article.store .contentsContainer .newOpen.col1 { width: 100%; } } article.store header.local .newOpenDate { display: inline-block; margin-left: 10px; } /*---------------------------------------------------------------------------- 新店舗の表示 END*/ /* 2015.11.01 inspire表示改善 --------------------------------------------------------------------- */ .searchResult .resultContents .resultStores li.item.is-selected .storeAddress { margin-bottom: 0; } .searchResult .resultContents .resultStores li.item .detailInfo .icon { margin-bottom: 10px; padding: 0 15px; } .searchResult .resultContents .resultStores li.item .detailInfo .icon li { display: inline-block; margin: 8px 6px 0 0; } article.store header.local h2 .icon:first-child { margin-left: 20px; } article.store header.local h2 .icon { margin-right: 3px; } article.store .neighborStore .text { margin-bottom: 0; } @media all and (max-width: 909px) { article.store .neighborStore .photo img { width: 100%; height: auto; } article.store .neighborStore .textBox { width: 100%; } } @media all and (max-width: 599px) { .searchResult .resultContents .resultStores li.item .detailInfo .icon { padding: 0; } article.store header.local h2 .icon img { vertical-align: bottom; } article.store .neighborStore .links { margin-bottom: 20px; } } /*---------------------------------------------------------------------------- inspire表示改善 END*/ /* 2015.11.25 CMS投稿ページ エレメント修正 --------------------------------------------------------------------- */ .forCms .newContents a:link, .forCms .newContents a:visited { text-decoration: none; color: #c6893f; } .forCms .newContents a:hover { background: #c6893f; color: #fff; } /*---------------------------------------------------------------------------- CMS投稿ページ エレメント修正 END*/ /* 2015.11.27 店舗検索-表示不具合 修正 --------------------------------------------------------------------- */ .searchResult .resultContents .resultStores li.item.is-selected .close { margin: 0; } /*---------------------------------------------------------------------------- 店舗検索-表示不具合 修正 END*/ /* 2015.12.01 エラーページ 整理 --------------------------------------------------------------------- */ .statusCode .links { text-align: left; margin: 0 0 2em; } /*---------------------------------------------------------------------------- エラーページ 整理 END*/ /* 2015.12.18 サザンテラス先行告知 改修 --------------------------------------------------------------------- */ article.store .infoSouthernterrace .text { margin: 0 0 0.5em; } @media all and (max-width: 909px) { article.store .infoSouthernterrace .photo img { width: 100%; height: auto; } } /*---------------------------------------------------------------------------- サザンテラス先行告知 改修 END*/ /* 2016.03.29 SKU カートツールチップ 改修 --------------------------------------------------------------------- */ .js-cartform-tooltips .cart { margin-left: 0; } /*---------------------------------------------------------------------------- カートツールチップ 改修 END */ /* 2016.04.20 カートエリアのデザイン改修 --------------------------------------------------------------------- */ .js-cartform-tooltips .message { color: #3d3935; margin: 0; } .js-cartform-tooltips .cart { color: #c6893f; margin: 0; background: url(//www.starbucks.co.jp/common/images/bg_cart_bag-old.gif) left top no-repeat transparent; font-weight: normal; } .js-cartform-tooltips .cart a { color: #c6893f; } /*---------------------------------------------------------------------------- カートエリアのデザイン改修 END */ /* 2017.02.22 UT改善 OS Nav対応 --------------------------------------------------------------------- */ nav.utility div.recentCheckedItems p, nav.utility div.recentCheckedItems ul { display: none; } /*---------------------------------------------------------------------------- 2017.02.22 UT改善 OS Nav対応 END*/ /* 2017.04.20 ISSUE-940 --------------------------------------------------------------------- */ article p.mailExpireError { margin: 0 0 6em; } .mailExpireError a { color: #c6893f; } /*---------------------------------------------------------------------------- 2017.04.20 ISSUE-940 END*/ /* 2018.01.19 --------------------------------------------------------------------- */ div.mainContents.beverageProductList { margin-right: 90px; } div.mainContents.notExNav.beverageProductList article.productList { padding-bottom: 30px; } div.mainContents.notExNav.beverageProductList ul.sns.footer { bottom: 30px; } div.mainContents.notExNav.beverageProductList .productList .no-items { margin: 0 30px 2em; } .beverageProductList header.local h2 { padding-left: 25px; letter-spacing: 2px; } .beverageProductList header.local ul.sns { right: 16px; } .beverageProductList h3, .beverageProductList .reserveBar h4 { margin: 0 30px; padding: 24px 0 14px; font-weight: bold; line-height: 1.71; border-top: 1px solid #d7d2cb; } .beverageProductList .row.listGrid { margin-left: 30px; } .beverageProductList .no-items + .row.listGrid { padding-top: 11px; } .beverageProductList .row.listGrid .col { margin: 0 10px 25px 0; } .beverageProductList .row .col .itemImage .icon { width: 50px; height: 50px; top: 10px; left: 10px; bottom: auto; } .beverageProductList .row .col .productName { margin: 0 0 5px; padding: 0; font-size: 11px; line-height: 1.27; border: none; } .beverageProductList .row .col .productPrice { margin-bottom: 0; font-size: 13px; line-height: 1.38; } /* 季節のおすすめ */ .beverageProductList .seasonalRecommendations h3 { padding: 5px 0 12px; font-size: 18px; line-height: 1.89; border: none; } .beverageProductList .seasonalRecommendations .row.listGrid .col { width: 245px; } /* Reserve Bar */ .beverageProductList .reserveBar { margin-bottom: 52px; background-color: #2d2a29; } .beverageProductList .reserveBar .heading { padding: 27px 0 4px; } .beverageProductList .reserveBar h3 { float: left; margin: 0 30px 0 40px; padding: 0; border: none; } .beverageProductList .reserveBar .lead { float: left; min-width: 500px; width: auto; } .beverageProductList .reserveBar .lead p { font-size: 13px; line-height: 1.54; } .beverageProductList .reserveBar .lead .text { margin: 0; padding: 20px 0 5px; color: #c98f69 } .beverageProductList .reserveBar .lead .link { margin: 0; text-align: right; } .beverageProductList .reserveBar .lead .link a { color: #c6893f; } .beverageProductList .reserveBar .col a { color: #8c8279; } .beverageProductList .reserveBar h4 { color: #8c8279; border-color: #4b453d; } .beverageProductList .reserveBar h4:nth-of-type(1) { border: none; } /*---------------------------------------------------------------------------- 2018.01.19 END*/