/* CLEARFIX */ .listView li, .listView .desc, #promotion.single, #promotion.single .itemList li, #bannerArea, #main .itemList li .color, .listView li .color {zoom: 1;} .listView li:after, .listView .desc:after, #promotion.single:after, #promotion.single .itemList li:after, #bannerArea:after, #main .itemList li .color:after, .listView li .color:after {content: ""; display: block; clear: both;} #sideNav, #main {margin-bottom: 30px;} #main {font-size: 13px; line-height: 1.6;} /* H1 */ /* h1 {height: 27px; margin: 0; background-repeat: no-repeat; border: 0; text-indent: -9999px; overflow: hidden;} */ h1 {border-style: none; margin: 0; padding: 0;} #bannerArea ul {margin-right: -20px; letter-spacing: -.40em;} #bannerArea li {display: -moz-inline-box; display: inline-block; *display: inline; *zoom:1; width: 150px; margin: 0 20px 10px 0; vertical-align: top; letter-spacing: normal;} #bannerArea li img {width: 150px; height: auto;} .section {padding: 20px 0 10px; border-top: 1px solid #e6e6e6;} #freeShipping {font-size: 11px; margin-bottom: 10px;} #freeShipping b {font-size: 12px;} .aside {float: right; width: 220px; margin-bottom: 20px; padding-left: 20px; border-left: 1px solid #e6e6e6;} .aside li {font-size:11px; margin-bottom:5px;} .controlBar {color:#999999; clear: both; border-top: 1px solid #ddd; background: #f1f1f1; overflow: hidden; font-size: 11px; margin-top: 20px;} .controlBar dl {float:left; border-right:1px solid #ddd; margin: 5px 10px 5px 0; padding: 5px 10px; min-height: 19px;} .controlBar dt {display: none;} .controlBar dd {float:left; padding-right: 8px;} .controlBar .viewSwitch { border-right: 0; float: right;} .controlBar label {float:left; border-right: 1px solid #ddd;} .sort .current, .itemsParPage .current {font-weight: bold; border-bottom: 3px solid #ccc; padding: 0 1px 1px; line-height: 19px;} .sort a, .itemsParPage a {text-decoration: none; border-bottom: 1px solid #ccc; padding: 0 1px 1px; line-height: 19px;} .sort a:hover, .itemsParPage a:hover {text-decoration: none; border-bottom: 3px solid #7f0019;} .viewSwitch dd {padding-right: 10px;} .viewSwitch dd a, .viewSwitch dd span {display: block; width: 19px; height: 19px; overflow: hidden; background: url(/cache/img/store/section/sub/sprite_switch.png) no-repeat;text-indent: -9999px;} .viewSwitch .vsThumbnail span {background-position: 0 0;} .viewSwitch .vsThumbnail a {background-position: -39px 0;} .viewSwitch .vsThumbnail a:hover {background-position: -79px 0;} .viewSwitch .vsList span{background-position: 0 -29px;} .viewSwitch .vsList a {background-position: -39px -29px;} .viewSwitch .vsList a:hover {background-position: -79px -29px;} .pageNav {clear: both; border-top: 1px solid #ccc;} #main .itemList {clear: both; margin-bottom: 30px; border-top:1px solid #E6E6E6; min-height: 120px;} #main .itemList .loading {padding:50px 0; text-align: center;} #main .itemList ul {margin-right: -20px; letter-spacing: -.40em;} #main .itemList li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ width: 220px; vertical-align: top; letter-spacing: normal; padding: 15px 10px 10px;} #main .itemList a {display: block; margin-bottom: 5px;} #main #loadContent .itemList a {text-decoration: none;} #main .itemList .thumb {display: block; margin-bottom: 3px; text-align: center;} #main #loadContent .itemList .name {display: inline;} #main .itemList .price {display: block; margin-bottom: 3px; line-height: 1.2;} #main .itemList .info ul {margin-right: -3px; overflow: hidden;} #main .itemList .name {line-height: 1.5;} #main .itemList ul.color {float: right; padding-right: 24px;} #main .itemList li .color li {width: 30px; border-top: 0; padding: 0; display: block;} #main .itemList li .color li a {padding-bottom: 3px; margin-bottom: 0; position: relative;} #main .itemList li .color li.other {font-size: 11px; color: #999999; white-space: nowrap;} /*#loadContent .itemList {background: url("/img/store/section/sub/itemList_line.png") repeat-y;}*/ #loadContent .itemList {position: relative;} #loadContent .itemList>ul:before {border-right: 1px solid #e6e6e6; content: ""; height: 100%; position: absolute; z-index: 100; top: 0; left: 468px; z-index: 1;} #loadContent .itemList>ul:after {border-right: 1px solid #e6e6e6; content: ""; height: 100%; position: absolute; z-index: 100; top: 0; left: 228px; z-index: 1;} #loadContent .itemList li {position: relative; border-top: 1px solid #e6e6e6;} #loadContent .itemList li a {display: block;} #loadContent .itemList li:last-child {padding-right: 10px;} #loadContent .itemList .name {clear: both;} #loadContent .itemList li.item:nth-child(1), #loadContent .itemList li.item:nth-child(2), #loadContent .itemList li.item:nth-child(3) {border-top: 0;} #loadContent .itemList li:nth-child(3n-2) {padding-left: 0;} #loadContent .itemList li:nth-child(3n) {padding-right: 0;} #loadContent .itemList .info li:nth-child(3n-2) {padding-left: 4px;} #loadContent .itemList .info li:nth-child(3n) {padding-right: 4px;} #loadContent .itemList .info li:last-child {padding-right: 4px;} #loadContent .itemList ul.color img {width: 30px;} #loadContent .itemList li.outOfStock a:after {content: url(/cache/img/store/cmdty/out-of-stock.png); position: absolute; z-index: 100; top: 0; left: 0; pointer-events: none;} #main .itemList li a.button, #main .listView li a.button { background: rgba(249,249,249,0.8); *background: #f9f9f9; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; cursor: pointer; letter-spacing: normal; margin: 0 15px 15px 0; text-align: center; white-space: nowrap; font-size: 12px; position: absolute; top: 130px; left: 58px; padding: 4px; width: 95px; } #main .itemList li a.button:not(:target), #main .listView li a.button:not(:target) {filter: none; -ms-filter: none;} #main .itemList li a.button:hover, #main .listView li a.button:hover { background: rgba(221,221,221,0.9); *background: #dddddd; } #main .itemList li .quickButton {display: none; text-align: center; border: 1px solid #dddddd; padding: 0; margin-top: 10px; background: #ffffff; border-radius: 4px;} #main .listView li .quickButton {display: none; text-align: center; border: 1px solid #dddddd; padding: 0; margin-top: 23px; background: #ffffff; border-radius: 4px; width: 120px; float: right;} #main .listView li .quickButton a.button, #main .itemList li .quickButton a.button {background: none; border: 0; position: static; width: auto; padding: 5px 0; margin: 0; font-size: 12px;} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #main .itemList li .quickButton, #main .listView li .quickButton {display: block;} } .stockicon {margin-bottom: 3px;} .newicon {margin-bottom: 3px;} #quick .newicon {margin-bottom: 0;} #main .info li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ width: auto; text-align: center; font-size:10px; padding:1px 4px; *padding:0 4px 1px; vertical-align: middle; font-weight: normal; border: 1px solid #666; line-height: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} #main .itemList .info li {margin-right: 5px;} #main .listView .info li {margin-right: 0;} #main .info li.together, #main .info li.periodLimited, #main .info li.mixMatch {border: 1px solid #7F0019; color: #7F0019;} #main .info li.newicon {border: 1px solid #7F0019; padding: 1px 2px 1px;} #main .itemList br {display: none;} #main .itemList .info #main .info li.mixMatch, #main .info li.periodLimited, #main .info li.together {border: 1px solid #7F0019;} .icon a {padding-left: 10px; background: url(/img/store/common/sprite_sidenav.png) no-repeat 0 -184px;} #main .itemList .info li.mixMatch a, #main .itemList .info li.periodLimited a, #main .itemList .info li.together a, #main .listView .info li.mixMatch a, #main .listView .info li.periodLimited a, #main .listView .info li.together a { color: #7F0019; margin-bottom: 0;} #main .itemList .info li.mixMatch:hover, #main .itemList .info li.periodLimited:hover, #main .itemList .info li.together:hover, #main .listView .info li.mixMatch:hover, #main .listView .info li.periodLimited:hover, #main .listView .info li.together:hover {background: #dfbfc5;} .info .icon img {margin-right: 3px; vertical-align: middle;} #main .itemList .price .discount, #main .listView .price .discount {color: #7F0019;}/* %OFF非表示時：display:none;を追加*/ #main .itemList .price del, #main .itemList .price ins {display: inline; margin-right: 4px;} #noResults p {clear:both;margin:15px 0;font-size:117%;font-weight:bold;} /* listView */ .listView {clear:both; border-top: 1px solid #E6E6E6;} .listView li {padding: 15px 0; border-bottom:1px solid #E6E6E6; position: relative;} .listView .desc {width: 395px; float: left;} .listView .info li {padding:1px 0 0; *padding:0 0 1px; border: 1px solid #666;} .listView a {display: block; text-decoration: none; position: relative;} .listView a:after {content: ""; display: block; clear: both;} .listView li.outOfStock a:after {content: url(/cache/img/store/cmdty/out-of-stock.png); position: absolute; z-index: 100; top: 10px; left: 10px; pointer-events: none;} .listView .thumb {display: block; float: left; margin-right: 20px; margin-left: 5px;} .listView .itemSummary {margin: 5px 0; display: block;} .listView .name {font-weight: bold;} .listView .price {text-align: right; margin-right: 5px; position: absolute; top: 15px; left: 580px; width: 120px;} .listView li .color {float: left; min-width: 125px;} .listView li .color li {float: left; width: 50px; height: 50px; border-bottom: 0; padding-bottom: 0; padding-right: 4px;} .listView li .color li.other {font-size: 11px; color: #999999; white-space: nowrap; padding-left: 5px;} .listView li .color li img {padding-right: 4px;} .listView .thumb {width: 160px;} /* history */ #history {clear: both; border: solid #ccc; border-width: 1px 0 0; padding: 5px 0 0;} #history h1 {padding: 0 5px 5px; font-size: 14px;} #history .itemList {margin-bottom: 0;} #history .itemList ul {letter-spacing: -.40em;} #history .itemList li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ width: 150px; margin: 0 5px; vertical-align: top; letter-spacing: normal;} #history .itemList a {text-decoration: none;} #history .itemList .thumb {float: left; margin-right: 5px; *cursor: pointer; /* IE6, IE7 */ } #history .itemList .desc {padding-left: 55px; display: block;} #history .itemList .name {font-size: 11px; text-decoration: underline; display: block; overflow: hidden;} #history .itemList .price {margin-left: 55px; display: block; color: #000;} #history .btn {width: 20px; font-size: 10px; line-height: 60px;} #history .prev {float: left;} #history .next {float: right;} #history .disabled a {background:#ccc; cursor: default;} /* promotion */ #promotion {float:none; clear:both;} section#promotion {padding: 10px 0;} #promotion .itemList {margin-bottom: 30px;} #promotion .itemList ul {margin-right: -15px; letter-spacing: -.40em;} #promotion .itemList li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ width: 127px; margin: 0 15px 0 0; vertical-align: top; letter-spacing: normal;} #promotion .itemList a {display: block; margin-bottom: 5px;} #promotion .itemList .thumb {display: block; margin-bottom: 3px;} #promotion .itemList .price {display: inline-block; margin-bottom: 3px; line-height: 1.2;} #promotion .itemList br {display: none;} #promotion .itemList {border: none;} /* single */ #promotion.single .image {float: left; margin-right: 20px;} #promotion.single .image img {vertical-align: bottom;} #promotion.single .description {overflow: hidden;} #promotion.single .description p {margin-bottom: 15px;} #promotion.single .itemList {margin-bottom: 0;} #promotion.single .itemList ul {margin-right: 0; letter-spacing: normal;} #promotion.single .itemList li {display: block; width: auto; margin: 0 0 5px; padding-top: 0;} #promotion.single .itemList a {display: inline; text-decoration: none;} #promotion.single .itemList .thumb {float: left; display: inline; margin: 0 5px 0 0;} #promotion.single .itemList .price {display: block; margin: 5px 0 0; line-height: inherit;} #promotion.single .itemList br {display: inline;} #promotion.single .price del, #promotion.single .price ins {display: inline;} #promotion.single .description h1 {margin-bottom: 10px;} #promotion.single .description .term {margin-bottom: 20px; display: block;} #promotion.single .description span.annotation {margin-top: 20px; display: block;} #promotion.single .itemList a .name {text-decoration: underline;} /*skincare*/ .skincare ul.additive, #ingredient, #ingredient .herbType {zoom:1;} .skincare ul.additive:after, #ingredient:after, #ingredient .herbType:after {content:"";display:block;clear:both;} #ingredient, #procedure {padding: 20px 0 10px; border-top: 1px solid #e6e6e6;} #promotion.single .description p.lead {font-size:12px; margin-bottom:2px;} .skincare ul.additive {margin-top:0;} .skincare ul.additive li, #ingredient .natural li {float:left; display:inline-block; margin-right:10px;} .skincare ul.addition li {margin-right:10px; letter-spacing:0.1em;} #promotion.single .description ul.recommend {list-style-type:disc;} .skincare ul.recommend li {float:none; display:block;} .skincare dl dt {font-weight:bold; margin:15px 0 5px;} #ingredient dl dt, #procedure dl dt {font-weight:bold; margin-bottom:5px;} #procedure dd {padding-top:5px;} #ingredient .natural {width:300px; float:left; display:inline-block; margin-right:20px; overflow:hidden;} #ingredient li.figure {width:50px; font-size:10px;} #ingredient .natural li.figure p {margin-bottom:5px;} #procedure .annotation {clear:both;} #ingredient .functional li {display:inline-block; vertical-align:top; width:72px;} #ingredient .functional li:last-child {position:relative;} #ingredient .functional ul .annotation {display:block; position:absolute; top:80px; right:0; font-size:9px; font-weight:bold; margin-left:-50px;} .relatedLink {text-align: right; margin-bottom: 10px;} /*mens_skincare*/ body#S1070203 #procedure {padding:20px 0; margin-bottom:20px; border-bottom: 1px solid #e8e8e8;} body#S1070203 #procedure .column3 ol {margin:10px -20px 10px 5px; overflow:hidden;} body#S1070203 #procedure .column3 li {width:200px; display:inline-block; margin-right:20px; vertical-align:top; float:left;} body#S1070203 #procedure .column3 li .title {font-weight:bold; color:#444;} body#S1070203 #procedure .column3 li .img {width:180px; display:block; border:1px solid #a7bbdf; padding:10px; margin-top:5px; text-align:center; border-radius:5px;} /* support html5 */ #main section h1, aside#history h1 {background-image: none; height: auto; text-indent: 0; color: #333;} #main section h1 { font-size: 18px; line-height: 1.5;} body#S300041204 #main section h1 {line-height:1.0;} aside#history h1 { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px;} /* sectionNav */ .sectionNav {margin:20px 0 10px;} .sectionNav li {display:inline;border-right:1px solid #CCC;padding-right:1em;margin-right:1em;} .sectionNav li:last-child {border-right:0;padding-right:0;margin-right:0;} .sectionNav li a { display: -moz-inline-box; /* Firefox2 */ display: inline-block; margin-bottom: 0.5em; } .sectionNav .current {color:#999;cursor:default;text-decoration:none;} /* ranking */ #main .ranking {clear: both; margin-bottom: 30px; border: 5px solid #eee; min-height: 120px; padding: 15px; display: none; width: 660px; position: relative;} #main .ranking.hasItem {display: block;} #main .ranking:after {content:"";display:block;clear:both;} #main .ranking h1 {padding: 0; font-size: 14px; height: auto; margin-bottom: 10px; border: 0; text-indent: 0; overflow: hidden; background-image:none;} #main .ranking .itemList {clear: none;} #main .ranking .itemList ul {margin-right: -15px; letter-spacing: -.40em;} #main .ranking .itemList li {width: 127px; margin: 0 15px 0 0; vertical-align: top; letter-spacing: normal; padding: 0 0 0 5px;} #main .ranking .itemList a {display: block; text-decoration: none} #main .ranking .itemList .thumb {display: block; margin-bottom: 3px;} #main .ranking .itemList .name {display: block;} #main .ranking .itemList .price {display: inline-block; line-height: 1.2;} #main .ranking .itemList .info ul {margin-right: -3px; overflow: hidden;} #main .ranking .info li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ margin: 0 3px 2px 0; width: 54px; text-align: center; font-size:10px; padding:1px 0 0; *padding:0 0 1px; vertical-align: middle; font-weight: normal; border: 1px solid #666; color: #444; line-height: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} #main .ranking .itemList br {display: none;} #main .ranking .itemList {position: relative;} #main .ranking .itemList:after {position: absolute; top: 0; left: 0; width: 20px; height: 19px; margin: 0; vertical-align: middle; display: inline-block; visibility: visible;} #main .ranking .itemList #items {float: left; width: 120px; margin-right: 15px;} #main .ranking .itemList {border: 0; margin-bottom: 0;} #main .ranking .itemList {float: left; display: none;} #main .ranking .itemList:nth-child(2), #main .ranking .itemList:nth-child(3), #main .ranking .itemList:nth-child(4), #main .ranking .itemList:nth-child(5), #main .ranking .itemList:nth-child(6) {display: block;} #main .ranking .itemList:nth-child(2):after {content: url(/cache/img/store/section/sub/ranking01.png);} #main .ranking .itemList:nth-child(3):after {content: url(/cache/img/store/section/sub/ranking02.png);} #main .ranking .itemList:nth-child(4):after {content: url(/cache/img/store/section/sub/ranking03.png);} #main .ranking .itemList:nth-child(5):after {content: url(/cache/img/store/section/sub/ranking04.png); top: 2px;} #main .ranking .itemList:nth-child(6):after {content: url(/cache/img/store/section/sub/ranking05.png); top: 2px;} #main .ranking .itemList.no1, #main .ranking .itemList.no2, #main .ranking .itemList.no3, #main .ranking .itemList.no4, #main .ranking .itemList.no5 {display: block;} #main .ranking .itemList.no1:after {content: url(/cache/img/store/section/sub/ranking01.png);} #main .ranking .itemList.no2:after {content: url(/cache/img/store/section/sub/ranking02.png);} #main .ranking .itemList.no3:after {content: url(/cache/img/store/section/sub/ranking03.png);} #main .ranking .itemList.no4:after {content: url(/cache/img/store/section/sub/ranking04.png); top: 2px;} #main .ranking .itemList.no5:after {content: url(/cache/img/store/section/sub/ranking05.png); top: 2px;} @media screen and (min-width: 320px) and (max-width: 569px){ #main .ranking.hasItem {display: none;} } /* ranking */ #main .itemRanking {clear: both; margin-bottom: 30px; border: 5px solid #eee; min-height: 120px; padding: 15px; width: 660px; position: relative; display: block;} #main .itemRanking.hasItem {display: block;} #main .itemRanking:after {content:"";display:block;clear:both;} #main .itemRanking h1 {padding: 0; font-size: 14px; height: auto; margin-bottom: 10px; border: 0; text-indent: 0; overflow: hidden; background-image:none;} #main .itemRanking .itemList ul {margin-right: -15px; letter-spacing: -.40em;} #main .itemRanking .itemList li {width: 115px; margin: 0 15px 0 0; vertical-align: top; letter-spacing: normal; padding: 0 0 0 5px;} #main .itemRanking .itemList a {display: block; text-decoration: none} #main .itemRanking .itemList .thumb {display: block; margin-bottom: 3px;} #main .itemRanking .itemList .name {display: block;} #main .itemRanking .itemList .price {display: inline-block; line-height: 1.2;} #main .itemRanking .itemList .info ul {margin-right: -3px; overflow: hidden;} #main .itemRanking .info li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ margin: 0 3px 2px 0; width: 54px; text-align: center; font-size:10px; padding:1px 0 0; *padding:0 0 1px; vertical-align: middle; font-weight: normal; border: 1px solid #666; color: #444; line-height: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} #main .itemRanking .itemList br {display: none;} #main .itemRanking .itemList li:after {position: absolute; top: 0; left: 0; width: 20px; height: 19px; margin: 0; vertical-align: middle; display: inline-block; visibility: visible;} #main .itemRanking .itemList #items {float: left; width: 120px; margin-right: 15px;} #main .itemRanking .itemList {border: 0; margin-bottom: 0;} #main .itemRanking .itemList li {float: left; position: relative;/* display: none; */} #main .itemRanking .itemList li:nth-child(1), #main .itemRanking .itemList li:nth-child(2), #main .itemRanking .itemList li:nth-child(3), #main .itemRanking .itemList li:nth-child(4), #main .itemRanking .itemList li:nth-child(5) {display: block;} #main .itemRanking .itemList li:nth-child(1):after {content: url(/cache/img/store/section/sub/ranking01.png);} #main .itemRanking .itemList li:nth-child(2):after {content: url(/cache/img/store/section/sub/ranking02.png);} #main .itemRanking .itemList li:nth-child(3):after {content: url(/cache/img/store/section/sub/ranking03.png);} #main .itemRanking .itemList li:nth-child(4):after {content: url(/cache/img/store/section/sub/ranking04.png);} #main .itemRanking .itemList li:nth-child(5):after {content: url(/cache/img/store/section/sub/ranking05.png); top: 2px;} #main .itemRanking .itemList li.no1, #main .itemRanking .itemList li.no2, #main .itemRanking .itemList li.no3, #main .itemRanking .itemList li.no4, #main .itemRanking .itemList li.no5 {display: block;} #main .itemRanking .itemList li.no1:after {content: url(/cache/img/store/section/sub/ranking01.png);} #main .itemRanking .itemList li.no2:after {content: url(/cache/img/store/section/sub/ranking02.png);} #main .itemRanking .itemList li.no3:after {content: url(/cache/img/store/section/sub/ranking03.png);} #main .itemRanking .itemList li.no4:after {content: url(/cache/img/store/section/sub/ranking04.png); top: 2px;} #main .itemRanking .itemList li.no5:after {content: url(/cache/img/store/section/sub/ranking05.png); top: 2px;} @media only screen and (max-width : 767px){ #main .itemRanking {width: 100%; border:0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 15px 5px 15px;} #main .itemRanking .itemList .thumb {margin-bottom: 10px;} #main .itemList .thumb {position: relative; width: 80px;} #main .itemRanking .itemList .thumb img {width: 80px;} #main .itemRanking .itemList li {width: 80px; border-bottom: 1px solid #eee; background:none; border-bottom: 0;} #main .itemRanking .itemList li:nth-child(4), #main .itemRanking .itemList li:nth-child(5) {display: none;} } #narrow {margin: 10px 0 30px; padding: 10px 11px 5px; border: 1px solid #ccc; border-radius: 5px;} #narrow dt, #narrow dd, #narrow li {float: left; margin: 0 5px 5px 0;} #narrow dl + dl {margin-top: 10px;} #narrow ul:after, #narrow dl:after {content: ""; display: block; clear: both;} #narrow a {padding: 5px;} #narrow a.current {background: #ccc; text-decoration: none;} /* quick */ /* CLEARFIX */ #thumbnails, #sizeColor dl, #order {zoom: 1;} #thumbnails:after, #sizeColor dl:after, #order:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;} /* PICTURE */ #mainPicture {margin-bottom: 10px;} #picture {float: left; width: 400px;} #thumbnails {margin-right: -6px; overflow: hidden;} #thumbnails li {float: left; margin: 0 6px 6px 0; line-height: 0.1;} #thumbnails li a img {border: 1px solid #ccc;} #thumbnails li a:hover img {border: 1px solid #7f0019;} /* controlPanel */ #controlPanel {float: right; width: 280px;} .iframe h1 {border-bottom: none;} /* PRICE TAG */ #priceTag .info {margin: 0 0 10px;} #priceTag .info li { display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ margin: 0 0 2px 0; text-align: center; font-size:10px; padding:1px 4px; *padding:0 4px 1px; vertical-align: middle; font-weight: normal; border: 1px solid #333; color: #191919; line-height: 10px; width: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff;} #priceTag .info li.newicon {margin-right: 0; width: auto; color: #fff; background: #7f0019; font-size: 10px; font-family: Arial; line-height: 10px; border: 1px solid #7F0019; padding: 1px 2px;} #priceTag .info li.together, #priceTag .info li.periodLimited, #priceTag .info li.mixMatch {border: 1px solid #7F0019; color: #7F0019;} #priceTag .info li.newicon {margin-right: 0; width: auto;} #priceTag .icon a {text-decoration: none; color: #7F0019; background-position: 0 -181px;} #priceTag .info li.mixMatch:hover, #priceTag .info li.periodLimited:hover, #priceTag .info li.together:hover {background: #dfbfc5;} #priceTag .info .icon img {margin-right: 3px; vertical-align: middle;} #priceTag {margin-bottom: 10px;} #priceTag h1 {margin-bottom: 0; font-size: 14px;} #priceTag h2 {font-size: 14px;} #priceTag .desc {padding: 5px 10px; border-bottom: 4px solid #7f0019; font-size: 13px;} #priceTag .price {position: relative; border: 1px solid #333; display: inline-block; *display: inline; *zoom: 1; padding: 5px; margin: 10px 10px 5px 0; line-height: 1;} #priceTag .price .num {margin-left: 40px; font-size: 16px;} #priceTag .price .free {margin-left: 10px; font-size: 14px; font-weight: bold;} #priceTag .price del {margin-bottom: 5px;} #priceTag .price del .num {font-size: 12px;} #priceTag .discount {color: #7F0019;} #priceTag .price .discount {left: 100%; position: absolute; bottom: 5px; margin-left: 5px; white-space: nowrap; display: none;} #priceTag .price .discount .num {margin-left: 5px;} #priceTag .price .priceBefore {position: relative;} #priceTag .price .period {position: absolute; top: 0; left: 100%; color: #999; white-space: nowrap; font-size: 10px; margin-left: 15px;} .jan .num {margin-left: 5px;} #sizeColor, #custom {padding-top: 10px; border-top: 1px solid #e7e7e7;} #sizeColor dl:first-child {padding-top: 0; border-top: 0;} #sizeColor dt {font-weight: bold; margin-bottom: 5px;} #size dd {float: left; margin: 0 5px 5px 0;} #sizeColor dd a {display: block; border: 3px solid #ccc; background-color: #fff;} #size {margin-bottom: 10px; margin-right: -5px; overflow: hidden;} #size dd a, #size dd span {text-indent: -9999px; background-image: url(/img/store/cmdty/size/size_x2.png); width: 76px; height: 32px; background-size: 1380px 800px; background-repeat: no-repeat;} #sizeColor dd .current {display: block; border: 3px solid #7f0019; background-color: #fff;} #sizeColor dd .not-available-thumb {display: block; border: 3px solid transparent; background-color: #fff;} #sizeColor dd .current img, #sizeColor dd .not-available-thumb img {vertical-align: bottom;} #sizeColor dd a:hover {border: 3px solid #7f0019;} #color dd a, #color dd .current, #color dd .not-available-thumb {width: 30px; padding: 2px;} #color dd .stock {font-size: 11px; text-align: center; display: block; letter-spacing: -1px;} #color .few, #color .out, #color .not-available {border: 0; background: none; position: relative;} #color .not-available .caution {display: none; position: absolute; top: -2.7em; left: -5em; white-space: nowrap; z-index: 1001; background: #fffce5; border:2px solid #fff5c2; padding: 5px; border-radius: 5px;} #color dd.out:after, #color dd.not-available:after { content:""; background: url(/img/store/cmdty/out-of-stock.png); position: absolute; z-index: 100; top: 5px; left: 5px; pointer-events: none; width: 30px; height: 30px; } #color {margin-right: -5px; letter-spacing: -.40em;} #color dt {letter-spacing: 0;} #color dd {display: -moz-inline-box; /* Firefox2 */ display: inline-block; *display: inline; *zoom: 1; /* IE6, IE7 */ width: 40px; margin: 0 5px 5px 0; vertical-align: top; letter-spacing: normal;} .colorTip .content {position: relative; width: auto; display: block; margin-bottom: 10px; padding: 2px 7px; border-radius: 3px; background: #333; color: #fff; zoom:1;} .colorTip .bottom {display: none;} .colorTip:after { content: ' '; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-top-color: #333; top: 100%; left: 50%; margin-top: -10px; margin-left: -5px; } #orderWrap {border-top: 1px solid #dcdad2; padding-top: 15px; margin: 10px 0;} #order .quantity {float: left; position: relative; width: 280px;} #order .quantity label {margin-right: 5px;} #order .quantity .stock {/*position: absolute;*/ right: 0; *top: 21px; margin-top: 5px; font-size: 11px; zoom: 1;} #order .fav, #order .detailLink {float: left; padding-top: 10px; zoom: 1; text-align: right;} #order .fav a, #order .detailLink a {display: inline-block; /*overflow: hidden;*/ height: 20px; background-color: white; padding: 4px; text-decoration: none; line-height: 20px; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; width: 72px; text-align: center; font-weight: bold; height: 30px; line-height: 30px;} #order .fav a:hover, #order .detailLink a:hover {border: 1px solid #CCC;} #order .btn {clear: both; float: left; padding-top: 10px;} #order .btn, #order .detailLink {margin-right: 8px;} #order .btn a {padding: 5px; font-size: 12px; width: 82px; text-align: center; height: 30px; line-height: 30px;} #order #CartInfo #cartBtn a {width: auto;} #order.outOfStock .btn a {width: auto;} #order.outOfStock .message {margin-bottom: 5px;} #CartInfo:before {left: 45px; top: -10px;} #CartInfo:after {left: 45px; top: -8px;} #CartInfo {top: auto; bottom:-58px;} .upBalloon #CartInfo {bottom: 52px;} .upBalloon #CartInfo:before {top: 44px; border-top: 9px solid #DAD5C9; border-bottom: none;} .upBalloon #CartInfo:after {top: 42px; border-top: 9px solid #fff; border-bottom: none;} /* quickview */ #simulatorLink a {zoom:1;} #simulatorLink a:after {content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;} #simulatorLink {margin:20px 0 10px;border-radius:6px;background:#666;} #simulatorLink a {width:660px;height:auto;background:none;padding:20px;border-radius:5px;background:#f7f7f7;display:block;text-decoration:none;} #simulatorLink a:hover div {color:#7f0019;} #simulatorLink .image {float:left;margin-right:20px;} #simulatorLink .description {overflow:hidden;} #simulatorLink .lead {font-size:12px;margin-bottom:10px;} #simulatorLink p.fancyBox {width:auto;text-decoration:underline;display:inline;} #simulatorLink a:hover { -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } #simulatorLink a {vertical-align:bottom; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } #maskArea{ display:none; background:#000; position:fixed; left:0; top:0; z-index:600; width:100%; height:100%; opacity: 0.15; } #modalWindow { position: absolute; left:50%; width: 700px; padding: 30px; margin-left: -381px; background:#fff; z-index:800; display:none; border: 1px solid #aaa; box-shadow: 0 0 20px rgba(0,0,0,.3); border-radius: 7px; } .btnClose a{ font: 0/0 a; text-shadow: none; color: transparent; display: block; position: absolute; right: 10px; top: 10px; width: 22px; height: 21px; padding: 0 0 5px 5px; z-index: 1000; background: url(/cache/sizesearch/img/btn_close_s.png) #fff no-repeat 5px 0; border-radius : 0 0 0 7px; } .btnClose a:hover{background: url(/cache/sizesearch/img/btn_close_s.png) #fff no-repeat 5px -28px;} iframe {width: 100%; overflow: hidden; min-height: 472px;} /* quickview　まとめ買い */ #sizeType dt {font-weight: bold;} #sizeType .single, #sizeType .bulk {font-size: 11px; margin: 3px;} #sizeType dd.single { float: left; display: inline-block; margin: 10px 4% 0 0; width: 48%; text-align: center; background: #fff; box-sizing: border-box; } #sizeType dd.bulk { width: 48%; margin: 10px 0 0 0; display: inline-block; text-align: center; } #sizeType dd .wrap {border: 3px solid #7f0019; padding: 5px; background: #fff;} #sizeType .annotation {font-weight: normal; font-size: 10px;} #sizeType dd .annotation {margin-left: 5px; color: #999;} #sizeType dd .quantity {font-size: 13px; float: none; width: auto; word-break: break-all;} #sizeType dd.single a, #sizeType dd.bulk a { display: block; text-align: center; border: 3px solid #ccc; background: #fff; padding: 5px 0; text-decoration: none; } #sizeType dd.single a:hover, #sizeType dd.bulk a:hover {border: 3px solid #7f0019;} #sizeType dd a:hover .annotation {color: #7f0019;} #sizeType dd.single span.price, #sizeType dd.bulk span.price {display: block;} #sizeType .bulk .annotation.price .num {font-size: 12px;} #sizeType .price del .num {font-size: 12px;} dl#sizeType:after {content: ""; clear: both; display: block;} div#controlPanel #custom {padding-top: 0; border: 0;} #favInfo {zoom: 1; padding: 10px; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DAD5C9; color: #333; z-index: 9999; font-weight: normal; display: inline-block; position: absolute; bottom: -58px; right: 8px; left: -60px; white-space: nowrap; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;} #favInfo:after {content: ''; clear: both; display: block;} #favInfo .favInfoText {vertical-align: middle; font-size: 13px; margin-bottom: 5px;} #favInfo .favBtn {vertical-align: middle; margin-left: 10px;} #favInfo .favBtn a {text-decoration: none; font-size: 13px; padding: 3px 4px; background: #666; color: #fff; border-radius: 2px; display: inline-block;} #favInfo .favBtn a:hover {background: #333;} #favInfo .closeBtn {text-decoration: none; padding: 4px 8px; font-size: 16px; cursor: pointer; vertical-align: middle;} #favInfo:before {content: ""; position: absolute; width: 0; right: 33px; top: -10px; border-color: transparent #DAD5C9; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #DAD5C9;} #favInfo:after {content: ""; position: absolute; width: 0; right: 33px; top: -8px; border-color: transparent #DAD5C9; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #fff;} .upBalloon #favInfo {bottom: 52px;} .upBalloon #favInfo:before {top: 46px; border-top: 9px solid #DAD5C9; border-bottom: none;} .upBalloon #favInfo:after {top: 44px; border-top: 9px solid #fff; border-bottom: none;} .cnterBalloon #favInfo:before {right: 133px;} .cnterBalloon #favInfo:after {right: 133px;} #moreItemList a {text-align: center; cursor: pointer; padding: 12px 10px; background: #666; color: #fff; display: block;} .autoPager .pageShift.pager, .autoPager .pageNav {display:none;} .autoPager:first-child .pageNav.top, .autoPager:last-child .pageNav.bottom {display:block;} #color .out {border: 0; background: none; position: relative;} #color dd.out:after { content: ""; background: url(/cache/img/store/cmdty/out-of-stock.png); position: absolute; z-index: 100; top: 5px; left: 5px; pointer-events: none; width: 30px; height: 30px; } .ua-ie-8 #color dd.out:after, .ua-ie-9 #color dd.out:after, .ua-ie-10 #color dd.out:after { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cache/img/store/cmdty/out-of-stock.png', sizingMethod='scale'); background: none !important; } .select-wrap{ position:relative; overflow:hidden; display:inline-block; min-width:50px; min-width:2em; color:#333; font-size: 12px; } .select-wrap select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; appearance:none; position:relative; z-index:2; display:block; padding:13px 35px 13px 20px; background:transparent; border:0; outline:none; } .entypo-down-open-mini {position: relative;} .entypo-down-open-mini:before{ position: absolute; content: url(/cache/img/store/top/icon_openclose.png); z-index: 1; top: 45%; right: 12px; } #main .controlBar {line-height: 1;} #sortItems:after { content: ""; clear: both; display: block; } /* shokoku */ .sectionNav li {margin-right:12px;padding-right:12px;} .sectionNav.shokoku {margin-top:0;text-align:center;} .sectionNav.shokoku ul {margin:10px auto 0; width: 600px;} .sectionNav.shokoku ul {letter-spacing:-.40em;} .sectionNav.shokoku li {border:none;display:inline-block;letter-spacing:normal;vertical-align:top;} .sectionNav.shokoku li br {display:none;} .sectionNav.shokoku a {text-decoration:none;} .sectionNav.shokoku span {display:block;width:80px;height:80px;line-height:80px;} .sectionNav.shokoku img {vertical-align:middle;} .sectionNav.shokoku .current img {opacity:0.3;} #S500010501 .shokoku {display:none;} /* mujiweek-only %off-display_start */ /* mujiweek-only %off-display_end - Please don't dalete this tag */