@charset "utf-8";/* RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /****************************************************************************** * MARGIN *******************************************************************************/ .m0 {margin: 0px !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;} .m30 {margin: 30px !important;} .m35 {margin: 35px !important;} .m40 {margin: 40px !important;} .m45 {margin: 45px !important;} .m50 {margin: 50px !important;} .m55 {margin: 55px !important;} .m60 {margin: 60px !important;} .m65 {margin: 65px !important;} .m70 {margin: 70px !important;} .m75 {margin: 75px !important;} .m80 {margin: 80px !important;} .m85 {margin: 85px !important;} .m90 {margin: 90px !important;} .m95 {margin: 95px !important;} .m100 {margin: 100px !important;} .mt0 {margin-top: 0px !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mt75 {margin-top: 75px !important;} .mt80 {margin-top: 80px !important;} .mt85 {margin-top: 85px !important;} .mt90 {margin-top: 90px !important;} .mt95 {margin-top: 95px !important;} .mt100 {margin-top: 100px !important;} .mb0 {margin-bottom: 0px !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .mb75 {margin-bottom: 75px !important;} .mb80 {margin-bottom: 80px !important;} .mb85 {margin-bottom: 85px !important;} .mb90 {margin-bottom: 90px !important;} .mb95 {margin-bottom: 95px !important;} .mb100 {margin-bottom: 100px !important;} .ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .ml75 {margin-left: 75px !important;} .ml80 {margin-left: 80px !important;} .ml85 {margin-left: 85px !important;} .ml90 {margin-left: 90px !important;} .ml95 {margin-left: 95px !important;} .ml100 {margin-left: 100px !important;} .mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mr75 {margin-right: 75px !important;} .mr80 {margin-right: 80px !important;} .mr85 {margin-right: 85px !important;} .mr90 {margin-right: 90px !important;} .mr95 {margin-right: 95px !important;} .mr100 {margin-right: 100px !important; } /****************************************************************************** * PADDING *******************************************************************************/ .p0 {padding: 0px !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;} .p30 {padding: 30px !important;} .p35 {padding: 35px !important;} .p40 {padding: 40px !important;} .p45 {padding: 45px !important;} .p50 {padding: 50px !important;} .p55 {padding: 55px !important;} .p60 {padding: 60px !important;} .p65 {padding: 65px !important;} .p70 {padding: 70px !important;} .p75 {padding: 75px !important;} .p80 {padding: 80px !important;} .p85 {padding: 85px !important;} .p90 {padding: 90px !important;} .p95 {padding: 95px !important;} .p100 {padding: 100px !important;} .pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pt75 {padding-top: 75px !important;} .pt80 {padding-top: 80px !important;} .pt85 {padding-top: 85px !important;} .pt90 {padding-top: 90px !important;} .pt95 {padding-top: 95px !important;} .pt100 {padding-top: 100px !important;} .pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pb75 {padding-bottom: 75px !important;} .pb80 {padding-bottom: 80px !important;} .pb85 {padding-bottom: 85px !important;} .pb90 {padding-bottom: 90px !important;} .pb95 {padding-bottom: 95px !important;} .pb100 {padding-bottom: 100px !important;} .pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .pl75 {padding-left: 75px !important;} .pl80 {padding-left: 80px !important;} .pl85 {padding-left: 85px !important;} .pl90 {padding-left: 90px !important;} .pl95 {padding-left: 95px !important;} .pl100 {padding-left: 100px !important;} .pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pr75 {padding-right: 75px !important;} .pr80 {padding-right: 80px !important;} .pr85 {padding-right: 85px !important;} .pr90 {padding-right: 90px !important;} .pr95 {padding-right: 95px !important;} .pr100 {padding-right: 100px !important; } /* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;} table {border-collapse:collapse; border-spacing:0px;} fieldset,img {border:0px;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0px;} body * {line-height:1.22em; word-break:break-all;} /* line-height:1.22em;について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body { font-family:'meiryo', sans-serif; font-size: 12px; line-height:150%; margin:0px; padding:0px; text-align:center; font-size:12px; color:#333333; width:100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a,a:visited,a:active{ color: #333; text-decoration: underline;} a:hover{ text-decoration: none; color: #333;} img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin:0px 5px 0px 15px; } #slider div, #slider div img{ width:100%!important;} .bx-wrapper .bx-viewport{ left: 0!important;} .bottom_banner{clear: both; padding: 50px 0; overflow: hidden;} .bottom_banner a{ display:block; max-width: 400px;min-width: 350px; float: left; margin: 0 15px 15px 0;} .bottom_banner:nth-child(even) { clear: both;} .bottom_banner img{ width: 100%;} /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header, .tit_area, #side_area ul li a, .Abtn, footer, .main_title, .main_title_2 {font-family: 'Pathway Gothic One', sans-serif;} #side_area ul li a:hover, #header .bottom a:hover, .Abtn:hover, footer a:hover{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .Area_cart .Abtn, .Abtn{ display: inline-block; padding: 8px; width:200px; background: #333; color: white; text-align: center; text-decoration: none; margin-bottom: 20px; margin-left: 55px;} .Abtn.mail{ font-size: 66%; color: white;} .Abtn:active, .Abtn:visited{ color: white;} .Abtn:hover{ opacity: 0.6; color:white!important;} #wrap_all, #header{ min-width: 1000px;} #header { background: #000;overflow: hidden; height: 120px; width: 100%; display: table; line-height: 0;} #header h1{display: table-cell; width: 120px;} #header .right{display: table-cell; margin: 0;} #header .up, #header .bottom{ height: 60px; overflow: hidden;} #header .up a, #header .up form{ display: inline-block; float: right;} #header .up a img { height:60px;} #header .up form{ height:42px; margin-right: 15px; overflow: hidden; padding-top: 8px;} #header .up form input{ border: none; float: left;} #header .up form input.gbn9_form_input{ border: none; float: left; height: 32px; width: 180px; padding: 5px; margin-right: 15px;} #header .up form select{float: left; height: 42px; margin-top: 14px;} #header .bottom{ background: #ccc; overflow: hidden;} #header .bottom a{ float: left; line-height: 60px; margin-left: 20px; font-weight: 800; text-decoration: none; font-size: 150%;} #header .bottom a:hover{ text-decoration: underline; filter: alpha(opacity=60); opacity:0.4; } .tit_area, .main_title{ color: white; background: #333; line-height: 1em; padding: 8px; } #wrap_all{ display: table; width: 100%;} #side_area{ display: table-cell; text-align: left; width:310px; font-size: 180%; vertical-align: top; background: #f0f0f0; padding-bottom: 60px;} #side_area ul{ list-style: none; margin-bottom: 15px;} #side_area ul li{ list-style: none; border-bottom: 1px #c6c6c6 solid;} #side_area ul li a{ display: block; padding: 8px; line-height: 1em; text-decoration: none;} #side_area ul li a:hover{ color: white; background: #333; } #side_area_SP{ display: none;} footer{ background: #000; color: white; padding: 20px; clear: both; overflow: hidden;} footer a, footer a:hover, footer a:visited, footer a:active { color: white; text-decoration: none;} footer a:hover{text-decoration: underline;} footer .rightArea, footer .leftArea{ float: left;} footer .leftArea{ width:70%; text-align: left;} footer .rightArea{ width:30%; text-align: right;} footer ul{ list-style: none; padding-bottom: 8px;} footer ul li{ display: inline-block; padding: 5px;} footer .ul_2 li{ display: inline-block; padding: 3px 5px; border-right: 1px white solid; font-size: 80%;} footer .tit_area_ft{ background: white; color: black;} #main_wrap{ padding: 30px; display: table-cell; text-align: left;} .main_title{ text-align: left; margin-bottom: 20px;font-size: 180%;} .main_title_2{ text-align: left; margin-bottom: 20px;font-size: 220%; font-style: italic; } .main_title_3{ text-align: center; margin-bottom: 20px;font-size: 120%; background: #333; color: white; } .free_space { text-align:left; color:#333333; padding: 30px; margin-bottom: 20px; border: 1px dotted #ccc; } .product_list{ overflow:hidden; clear: both; display: inline-block;width: 210px; height: 255px; text-align: center; vertical-align:top; } .product_list .name, .product_list .price,.price_all,price_search{ padding-top: 8px; font-size: 80%; } .price_top,.price_all,.price_search {padding:0px;margin:0px; color:#ff0000; font-size: 80%; font-weight: 700;} .bx-wrapper{ margin: 0!important;} .bx-pager{ display: none!important;} .bx-wrapper .bx-viewport{box-shadow:none!important; border: none!important;} ul.pan{ list-style: none; border:1px #ccc solid; display: inline-block; margin-bottom: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } ul.pan li{ display: inline-block; padding: 5px 20px 5px 5px ; line-height: 1em; font-size: 80%;background: url(https://img13.shop-pro.jp/PA01281/308/etc/arrow.png?cmsp_timestamp=20150718012927) no-repeat center right; } ul.pan li span{ display: none;} .sort{ text-align: center; background:#f0f0f0; padding: 5px; margin-bottom: 8px; } .sort p { padding-bottom: 8px;} .sort ul, .pagenavi ul { text-align: center; list-style: none} .sort ul li, .pagenavi ul li { padding: 0 10px; display: inline-block;} .pagenavi ul{ padding-bottom: 20px;} .product_detail{ display: table; width: 100%; margin-bottom: 60px;} .product_detail .left_Area, .product_detail .right_Area{ display: table-cell; vertical-align: top;} .product_detail .left_Area{ width: 590px;} .product_detail .right_Area{ padding-left: 50px;} .detail_img img, .detail_img{ width: 100%!important;} .detail_other img{ width: 50px!important;} .detail_other{ text-align: center; padding-top: 15px;} .detail_other .sub{ display: inline-block; padding: 0 5px;} .expl_block{ margin-bottom: 30px;} .detail_cont{ border-left: 5px #ccc solid; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; overflow: hidden;} .product_name{ padding-bottom: 8px;} .sk_link_other{ padding-bottom: 12px;} .product_detail table td{ padding: 4px;} .option_cell1, .option_cell2, .option_cell3{ padding: 10px!important; border: 1px #ccc solid;} .sp_elm{ display: block;} .pc_elm{ display: none!important;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { width:175px; overflow:hidden; margin:3px 0px 3px 0px; padding:5px; font-size:10px; border-left:3px solid #DDDDDD; border-right:3px solid #DDDDDD; } .incart_name { text-align:left; } .subtotal { padding:5px 0; } .stotal { text-align:right; } .total { padding:5px 0; border-top:1px dotted #C3C3C3; text-align:right; margin:0; } .postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:5px 0; } .postage li { margin:5px 0; color:red; text-align:left; } .viewcart { padding:5px 0; text-align:center; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout, #btn_members_signup{ text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding:8px 0px 3px; text-align:center; } /* ------------------------------------- * 商品検索 * ------------------------------------- */ .side_form_select { width:175px; margin-bottom:5px; } .side_form_input { width:120px; margin-right:5px; } /* ************************************************ * コンテンツ共通 * ************************************************ */ /* ------------------------------------- * 会員専用価格の表示　トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .discount_rate_top { padding:0px; margin:0px; color:#333333; } .common_image img{ margin-bottom:15px; display:block; } /* ------------------------------------- * コンテンツ下部 決済・配送方法指定 * ------------------------------------- */ #shop_info { margin-top:60px; } #shop_info_pay .tit, #shop_info_deli .tit { } #shop_info .cont { padding:15px 20px; } #shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/61/shop_info_pay_bg.gif) 0px 0px repeat-y;} #shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/61/shop_info_deli_bg.gif) 0px 0px repeat-y;} #shop_info_sct_img {margin-top:20px;} #right_pay_deli_bg { height:2px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/right-pay_deli_bg.gif) 0px 0px no-repeat; width:726px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_block { width:726px; margin:0px 0px 30px; border:#e5e5e5 solid 1px; } .info_title { font-weight:bold; margin:0px 0px 10px; padding:15px 15px 0px; } .info_text { padding:0px 15px 15px; color:#333333; } /* ************************************************ * 商品一覧　レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示　並び順を変更(商品一覧） * ------------------------------------- .sort_01 { width:726px; height:28px; color: #333333; background:#e7e7e7; margin-bottom:1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { text-decoration:underline; color:#1278DE; } .sort_01 a:active, .sort_01 a:hover { text-decoration:underline; color:#FE7901; } /* 会員専用価格の表示 商品一覧用 .regular_price_all { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_all { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_all { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示　並び順を変更(商品検索結果） * ------------------------------------- .sort_02 { width:726px; height:28px; color:#333333; background:#e7e7e7; margin-bottom:1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { text-decoration:underline; color:#1278DE; } .sort_02 a:active, .sort_02 a:hover { text-decoration:underline; color:#FE7901; } /* 会員専用価格の表示 商品検索結果用 .regular_price_search { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_search { padding:0px; margin:0px; font-size:14px; color:#ff0000; } .discount_rate_search { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示　商品数と表示数 * ------------------------------------- .pagenavi { width:726px; height:28px; background:#e7e7e7; margin-bottom:15px; } .pagenavi a { color:#1278DE; text-decoration:underline; } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- .product_list { float:left; width:181px; text-align:center; margin:0px; } .product_item { text-align:center; padding:0px 0px 50px; } .product_item img { border:1px solid #999999; max-width: 155px; } .product_item .name { margin:10px 0px 0px; color:#333333; } .product_item .name img{ vertical-align:middle; } .product_item .price { margin:5px 0px 0px; font-weight:bold; } .product_item .expl { color:#333333; line-height:120%; text-align:left; margin:5px 0px; } .product_list a {color:#1278DE; text-decoration:underline;} .product_list a:link {color:#1278DE; text-decoration:underline;} .product_list a:visited {color:#1278DE; text-decoration:underline;} .product_list a:active {color:#FE7901; text-decoration:underline;} .product_list a:hover {color:#FE7901; text-decoration:underline;} /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width:726px; color:#333333; margin-bottom:15px; } .footstamp a {color:#1278DE; text-decoration:underline;} .footstamp a:link {color:#1278DE; text-decoration:underline;} .footstamp a:visited {color:#1278DE; text-decoration:underline;} .footstamp a:active {color:#FE7901; text-decoration:underline;} .footstamp a:hover {color:#FE7901; text-decoration:underline;} .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { padding-top:20px; text-align:center; } /* ------------------------------------- * 最近チェックした商品 * ------------------------------------- */ .ci_main_title { border-bottom: 5px solid #ABABAB; font-weight: bolder; margin-top: 30px; padding-bottom: 5px; text-align: left; } .checkitem_list { float:left; margin: 15px 0; padding: 0 9px 0 12px; width: 100px; height: 200px; } .checkitem .price { font-weight:bold; } .checkitem .ci_img { width:98px; margin-bottom:3px; border:1px solid #999999; } /* ************************************************ * 商品詳細　レイアウト * ************************************************ .detail_cont { width:726px; } .detail_img_block { width:405px; float:left; } .detail_txt_block { width:294px; float:right; text-align:left; } .detail_img_block img { border:1px solid #999999; max-width: 100%; } .product_name { font-size:18px; font-weight:bold; margin-bottom:10px; } .expl_block { margin-bottom:30px; } .detail_img { margin-bottom:20px; } .detail_other { width:405px; } .detail_other .sub { width:135px; float:left; } .detail_other .sub_tp { padding-top:15px; } .detail_other .sub img { width: 120px; } .detail_txt_block table.table { width:294px; border-left:#e7e7e7 solid 1px; border-top:#e7e7e7 solid 1px; margin-bottom:20px; } .detail_txt_block table.table td.tit, .detail_txt_block table.table td.cont { padding:15px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; } .detail_txt_block table.table td.tit { width:100px; } .sk_link_other { margin-bottom:20px; } */ .txt_option { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_option.gif) 0px 3px no-repeat; padding-left:15px; } .txt_back { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_back.gif) 0px 0px no-repeat; padding-left:22px; } .txt_tell { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_tell.gif) 0px 3px no-repeat; padding-left:22px; } .txt_inq { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_inq.gif) 0px 0px no-repeat; padding-left:22px; } .txt_review { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_review.gif) 0px 0px no-repeat; padding-left:22px; } .txt_reviewpost { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/icon_post.gif) 0px 0px no-repeat; padding-left:22px; } /* オプションリンク */ .txt-optionLink { margin-bottom:20px; } .rs_pd_cart_btn input{ width:200px; } .btn_quick { } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_detail { padding:0px; margin:0px; font-size:14px; color:#ff0000; font-weight:bold; } .discount_rate_detail { padding:0px; margin:0px; color:#333333; } p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin:65px 0px 0px; } #together .tog_main_title { margin:0px 0px 15px; } #together .together_list { margin:0px 3px; float:left; width:175px; } #together .together_list img { border:1px solid #999999; max-width: 155px; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin:30px 0px 15px; } #trackback .tb_main_title { font-weight:bold; margin:0px 0px 5px; } #trackback .tb_url { padding:6px 8px; border:1px solid #e7e7e7; } #trackback .tb { } #trackback .tb_date { padding:10px 0px; } #trackback .tb_title { padding:0px 0px 10px; } #trackback .tb_body { line-height:150%; padding:10px 0px; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; } #trackback .tb_state { padding:0px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .main_title { margin:15px auto; padding:5px 0px; background:#e7e7e7; height:auto; width:564px; } #Option .main_title .cont { padding:0px 5px; } #Option .option_table { width:564px; margin-bottom:5px; border-left:1px solid #DDDDDD; border-top:1px solid #DDDDDD; } #Option .option_cell1 { text-align:left; font-weight:normal; padding:5px 5px 5px 6px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } #Option .option_cell2 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 6px 2px 6px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } #Option .option_cell3 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 10px 2px 6px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } div#Option table.main_title td{ text-align:left; } /* 会員専用価格の表示 オプション用 */ .regular_price_stock { padding:0px; margin:0px; text-decoration:line-through; color:#333333; } .price_detail_stock { padding:0px; margin:0px; } .discount_rate_stock { padding:0px; margin:0px; color:#333333; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { width:726px; margin-bottom:15px; color:#333333; border-top:1px solid #DDDDDD; } #ShopKeeper th { width:200px; overflow:hidden; padding:10px; font-weight:normal; text-align:left; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } #ShopKeeper td { padding:10px; text-align:left; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } /* 検索結果 */ .txt-search { padding:5px 10px; background:#e7e7e7; border-bottom:1px solid #FFFFFF; } .txt-hitNum { margin-bottom:15px; padding:5px 10px; background:#e7e7e7; } .txt-search strong, .txt-hitNum strong { font-weight:bold; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin-bottom:15px; color:#333333; } .pe_title { padding-top:15px; color:#333333; border-top:1px solid #DDDDDD; } .pe_note { line-height:150%; margin:5px 5px 20px 30px; } /* ************************************************ * float解除 * ************************************************ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ------------------------------------- * 商品オプション 表形式 * ------------------------------------- */ #option_tbl { border-collapse:collapse; margin:10px auto 10px; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; } #option_tbl th{ padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #option_tbl td input{ float:none; margin:0 0 5px; width:auto; } #option_tbl th, #option_tbl td.none { background:#eee; } #option_tbl td { padding:5px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .stock_zero { color:red; } /* カテゴリ・グループのフリースペース内全体の指定 */ .cg_freespace_01 { padding:0 0 0 0; margin:0 0 30px 0; } .cg_freespace_02 { padding:0 0 0 0; margin:0 0 30px 0; } /* カテゴリ・グループのフリースペース内の

タグの余白設定 */ .cg_freespace_01 p, .cg_freespace_02 p { margin:0 0 10px 0; } /* カテゴリ・グループのフリースペース内の