/* 商品詳細.css */ td.product_number {list-style:none;padding-left:2em;text-align:center;} .product_number ul li{ display:block; float:left; margin:0px; padding:0px; list-style:none; } div#orderbnr { /* OrderForm前の標識 */ clear:both; display:block; margin: 0.3em auto ; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OrderBunner.gif) no-repeat; background-size: cover; background-position: center; width: 100%; max-width: 930px; height: auto; text-align: center; } div#orderbnr h2{ font-size: 30px; text-align: center; color: #00ff00; padding: 1.3em 0 0 0; border:none; height: auto; } .price-tbl { font-size: 140%; } .price-tbl input{ font-size: 140%; } .price-tbl select{ font-size: 140%; } .price-tbl th{ background-color: #66ff00; padding:7px; margin:7px 0; border: 2px #99ff66 solid; border-collapse: separate; border-spacing: 7px; } .price-tbl td{ background-color: #f0fff0; margin:7px 5px; } .mohdn a:hover img { visibility:hidden;} span#cppw01 a{ display:block; width:360px; height:122px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_01.jpg); } p#cppw02 { /* Top Note */ padding:15px 0 0 0; margin:0px 0 0 15px; font-size: 11px; color:#006600; line-height: 15px; } span#cppw03 a{ display:block; width:99px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_03.jpg); } span#cppw04 a{ display:block; width:88px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_04.jpg); } span#cppw06 a{ display:block; width:99px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_06.jpg); } span#cppw07 a{ display:block; width:88px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_07.jpg); } span#cppw08 a{ display:block; width:152px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_08.jpg); } span#cppw09 a{ display:block; width:111px; height:43px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW130424_800pxOM_09.jpg); } p#cp-price {/* CP Price */ padding:5px 0 0 210px; margin:0; font-size: 30px; color:#f00; line-height: 1.2em; } p#pw-price {/* PW Price */ padding:5px 0 0 200px; margin:0; font-size: 28px; color:#f00; line-height: 1.2em; } p.cp-note {/* CP Main Note */ padding:5px 0 3px 70px; margin:0; font-size: 18px; color:#006600; line-height: 1.2em; } p.pw-note {/* PW Main Note */ padding:5px 0 3px 55px; margin:0; font-size: 16px; color:#006600; line-height: 1.2em; } span#cpodb4 a{ display:block; width:104px; height:160px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-CP-OD130426OM_04.jpg); } span#pwodb4 a{ display:block; width:104px; height:160px; background:url(https://img02.shop-pro.jp/PA01007/667/etc/OBG-PW-OD130426OM_04.jpg); } /*------------------------------------------- Capsule + Powder Header Images -------------------------------------------*/ #cimg1,#pimg1{width:672px; height: 39px;} #cimg3,#pimg3{width:672px; height: 90px;} #cimg4,#pimg4{width:672px; height: 49px; overflow:hidden;} #cimg5,#pimg5{width:672px; height:129px;} #cimg6,#pimg6{width:672px; height:315px; overflow:hidden;} #cimg7,#pimg7{width:672px; height: 50px;} #cimg1{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-01.png");} #cimg3{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-03.png");} #cimg4{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-04.png");} #cimg5{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-05.png");} #cimg6{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-06.png");} #cimg7{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_CP-07.png");} #pimg1{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-01.png");} #pimg3{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-03.png");} #pimg4{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-04.png");} #pimg5{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-05.png");} #pimg6{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-06.png");} #pimg7{background-image: url("https://img02.shop-pro.jp/PA01007/667/etc/191024ProductDetail_PW-07.png");} #cimg1 h1, #pimg1 h1 { font-size: 16px; color: #006600; text-align: center; margin-top: 12px; } #cimg3 a, #pimg3 a{ /* HomeLink */ display:block; width:672px; height:90px; } #cimg4 h2, #pimg4 h2{ /* 製品名 */ font-size: 33px; font-weight: bold; display: inline-block; width: 500px; height: 40px; border-radius: 0 10px 10px 0; line-height:100%; padding: 0 0 0px 0.5em; color: #006600; text-shadow: 1px 1px 1px rgba(0, 255, 0, 0.8), 2px 2px 2px rgba(0, 255, 0, 0.8), 3px 3px 3px rgba(255, 255, 255, 0.8), 8px 8px 8px rgba(255, 255, 255, 0.8),-1px -1px 1px rgba(255, 255, 255, 0.7); } #cimg6 p, #pimg6 p { /* Abstract */ display: inline-block; width: 380px; height: 315px; font-size: 28px; line-height: 1.2em; color: #006600; text-shadow: 1px 1px 1px rgba(0, 255, 0, 0.8), 2px 2px 2px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5); font-family: "ヒラギノ明朝 ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; } #cimg6 p {margin-top:1.6em; padding-left: 1.8em;} #pimg6 p {margin-top:2.0em; padding-left: 1.4em;} #cimg7 p, #pimg7 p{/* footnote */ margin-top: 0.4em; color: #f00; font-size: 17px; text-align: center; } @media screen and (max-width: 671.999px) { /* ssssssssssssss Mobile ssssssssssssssss */ #orderbnr h2 span{font-size: 4.2vw;} #cimg1, #cimg3, #cimg4, #cimg5, #cimg6, #cimg7, #pimg1, #pimg3, #pimg4, #pimg5, #pimg6, #pimg7 { width:100%; background-size:cover; }/* #cimg1{padding-top: 5.80%;} (画像の高さ ÷ 画像の横幅) #cimg3{padding-top:13.39%;} #cimg4{padding-top: 7.29%;} #timg5{padding-top:19.20%;}*/ #timg6{padding-top:46.88%;}/* #timg7{padding-top: 7.44%;}*/ #cimg1 h1, #pimg1 h1{font-size:3.0vw;} #cimg3 a, #pimg3 a{width:100%; height:auto; } #cimg4 h2, #pimg4 h2, #cimg6 p, #pimg6 p{width:74%; height:auto; font-size:3.5vw;} #cimg7 p, #pimg7 p{font-size:3.0vw;} } /* 商品詳細.css EOF */