Ignore:
Timestamp:
2011/07/31 15:25:24 (13 years ago)
Author:
Seasoft
Message:

#1294 (ソースを読みやすくする)

File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css

    r21075 r21081  
    22/* =================================================================== 
    33CSS information 
    4  
    5 file name  :contents.css 
    64style info :コンテンツ用(商品一覧/検索結果/商品詳細) 
    7  
    85=================================================================== */ 
    96/* ----------------------------------------------- 
    … …  
    118----------------------------------------------- */ 
    129.pagenumberarea{ 
    13 margin-top:10px; 
    14 padding:10px 0; 
    15 box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
    16 -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
    17 -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
    18 border-top: 1px solid #CCC; 
    19 border-bottom: 1px solid #CCC; 
    20 background:#EEE; 
    21 display:block; 
     10    margin-top:10px; 
     11    padding:10px 0; 
     12    box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
     13    -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
     14    -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
     15    border-top: 1px solid #CCC; 
     16    border-bottom: 1px solid #CCC; 
     17    background:#EEE; 
     18    display:block; 
    2219} 
    2320.pagenumberarea ul{ 
    24 width:95%; 
    25 margin:0 auto; 
    26 border:#A9ABAD solid 1px; 
    27 border-radius: 5px; 
    28 -webkit-border-radius: 5px; 
    29 -moz-border-radius: 5px; 
    30 display:block; 
     21    width:95%; 
     22    margin:0 auto; 
     23    border:#A9ABAD solid 1px; 
     24    border-radius: 5px; 
     25    -webkit-border-radius: 5px; 
     26    -moz-border-radius: 5px; 
     27    display:block; 
    3128} 
    3229.pagenumberarea li { 
    33 color: #000; 
    34 font-size:16px; 
    35 font-weight:bold; 
    36 margin:0; 
    37 padding:0; 
    38 display:inline; 
    39 float: left; 
    40 width: 50%; 
    41 text-align:center; 
    42 color:#FFF; 
    43 background:#5393c5; 
    44 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    45 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    46 text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     30    color: #000; 
     31    font-size:16px; 
     32    font-weight:bold; 
     33    margin:0; 
     34    padding:0; 
     35    display:inline; 
     36    float: left; 
     37    width: 50%; 
     38    text-align:center; 
     39    color:#FFF; 
     40    background:#5393c5; 
     41    background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     42    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     43    text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    4744} 
    4845.pagenumberarea li a { 
    49 color: #FFF; 
    50 display: block; 
    51 padding:5px 0; 
    52 text-decoration: none; 
    53 text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     46    color: #FFF; 
     47    display: block; 
     48    padding:5px 0; 
     49    text-decoration: none; 
     50    text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    5451} 
    5552.pagenumberarea li.on_number{ 
    56 color: #FFF; 
    57 display: block; 
    58 padding:5px 0; 
    59 text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     53    color: #FFF; 
     54    display: block; 
     55    padding:5px 0; 
     56    text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    6057} 
    6158.pagenumberarea li:first-child{ 
    62 border-radius: 5px 0 0 5px; 
    63 -moz-border-radius: 5px 0 0 5px; 
    64 -webkit-border-radius: 5px 0 0 5px; 
     59    border-radius: 5px 0 0 5px; 
     60    -moz-border-radius: 5px 0 0 5px; 
     61    -webkit-border-radius: 5px 0 0 5px; 
    6562} 
    6663.pagenumberarea li:last-child{ 
    67 border-radius: 0 5px 5px 0; 
    68 -moz-border-radius: 0 5px 5px 0; 
    69 -webkit-border-radius: 0 5px 5px 0; 
     64    border-radius: 0 5px 5px 0; 
     65    -moz-border-radius: 0 5px 5px 0; 
     66    -webkit-border-radius: 0 5px 5px 0; 
    7067} 
    7168.pagenumberarea li:first-child a{ 
    72 border-radius: 5px 0 0 5px; 
    73 -moz-border-radius: 5px 0 0 5px; 
    74 -webkit-border-radius: 5px 0 0 5px; 
    75 border-right:#A9ABAD solid 1px; 
    76 text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    77 background:#FDFDfD; 
    78 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    79 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     69    border-radius: 5px 0 0 5px; 
     70    -moz-border-radius: 5px 0 0 5px; 
     71    -webkit-border-radius: 5px 0 0 5px; 
     72    border-right:#A9ABAD solid 1px; 
     73    text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     74    background:#FDFDfD; 
     75    background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     76    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    8077} 
    8178.pagenumberarea li:last-child a{ 
    82 border-radius: 0 5px 5px 0; 
    83 -moz-border-radius: 0 5px 5px 0; 
    84 -webkit-border-radius: 0 5px 5px 0; 
    85 border-left:#FFF solid 1px; 
    86 text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    87 background:#FDFDfD; 
    88 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    89 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    90 box-shadow:  1px 0px 1px 1px rgba(255,255,255,1) inset; 
    91 -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset; 
    92 -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset; 
     79    border-radius: 0 5px 5px 0; 
     80    -moz-border-radius: 0 5px 5px 0; 
     81    -webkit-border-radius: 0 5px 5px 0; 
     82    border-left:#FFF solid 1px; 
     83    text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     84    background:#FDFDfD; 
     85    background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     86    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     87    box-shadow:  1px 0px 1px 1px rgba(255,255,255,1) inset; 
     88    -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset; 
     89    -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset; 
    9390} 
    9491.pagenumberarea li:first-child a:hover,.pagenumberarea li:last-child a:hover{ 
    95 color:#FFF; 
    96 text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    97 background:#5393c5; 
    98 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    99 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     92    color:#FFF; 
     93    text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     94    background:#5393c5; 
     95    background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     96    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    10097} 
    10198ul.status_icon { 
    102 clear:both; 
     99    clear:both; 
    103100} 
    104101ul.status_icon li{ 
    105 color:#FFF; 
    106 background:#9AAABD; 
    107 display:inline; 
    108 float:left; 
    109 margin-right :5px; 
    110 margin-bottom:2px; 
    111 padding:2px 5px; 
    112 font-size:11px; 
    113 text-shadow:none; 
     102    color:#FFF; 
     103    background:#9AAABD; 
     104    display:inline; 
     105    float:left; 
     106    margin-right :5px; 
     107    margin-bottom:2px; 
     108    padding:2px 5px; 
     109    font-size:11px; 
     110    text-shadow:none; 
    114111} 
    115112/* ----------------------------------------------- 
    … …  
    117114----------------------------------------------- */ 
    118115#product_list{ 
    119 padding-bottom:35px; 
     116    padding-bottom:35px; 
    120117} 
    121118 
    … …  
    123120----------------------------------------------- */ 
    124121.list_area { 
    125 margin: 0; 
    126 padding:10px 5px 15px 10px; 
    127 background-color:#FEFEFE; 
    128 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    129 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    130 border-top:#FFF solid 1px; 
    131 border-bottom:#CCC solid 1px; 
    132 display:block; 
    133 clear:both; 
    134 position:relative; 
    135 cursor:pointer; 
     122    margin: 0; 
     123    padding:10px 5px 15px 10px; 
     124    background-color:#FEFEFE; 
     125    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
     126    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
     127    border-top:#FFF solid 1px; 
     128    border-bottom:#CCC solid 1px; 
     129    display:block; 
     130    clear:both; 
     131    position:relative; 
     132    cursor:pointer; 
    136133} 
    137134.list_area ul.status_icon{ 
    138 margin-bottom:5px; 
     135    margin-bottom:5px; 
    139136} 
    140137.listphoto{ 
    141 margin:0 10px 10px 0; 
    142 float:left; 
    143 clear:left; 
     138    margin:0 10px 10px 0; 
     139    float:left; 
     140    clear:left; 
    144141} 
    145142.listrightblock { 
    146 width:67%; 
    147 float:right; 
    148 padding-right:10px; 
    149 background:url(../img/common/ico_arrowR.png) right center no-repeat; 
     143    width:67%; 
     144    float:right; 
     145    padding-right:10px; 
     146    background:url(../img/common/ico_arrowR.png) right center no-repeat; 
    150147} 
    151148@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    152 .listrightblock { 
    153 background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
    154 -webkit-background-size: 10px 15px; 
    155 background-size: 10px 15px; 
    156 } 
     149    .listrightblock { 
     150        background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
     151        -webkit-background-size: 10px 15px; 
     152        background-size: 10px 15px; 
     153    } 
    157154} 
    158155.listrightblock h3{ 
    159 font-size:15px; 
    160 clear:both; 
     156    font-size:15px; 
     157    clear:both; 
    161158} 
    162159.listrightblock .listcomment{ 
    163 line-height:1.4; 
     160    line-height:1.4; 
    164161} 
    165162 
    … …  
    168165----------------------------------------------- */ 
    169166#product_detail{ 
    170 padding-bottom:35px; 
     167    padding-bottom:35px; 
    171168} 
    172169/*商品情報*/ 
    173170#detailarea { 
    174 background:#F0F0F1; 
    175 padding:20px 10px 35px 10px; 
     171    background:#F0F0F1; 
     172    padding:20px 10px 35px 10px; 
    176173} 
    177174#detailrightblock{ 
    178 margin-top:25px; 
    179 padding:0; 
    180 background:#FFF; 
    181 border:#CCC solid 1px; 
    182 border-radius:7px; 
    183 -moz-border-radius:7px; 
    184 -webkit-border-radius:7px; 
     175    margin-top:25px; 
     176    padding:0; 
     177    background:#FFF; 
     178    border:#CCC solid 1px; 
     179    border-radius:7px; 
     180    -moz-border-radius:7px; 
     181    -webkit-border-radius:7px; 
    185182} 
    186183#detailrightblock div:after { 
    187 content: ".";   
    188 display: block; 
    189 clear: both; 
    190 height: 0; 
    191 visibility: hidden; 
     184    content: ".";   
     185    display: block; 
     186    clear: both; 
     187    height: 0; 
     188    visibility: hidden; 
    192189} 
    193190#detailrightblock div{ 
    194 border-bottom:#CCC solid 1px; 
     191    border-bottom:#CCC solid 1px; 
    195192} 
    196193#detailrightblock div:last-child{ 
    197 border-bottom:none; 
    198 border-radius:0 0 7px 7px; 
    199 -moz-border-radius: 0 0 7px 7px; 
    200 -webkit-border-radius: 0 0 7px 7px; 
     194    border-bottom:none; 
     195    border-radius:0 0 7px 7px; 
     196    -moz-border-radius: 0 0 7px 7px; 
     197    -webkit-border-radius: 0 0 7px 7px; 
    201198} 
    202199/*ステータスアイコン*/ 
    203200#detailrightblock .status_icon{ 
    204 padding:10px 12px; 
    205 border-bottom:#CCC solid 1px; 
     201    padding:10px 12px; 
     202    border-bottom:#CCC solid 1px; 
    206203} 
    207204/*商品情報（テキストなど）*/ 
    208205#detailrightblock .product_detail{ 
    209 padding:12px; 
    210 border-bottom:#CCC solid 1px; 
     206    padding:12px; 
     207    border-bottom:#CCC solid 1px; 
    211208} 
    212209#detailrightblock h3{ 
    213 font-size:14px; 
    214 clear:both; 
     210    font-size:14px; 
     211    clear:both; 
    215212} 
    216213#detailrightblock .price{ 
    217 font-size:14px; 
     214    font-size:14px; 
    218215} 
    219216.relative_cat{ 
    220 font-size:12px; 
    221 margin-bottom:10px; 
     217    font-size:12px; 
     218    margin-bottom:10px; 
    222219} 
    223220 
    224221/*商品情報（規格部分）*/ 
    225222.cart_area{ 
    226 padding:12px; 
     223    padding:12px; 
    227224} 
    228225.cart_area dl { 
    229 margin: 0; 
    230 padding:0; 
     226    margin: 0; 
     227    padding:0; 
    231228} 
    232229.cart_area dt { 
    233 margin: 0; 
    234 font-weight: bold; 
    235 line-height: 1.3; 
     230    margin: 0; 
     231    font-weight: bold; 
     232    line-height: 1.3; 
    236233} 
    237234.cart_area dd { 
    238 padding:0; 
    239 clear:both; 
    240 padding-bottom:5px; 
     235    padding:0; 
     236    clear:both; 
     237    padding-bottom:5px; 
    241238} 
    242239.cart_area dd:last-child { 
    243 padding-bottom:0; 
     240    padding-bottom:0; 
    244241} 
    245242 
    246243/*商品情報（数量）*/ 
    247244.cartin_btn{ 
    248 padding:15px; 
    249 background:#F1F0E7; 
    250 border-top:#FFF solid 1px; 
     245    padding:15px; 
     246    background:#F1F0E7; 
     247    border-top:#FFF solid 1px; 
    251248} 
    252249.cartin_btn dl{ 
    253 width:40%; 
    254 float:left; 
    255 clear:left; 
     250    width:40%; 
     251    float:left; 
     252    clear:left; 
    256253} 
    257254.cartin_btn dt{ 
    258 width:2em; 
    259 float:left; 
    260 padding:5px; 
    261 vertical-align:bottom; 
    262 line-height:1.1; 
     255    width:2em; 
     256    float:left; 
     257    padding:5px; 
     258    vertical-align:bottom; 
     259    line-height:1.1; 
    263260} 
    264261.cartin_btn dd{ 
    265 width:3.2em; 
    266 display:inline; 
    267 float:left; 
     262    width:3.2em; 
     263    display:inline; 
     264    float:left; 
    268265} 
    269266.detail_quantity dd .quantitybox{ 
    270 width:3em; 
     267    width:3em; 
    271268} 
    272269.cartbtn_default{ 
    273 width:54%; 
    274 float:right; 
    275 clear:right; 
     270    width:54%; 
     271    float:right; 
     272    clear:right; 
    276273} 
    277274 
    278275/*お気に入り*/ 
    279276.btn_favorite{ 
    280 padding:10px 30px; 
    281 background:#F1F0E7; 
     277    padding:10px 30px; 
     278    background:#F1F0E7; 
    282279} 
    283280/*サブエリア*/ 
    284281.subarea{ 
    285 padding:10px; 
    286 border-bottom:#CCC solid 1px; 
    287 clear:both; 
     282    padding:10px; 
     283    border-bottom:#CCC solid 1px; 
     284    clear:both; 
    288285} 
    289286.subarea h3{ 
    290 margin-bottom:10px; 
    291 padding:5px 0; 
    292 border-bottom:#CCC solid 1px; 
    293 clear:both; 
     287    margin-bottom:10px; 
     288    padding:5px 0; 
     289    border-bottom:#CCC solid 1px; 
     290    clear:both; 
    294291} 
    295292.subphotoimg{ 
    296 margin-left:10px; 
    297 float:right; 
    298 clear:right; 
     293    margin-left:10px; 
     294    float:right; 
     295    clear:right; 
    299296} 
    300297#sub_area div:last-child{ 
    301 border-bottom:none; 
     298    border-bottom:none; 
    302299} 
    303300/*商品詳細メイン画像スライド*/ 
    304301#detailphotoblock { 
    305 width: 100%; 
    306 background-color: #ffffff; 
    307 text-align:center; 
    308 -webkit-box-shadow: 1px 5px 5px #ccc; 
    309 -moz-box-shadow: 1px 5px 5px #ccc; 
    310 position:relative; 
     302    width: 100%; 
     303    background-color: #ffffff; 
     304    text-align:center; 
     305    -webkit-box-shadow: 1px 5px 5px #ccc; 
     306    -moz-box-shadow: 1px 5px 5px #ccc; 
     307    position:relative; 
    311308} 
    312309#detailphotoblock div.moveWrap { 
    313 width:200px; 
    314 height:auto; 
    315 margin:0 auto; 
    316 position:relative; 
    317 overflow:hidden; 
    318 -webkit-box-sizing:border-box; 
     310    width:200px; 
     311    height:auto; 
     312    margin:0 auto; 
     313    position:relative; 
     314    overflow:hidden; 
     315    -webkit-box-sizing:border-box; 
    319316} 
    320317#detailphotoblock ul.moveWrapBG { 
    321 width:200px; 
    322 height:auto; 
    323 visibility:hidden; 
    324 display:inline-block; 
    325 position:relative; 
    326 -webkit-box-sizing:border-box; 
    327 margin:0 auto; 
    328 padding:0; 
     318    width:200px; 
     319    height:auto; 
     320    visibility:hidden; 
     321    display:inline-block; 
     322    position:relative; 
     323    -webkit-box-sizing:border-box; 
     324    margin:0 auto; 
     325    padding:0; 
    329326} 
    330327#detailphotoblock div.slideMask { 
    331 position:absolute; 
    332 top:0; 
    333 left:0; 
    334 /*border:4px #FFF solid;*/ 
    335 -webkit-box-sizing:border-box; 
    336 margin-right:0!important; 
     328    position:absolute; 
     329    top:0; 
     330    left:0; 
     331    /*border:4px #FFF solid;*/ 
     332    -webkit-box-sizing:border-box; 
     333    margin-right:0!important; 
    337334} 
    338335#detailphotoblock div.moveWrap>ul.move { 
    339 margin:0; 
    340 padding:0; 
    341 position:relative; 
    342 left:0; 
    343 top:0; 
    344 list-style:none; 
    345 width:2000px; 
    346 -webkit-transition:all 0.6s ease-in-out; 
    347 -webkit-transform:translate3d(0,0,0); 
    348 -webkit-transition-duration: 400ms; 
    349 -webkit-transition-property: -webkit-transform; 
    350 margin:0; 
    351 padding:0; 
    352 display:none; 
     336    margin:0; 
     337    padding:0; 
     338    position:relative; 
     339    left:0; 
     340    top:0; 
     341    list-style:none; 
     342    width:2000px; 
     343    -webkit-transition:all 0.6s ease-in-out; 
     344    -webkit-transform:translate3d(0,0,0); 
     345    -webkit-transition-duration: 400ms; 
     346    -webkit-transition-property: -webkit-transform; 
     347    margin:0; 
     348    padding:0; 
     349    display:none; 
    353350} 
    354351#detailphotoblock div.moveWrap>ul.move li.slideUnit { 
    355 margin:0px; 
    356 padding:0; 
    357 float:left; 
    358 list-style:none; 
    359 text-align:center; 
    360 -webkit-box-sizing:border-box; 
     352    margin:0px; 
     353    padding:0; 
     354    float:left; 
     355    list-style:none; 
     356    text-align:center; 
     357    -webkit-box-sizing:border-box; 
    361358} 
    362359#detailphotoblock li.slideUnit>div { 
    363 padding:0px; 
    364 display:inline-block; 
    365 vertical-align:middle; 
    366 text-align:center; 
    367 -webkit-box-sizing:border-box; 
     360    padding:0px; 
     361    display:inline-block; 
     362    vertical-align:middle; 
     363    text-align:center; 
     364    -webkit-box-sizing:border-box; 
    368365} 
    369366#detailphotoblock div.flickSlideBottom { 
    370 width:100%; 
    371 margin-top:5px; 
     367    width:100%; 
     368    margin-top:5px; 
    372369} 
    373370#detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight { 
    374 padding:0 10px; 
    375 display:table-cell; 
    376 vertical-align:middle; 
     371    padding:0 10px; 
     372    display:table-cell; 
     373    vertical-align:middle; 
    377374} 
    378375#detailphotoblock div.flickSlideBottom div.bottomRight { 
    379 font-size:24px; 
    380 font-weight: bold; 
    381 color:#7F7F7F; 
    382 background-color:transparent; 
    383 right:5px; 
    384 top:100px; 
    385 position:absolute; 
     376    font-size:24px; 
     377    font-weight: bold; 
     378    color:#7F7F7F; 
     379    background-color:transparent; 
     380    right:5px; 
     381    top:100px; 
     382    position:absolute; 
    386383} 
    387384#detailphotoblock div.flickSlideBottom div.bottomLeft { 
    388 font-size:24px; 
    389 font-weight: bold; 
    390 color:#7F7F7F; 
    391 background-color:transparent; 
    392 left:5px; 
    393 top:100px; 
    394 position:absolute; 
     385    font-size:24px; 
     386    font-weight: bold; 
     387    color:#7F7F7F; 
     388    background-color:transparent; 
     389    left:5px; 
     390    top:100px; 
     391    position:absolute; 
    395392} 
    396393#detailphotoblock div.flickSlideBottom div.bottomLeft:after { 
    397 font-size:12px; 
    398 padding:5px; 
    399 text-align:left; 
    400 display:table-cell; 
     394    font-size:12px; 
     395    padding:5px; 
     396    text-align:left; 
     397    display:table-cell; 
    401398} 
    402399#detailphotoblock div.flickSlideBottom div.bottomLeft:before { 
    403 padding:5px; 
    404 text-align:left; 
    405 display:table-cell; 
     400    padding:5px; 
     401    text-align:left; 
     402    display:table-cell; 
    406403} 
    407404#detailphotoblock div.flickSlideBottom div.bottomRight:before { 
    408 font-size:12px; 
    409 padding:5px; 
    410 text-align:right; 
    411 display:table-cell; 
     405    font-size:12px; 
     406    padding:5px; 
     407    text-align:right; 
     408    display:table-cell; 
    412409} 
    413410#detailphotoblock div.flickSlideBottom div.bottomRight:after { 
    414 padding:5px; 
    415 text-align:right; 
    416 display:table-cell; 
     411    padding:5px; 
     412    text-align:right; 
     413    display:table-cell; 
    417414} 
    418415#detailphotoblock div.flickSlideBottom ul.slidePager { 
    419 display:block; 
    420 width:auto; 
    421 text-align:center; 
    422 margin:0 auto;; 
    423 padding:0; 
     416    display:block; 
     417    width:auto; 
     418    text-align:center; 
     419    margin:0 auto;; 
     420    padding:0; 
    424421} 
    425422#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer { 
    426 font-size:11px; 
    427 width:6px; 
    428 height:6px; 
    429 margin:12px 6px 6px 6px; 
    430 display:inline-block; 
    431 background-color:#CCC; 
    432 border-radius: 6px; 
    433 -webkit-border-radius: 6px; 
    434 -moz-border-radius: 6px; 
     423    font-size:11px; 
     424    width:6px; 
     425    height:6px; 
     426    margin:12px 6px 6px 6px; 
     427    display:inline-block; 
     428    background-color:#CCC; 
     429    border-radius: 6px; 
     430    -webkit-border-radius: 6px; 
     431    -moz-border-radius: 6px; 
    435432} 
    436433#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { 
    437 background-color:#333; 
     434    background-color:#333; 
    438435} 
    439436 
    440437/*その他オススメ商品スライド*/ 
    441438#product_detail .title_box_sub:last-child{ 
    442 margin-top:20px; 
     439    margin-top:20px; 
    443440} 
    444441#whobought_area{ 
    445 width:100%; 
    446 margin-top:30px; 
    447 margin-bottom:15px; 
    448 clear:both; 
    449 position:relative; 
     442    width:100%; 
     443    margin-top:30px; 
     444    margin-bottom:15px; 
     445    clear:both; 
     446    position:relative; 
    450447} 
    451448#whobought_area h3{ 
    452 clear:both; 
     449    clear:both; 
    453450} 
    454451#whobought_area li img{ 
    455 clear:both; 
     452    clear:both; 
    456453} 
    457454#whobought_area .sale_price{ 
    458 clear:both; 
    459 float:right; 
    460 text-align:right; 
     455    clear:both; 
     456    float:right; 
     457    text-align:right; 
    461458} 
    462459#whobought_area div.moveWrap { 
    463 width:80%; 
    464 height:auto; 
    465 position:relative; 
    466 margin:0 auto; 
    467 overflow:hidden; 
    468 -webkit-box-sizing:border-box; 
     460    width:80%; 
     461    height:auto; 
     462    position:relative; 
     463    margin:0 auto; 
     464    overflow:hidden; 
     465    -webkit-box-sizing:border-box; 
    469466} 
    470467#whobought_area ul.moveWrapBG { 
    471 width:auto; 
    472 height:auto; 
    473 display:inline-block; 
    474 position:relative; 
    475 visibility:hidden; 
    476 -webkit-box-sizing:border-box; 
    477 margin:0; 
    478 padding:0; 
     468    width:auto; 
     469    height:auto; 
     470    display:inline-block; 
     471    position:relative; 
     472    visibility:hidden; 
     473    -webkit-box-sizing:border-box; 
     474    margin:0; 
     475    padding:0; 
    479476} 
    480477#whobought_area div.slideMask { 
    481 position:absolute; 
    482 top:0; 
    483 left:0; 
    484 border:4px #FFF solid; 
    485 -webkit-box-sizing:border-box; 
    486 margin-right:1px; 
     478    position:absolute; 
     479    top:0; 
     480    left:0; 
     481    border:4px #FFF solid; 
     482    -webkit-box-sizing:border-box; 
     483    margin-right:1px; 
    487484} 
    488485#whobought_area div.moveWrap>ul.move { 
    489 width:600px; 
    490 margin:0; 
    491 padding:0; 
    492 position:relative; 
    493 left:0; 
    494 top:0; 
    495 list-style:none; 
    496 -webkit-transition:all 0.6s ease-in-out; 
    497 -webkit-transform:translate3d(0,0,0); 
    498 /*-webkit-transition-duration: 400ms; 
    499 -webkit-transition-property: -webkit-transform; 
    500 */ 
    501 margin:0; 
    502 padding:0; 
    503 display:none; 
     486    width:600px; 
     487    margin:0; 
     488    padding:0; 
     489    position:relative; 
     490    left:0; 
     491    top:0; 
     492    list-style:none; 
     493    -webkit-transition:all 0.6s ease-in-out; 
     494    -webkit-transform:translate3d(0,0,0); 
     495    /*-webkit-transition-duration: 400ms; 
     496    -webkit-transition-property: -webkit-transform; 
     497    */ 
     498    margin:0; 
     499    padding:0; 
     500    display:none; 
    504501} 
    505502#whobought_area div.moveWrap>ul.move li.slideUnit { 
    506 width:85px!important; 
    507 float:left; 
    508 display:inline; 
    509 list-style:none; 
    510 padding:4px 8px 4px 0; 
    511 margin-right:0px; 
    512 -webkit-box-sizing:border-box; 
     503    width:85px!important; 
     504    float:left; 
     505    display:inline; 
     506    list-style:none; 
     507    padding:4px 8px 4px 0; 
     508    margin-right:0px; 
     509    -webkit-box-sizing:border-box; 
    513510} 
    514511#whobought_area li.slideUnit>div { 
    515 padding:4px; 
    516 display:inline; 
    517 vertical-align:middle; 
    518 -webkit-box-sizing:border-box; 
     512    padding:4px; 
     513    display:inline; 
     514    vertical-align:middle; 
     515    -webkit-box-sizing:border-box; 
    519516} 
    520517#whobought_area div.flickSlideBottom { 
    521 width:100%; 
    522 margin-top:5px; 
     518    width:100%; 
     519    margin-top:5px; 
    523520} 
    524521#whobought_area div.flickSlideBottom div.bottomLeft,#whobought_area div.flickSlideBottom div.bottomRight { 
    525 padding:0 10px; 
    526 display:table-cell; 
    527 vertical-align:middle; 
     522    padding:0 10px; 
     523    display:table-cell; 
     524    vertical-align:middle; 
    528525} 
    529526#whobought_area div.flickSlideBottom div.bottomRight { 
    530 font-size:16px; 
    531 font-weight: bold; 
    532 color:#7F7F7F; 
    533 background-color:transparent; 
    534 right:0; 
    535 top:80px; 
    536 position:absolute; 
     527    font-size:16px; 
     528    font-weight: bold; 
     529    color:#7F7F7F; 
     530    background-color:transparent; 
     531    right:0; 
     532    top:80px; 
     533    position:absolute; 
    537534} 
    538535#whobought_area div.flickSlideBottom div.bottomLeft { 
    539 font-size:16px; 
    540 font-weight: bold; 
    541 color:#7F7F7F; 
    542 background-color:transparent; 
    543 left:0; 
    544 top:80px; 
    545 position:absolute; 
     536    font-size:16px; 
     537    font-weight: bold; 
     538    color:#7F7F7F; 
     539    background-color:transparent; 
     540    left:0; 
     541    top:80px; 
     542    position:absolute; 
    546543} 
    547544#whobought_area div.flickSlideBottom div.bottomLeft:after { 
    548 font-size:10px; 
    549 padding:0; 
    550 text-align:left; 
    551 display:table-cell; 
     545    font-size:10px; 
     546    padding:0; 
     547    text-align:left; 
     548    display:table-cell; 
    552549} 
    553550#whobought_area div.flickSlideBottom div.bottomLeft:before { 
    554 padding:0; 
    555 text-align:left; 
    556 display:table-cell; 
     551    padding:0; 
     552    text-align:left; 
     553    display:table-cell; 
    557554} 
    558555#whobought_area div.flickSlideBottom div.bottomRight:before { 
    559 font-size:10px; 
    560 padding:0; 
    561 text-align:right; 
    562 display:table-cell; 
     556    font-size:10px; 
     557    padding:0; 
     558    text-align:right; 
     559    display:table-cell; 
    563560} 
    564561#whobought_area div.flickSlideBottom div.bottomRight:after { 
    565 padding:0; 
    566 text-align:right; 
    567 display:table-cell; 
     562    padding:0; 
     563    text-align:right; 
     564    display:table-cell; 
    568565} 
    569566#whobought_area div.flickSlideBottom ul.slidePager { 
    570 display:block; 
    571 width:auto; 
    572 text-align:center; 
    573 margin:0 auto; 
    574 padding:0; 
     567    display:block; 
     568    width:auto; 
     569    text-align:center; 
     570    margin:0 auto; 
     571    padding:0; 
    575572} 
    576573#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { 
    577 display:none; 
    578 } 
    579  
     574    display:none; 
     575} 
Note: See TracChangeset for help on using the changeset viewer.