@charset "UTF-8"; @import url("smoothness/jquery-ui-1.8.4.custom.css"); /* ======================================================================= CSSの名前：style.css 最終更新日時：2012/2/15 -------------------------------------------------------------------------- 1.reset 2.base 3.コンテナ・サイドバー・メインコンテンツ 4.ヘッダ 5.サイドバー 6.extファイル用 7.トップページ 8.カートの中身～注文完了まで、プレゼント応募～完了まで 9.定期購入商品履歴照会・変更 10.フッタ 11.商品詳細・一覧、プレゼント詳細・一覧 12.レビュー 13.購入履歴 14.サブウインドウで表示するページ用 15.エラーページ 16.クレジットカード登録画面 17.お気に入り 18.アドレス帳 ======================================================================= */ /* ================================================================= 1.reset =================================================================*/ /*--body{background:#FFF; color:#333; line-height:1.5; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; word-wrap:break-word;}--*/ body{background:#FFF; color:#111111; line-height:1.5; font-family:'Arial', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-wrap:break-word;} /* すべてのタグのマージン・パディングの設定をリセット -------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;} li{list-style-type:none;} table{border-collapse:collapse; border-spacing:0;} img{border:0;} /* ================================================================= 2.base =================================================================*/ /* clear -------------------------------------------------------------*/ .clear{clear:both;} .clearfloat{clear:both; height:0; font-size:1px; line-height:0;} .clearfix{zoom:1;} .clearfix:after{content:""; display:block; clear:both;} *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* 基本のlink color -------------------------------------------------------------*/ a:link{color:#000; text-decoration:none;} a:visited{color:#000;} a:hover,a:active{text-decoration:underline;} /* カートフロー画像 -------------------------------------------------------------*/ .step{display:block; margin:25px auto 45px auto;} /* Amazonペイメントのスタイル -------------------------------------------------------------*/ #AmazonPayButton{min-height:80px;} /* ================================================================= 3.コンテナ・サイドバー・メインコンテンツ 使用ファイル：すべてのファイル =================================================================*/ /* container - サイドバー・メインコンテンツを格納するコンテナ -------------------------------------------------------------*/ #container{width:980px; margin:auto; padding:25px 0 0 0; zoom:1;} #container:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* sidebar - コンテナ内サイドバー -------------------------------------------------------------*/ #sidebar{float:left; width:200px;} /* 必須 -------------------------------------------------------------*/ .hissuico{background:#ff0202; color:#FFFFFF; font-style:normal; font-size:11px; font-weight:normal; padding:2px;} /* narrowdown - 絞込み -------------------------------------------------------------*/ #narrowdown{width:200px;} #narrowdown > li{margin:30px 0;} #narrowdown li.narrowdown_box1{border-bottom:1px solid #dcdcdc; padding:0 0 15px 0;} #narrowdown li ul{zoom:1;} #narrowdown li ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #narrowdown li.narrowdown_box1 > ul li{height:29px; width:30px; margin:0px 12px 10px 0; display:block; float:left;} #narrowdown li.narrowdown_box1 > ul li:nth-child(5n){height:29px; width:30px; margin:0px 0px 10px 0!important; display:block; float:left;} #narrowdown li.narrowdown_box1 > ul li div{height:26px; width:26px; border:solid 1px #c4c4c4; display:block; padding: 2px;} #narrowdown li.narrowdown_box1 > ul li div a{width:26px; height:26px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;} #narrowdown li.narrowdown_box1 > ul li div.select{height:26px; width:26px; border:1px solid #111111;} #narrowdown li.narrowdown_box1 > ul li span{width:26px; height:26px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;} #narrowdown li.narrowdown_box1 > ul li.number_1 span{border:1px solid #c8c8c8; background:#FFFFFF; width:24px; height:24px;} #narrowdown li.narrowdown_box1 > ul li.number_2 span{background:#2b2b2b;} #narrowdown li.narrowdown_box1 > ul li.number_3 span{background:#9e9e9e;} #narrowdown li.narrowdown_box1 > ul li.number_4 span{background:#763416;} #narrowdown li.narrowdown_box1 > ul li.number_5 span{background:#e5d9a7;} #narrowdown li.narrowdown_box1 > ul li.number_6 span{background:#1a9b42;} #narrowdown li.narrowdown_box1 > ul li.number_7 span{background:#005dec;} #narrowdown li.narrowdown_box1 > ul li.number_8 span{background:#64008b;} #narrowdown li.narrowdown_box1 > ul li.number_9 span{background:#f8ea00;} #narrowdown li.narrowdown_box1 > ul li.number_10 span{background:#f8afd9;} #narrowdown li.narrowdown_box1 > ul li.number_11 span{background:#df0010;} #narrowdown li.narrowdown_box1 > ul li.number_12 span{background:#ff9300;} #narrowdown li.narrowdown_box1 > ul li.number_13 span{background: -moz-linear-gradient(-45deg, #f1f7f7 0%, #e1e1e1 50%, #bdbdbd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, #f1f7f7 0%,#e1e1e1 50%,#bdbdbd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #f1f7f7 0%,#e1e1e1 50%,#bdbdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7f7', endColorstr='#bdbdbd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #narrowdown li.narrowdown_box1 > ul li.number_14 span{background: -moz-linear-gradient(-45deg, #f9f2d4 0%, #e9d998 50%, #eabd09 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f9f2d4 0%,#e9d998 50%,#eabd09 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f9f2d4 0%,#e9d998 50%,#eabd09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2d4', endColorstr='#eabd09',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #narrowdown li.narrowdown_box1 > ul li.number_15 span{background:url("../images/color_mix.png") no-repeat; background-size:26px 26px;} #narrowdown li.narrowdown_box1 > ul li.number_1 a{border:1px solid #c8c8c8; background:#FFFFFF; width:24px; height:24px;} #narrowdown li.narrowdown_box1 > ul li.number_2 a{background:#2b2b2b;} #narrowdown li.narrowdown_box1 > ul li.number_3 a{background:#9e9e9e;} #narrowdown li.narrowdown_box1 > ul li.number_4 a{background:#763416;} #narrowdown li.narrowdown_box1 > ul li.number_5 a{background:#e5d9a7;} #narrowdown li.narrowdown_box1 > ul li.number_6 a{background:#1a9b42;} #narrowdown li.narrowdown_box1 > ul li.number_7 a{background:#005dec;} #narrowdown li.narrowdown_box1 > ul li.number_8 a{background:#64008b;} #narrowdown li.narrowdown_box1 > ul li.number_9 a{background:#f8ea00;} #narrowdown li.narrowdown_box1 > ul li.number_10 a{background:#f8afd9;} #narrowdown li.narrowdown_box1 > ul li.number_11 a{background:#df0010;} #narrowdown li.narrowdown_box1 > ul li.number_12 a{background:#ff9300;} #narrowdown li.narrowdown_box1 > ul li.number_13 a{background: -moz-linear-gradient(-45deg, #f1f7f7 0%, #e1e1e1 50%, #bdbdbd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, #f1f7f7 0%,#e1e1e1 50%,#bdbdbd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #f1f7f7 0%,#e1e1e1 50%,#bdbdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7f7', endColorstr='#bdbdbd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #narrowdown li.narrowdown_box1 > ul li.number_14 a{background: -moz-linear-gradient(-45deg, #f9f2d4 0%, #e9d998 50%, #eabd09 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f9f2d4 0%,#e9d998 50%,#eabd09 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f9f2d4 0%,#e9d998 50%,#eabd09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2d4', endColorstr='#eabd09',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #narrowdown li.narrowdown_box1 > ul li.number_15 a{background:url("../images/color_mix.png") no-repeat; background-size:26px 26px;} #narrowdown li .clear{text-align:right; padding:0px 0px 20px 0;} #narrowdown li .clear a{font-size:13px; text-decoration:none;} #narrowdown > li.narrowdown_box2 ul li{ margin:0px 0px 14px 0px; height:38px; display:block;} #narrowdown > li.narrowdown_box2 ul li div{display:block; width:186px; height:26px; line-height:26px; font-size:13px;} #narrowdown > li.narrowdown_box2 ul li div.select{ padding:5px; border: solid 1px #111111;} #narrowdown > li.narrowdown_box2 ul li div a{display:block; width:186px; padding:5px; height:26px; border: solid 1px #c4c4c4;} #narrowdown > li.narrowdown_box2 ul li div a:hover{text-decoration:none;} /* main - コンテナ内メインコンテンツ -------------------------------------------------------------*/ #main{float:right; width:750px; padding:5px 0 60px 0; } #main h2{display:block; padding:3px 10px 20px 0; color:#111; font-size: 24px;} #main p{margin:5px 10px; font-size:13px; line-height:150%;} #main p.cate_info{margin:5px 0; font-size:13px; line-height:150%;} #main table{width:720px; margin:10px; font-size:13px; border:1px solid #000; line-height:200%;} #main th{padding: 10px; border:1px solid #000; vertical-align:top; font-weight:normal; text-align:left;} #main th.title{width:160px; text-align:left;} #main th.address{width:55px;} #main td{padding:10px;border:1px solid #111; vertical-align:top;} #main td input{vertical-align:middle; padding:2px;} #main td input.reflect{border:1px #111 solid; background-color:#000; color:#FFF; padding:4px 5px;} #main table.side th{ text-align:center;} #main input.add_cart{padding: 28px 0; margin-right: 10px; width:170px; height:48px; background:url("../images/btn_cart.gif") no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; border: none;} #main .buttonarea{margin:10px; padding-top:20px; text-align:center;} #main .buttonarea submit{cursor:pointer;} #main .buttonarea .attention{color:#ff0202; font-size:90%;} #main .buttonareaFR{margin:0 0 0px; float:right;} #main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #main .hissu{color:#ff0202; font-weight:bold;} #main #breadcrumbs{margin-bottom:10px; font-size:80%;} #main .amazon_comment{color:#C00; font-weight:bold;} /* #main - フォーム類部品 -------------------------------------------------------------*/ #main input[type="text"]{border:solid 1px #111; box-shadow:none; max-width:400px; font-size:13px; line-height:1; padding:5px;} #main input[type="email"]{border:solid 1px #111; box-shadow:none; max-width:400px; font-size:13px; line-height:1; padding:5px;} #main input[type="password"]{border:solid 1px #111; box-shadow:none; max-width:400px; font-size:13px; line-height:1; padding:5px;} #main input[type="tel"]{border:solid 1px #111; box-shadow:none; max-width:400px; font-size:13px; line-height:1; padding:5px;} #main input[type="number"]{border:solid 1px #111; box-shadow:none; max-width:400px; font-size:13px; line-height:1; padding:5px;} #main textarea{border:solid 1px #ccc; box-shadow: none; font-size:13px; padding:5px; max-width:500px;} #main select{height:24px; font-size:14px;} /*#main input, #main textarea, #main select, #main button{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important;}*/ #main input, #main textarea, #main select, #main button{font-family:'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' !important;} /* #main.no-sidebar - サイドバーの無いメインコンテンツ -------------------------------------------------------------*/ #main.no-sidebar{float:none !important; width:980px !important; min-height:500px; margin:auto !important;} #main.no-sidebar table{width:960px !important;} #main.no-sidebar th:not(.cart){padding:10px!important; font-weight:bold; color:#111;} /* #main.no-sidebar th{padding:5px 5px !important;} */ #main.no-sidebar td{padding:10px !important;} #main.no-sidebar td.price{padding:10px !important; text-align:left;} #main.noside-login{float:none !important; width:980px !important; min-height:500px; margin:auto !important;} #main.noside-login .login_tbl{margin: 10px auto;} /* #main.cart - カートフロー中のメインコンテンツ -------------------------------------------------------------*/ #main.cart{float:none; width:980px; min-height:500px;} /* flexslider.cssの上書き分 -------------------------------------------------------------*/ .flexslider{margin: 0 0 60px; background: #fff; border: none; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);} .flex-direction-nav li a {top:50%!important;} .flex-direction-nav .flex-prev{left: 0px; background: url("../images/navibtn_prev.png") no-repeat left;} .flex-direction-nav .flex-next{right: 0px; text-align: right; background: url("../images/navibtn_next.png") no-repeat right;} .flex-direction-nav a:before{font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);} .flex-direction-nav a.flex-next:before{content: '';} /* 商品一覧用flexslider */ .flexslider2{margin: 0 0 20px; background: #fff; border: none; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);} .flexslider2 .flex-direction-nav .flex-prev{left: 0px; background: url("../images/itemnavi_prev.png") no-repeat left;} .flexslider2 .flex-direction-nav .flex-next{right: 0px; text-align: right; background: url("../images/itemnavi_next.png") no-repeat right;} .flexslider2 .flex-direction-nav a:before{font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);} .flexslider2:hover .flex-direction-nav .flex-next:hover {opacity: 1;} .flexslider2 .flex-direction-nav a.flex-next:before {content: '';} .flexslider2:hover .flex-direction-nav .flex-prev {opacity: 0.7; left: 10px;} .flexslider2:hover .flex-direction-nav .flex-prev:hover {opacity: 1;} .flexslider2:hover .flex-direction-nav .flex-next {opacity: 0.7; right: 10px;} .flexslider2:hover .flex-direction-nav .flex-next:hover {opacity: 1;} .flex-direction-nav a{width:32px!important; height:32px!important;} /*商品詳細*/ #itemDetail .flex-direction-nav li a{top:41%!important;} /* ================================================================= 4.ヘッダ 使用ファイル：common/header.xhtml =================================================================*/ /* smartphone - スマートフォン専用サイトへのリンク -------------------------------------------------------------*/ #smartphone a{display:block; width:980px; height:150px; margin:auto; background:url("../images/button_smartphone.png") no-repeat; text-indent:-9999px;} /* preview - プレビュー時に表示するエリア -------------------------------------------------------------*/ #preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-size:80%; text-align:center;} #preview table{width:800px; margin:auto;} #preview .ico{width:20%; padding-right:10px; text-align:right;} #preview .content{text-align:left;} /* header - ヘッダ -------------------------------------------------------------*/ #header{border-bottom:7px #000 solid; background:#FFFFFF; height:103px; position:relative;} #header{min-width:980px;} #header .inner{zoom:1; width:980px; margin:0 auto; height:47px;} #header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #header .official_ec{color:#888888; font-size:12px; letter-spacing:0.1em; margin-left:79px;} #header h1 a{display:block; float:left; width:250px; height:50px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:0 50px 0 0;} #header h2 a{display:block; float:left; width:15px; height:15px; overflow:hidden; margin-top:10px; background:url("../images/header_rss.gif") no-repeat; text-indent:-9999px;} #header h2 a:hover{background-position:0 -15px;} #header .member_menu{font-size:12px; text-align:right; padding:8px 0 9px 0; line-height:12px;} #header .member_menu .login_menu{margin:0 10px;} #header .member_menu li{ display:inline-block;} /* mddNav（ドロップダウンメニュー全体とナビボタン） ------------------------------------- */ #mddNav { z-index: 100; width: 100%; height: 53px;} #mddNav > ul { margin: 0 auto; /*width: 350px;*/ height: 45px; text-align: center; zoom:1;} #mddNav > ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #mddNav > ul > li {float:left; height: 53px; margin:0 40px 0 0;} #mddNav > ul > li a { cursor:pointer;} #mddNav > ul > li > a { display: block; height: 53px; font-weight: bold; text-align: center;} #mddNav > ul > li > a em{font-style:normal;} #mddNav #navbox > li:hover {border-bottom:5px solid #000000;} #mddNav #navbox li > a:hover{display:block; text-decoration:none;} #mddNav #navbox li:hover > a em{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #mddNav #navbox li.active {border-bottom:6px solid #000000;} #mddNav #navbox li.active a{display:block; text-decoration:none;} #mddNav #navbox li.active a em{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #mddNav > li.mens > a{width:42px;} #mddNav > li.womens > a{width:70px;} #mddNav > li.shoplist > a{width:81px;} #mddNav #navbox li.mensactive,#mddNav #navbox li.womensactive {border-bottom:6px solid #000000;} #mddNav #navbox li.mensactive a,#mddNav #navbox li.womensactive a{display:block; text-decoration:none;} #mddNav #navbox li.mensactive a em,#mddNav #navbox li.womensactive a em{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #mddNav > li.mensactive > a{width:42px;} #mddNav > li.womensactive > a{width:70px;} #mddNav .sub-menu a { font-size: 0.9em; padding-left: 20px; } /* mddWrap ------------------------------------- */ #mddNav .mddWrap {position: absolute; top: 105px; left: 0; z-index: 100; overflow: hidden; display: none; width: 100%; height: auto; text-align: center; background: #000000;} #mddNav .mddWrap .mddInner {margin: 0 auto; padding: 30px 0 30px;; width: 980px; line-height: 1.5em; text-align: left;} #mddNav .mddWrap .mddInner a{color:#FFFFFF;} #mddNav .mddWrap .mddInner h3{color:#FFFFFF; font-size:15px; margin:0 0 5px 0;} #mddNav .mddWrap .mddInner h3 a{display:block; margin:0 0 10px 0;} #mddNav .mddWrap .mddInner p{font-size:13px; margin:0 0 15px 0;} #mddNav .mddWrap .mddInner h4 a{ font-size:13px; margin:0 0 10px 0; display:block; font-weight:normal;} #mddNav .mddWrap .mddInner > .dropContent {display: block;} #mddNav .mddWrap .mddInner > .dropContent ul{zoom:1;} #mddNav .mddWrap .mddInner > .dropContent ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #mddNav .mddWrap .mddInner > .dropContent ul li{float:left; width:33.3%; margin:0 0 14px 0; padding:0;} #mddNav .mddWrap .mddInner > .dropContent ul li a{font-size:13px; line-height:1em; display:block;} #mddNav .mddWrap .mddInner > .dropContent ul li:hover{line-height:1em; vertical-align:baseline;} #mddNav .mddWrap .mddInner > .dropContent ul li a:hover{text-decoration: underline!important; margin:0; padding:0;} /* search - 商品検索窓 -------------------------------------------------------------*/ #search{float:right; width:266px; padding:15px 0 0 0;} #search h2{float:left; width:105px; height:20px; overflow:hidden; margin:10px 10px 0 0; background:url("../images/search_title.gif") no-repeat; text-indent:-9999px;} #search p{clear:both; padding:5px 0px; font-size:75%; text-align:right;} #search .search_box{padding: 0 20px 0px 0px; border-right:1px #000 solid; display: inline-block; float:left;} #search .search_box .search_form{border:none;} #search .form{width:150px; height:20px; margin:5px 10px 0 0; padding-left:1px; display:block; border:none; border-bottom:1px #000 solid; font-size:12px; color:#888888; float:left;} #search .jq-placeholder{width:150px; height:20px; margin:5px 10px 0 0; padding-left:1px; display:block; border:none; border-bottom:1px #000 solid; font-size:12px; color:#888888; float:left;} #search .button{display:block; float:left; margin:5px 0 0;} #search .icon{margin:5px 15px 0; float:left;} #search .icon .item_count{margin:0 0 0 10px; font-size:15px;} /* shiborikomi - 絞り込み検索 -------------------------------------------------------------*/ #shiborikomi{width:960px; margin:0 auto 10px; padding:5px 10px; background:#F1F1F1; font-size:80%;} #shiborikomi .select{padding:0 3px; background:#C00; color:#FFF; font-weight:bold;} #shiborikomi a{padding:0 3px; color:#666; font-weight:bold; text-decoration:none;} #shiborikomi a:hover{background:#CCC;} /* ================================================================= 5.サイドバー 使用ファイル：common/sidebar.xhtml =================================================================*/ /* login - ログイン枠 -------------------------------------------------------------*/ #login{zoom:1; width:190px; margin-bottom:10px; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #login:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #login h2{width:170px; height:25px; overflow:hidden; margin:0 10px; background:url("../images/login_title.gif") no-repeat; text-indent:-9999px;} #login label{display:block; float:left; width:50px; height:15px; padding:2px 5px 3px 0; font-size:80%; font-weight:bold; text-align:right;} #login .form{float:left; width:90px; margin:0 30px 6px 0;} #login .button{float:right; margin:0 30px 10px;} #login p{clear:both; margin:0 20px 2px; font-size:75%;} #login .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;} #login .point{color:#C00;} #login span{font-weight:bold;} /* cart - カートの中身確認・カートへ -------------------------------------------------------------*/ #cart{width:170px; padding:10px; margin-bottom:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #cart h2{width:100%; height:25px; overflow:hidden; text-indent:-9999px; background:url("../images/cart_title.gif") no-repeat;} #cart h3{display:block; float:left; clear:both; margin:0 0 5px 8px; font-size:75%; font-weight:normal;} #cart .box{zoom:1;} #cart .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cart .box p{display:block; float:right; margin-right:10px; margin-bottom:5px; color:#C00; font-size:75%; font-weight:bold; text-align:right;} #cart a{display:block; clear:both; width:150px; height:25px; margin:auto; background:url("../images/button_gocart.gif") no-repeat; text-indent:-9999px;} /* category - 商品カテゴリ -------------------------------------------------------------*/ #category{width:200px; margin-bottom:30px;} #category h2{display:block; width:100%; border-bottom:1px #DCDCDC solid; font-size:20px;} #category li{display:inline;} #category .select{color:#000; text-decoration:none;} /*-- #category li a{display:block; padding:15px 5px 15px 25px; border-left:#DCDCDC solid 1px; border-right:#DCDCDC solid 1px; border-bottom:#DCDCDC solid 1px; color:#333; font-size:90%; text-decoration:none;} --*/ #category li a:link{display:block; overflow:hidden;} #category li a:hover{color:#000; text-decoration:none;} #category ul.brand{margin:5px 0 0 0;} #category ul.brand li{margin:0; font-size:14px;} #category ul.brand li a{padding:10px 10px 0px 10px;} #category ul.brand li.all{background:url("../images/brand_coice.gif") 184px no-repeat; display:block;} #category ul.brand li.all a{color:#dc7848; /*color:#00baff;*/ padding:15px 10px 10px 10px;} #category ul.brand li:not(.all) a:hover{text-decoration:underline;} #category2{width:200px;} #category2 h2{display:block; width:100%; font-size:20px;} /*　サイドバーアコーディオン(11月30日追加) -------------------------------------------------------------*/ .accordion{display:block; width:200px; margin:0; background-color:#fff;} .accordion ul.categorylist{list-style:none; border-top:#DCDCDC solid 1px;} .accordion ul.categorylist > li{border-bottom:#DCDCDC solid 1px;} .accordion ul.categorylist li .listbox{border-top:#DCDCDC solid 1px;} .accordion .men_tops a.select,.accordion .men_outer a.select,.accordion .men_pants a.select,.accordion .men_allinone a.select,.accordion .men_suit a.select,.accordion .men_bag a.select,.accordion .men_shose a.select,.accordion .men_goods a.select,.accordion .men_accessory a.select,.accordion .men_underwear a.select,.accordion .men_legwear a.select,.accordion .men_hat a.select,.accordion .men_other a.select,.accordion .women_tops a.select,.accordion .women_outer a.select,.accordion .women_pants a.select,.accordion .women_allinone a.select,.accordion .women_suit a.select,.accordion .women_bag a.select,.accordion .women_shose a.select,.accordion .women_goods a.select,.accordion .women_accessory a.select,.accordion .women_underwear a.select,.accordion .women_legwear a.select,.accordion .women_hat a.select,.accordion .women_other a.select{text-decoration: underline;} .accordion .toggle{display:block; padding:5px 0; text-decoration:none; color:#333333; cursor:pointer;} .accordion .toggle{background:url("../images/accordion_close.gif") 180px no-repeat; padding:10px 20px 10px 10px; font-size:14px;} .accordion .toggle02{background:url("../images/accordion_open.gif") 180px no-repeat; padding:10px 20px 10px 10px;} .accordion ul.categorylist li .listbox ul{margin:0; font-size:small; overflow:hidden; padding:7px 0 0 0;} .accordion ul.categorylist li .listbox ul li.child_category a{line-height:20px; color:#111;} .accordion ul.categorylist li .listbox ul li.child_category a:after{display:none;} .accordion .cateorybox{margin:0 0 30px 0;} /*メンズセレクトクラス*/ li.men_tops .toggle,li.men_outer .toggle,li.men_pants .toggle,li.men_allinone .toggle,li.men_suit .toggle,li.men_bag .toggle,li.men_shose .toggle,li.men_goods .toggle,li.men_accessory .toggle,li.men_underwear .toggle,li.men_legwear .toggle,li.men_hat .toggle,li.men_hat .toggle{background:url("../images/accordion_open.gif") 180px no-repeat!important; padding:10px 20px 10px 10px;} li.men_tops div.listbox,li.men_outer div.listbox,li.men_pants div.listbox,li.men_allinone div.listbox,li.men_suit div.listbox,li.men_bag div.listbox,li.men_shose div.listbox,li.men_goods div.listbox,li.men_accessory div.listbox,li.men_underwear div.listbox,li.men_legwear div.listbox,li.men_hat div.listbox,li.men_hat div.listbox{display:block!important;} /*ウィメンズセレクトクラス*/ li.women_tops .toggle,li.women_outer .toggle,li.women_pants .toggle,li.women_allinone .toggle,li.women_skirt .toggle,li.women_onepiece .toggle,li.women_suit .toggle,li.women_bag .toggle,li.women_shose .toggle,li.women_goods .toggle,li.women_accessory .toggle,li.women_underwear .toggle,li.women_legwear .toggle,li.women_hat .toggle,li.women_swimwear .toggle,li.women_hat .toggle{background:url("../images/accordion_open.gif") 180px no-repeat!important; padding:10px 20px 10px 10px;} li.women_tops div.listbox,li.women_outer div.listbox,li.women_pants div.listbox,li.women_allinone div.listbox,li.women_skirt div.listbox,li.women_onepiece div.listbox,li.women_suit div.listbox,li.women_bag div.listbox,li.women_shose div.listbox,li.women_goods div.listbox,li.women_accessory div.listbox,li.women_underwear div.listbox,li.women_legwear div.listbox,li.women_hat div.listbox,li.women_swimwear div.listbox,li.women_hat div.listbox{display:block!important;} /*　ツリー式カテゴリメニュー(11月30日追加) -------------------------------------------------------------*/ .accordion ul.categorylist li .listbox {display:none;} .accordion ul.categorylist li .listbox a{display:flex; padding:5px 0;} .accordion ul.categorylist li .listbox a:hover{text-decoration:underline;} .accordion ul.categorylist li .listbox ul{margin:0; line-height:1.5; list-style:none;} .accordion ul.categorylist li .listbox ul li{padding:0; border-left:1px solid #DCDCDC; zoom:1;} .accordion ul.categorylist li .listbox ul li:before{margin-right:0.5em; border-bottom:1px solid #DCDCDC; float:left; width:0.3em; height:1em; overflow:hidden; content:"";} .accordion ul.categorylist li .listbox ul li:last-child{border:none; padding:0 0 20px 0;} .accordion ul.categorylist li .listbox ul li:last-child:before{border-left:1px solid #DCDCDC;} .accordion ul.categorylist li .listbox ul{margin-left:1.5em;} /* magazine - メールマガジン枠 -------------------------------------------------------------*/ #magazine{zoom:1; width:190px; margin-bottom:10px; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #magazine:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #magazine h2{width:170px; height:25px; overflow:hidden; margin:0 10px; background:url("../images/magazine_title.gif") no-repeat; text-indent:-9999px;} #magazine label{display:block; float:left; height:15px; padding:3px 5px 3px 0; font-size:12px;} #magazine .text{width:155px; height:15px; margin:0 15px;} #magazine .radio{float:left; margin:5px 2px 5px 10px;} #magazine .button{float:right; margin:5px 35px 0 0;} #magazine p{clear:both; margin:0 10px 2px; font-size:75%;} #magazine .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;} #magazine .free{margin:10px auto;} /* present - プレゼント枠 -------------------------------------------------------------*/ #present{width:170px; margin-bottom:10px; padding:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #present h2{width:100%; height:25px; overflow:hidden; background:url("../images/present_title.gif") no-repeat; text-indent:-9999px;} #present h3{display:block; padding:0 10px 0 18px; background:url("../images/marker.gif") 2px 5px no-repeat; font-size:75%;} #present .period{margin:0 5px 10px 18px; font-size:75%;} #present .all{margin:10px 10px 2px; font-size:75%;} /* calendar - カレンダー -------------------------------------------------------------*/ #calendar{zoom:1; width:190px; margin-bottom:10px; padding:10px 0 5px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #calendar h2{width:170px; height:20px; overflow:hidden; margin:0 10px; background:url("../images/calendar_title.gif") no-repeat; text-indent:-9999px;} #calendar p{margin:0 10px; font-size:80%;} #calendar span.day_color1{color:#FF7F7E;} #SIDE_CALENDAR{width:180px; overflow:hidden; margin:0 5px; font-size:9px;} .ui-widget-content{border:1px solid #FFF;} .ui-datepicker-title{font-size:12px;} .ui-widget-header{width:178px; border-top:none; border-left:none; border-right:none; border-bottom:solid 1px #CCC; border-radius:0; background:none;} .ui-datepicker table{width:178px;} .ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; padding:1px; border:none;} .ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important;} .ui-datepicker th div,.ui-datepicker td div{padding:1px; border:none !important;} .ui-datepicker-week-end{color:#C00;} .ui-datepicker .day_color1 .ui-state-default{background-image:none; background-color:#FF7F7E; color:#C00;} .ui-datepicker .day_color2 .ui-state-default{background-image:none; background-color:#D7FFED;} .ui-datepicker .day_color3 .ui-state-default{background-image:none; background-color:#DDF;} .ui-datepicker .day_color4 .ui-state-default{background-image:none; background-color:#FFD;} .ui-datepicker .day_color5 .ui-state-default{background-image:none; background-color:#E7FFFF;} .ui-datepicker .day_color6 .ui-state-default{background-image:none; background-color:#F0D6FF;} /* coupon - クーポン -------------------------------------------------------------*/ #coupon{width:170px; margin-bottom:10px; padding:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #coupon h2{width:100%; height:25px; overflow:hidden; background:url("../images/coupon_title.gif") no-repeat; text-indent:-9999px;} /* ================================================================= 6.extファイル用 使用ファイル：ext/company.html 　　　　　　　ext/tokushou.html 　　　　　　　ext/guide.html =================================================================*/ #ext th{text-align:left;} #ext ul{padding-bottom:10px;} #ext #sitemap ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ext #sitemap li{width:170px; float:left; list-style-type: none; margin: 5px 30px;} /* 利用規約 -------------------------------------------------------------*/ #store_term{ padding:0 10px;} #store_term > div{margin:0 0 20px 0;} #store_term div.box{margin:20px 0;} #store_term p{white-space:pre-wrap; word-wrap:break-word; font-size:13px;} #store_term h4{padding:0 0 5px 0;} /* faq -------------------------------------------------------------*/ #store_term #accordion_faq{padding:20px 0 0 0;} #store_term #accordion_faq h4{margin:20px 0 5px; border-bottom:1px solid #ccc;} #store_term #accordion_faq h4:first-child{margin:0 0 5px 0;} #store_term #accordion_faq dt.change {padding:10px 0; font-size:14px!important; line-height:1.5; font-weight:bold; cursor:pointer;} #store_term #accordion_faq dt.change span{width:5%; padding:0 10px 0 0; font-weight:bold; color:#aaa; vertical-align:top;} #store_term #accordion_faq dt.change p{display:inline-block; width:95%; padding-bottom:5px; font-size:14px;} #store_term #accordion_faq dd.a{display:none; padding:0 0 0px 20px; margin:0 0 20px 0; zoom:1; line-height:24px;} #store_term #accordion_faq dd.a:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #store_term #accordion_faq dd.a span{width:20px; float:left; font-weight:bold; color:#217fbe; vertical-align:top;} #store_term #accordion_faq dd.a p{display:inline-block; width:920px; float:left; padding-bottom:5px; font-size:13px;} #wrap.shop #fix_page_wrap_inner{border:none;} #wrap.shop #fix_page_inner{width:956px; border-top:1px solid #cecece;} /* ================================================================= 総合トップページ 使用ファイル：top.xhtml =================================================================*/ #toppage{background: url("../images/top_body.jpg") repeat left top;} #toppage #container{width:100%; min-width:980px; padding:0;} #toppage #topmainvisual{width:100%; zoom:1;} #toppage #topmainvisual:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #toppage #topmainvisual #men,#topmainvisual #women{width:50%; float:left; position:relative;} #toppage #topmainvisual #men img,#topmainvisual #women img{width:100%;} #toppage .flex-direction-nav{display:none!important;} #toppage .flex-control-nav.flex-control-paging{display:none!important;} #toppage #topmainvisual #men p,#topmainvisual #women p{display:none; width:100%;} #toppage #topmainvisual #men:hover p,#topmainvisual #women:hover p{display:block; width:100%; height:100%; background-color: rgba(0,0,0,0.7); position: absolute; z-index:10;} #toppage #topmainvisual #men:hover p a,#topmainvisual #women:hover p a{display:block; width:100%; height:100%; font-size:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; position:absolute;} #toppage #topmainvisual #men p a,#toppage #topmainvisual #women p a{text-align:center; display:block; width:100%; height:100%; position:absolute;} #toppage #topmainvisual #men p a em,#toppage #topmainvisual #women p a em{font-style:normal; top: 50%; text-align:center; position:relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} /*IE9*/ #toppage #topmainvisual #men p a em{margin:0 0 0 10px\9;} #toppage #topmainvisual #women p a em{margin:0 0 0 65px\9;} /*IE10,11*/ @media all and (-ms-high-contrast:none){ #toppage #topmainvisual #men p a em{margin:0 0 0 10px;} #toppage #topmainvisual #women p a em{margin:0 0 0 65px;} } #toppage #top_feature{width:980px; margin:0 auto; padding:0 0 142px 0; zoom:1;} #toppage #top_feature:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #toppage #top_feature .men_feature{width:486px; float:left; zoom:1;} #toppage #top_feature .women_feature{width:486px; float:right; zoom:1;} #toppage #top_feature .men_feature:after,#toppage #top_feature .women_feature:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #toppage #top_feature .men_feature .feature li,#toppage #top_feature .women_feature .feature li{margin:0 8px 0 0; float:left;} #toppage #top_feature .men_feature .feature li a:hover,#toppage #top_feature .women_feature .feature li a:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #toppage #top_feature .men_feature .feature li img,#toppage #top_feature .women_feature .feature li img{width:239px!important; margin:0!important;} #toppage #top_feature .men_feature .feature li:nth-child(even),#toppage #top_feature .women_feature .feature li:nth-child(even){margin:0;} #toppage #backtotop{display:none!important;} /* ================================================================= 7.トップページ 使用ファイル：item_list$**top.xhtml =================================================================*/ /* mainvisual - メインビジュアル -------------------------------------------------------------*/ #mainvisual img{display:block;} /* topics - トピックス -------------------------------------------------------------*/ #topics{margin-bottom:30px; width:100%; border-bottom:#dcdcdc solid 1px; zoom:1;} #topics:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics .box{zoom:1; padding:0 0 20px 0;} #topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics h3{display:block; float:left; width:90px; font-size:85%; font-weight:normal; color:#888888;} #topics .inner{display:block; float:right; width:640px; padding:0px 10px 5px; font-weight:normal;} #topics .inner p{margin:5px 0;} #topics p img{display:block; float:right; margin:0 0 10px 5px;} #topics .rss{display:block; float:right; width:15px; height:15px; overflow:hidden; margin:5px 5px 0 0; background:url("../images/header_rss.gif") 0 0 no-repeat; text-indent:-9999px;} #topics .rss:hover{background:url("../images/header_rss.gif") 0 -15px no-repeat;} #topics .img_box{width:120px; height:120px; margin:5px 0 10px 10px; float:right;} #topics .img_box img{max-width:120px; max-height:120px;} #topics .info_message{font-size:85%; display:block; width:660px; float:left;} #topics .topics_list{margin:0px 0 30px 0; float: right;} #topics .topics_listbox{border:1px #000 solid; font-size:90%; float:right;} #topics .topics_listbox:hover{ background-color:#E5E5E5;} #topics .topics_listbox p.link a{ text-decoration:none;} #topics .topics_listbox p.link a:hover{color:#000;} /* 新着商品、SALE、再入荷アイコン(new,recommend共通) -------------------------------------------------------------*/ /*#main .icon_area{margin:0; padding:0 0 0 2px; bottom:25px; position:relative; float:left;} #main .icon_new{margin:0; padding:0 0 0 2px;} #main .icon_sale{margin:0; padding:0 0 0 2px;} #main .icon_rearrival{margin:0; padding:0 0 0 2px;} #main .icon_reserve{margin:0; padding:0 0 0 2px;} #main .so_area{margin:0; padding:0; bottom:145px; position:relative; float:left;} #main .sold_out{margin:0; padding:0;}*/ #itemListDetail .img_box img{width:auto; max-width:232px; max-height:278px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #itemListDetail .img_box img.list_icon{max-width:38px; max-height:14px; display:block; position:relative; top:285px; right:0; bottom:0; left:0; margin:auto;} /* new - 新着商品 -------------------------------------------------------------*/ #new{margin-bottom:30px; padding-bottom:10px; width:100%; clear:both; border-bottom:#DCDCDC solid 1px;} #new ul{margin-top:10px; zoom:1;} #new ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new ul li.box{width:170px!important; margin:0 25px 0 0;} #new ul li.box .img_box{position:relative;} #new ul li.box .so_area{position:absolute; line-height:30px; height:30px; display:block; text-align:center; font-size:12px; width:100%; color:#FFFFFF; top:50%; background:rgba(0,0,0,0.5); margin:-15px 0 0 0; z-index:1;} #new .brand_name{margin:0; color:#333333; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #new .text{width:170px; /*margin:10px 0 0 0;*/ clear:left;} #new .appeal{color:#F60; font-size:70%;} #new h3{margin:0px 0px 5px; font-size:12px; font-weight:normal; line-height:140%; color:#888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #new h3 a{color:#888888 ;} #new .price{margin:0px 0px; font-weight:bold; font-size:14px; color:#111111;} #new .kakaku_off{color:#111111; font-size:12px; font-weight:normal; text-decoration:line-through;} #new .sale_value_big{padding:0 0 0 5px; color:#FF0202; font-size:13px; font-weight:normal;} #new .sale_value{padding:0; margin:0; color:#FF0202; font-size:10px; font-weight:normal;} #new .box .img_box .icon_area{position:absolute; bottom:4px; left:4px; width:100%; z-index:1;} #new .box .product_img:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} /* recommend - おすすめ商品 -------------------------------------------------------------*/ #recommend{margin-bottom:30px; padding-bottom:10px; width:100%; clear:both; border-bottom:#DCDCDC solid 1px;} #recommend ul{margin-top:10px; zoom:1;} #recommend ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #recommend ul li.box{width:170px!important; margin:0 25px 0 0;} #recommend ul li.box .img_box{position:relative;} #recommend ul li.box .so_area{position:absolute; line-height:30px; height:30px; display:block; text-align:center; width:100%; color:#FFFFFF; top:50%; background:rgba(0,0,0,0.5); margin:-15px 0 0 0; z-index:1;} #recommend .brand_name{margin:0; color:#333333; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #recommend .text{width:170px; /*margin:10px 0 0 0;*/ clear:left;} #recommend .appeal{color:#F60; font-size:70%;} #recommend h3{margin:0px 0px 5px; font-size:12px; font-weight:normal; line-height:140%; color:#888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #recommend h3 a{color:#888888 ;} #recommend .price{margin:0px 0px; font-weight:bold; font-size:14px; color:#111111;} #recommend .kakaku_off{color:#111111; font-size:12px; font-weight:normal; text-decoration:line-through;} #recommend .sale_value_big{padding:0 0 0 5px; color:#FF0202; font-size:13px; font-weight:normal;} #recommend .sale_value{padding:0; margin:0; color:#FF0202; font-size:10px; font-weight:normal;} #recommend .box .img_box .icon_area{position:absolute; bottom:4px; left:4px; width:100%; z-index:1;} #recommend .box .product_img:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} /* ranking - 人気商品ランキング -------------------------------------------------------------*/ #ranking{margin-bottom:30px; width:100%; clear:both; border-bottom:#DCDCDC solid 1px;} #ranking ul{margin-top:10px; zoom:1;} #ranking ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ranking ul li.box{float:left; width:96px; margin:0 13px 40px 0;} #ranking ul li.box:last-child{ margin:0;} #ranking ul li#ranking_no1,#ranking ul li#ranking_no2{width:232px!important; margin:0 27px 0 0; min-height:384px;} #ranking ul li#ranking_no3{width:232px!important; margin:0!important; min-height:384px;} #ranking .box .img_box{position:relative; line-height:0;} #ranking .box .img_box a:hover img{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #ranking .box .img_box img{width:100%; display:block; position:static; top:0; right:0; bottom:0; left:0; margin:auto;} #ranking .box .img_box .rank_num{z-index:10; border-style: solid; border-width: 28px 24px 0 0; border-color: #111111 transparent transparent transparent; position:absolute; top:0; left:0; color:#FFFFFF; display:block; text-align:center; width:0;} #ranking #ranking_no1 .rank_num,#ranking #ranking_no2 .rank_num,#ranking #ranking_no3 .rank_num{z-index:10; border-style: solid; border-width: 42px 34px 0 0; border-color: #111111 transparent transparent transparent; position:absolute; top:0; left:0; color:#FFFFFF; display:block; text-align:center; width:0;} #ranking .rank_num h3{ font-size:11px; margin:-18px auto 0; width:14px;} #ranking #ranking_no1 .rank_num h3,#ranking #ranking_no2 .rank_num h3,#ranking #ranking_no3 .rank_num h3{ font-size:15px; margin:-26px auto 0; width:18px;} #ranking #ranking_no1 .rank_num{ border-color: #d9a302 transparent transparent transparent!important;} #ranking #ranking_no2 .rank_num{ border-color: #aeaeae transparent transparent transparent!important;} #ranking #ranking_no3 .rank_num{ border-color: #a45603 transparent transparent transparent!important;} #ranking ul li.box .text{padding:8px 0 0 0;} #ranking ul li.box .text .brand_name{margin:0; color:#333333; font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #ranking #ranking_no1 .text .brand_name,#ranking #ranking_no2 .text .brand_name,#ranking #ranking_no3 .text .brand_name{font-size:14px!important;} #ranking ul li.box .text h4{margin:2px 0px; color:#888888; font-size:11px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #ranking ul li.box .text h4 a{color:#888888 ;} #ranking_no1 .text h4,#ranking #ranking_no2 .text h4,#ranking #ranking_no3 .text h4{font-size:13px!important;} #ranking ul li.box .text .price{margin:0px 0px; font-weight:bold; font-size:11px; color:#111111;} #ranking #ranking_no1 .text .price,#ranking #ranking_no2 .text .price,#ranking #ranking_no3 .text .price{ font-size:14px!important;} #ranking ul li.box .text .kakaku_off{color:#111111; font-size:10px; font-weight:normal; text-decoration:line-through;} #ranking #ranking_no1 .text .kakaku_off,#ranking #ranking_no2 .text .kakaku_off,#ranking #ranking_no3 .text .kakaku_off{ font-size:12px!important;} #ranking ul li.box .text .sale_value_big{color:#FF0202; font-size:10px; font-weight:normal;} #ranking #ranking_no1 .text .sale_value_big,#ranking #ranking_no2 .text .sale_value_big,#ranking #ranking_no3 .text .sale_value_big{font-size:13px!important;} #ranking ul li.box .text .sale_value{padding:0; color:#FF0202; font-size:8px; font-weight:normal;} #ranking ul li.box .text .sale_value{font-size:10px!important;} /*FEATURE用ページ 使用ファイル：common/feature.xhtml -------------------------------------------------------------*/ #sex_top .feature{margin-bottom:30px; width:100%; clear:both;} #sex_top .feature li{display:inline-block; margin:0 18px 18px 0;} #sex_top .feature li:nth-child(4n){margin:0 0 18px 0;} #sex_top .feature img{width:169px;} #sex_top .feature li a:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} /* itemAccessLog - 閲覧履歴 -------------------------------------------------------------*/ #itemAccessLog{clear:both;} #itemAccessLog .box{width:110px; zoom:1; margin: 10px 0 60px 0; float:left;} #itemAccessLog .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemAccessLog .box2{width:110px; zoom:1; margin: 10px 14px 60px 0; float:left;} #itemAccessLog .box2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemAccessLog .box2:nth-last-child(1){margin-right:0;} #itemAccessLog .text{margin-left:10px;} #itemAccessLog h3{display:block; margin:10px 10px 0 0; font-size:95%;} #itemAccessLog .link{float:right;} #itemAccessLog .appeal{display:block; margin:0; color:#F60; font-size:70%;} #itemAccessLog .price{display:block; margin:0; color:#C00;} #itemAccessLog .price .teika{font-weight:bold; font-size:110%;} #itemAccessLog .price .other{font-size:90%;} #itemAccessLog .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;} #itemAccessLog .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;} #itemAccessLog .property{display:inline; margin:0; color:#AAA; font-size:75%;} #itemAccessLog .img_box{width: 105px; height: 126px;} #itemAccessLog .img_box img{max-width:105px; max-height:126px;} /* ================================================================= 8.カートの中身～注文完了まで、プレゼント応募～完了まで 使用ファイル：cart_index.xhtml, cart_login.xhtml 　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml 　　　　　　　cart_pre.xhtml, cart_result.xhtml 　　　　　　　present_login.xhtml, present_input.xhtml 　　　　　　　present_confirm.xhtml, present_result.xhtml =================================================================*/ /* cartSidebar - カートフロー内サイドバー -------------------------------------------------------------*/ #cartSidebar{width:210px; float:right;} #cartSidebar #sideInner{width:210px;} #cartSidebar .total_box{border:#000 1px solid; padding:10px; background:#FFF;} #cartSidebar .total_box .box{border:none; zoom:1; margin-bottom:10px;} #cartSidebar .total_box .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartSidebar .total_box h3{margin:0; background:none; padding:0px; border:0px; font-size:14px; float:left;} #cartSidebar .total_box p.price{font-size:16px; float:right; margin:0px; font-weight:bold;} #cartSidebar .total_box img{margin:0px auto 10px; display:block;} #cartSidebar .total_box .totalpricebox{ zoom:1; margin-bottom:10px; padding-top:10px; border-top:1px #CCCCCC solid;} #cartSidebar .total_box .totalpricebox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartSidebar .total_box .teiki_text{margin:0; font-size:12px;} #cartSidebar .cartButtonArea a{display:block; margin:0 auto 10px; width:150px; text-decoration:none;} #cartSidebar .cartButtonArea img{display:block;} #cartSidebar .cartButtonArea input{display:block; margin:0 auto 10px;} #cartSidebar .tax{font-size:9px; color:#666;} /* cartIndex - カートの中身 -------------------------------------------------------------*/ #cartIndex{width:980px; padding-bottom:20px; zoom:1; margin:0 auto;} #cartIndex .content{width:750px; float:left; margin-right:20px;} #cartIndex:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartIndex table{width:750px; margin:0px 0 10px;} #cartIndex table th.itemname{width:500px;} #cartIndex .img_box{width:80px; height:80px; text-align:center; position:relative; float:left;} #cartIndex .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #cartIndex .text_box{padding-left:90px;} #cartIndex .text_box p{margin:0 0 10px; font-size:100%;} #cartIndex .text_box p.code{font-size:80%;} #cartIndex .text_box p.last{margin-bottom:0px;} #cartIndex .empty{margin:20px 0;} #cartIndex .price{color:#C00; text-align:right;} #cartIndex .tax{font-size:9px; color:#666;} #cartIndex .amount{text-align:center;} #cartIndex .delete{width:30px; font-size:11px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center; display:block;} #cartIndex .delete:hover{background-color:#E5E5E5; color:#000;} #cartIndex .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#000 1px solid; float:left; width:750px;} #cartIndex .total p{margin:0px; font-size:90%;} #cartIndex h3{margin-bottom:15px; padding:1px 10px; border-bottom:1px solid #000; font-size:100%;} #cartIndex .box{border:1px solid #000; margin-bottom:30px; clear:both;} #cartIndex .box .buttonarea.amazon_btn{margin:10px; padding:10px 0 0; text-align:center;} /* cartLogin - カート・プレゼントログイン -------------------------------------------------------------*/ #cartLogin{zoom:1;} #cartLogin:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartLogin table{margin:0 auto 20px auto; width:428px;} #cartLogin h3{margin-top:10px; margin-bottom:15px; padding:1px 10px; border:none; font-size:1.1rem;} #cartLogin .box{border:1px solid #000; width:468px; float:left; margin:0 10px 30px; position:relative; /*padding-bottom:70px;*/} #cartLogin .box .buttonarea{width:100%; margin:20px 0; padding:0;} #cartLogin .box table{margin:10px; width:446px;} #cartLogin .box .link_text{text-align:right; padding:15px 0 10px;} #cartLogin .box .regist_non_area{width:442px; margin:0 auto;} #cartLogin .box .regist_non_area p{margin:0 0 10px;} #cartLogin .box .amazon_area{width:442px; margin:0 auto;} #cartLogin .box .amazon_area p{margin:10px 0;} #cartLogin .widebox{border:1px solid #000; width:960px; margin:0 10px 30px; clear:both;} #cartLogin .widebox .link{text-align:right;} #cartLogin .widebox table{width:920px;} #cartLogin input[type='text'],#cartLogin input[type='password']{width:200px; box-shadow:none;} /* cartFlow - カート・プレゼント注文情報入力～注文完了まで -------------------------------------------------------------*/ #cartFlow{width:980px; padding-bottom:20px; zoom:1; margin:0 auto;} #cartFlow:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartFlow .content{width:750px; float:left; margin-right:20px;} #cartFlow a.button{display:inline-block; height:30px;} #cartFlow td input{vertical-align:baseline;} #cartFlow table.newCreditCard{width:547px; font-size:100%; margin:10px auto;} #cartFlow th{padding: 10px; border:1px solid #000; background:#FFF; vertical-align:top; font-weight:bold; text-align:left;} #cartFlow .point_info{margin-bottom:20px;} #cartFlow .teiki ul{zoom:1; margin:5px 10px;} #cartFlow .teiki ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartFlow .teiki ul li{float:left; font-size:13px; margin-right:1em;} #cartFlow table{width:750px; margin:0px 0 20px;} #cartFlow table.change_data{margin-top:-21px;} #cartFlow table.member_regist{margin-top:-21px;} #cartFlow table td.short input{max-width:120px;} #cartFlow .text_box{padding-left:90px;} #cartFlow .text_box p{margin:0 0 10px; font-size:100%;} #cartFlow .text_box p.code{font-size:80%;} #cartFlow .text_box p.last{margin-bottom:0px;} #cartFlow h3{margin-bottom:15px; padding:1px 0px 4px 0px; border-bottom:1px solid #000; background:url("../images/border_dot.gif") repeat-x bottom; font-size:100%; margin-top:30px;} #cartFlow h3 img{vertical-align:middle;} #cartFlow .price{color:#111111; text-align:right;} #cartFlow .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#000 1px solid; width:700px;} #cartFlow .total p{margin:0px; font-size:90%;} #cartFlow .point{color:#F60; font-weight:bold;} #cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;} #cartFlow .multi_send .buttonarea{background:#EEE; margin:0px 0 20px; padding:30px 0;} #cartFlow .multi_send table.delivery{margin-top:-21px;} #cartFlow .multi_send .sendAddressButton a{float:right;} #cartFlow #reCAPTCHA{margin:20px auto 40px auto;} #cartFlow #reCAPTCHA iframe{width:158px; height:138px;} #cartFlow #reCAPTCHA .g-recaptcha{display:block; -webkit-transform:scale(1.19); -ms-transform:scale(1.19); transform:scale(1.19); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;} #cartFlow .cartitem{margin-top:20px; width:188px; padding:10px; border:#000 1px solid;} #cartFlow .cartitem h3{margin:0 0 10px; padding:0px; border:none; background:none;} #cartFlow .cartitem li{margin-bottom:10px; padding-bottom:0px; border-bottom:1px solid #DCDCDC;} #cartFlow .cartitem .img_box{ width: 25px; height: 25px; float:left; margin-right:5px; text-align:center; position:relative;} #cartFlow .cartitem .img_box img{width:auto; max-width:25px; max-height:25px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #cartFlow .cartitem .text_box{padding-left:0px; zoom:1; margin-bottom:5px;} #cartFlow .cartitem .text_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartFlow .cartitem .text_box p{margin:0px; font-size:70%; line-height:130%;} #cartFlow .cartitem p.price{font-size:70%; margin:0px; float:left;} #cartFlow .cartitem p.amount{font-size:70%; margin:0px; float:right;} #cartFlow .cartresult table{width:920px; margin:0 auto 20px;} #cartFlow .cartresult .total{width:920px; margin:0 10px 30px;} #cartFlow .cartconfirm table{width:920px; margin:0 auto 20px;} #cartFlow .cartconfirm .total{width:920px; margin:0 10px 30px;} #cartFlow .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center; font-size:80%;} /* クーポンラジオボタン制御に仕様 */ .couponHide{display:none;} /* cartResult - カート完了画面 -------------------------------------------------------------*/ #cartResult .number{margin:30px 0px; text-align:center; line-height:200%;} #cartResult .number strong{ font-size:20px;} /* cartRecommend - カートおすすめ -------------------------------------------------------------*/ #cartRecommend{margin-top:20px; width:188px; padding:10px; border:#000 1px solid; } #cartRecommend .box{zoom:1; margin:0px 0 20px; border:0px;} #cartRecommend .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #cartRecommend .text{margin-left:90px; min-height:80px;} #cartRecommend h3{margin-bottom:10px; height:auto; background:none; padding:0px; border-bottom:none;} #cartRecommend h3 a{float:right;} #cartRecommend h4{display:block; margin:0px 0px 10px; background:none; padding:0px; font-size:70%; border-bottom:none;} #cartRecommend .appeal{display:block; margin:0; color:#F60; font-size:70%;} #cartRecommend .price{display:block; margin:0; color:#111111;} #cartRecommend .price .teika{font-weight:bold; font-size:100%;} #cartRecommend .price .other{font-size:90%;} #cartRecommend .explanation1{display:block; margin:5px 0px 0 0; padding:10px 0; border-top:#DCDCDC 1px solid; font-size:80%; line-height:120%;} #cartRecommend .button{display:block; margin:0px; padding-top:10px;} #cartRecommend .property{ margin:0 0 10px; color:#AAA; font-size:75%;} #cartRecommend .button input{margin:0 auto; display:block;} #cartRecommend .button img{margin:0 auto; display:block;} #cartRecommend .img_box{width:80px; height:80px; text-align:center; position:relative; float:left;} #cartRecommend .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} /* presentFlow - カート・プレゼント注文情報入力～注文完了まで -------------------------------------------------------------*/ #presentFlow #cartLogin table{width:420px !important;} /*デザイン変更ボタン(2016/12/8 追加) -------------------------------------------------------------*/ /*ポジティブボタン（大・小）*/ input.next_big{width:250px; line-height:38px; font-size:15px; background-color:#000; color:#FFF; border:none; text-decoration:none; text-align:center;} input.next_big:hover{background-color:#616161; color:#FFF;} input.next_small{width:150px; line-height:38px; font-size:15px; background-color:#000; color:#FFF; border:none; text-decoration:none; text-align:center;} input.next_small:hover{background-color:#616161; color:#FFF;} input.cart_small{width:120px; height:24px; font-size:12px; background-color:#000; color:#FFF; border:none; text-decoration:none; text-align:center;} input.cart_small:hover{background-color:#616161; color:#FFF;} .buttonarea input.next_card{width: 250px; height: 30px; padding: 4px 0; font-size: 15px; background-color: #000; color: #FFF; border: none; text-decoration: none; text-align: center;} .buttonarea input.next_nyuryoku{width: 150px; line-height:38px; font-size: 15px; background-color: #000; color: #FFF; border: none; text-decoration: none; text-align: center;} .buttonarea input.tyumon,.buttonarea input.login_btn{width: 150px; line-height:38px; font-size: 15px; background-color: #000; color: #FFF; border: none; text-decoration: none; text-align: center;} a.next_big{width: 250px; margin: 0 0 20px 0; line-height:36px; font-size: 15px; background-color: #111; color: #FFF; border: none; text-decoration: none; text-align: center; display:block;} a.next_big:hover{background-color: #616161; color: #FFF;} a.next_small{background-color:#000; line-height:38px; font-size:15px; color:#FFF; text-decoration:none; text-align:center;} a.next_small:hover{background-color:#616161; color:#FFF;} a.cart_small{width:112px; margin:auto; padding:4px; font-size:12px; background-color:#000; color:#FFF; border:none; text-decoration:none; text-align:center; display:block;} a.cart_small:hover{background-color:#616161; color:#FFF;} .buttonarea a.next_big{width:250px; font-size:15px; line-height:36px; background-color:#000; color:#FFF; text-decoration:none; text-align:center;} .buttonarea a.next_big:hover{background-color:#616161; color:#FFF;} .buttonarea a.next_amazon{width:380px; line-height:38px; font-size:15px; padding:0px 10px; background-color:#000; color:#FFF; text-decoration:none; text-align:center;} /*ネガティブボタン*/ input.back_small2{width:148px; cursor:pointer; line-height:36px; font-size:15px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center;} input.back_small2:hover{background-color:#E5E5E5; color:#000;} #cartSidebar a.back_small{width:148px; line-height:36px; font-size:15px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center;} #cartSidebar a.back_small:hover{background-color:#E5E5E5; color:#000;} .button a.add_delete{width:40px; font-size:12px; padding:1px 0; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center; display:inline-block;} .buttonarea a{margin:0 auto 10px; width:150px; text-decoration:none; display: inline-block;} .buttonarea .back_small{width:148px; line-height:36px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center;} .buttonarea a.back_small:hover{background-color:#E5E5E5; color:#000;} a.back_small:hover{background-color:#E5E5E5; color:#000;} a.back_big{width: 250px; margin: 0 0 20px 0; line-height:36px; font-size: 15px; background-color: #FFF; color: #111; border:1px #000 solid; text-decoration: none; text-align: center; display:block;} a.back_big:hover{background-color:#E5E5E5; color:#000;} /*押せないボタン*/ .not_push{width:118px; margin:0 auto; padding:2px 0; font-size:12px; background-color:#FFF; color:#888888; border:1px #888888 solid; text-decoration:none; text-align:center;} .not_push2{ margin:0; display:inline-block;} /*ログインボタン*/ input.login_button{width:250px; height:32px; padding:4px 0; font-size:15px; background-color:#000; color:#FFF; border:none; text-decoration:none; text-align:center;} input.login_button:hover{background-color:#616161; color:#FFF;} .buttonarea input.login_btn_big{width: 170px; padding: 10px 0; font-size: 15px; line-height:1; background-color: #000; color: #FFF; border: none; text-decoration: none; text-align: center;} a.login_button{width:250px; font-size:15px; padding:9px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center;} a.login_button:hover{background-color:#616161; color:#FFF;} a.nologin_button{width:250px; font-size:15px; padding:8px 0; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center;} a.nologin_button:hover{background-color:#E5E5E5; color:#000;} /*削除ボタン*/ input.back_small{width:75px; font-size:15px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center;} input.back_small:hover{background-color:#E5E5E5; color:#000;} input.delete_order{width: 119px; height: 24px; padding: 0 3px; font-size: 12px; background-color: #FFF; border: 1px #000 solid; text-decoration: none; text-align: center;} /* input.delete_order{width: 103px; height: 20px; margin-left: 2px; padding: 0 3px; font-size: 12px; background-color: #FFF; border: 1px #000 solid; text-decoration: none; text-align: center;} */ input.delete_order:hover{background-color:#E5E5E5; color:#000;} /* ================================================================= カート精算ページで使用 =================================================================*/ /*ご依頼主情報をコピー、アドレス帳から選択ボタン*/ .sendCopyButton{margin-bottom:10px;} a.copy{width:170px; font-size:15px; padding:4px 0; margin-right:10px; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display: block; float:left;} a.copy:hover{background-color:#616161; color:#FFF;} a.address_choice{width:180px; font-size:15px; padding:4px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display:inline-block;} a.address_choice:hover{background-color:#616161; color:#FFF;} /*このお届け先を削除する、変更ボタン*/ a.send_delete{width:170px; font-size:15px; padding:4px 0; margin-right:10px; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center; display: block; float:left;} a.send_delete:hover{background-color:#E5E5E5; color:#000;} a.send_change{width:170px; font-size:15px; padding:4px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display:inline-block;} a.send_change:hover{background-color:#616161; color:#FFF;} /* ================================================================= アドレス帳ページで使用 =================================================================*/ #addressList a.add_change{width:40px; font-size:12px; padding:2px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display:inline-block;} #addressList a.add_change:hover{background-color:#616161; color:#FFF;} #addressList a.deliver{width:150px; font-size:12px; padding:2px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display:inline-block;} #addressList a.deliver:hover{background-color:#616161; color:#FFF;} #addressList a.add_delete{width:40px; font-size:12px; padding:1px 0; background-color:#FFF; border:1px #000 solid; text-decoration:none; text-align:center; display:inline-block;} #addressList a.add_delete:hover{background-color:#E5E5E5; color:#000;} #addressList input.back_small{width:148px!important; line-height:36px!important;} /* ================================================================= 購入履歴ページで使用 =================================================================*/ .not_push2{width:148px; margin:0 auto; font-size:12px; padding:1px 0; background-color:#FFF; color:#888888; border:1px #888888 solid; text-decoration:none; text-align:center;} .not_push3{width:73px; margin:0 auto; font-size:12px; padding:1px 0; background-color:#FFF; color:#888888; border:1px #888888 solid; text-decoration:none; text-align:center;} a.put_cart{width:150px; font-size:12px; padding:2px 0; background-color:#000; color:#FFF; text-decoration:none; text-align:center; display:inline-block;} a.put_cart:hover{background-color:#616161; color:#FFF;} a.button_xsmall{width: 75px; font-size: 12px; margin:0; padding: 2px 0; background-color: #000; color: #FFF; text-decoration: none; text-align: center; display: inline-block;} /* a.button_xsmall{width: 75px; font-size: 12px; margin: 2px 0; padding: 2px 0; background-color: #000; color: #FFF; text-decoration: none; text-align: center; display: inline-block;} */ a.button_xsmall:hover{background-color:#616161; color:#FFF;} /* ================================================================= 9.定期購入商品履歴照会・変更 使用ファイル：teiki_index.xhtml, teiki_detail.xhtml 　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml =================================================================*/ /* teikiIndex - 定期購入商品一覧 -------------------------------------------------------------*/ #teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiIndex .head{padding:5px; background:#F1F1F1;} #teikiIndex .headDetail{padding-left:15px; background:url("../images/marker_on.gif") 0 5px no-repeat;} #teikiIndex .headRenew{color:#777; text-align:right;} #teikiIndex .price{color:#C00; text-align:right;} #teikiIndex table{width:668px;} #teikiIndex th{padding:5px 10px;} #teikiIndex td{text-align:center;} #teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;} #teikiIndex .status { float:right; margin-right:20px;} #teikiIndex .cancel_oder{ text-align:right; margin: 0px 20px;} #teikiIndex .cancel_oder form{ height:20px;} /* teikiDetail - 定期購入商品照会・変更・確認画面 -------------------------------------------------------------*/ #teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiDetail h5{margin:20px 20px 0;} #teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiDetail .head{padding:5px; background:#F1F1F1;} #teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;} #teikiDetail .price{color:#C00;} #teikiDetail table{width:668px;} #teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;} /* ================================================================= 10.フッタ 使用ファイル：common/footer.xhtml =================================================================*/ /* backtotop */ #backtotop{position:fixed; right:2%; bottom:20px; overflow:hidden;} #backtotop a{width:54px; height:54px; display:block;} #footer{clear:both; width:100%; min-width:980px; height:80px; padding:10px 0; border-top:1px #9A9A9A solid; background:#FFFFFF;} #footer .footer_area{width:980px; margin:0 auto;} #footer .menu_box{font-size:12px;} #footer .menu_box .menu_link{margin:10px 0 30px 0px;} #footer .menu_box .menu_link a.menu{color:#000; /*padding:0 10px 0 0;*/} #footer .menu_box .menu_link a.menu:hover{color:#9A9A9A;} #footer .copyright{padding:7px 0; font-size:11px; color:#111111; text-align:center; background-color: #ebebeb;} #footer .official_ec{padding:0 0 10px 0px; font-size:10px; color:#9A9A9A;} #footer .sns_box{float:right; font-size: 22px;vertical-align: top;margin-top: -25px;} #footer .sns_box * {vertical-align: top;} #footer .sns_image{margin-right:20px;} #footer_cart{clear:both; width:100%; min-width:980px; height:40px; padding:10px 0; border-top:1px #9A9A9A solid; background:#FFFFFF;} #footer_cart .official_ec{padding:0 0 10px 0px; font-size:10px; color:#9A9A9A; text-align: center;} #footer_cart .copyright{padding:7px 0; font-size:11px; color:#111111; text-align:center; background-color: #ebebeb;} /* ================================================================= 11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧 使用ファイル：item_list$detail.xhtml, item_list$image.xhtml 　　　　　　　item_list$simple.xhtml, item_detail.xhtml 　　　　　　　present_list.xhtml, present_detail.xhtml 　　topics_list.xhtml,topics_detail.xhtml =================================================================*/ /* category_html - カテゴリHTML -------------------------------------------------------------*/ #category_html{margin-bottom:20px; font-size: 12px;} #category_html img{display:block; margin-bottom:10px;} /* itemListCategory - カテゴリ -------------------------------------------------------------*/ #itemListCategory{margin-bottom:20px;} #itemListCategory ul{display:block; zoom:1; width:980px; border:#000 1px solid; background:#FFF;} #itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListCategory li{display:inline; float:left;} #itemListCategory .select{background-image: none; background-color:#000; color:#FFF; text-decoration:none;} #itemListCategory li a{display:block; padding:5px; background-image: none; color:#333; font-size:80%; text-decoration:none; text-indent:15px; white-space:nowrap;} #itemListCategory li a:link{display:block;} #itemListCategory li a:hover{ background-image: none; background-color:#CCC; color:#000; text-decoration:underline;} #itemListCategory #sub ul{display:block; width:768px; border:#CCC 1px solid; border-top:none; background:#FFF;} #itemListCategory #sub ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListCategory #sub li{display:inline; float:left;} #itemListCategory #sub .select{background-image: none; color:#FFF; text-decoration:none;} #itemListCategory #sub li a{display:block; padding:5px; background-image: none; color:#333; font-size:80%; text-decoration:none; text-indent:15px;} #itemListCategory #sub li a:link{display:block;} #itemListCategory #sub li a:hover{background-image: none; color:#000; text-decoration:underline;} /* narrowListCategory - 絞り込みカテゴリ -------------------------------------------------------------*/ #narrowListCategory {zoom:1;} #narrowListCategory:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #narrowListCategory h3{display:block; padding:3px 10px; font-size:80%; border:1px solid #ccc; z-index:99; position:relative; cursor:default;} #narrowListCategory #narrowDownCategoryMultiple{zoom:1; float:left; width:180px; height:25px; margin-right:5px;} #narrowListCategory #narrowDownCategoryMultiple:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #narrowListCategory h3:hover + ul{display:block; z-index:100; position:relative; border:1px solid #ccc; border-top:none; margin-top:-1px;} #narrowListCategory .box {display:none; background:#FFF; padding:5px;} #narrowListCategory .box:hover{display:block; z-index:100; position:relative; border:1px solid #ccc; border-top:none; margin-top:-1px;} #narrowListCategory .box.hover{display:block; z-index:100; position:relative; border:1px solid #ccc; border-top:none; margin-top:-1px;} #narrowListCategory .box li{font-size:80%; display:block; margin-bottom:5px; zoom:1;} #narrowListCategory .box li:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #narrowListCategory .box input{float:left; width:15px; display:block; margin:3px 5px 0 3px;} #narrowListCategory .box label{float:left; width:145px; display:block;} *+html #narrowListCategory .box label{margin:5px 0 0 0px;} #narrowListCategory .filterArea{clear:both; zoom:1; margin-bottom:20px; padding-top:20px;} #narrowListCategory .filterArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #narrowListCategory .filterArea li{display:block; font-size:80%; background:#C00; float:left; color:#FFF; text-decoration:none; padding: 5px; white-space:nowrap; margin-right:10px; line-height:130%;} #narrowListCategory .filterArea li a{margin-left:10px; color:#FFFFFF; text-decoration:none; font-size:130%;} #narrowListCategory .filterArea li a:hover{text-decoration:underline;} #narrowListCategory .filterArea li.filter_clear {background:none; margin:0px; text-indent:0px;} #narrowListCategory .filterArea li.filter_clear a{ color:#333333; margin:0px; font-size:100%;} /* list - 一覧画面共通のメニュー -------------------------------------------------------------*/ #list{padding-bottom:120px;} #list .list_info{zoom:1;} #list .list_info:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list .list_info h2.category_name{font-size:16px; font-weight:normal; float:left; padding:0 10px 0 0; line-height:16px;} #list .list_info .pageguide{font-size:12px; float:left; line-height:16px;} /*#list li{float:left;}*/ #list .pageguide{margin-bottom: 20px; font-size:13px; float:left;} #list .pagelink{margin-bottom: 20px; width: 630px; text-align:right;} #list .pager{font-size:12px; padding:30px 0 0 0; zoom:1;} #list .pager:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list .rearrange{font-size:12px; float:right;} #list .barnd_name{float: left; margin-right: 10px; width: 170px;} /* itemListDetail - 商品詳細一覧・プレゼント一覧 -------------------------------------------------------------*/ #itemListDetail{margin-bottom:20px; float:left;} #itemListDetail .box{width:150px; zoom:1; margin-top:21px; margin-right:10px; float:left;} #itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /*#itemListDetail .box:nth-child(3n){margin:0 0 0 0!important;}*/ #itemListDetail{margin-bottom:30px; width:100%; clear:both;} #itemListDetail ul{margin-top:30px; zoom:1;} #itemListDetail ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListDetail ul li.box{float:left; width:232px!important; margin:0 27px 0 0; min-height:384px;} #itemListDetail ul li.box:nth-child(3n){margin:0!important; min-height:384px;} #itemListDetail .box .img_box{position:relative; line-height:0;} #itemListDetail .box .img_box a:hover img{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #itemListDetail ul li.box .text{padding:8px 0 0 0;} #itemListDetail ul li.box .text .brand_name{margin:0; color:#333333; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #itemListDetail ul li.box .text h3{margin:2px 0px; font-size:12px; font-weight:normal; color:#888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #itemListDetail ul li.box .text h3 a{color:#888888 ;} #itemListDetail ul li.box .img_box img{width:100%; display:block; position:static; top:0; right:0; bottom:0; left:0; margin:auto;} #itemListDetail ul li.box .text .price{margin:0px 0px; font-weight:bold; font-size:14px; color:#111111;} #itemListDetail ul li.box .text .kakaku_off{color:#111111; font-size:12px; font-weight:normal; text-decoration:line-through;} #itemListDetail ul li.box .text .sale_value_big{color:#FF0202; font-size:13px; font-weight:normal;} #itemListDetail ul li.box .text .sale_value{padding:0; color:#FF0202; font-size:10px; font-weight:normal;} #itemListDetail ul li.box .img_box .icon_area{position:absolute; bottom:4px; left:4px; width:100%; z-index:1;} #itemListDetail ul li.box .img_box .icon_area img{width:auto!important; display:inline!important;} #itemListDetail ul li.box .product_img{width:100%;} #itemListDetail ul li.box .product_img:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #itemListDetail ul li.box .so_area{position:absolute; line-height:30px; height:30px; display:block; text-align:center; width:100%; color:#FFFFFF; top:50%; background:rgba(0,0,0,0.5); margin:-15px 0 0 0; z-index:1;} #itemListDetail .pageguide{float:left;} #itemListDetail .pagelink{width:970px; text-align:right; float:none;} /* topicsList - トピックス一覧 -------------------------------------------------------------*/ #topicsList {margin-bottom:20px; clear:left; width:100%; border-bottom:#dcdcdc solid 1px; zoom:1;} #topicsList:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topicsList .box {zoom:1; padding:0 0 20px 0;} #topicsList .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topicsList .box h3{display:block; float:left; width:90px; font-size:85%; font-weight:normal; color:#888888;} #topicsList .box p{display:block; width:890px; margin:0; font-size:85%; float:left;} /* itemDetail - 商品詳細・プレゼント詳細 -------------------------------------------------------------*/ #main.no-sidebar #itemDetail table{width:100%!important; margin: 10px 0; font-size: 80%; border: 1px solid #CCC; line-height: 200%; border-right: none; border-left: none;} #itemDetail{margin-bottom:20px;} #itemDetail .box{zoom:1; margin-top:10px; margin-bottom:30px;} #itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0;}/* clearfix */ /* 商品画像の切り替え(flexslider使用) */ #mainvisual_box #itemslider{display:none; width:500px!important; min-height:600px;} #mainvisual_box .flexslider{border:0 !important; margin:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; box-shadow:none !important;} #mainvisual_box .flexslider .slides li{position:relative;} #mainvisual_box .flexslider .slides li a{width:500px; height:600px; text-align:center; display:table-cell; vertical-align:middle; line-height:0;} #mainvisual_box .flexslider .slides li a img{z-index:-1; max-width:500px!important; max-height:600px!important; width:auto!important; height:auto!important; display:block; margin:auto; opacity:1 !important; filter:alpha(opacity=100) !important; -webkit-transition:0s !important; -moz-transition:0s !important; -o-transition:0s !important; transition:0s !important;} #mainvisual_box .flexslider .slides li a:hover{cursor:default; opacity:1 !important; filter:alpha(opacity=100) !important;} #mainvisual_box .flexslider .flex-control-nav{margin:20px 0 0 0; padding:1px 0 0 0;} #mainvisual_box .flexslider .flex-control-nav li{width:52px; min-height:62px; margin:0 12px 12px 0 !important; text-align:center; position:relative; display:block; border:1px solid #FFF;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #mainvisual_box .flexslider .flex-control-nav li:nth-child(8n){margin:0 0 12px 0 !important;} #mainvisual_box .flexslider .flex-control-nav li img{max-width:50px; width:auto; height:auto!important; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #mainvisual_box .flex-control-thumbs img{opacity:1; filter:alpha(opacity=100); } #mainvisual_box .flex-control-thumbs .active{border:1px solid #111111!important; } #itemDetail {zoom:1;} #itemDetail:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .box{zoom:1;} #itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .leftbox{width:500px; height:100%; float:left;} #itemDetail .text{float:right; width:450px;} #itemDetail .text_left{float:none;} #itemDetail p{margin:0 0 10px;} #itemDetail h2{display:block; padding:30px 10px 5px 0; color:#111111; font-size:24px;} #itemDetail h3{display:block; margin:10px 10px 0px 0; color:#888888; font-size: 16px; font-weight: normal;} #itemDetail .price{display:block; margin:0 10px 5px 0; color:#111111;} #itemDetail .price .teika{display:block; font-size:14px; font-weight:normal!important;} #itemDetail .price .teika_big{display:block; margin-bottom:10px; font-size:19px; font-weight:normal;} #itemDetail .price .other{font-size:30px; font-weight:bold;} #itemDetail .price .other .teika{ text-decoration:line-through;} #itemDetail .price .sale_value_big{color:#FF0202;font-size:30px; font-weight:bold; } #itemDetail .price .sale_value_big .sale_value{font-size:24px!important;} #itemDetail .text th{padding:5px 10px; text-align:center; background-color:#FFF; border-top: 1px solid #000; border-right:none; border-bottom: 1px solid #000; border-left:none; vertical-align: middle;} #itemDetail .text td{padding:5px 10px; border-top: 1px solid #000; border-right:none; border-bottom: 1px solid #000; border-left:none; vertical-align:middle;} #itemDetail .text .item_size th,#itemDetail .text .item_size td{padding:10px 2px!important; text-align:center;} #itemDetail .text table.property{margin:0 0 30px 0!important;} #itemDetail .text table.property tr{border-top:1px #000 solid; border-bottom:1px #000 solid;} #itemDetail .text table.property th{width:50px; padding:5px 10px; text-align:center; background-color:#FFF; border-top: none; border-right:none; border-bottom: none; border-left:none; vertical-align: middle;} #itemDetail .text table.property td{padding:5px 10px!important; border-top: none; border-right:none; border-bottom: none; border-left:none; vertical-align:middle; text-align:center;} #itemDetail .text table.property td p{margin:0;} #itemDetail .text table.property td.color{font-size:10px; margin:2px 0 0 0;} #itemDetail .text table.property td.color p{font-size:10px!important;} #itemDetail .text table.property td.color img{display:block; width:40px; margin:auto;} #itemDetail .text input.put_tocart{width:170px; height:48px;background-color:#333333; background-image:url("../images/cart_icon.png") ; background-repeat:no-repeat; background-position:18px 10px; border:none; color:#FFFFFF; font-size:15px; padding:0 0 0 24px; cursor:pointer;} #itemDetail .text input.put_tocart:hover{background-color:#616161; } #itemDetail .text a.notice{width:146px; height:46px; display:block; background-color:#FFFFFF; background-image:url("../images/notice_icon.png") ; background-repeat:no-repeat; background-position:18px 10px; color:#111111; font-size:15px; padding:0 0 0 22px; line-height:46px; border:1px solid #111111; margin:0 auto;} #itemDetail .text a.notice:hover{background-color:#e5e5e5; text-decoration:none;} #itemDetail .text .no_notice{font-size:15px;} #itemDetail .text .wishlistSubmitButton a.heart{display:block; width:46px; height:48px; background:url("../images/favorite.gif") no-repeat; text-indent:-9999px;} #itemDetail .text .wishlistSubmitButton a.heart:hover{background:url("../images/favorite_active.gif") no-repeat;} #itemDetail .text .wishlistSubmitButton a.heart.active{background:url("../images/favorite_active.gif") no-repeat;} #itemDetail h4.sub_ttl{margin:30px 0 0 0; padding:0; font-size:14px; font-weight:bold; color:#888888; line-height:1em;} #itemDetail .sizedet {zoom:1; padding:0 0 10px 0;} #itemDetail .sizedet:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .sizedet h4.sizeguide a{font-size:12px; text-decoration:underline; color:#888888; font-weight:normal; line-height:1em; float:left;} #itemDetail .sizedet p{float:right; font-size:12px;} #main.no-sidebar #itemDetail .item_statusbox table{border:none; width:100%; font-size:12px;} #main.no-sidebar #itemDetail .item_statusbox th{vertical-align:top; padding:0!important; width:100px; text-align: left; border:none!important;} #itemDetail .item_statusbox td{text-align: left; border:none!important; vertical-align:top; padding:0 10px 0 0!important; width:155px;} #itemDetail .item_statusbox td > div{text-indent:-1em;} #itemDetail .attention{padding:12px 15px; background-color:#F0F0F0;} #itemDetail .attention p.attention_message{ font-size:14px; font-weight:bold; color:#FF0202;} #itemDetail .attention p.attention_message img{margin:0 7px 0 0; vertical-align:top;} #itemDetail .attention p.message_detail{font-size:11px; line-height:2em;} #itemDetail .sns_area{float:right;} #itemDetail .sns_area:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .caption{ font-size:13px;margin:30px 0 0 0; line-height:1.6em;} #itemDetail .text p.brand_name{margin:0; color:#333333; font-size:18px; font-weight:normal;} #itemDetail .text_left .price .teika{margin-bottom:0; font-weight:bold !important;} #itemDetail .text_left .price .sale_value_big{font-size:13px; font-weight:normal;} #itemDetail .text_left .price .sale_value{font-size:11px !important;} #itemDetail .text_left .price .other{font-size:14px;} #itemDetail .text_left .price .other .kakaku_off{margin-bottom:0; font-size:11px; font-weight:normal; text-decoration:line-through;} #itemDetail .text_left p.brand_name{margin:0; color:#333333; font-size:14px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #itemDetail .text_left h3{margin:0 0 0 0; color:#888888; font-size:12px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #itemDetail .sns_area li{display:block; float:left; margin-right:10px;} #itemDetail .sns_area li:last-child{margin-right:0px!important;} #itemDetail ul li.box2{width:136px !important; height:234px; margin:0 26px 30px 0; float:left;} #itemDetail ul li.box2 .detail_reco_box a .icon_area{position:absolute; bottom:4px; left:4px; width:100%; z-index:1;} #itemDetail ul li.box2 .detail_reco_box a .icon_area img{width:auto !important; display:inline !important;} #itemDetail ul li.box2 .detail_reco_box .so_area{position:absolute; line-height:30px; height:30px; display:block; text-align:center; width:100%; color:#FFFFFF; top:50%; background:rgba(0,0,0,0.5); margin:-15px 0 0 0; z-index:1;} #itemDetail .detail_reco_box{width:136px; position:relative;} #itemDetail .detail_reco_box img{max-width:136px; max-height:163px;} #itemDetail .facebook{margin:-4px 0 0 0;} /* itemDetail - 2019.1.29在庫表示対応 -------------------------------------------------------------*/ #itemDetail .apply_btn{background-color:#333; color:#FFF; display: block; width: 168px; height: 46px; font-size: 15px; margin: 0 auto; border: 1px solid #333; line-height: 46px; } #itemDetail .apply_btn:hover{background-color:#FFF; color:#333; text-decoration: none;} #itemDetail .apply_text{margin-bottom: 15px; padding: 12px 15px; background-color: #F0F0F0;} #itemDetail .apply_text strong{font-size: 14px; margin: 0 0 5px 0; display: block;} #itemDetail .apply_text p{margin-bottom: 0;} /* itemDetail - 商品詳細カートに入った報告ポップアップ -------------------------------------------------------------*/ #itemDetail .cartSubmitButton{position:relative;} #itemDetail .cartSubmitButton .cartMessage{position:absolute; top:-85px; left:50%; margin-left:-122px; padding:10px; background-color:#fff; border: #ccc 2px solid; width:270px; z-index:10; display:none;} #itemDetail .cartSubmitButton .cartMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;} #itemDetail .cartSubmitButton .cartMessage .title{text-align:center; font-size:100.0%; font-weight:bold; color:#000;} #itemDetail .cartSubmitButton .cartMessage .mainclose{background-color:#fff; cursor:pointer; text-align: center; margin-bottom:0;} #itemDetail .cartSubmitButton .cartMessage .link{background-color:#fff; text-align: center;} #itemDetail .cartSubmitButton .cartMessage .close{position:absolute; top:3px; right:3px; cursor:pointer;} /* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ -------------------------------------------------------------*/ #itemDetail .wishlistSubmitButton{position:relative;} #itemDetail .wishlistSubmitButton .wishlistMessage{position:absolute; top:-85px; left:50%; margin-left:-122px; padding:10px; width:240px; z-index:10; display:none; background-color:rgba( 0, 0, 0, 1 ); color:#FFF;} #itemDetail .wishlistSubmitButton .wishlistMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;} #itemDetail .wishlistSubmitButton .wishlistMessage .title{text-align:center; font-size:14px; font-weight:bold; color:#FFF;} #itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{cursor:pointer; text-align: center; margin-bottom:0; color:#FFF; margin:10px 0 0 0;} #itemDetail .wishlistSubmitButton .wishlistMessage .link a{text-align: center; color:#FFF;} /* itemDetail - トピックス詳細 -------------------------------------------------------------*/ #itemDetail .topics_img h3,#itemDetail .topics_noimg h3{padding:10px 10px 5px 0px; display:block; font-size:20px; font-weight:bold;} /* #itemDetail .topics_img h3,#itemDetail .topics_noimg h3{margin:10px 10px 5px 0px; display:block; font-size:105%;} */ #itemDetail .topics_img p,#itemDetail .topics_noimg p{margin:5px 0px;} #itemDetail .topics_img img{display:block;} #itemDetail .topics_img .img_box{width:250px; height:250px; margin:0px 10px 10px 0; text-align:center; position:relative; float:left;} #itemDetail .topics_img .img_box img{width:auto; max-width:250px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;max-height:250px;} #itemDetail .topics_img .topics_text{overflow:auto; zoom:1;} #itemDetail .topics_img,#itemDetail .topics_noimg{clear:left;} /* #itemDetail .topics_img,#itemDetail .topics_noimg{padding:10px;} */ #itemDetail .topics_noimg p img{float:right; margin:0 0 10px 10px;} /* ================================================================= 13.購入履歴 使用ファイル：member_history.xhtml =================================================================*/ #history .infoarea{display:block; margin:40px 30px 0 20px; padding-left:55px; font-size:80%; font-weight:bold;} #history .infoarea.preparing{background:url("../images/history_preparing.gif") no-repeat;} #history .infoarea.delivered{background:url("../images/history_delivered.gif") no-repeat;} #history .infoarea.delivering{background:url("../images/history_delivering.gif") no-repeat;} #history .infoarea.canceled{background:url("../images/history_canceled.gif") no-repeat;} #history .infoarea.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat;} #history .infoarea.teiki_together{padding-bottom:20px; background:url("../images/history_teiki_together.gif") no-repeat;} /* #history .infoarea.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat;} */ #history .price{ font-weight:bold; font-size:14px;} /* #history .price{color:#222222; text-align:right;} */ #history .cart{width:230px; text-align:center;} #history .code{width:80px; text-align:center; vertical-align:middle;} /* #history .code{width:80px;} */ #history .amount{width:30px; text-align:center;} #history .status{float:right; width:100px;} #history .property{display:block; color:#AAA; font-size:90%;} #history .img_box{width:80px; height:80px; margin-right:10px; margin-bottom:10px; text-align:center; position:relative; float:left;} #history .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #history .pageguide{float:left; width:500px; font-size:13px;} #history .pagelink{width:470px; font-size:13px; text-align:right;} #history .rearrange{float:left; width:200px; font-size:75%; text-align:right;} #history .nolink{color:#999;} #history .Idetailbtn_area{margin:0 0 2px 0;} /* =================================================================== 14：サブウインドウで表示するページ用 使用ファイル：item_detail_other_image.xhtml 　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml 　　　　　　　item_itemproperty_zaiko.xhtml 　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml =================================================================== */ #subwindow{width:500px; margin:auto;} #subwindow #header{background:none; min-width:500px; height:70px; padding:10px 0 0 0;} #subwindow #header h1 a{float:none; margin-bottom: -15px;} #subwindow #content h2{height:25px; display:block; font-size:100%; padding:10px 10px 3px 0;} #subwindow #content table{font-size:80%;line-height:160%;margin:10px 0px;width:100%;border:1px solid #CCCCCC;} #subwindow #content th{background:#FFF; padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;} #subwindow #content th.zaiko{width:auto;text-align:center;} #subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;} #subwindow #content td.number{text-align:right;} #subwindow #content .hissu{color:#CC0000;font-weight:bold;} #subwindow #content .close{margin:10px 0; font-size:80%; line-height:150%; text-align:right;} #subwindow .buttonarea{text-align:center; margin:10px; padding-top:40px;} #subwindow #content #products{width:500px; position:relative;} #subwindow #content #products .slides_container{overflow:hidden; position:relative; border:1px solid #ccc; margin:10px 0 0 0;} #subwindow #content #products .slides_container .ima_box{width:498px; height:498px; position:relative; text-align:center;} #subwindow #content #products .slides_container img{width:auto; margin:auto; max-width:498px; max-height:498px; display:block; position:absolute; bottom:0; left:0; right:0; top:0;} #subwindow #content #products .slides_container a{width:400px; height:400px; display:block;} #subwindow #content #products .thumbox{clear:both; margin:15px 0 0; padding:0;} #subwindow #content #products .thumbox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #subwindow #content #products .thumbox .pagination li{margin:0 10px 10px 0; float:left;} #subwindow #content #products .thumbox .pagination li.last{margin-right:0;} #subwindow #content #products .thumbox .img_box{border:1px solid #ccc; width:90px; height:90px; display:block;} #subwindow #content #products .thumbox .img_box img{max-width:90px; max-height:90px;} #subwindow #content #products .thumbox .img_box img:hover{filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;} #subwindow #content #products .thumbox .current .img_box{border:1px solid #cc3333; display:block; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;} #subwindow #content #products .thumbox .current .img_box img:hover{cursor:default; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;} #subwindow #content #products .prev{display:block; background:url(../images/detail_prev_button.png) no-repeat; text-indent:-9999px; width:60px; height:60px; top:35%; left:-26px; position:absolute; z-index:1000;} #subwindow #content #products .next{display:block; background:url(../images/detail_next_button.png) no-repeat; text-indent:-9999px; width:60px; height:60px; top:35%; right:-26px; position:absolute; z-index:1000;} #subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display:block;} #subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;} /* ================================================================= 15.エラーページ 使用ファイル：common/messages.xhtml 　　　　　　　ext/social_provider.xhtml =================================================================*/ #error{width:100%; padding:10px 0px;} #error table{margin:0px 0 10px; border:none !important; font-size:85%;} #error td{padding:10px; border:none !important;} #error .ico{width:40px; vertical-align:top; text-align:center;} #error .content{padding:5px; color:#ff0202; font-weight:bold; vertical-align:middle; line-height:150%; float:none;} #error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;} #error ul{background:none;} #error li{float: none; font-size: 100%; border:0px; padding:0px; margin-right:0px; margin-bottom: 0px; width:auto; line-height:150%;} /* social_provider.xhtmlのエラー部分 -------------------------------------------------------------*/ #social_plus_error{width:100%; padding:10px 0px;} #social_plus_error table{margin:0px 0 10px; border:none !important; font-size:85%;} #social_plus_error td{padding:10px; border:none !important;} #social_plus_error .ico{width:40px; vertical-align:top; text-align:center;} #social_plus_error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%; float:none;} #social_plus_error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;} #social_plus_error ul{background:none;} #social_plus_error li{float: none; font-size: 100%; border:0px; padding:0px; margin-right:0px; margin-bottom: 0px; width:auto; line-height:150%;} /* ================================================================= 16.クレジットカード登録画面 使用ファイル：member_credit_entry_input.xhtml =================================================================*/ #credit td.button{text-align:center;} #credit .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center; font-size:80%;} /* ================================================================= 17.お気に入り 使用ファイル：wishlist.xhtml 　　　　　　　wishlist_edit.xhtml =================================================================*/ #wishList{margin-bottom:20px;} #wishList .box{zoom:1; border:#111 1px solid; clear:left; width:980px;} #wishList .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #wishList .provisional{margin:0px;} #wishList .text{margin-left:140px;} #wishList h3{display:block; margin:10px 10px 0 0; font-size:95%;} #wishList .pageguide{margin-bottom:10px; font-size:13px; float:left;} #wishList .pagelink{width: 640px; margin-bottom:10px; text-align:right;} #wishList .appeal{display:block; margin:0; color:#F60; font-size:70%;} #wishList .price{display:block; margin:0; color:#222222;} #wishList .price .teika{font-weight:bold; font-size:110%;} #wishList .price .other{font-size:90%;} #wishList .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#000 1px solid; font-size:80%; line-height:120%;} #wishList .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#000 1px solid; text-align:right;} #wishList .property{display:inline; margin:0; color:#AAA; font-size:75%;} #wishList .img_box{width:120px; height:120px; margin: 10px 10px; text-align:center; position:relative; float:left;} #wishList .img_box img{width:auto; max-width:120px; max-height:120px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} /* ================================================================= 18.アドレス帳 使用ファイル：address_add.xhtml 　　　　　　　address_input.xhtml =================================================================*/ #addressList{padding-bottom:20px;} #addressList h3{margin-bottom:15px; padding:1px 0px 5px 10px; border-bottom:1px solid #DCDCDC; font-size:1.3rem; margin-top:30px; font-weight:normal;} #addressList ul{zoom:1; padding:20px 0 10px;} #addressList ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #addressList li{float:left; font-size:80%; border:1px solid #000; padding:10px 10px 40px 10px; margin-right:10px; margin-bottom:10px; width:348px; line-height:180%; position:relative;} #addressList li strong{font-size:18px;} #addressList li .button{margin:10px 0px 10px; position:absolute; bottom:0;} #addressList .widebox li{width:453px;} #addressList .pageguide{float:left; width:670px; font-size:13px;} #addressList .pagelink{width:300px; font-size:13px; text-align:right;} #addressList div.box{ clear:left;} #addressList .rearrange{float:left; width:200px; font-size:75%; text-align:right;} #addressList .nolink{color:#999;} /* ================================================================= 19.会員関係 使用ファイル：member_mypage.xhtml =================================================================*/ #member.mypage #social_plus th{width:100px;} #member.mypage div.menu_area{float:left;} #member.mypage h3{clear:left;} #member.mypage p.logout{margin:20px 10px 0;} #member.mypage .mypage_ttl{font-weight:bold; font-size:1.1rem;} #member.mypage .coupon{clear:both; padding:20px 0 0 0;} /* ================================================================= .今回追加分　全ページ共通(2016/10/11) =================================================================*/ /*　赤ボタン大・小 共通 -------------------------------------------------------------*/ a.btnNext{width:260px; margin:15px;} a.btnNextmini{width:150px;} a.btnNext,a.btnNextmini{cursor:pointer; display:inline-block; border-radius:1px; color:#FFF; font-size:100%; line-height:1; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none;} a.btnNext:link,a.btnNextmini:link{color:#FFF; background-color:#CC0000; padding:10px 10px;} a.btnNext:hover,a.btnNextmini:hover{text-decoration:none; background:#F04A65} a.btnNext2{width:260px; margin:15px; cursor:pointer; display:inline-block; border-radius:1px; color:#FFF; font-size:100%; line-height:1; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none;} a.btnNext2:link{color:#FFF; background:#CC0000 url(../images/icon_next.png) 95% 50% no-repeat; padding:10px 10px;} a.btnNext2:hover{color:#FFF; text-decoration:none; background:#F04A65 url(../images/icon_next.png) 95% 50% no-repeat;} input.btnNext{width:280px; position:relative; cursor:pointer; padding:1px; background:#CC0000; font-size:100%; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; margin:5px 0px 5px 0; border-style:none;} input.btnNext:hover{color:#FFF; text-decoration:none; background:#F04A65;} input.btnNext:active{top:2px; box-shadow:none;} input.btnNextmini{position:relative; cursor:pointer; padding:1px 6px; background:#CC0000; font-size:100%; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; margin:5px 0px 5px 0; border-style:none; width:170px;} input.btnNextmini:hover{color:#FFF; text-decoration:none; background:#F04A65;} input.btnNextmini:active{top:2px; box-shadow:none;} input.btnNext2{width:280px; position:relative; cursor:pointer; padding:1px; background:#CC0000 url(../images/icon_next.png) 95% 50% no-repeat; font-size:100%; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; margin:10px 10px; border-style:none;} input.btnNext2:hover{color:#FFF; text-decoration:none; background:#F04A65 url(../images/icon_next.png) 95% 50% no-repeat;} input.btnNext2:active{top:2px; box-shadow:none;} /*---------------------------------------------------ここまで*/ /*　青ボタン大・小 共通 -------------------------------------------------------------*/ a.btnPrev,a.btnPrevmini{cursor:pointer; display:inline-block; border-radius:1px; color:#FFF; font-size:100%; line-height:1; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none;} a.btnPrev{width:260px; margin:15px;} a.btnPrevmini{width:150px;} a.btnPrev:link,a.btnPrevmini:link{background-color:#4A7CE6; color:#FFF; padding:10px 10px;} a.btnPrev:hover,a.btnPrevmini:hover{text-decoration:none; background:#88C4FF} a.btnPrev2{width:260px; margin:15px; cursor:pointer; display:inline-block; border-radius:1px; color:#FFF; font-size:100%; line-height:1; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none;} a.btnPrev2:link{color:#FFF; background:#4A7CE6 url(../images/icon_prev.png) 5% 50% no-repeat; padding:10px 10px;} a.btnPrev2:hover{color:#FFF; text-decoration:none; background:#88C4FF url(../images/icon_prev.png) 5% 50% no-repeat;} /*---------------------------------------------------ここまで*/ h3.sub-ttl{margin:0 0 10px; padding:0px 0px 0px 20px; background:url("../images/icon_ring.gif") 0 3px no-repeat; font-size:95%; margin-top:30px;} /*　変更ボタン cart_seisan.xhtml -------------------------------------------------------------*/ a.btnChange{width:150px; text-align:center; line-height:40px; color: #FFF;} a.btnChange:link{position:relative; cursor:pointer; margin:0 0 0 5px; padding:4px 10px 2px; background:#CC0000; border-radius:3px; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #900; height:27px; border-style:none;} a.btnChange:hover{text-decoration:none; background:#F04A65; box-shadow:0 2px 0 #900;} a.btnChange:active{top:2px; box-shadow:none;} /*---------------------------------------------------ここまで*/ /*　変更ボタン cart_seisan.xhtml -------------------------------------------------------------*/ a.btnSub{width:150px; text-align:center; line-height:40px; color:#FFF;} a.btnSub:link{position:relative; cursor:pointer; margin:0 0 0 5px; padding:4px 10px 2px; background:#CC0000; border-radius:3px; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #900; height:27px; border-style:none;} a.btnSub:hover{text-decoration:none; background:#F04A65; box-shadow:0 2px 0 #900;} a.btnSub:active{top:2px; box-shadow:none;} /*---------------------------------------------------ここまで*/ /*　注文を取り消しするボタン member_history.xhtml -------------------------------------------------------------*/ input.deleteOrd{text-align:center; position:relative; cursor:pointer; padding:4px 10px 2px; background:#CC0000; border-radius:3px; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #900; height:27px; border-style:none;} input.deleteOrd:hover{text-decoration:none; background:#F04A65; box-shadow:0 2px 0 #900;} input.deleteOrd:active{top:2px; box-shadow:none;} /*---------------------------------------------------ここまで*/ /*〒郵便番号から住所挿入する cart_seisan.xhtml member_input.xhtml ------------------------------------------------------------*/ .insert input{position:relative; cursor:pointer; padding: 0 5px; background:#E0E0E0; border-radius:3px; font-size:13px; color:#000; -webkit-transition:all 0.2s;transition:all 0.2s; text-decoration:none; margin:5px 0px 5px 0; box-shadow:0 2px 0 #666; height:23px; border-style:none;} .insert input:hover{color:#FFF; text-decoration:none; background:#CCC; box-shadow:0 2px 0 #666;} .insert input:active{top:2px; box-shadow:none;} /*-------------------------------------------------ここまで*/ /*　依頼主をコピー　アドレス帳から選択 -------------------------------------------------------------*/ a.Copy,a.Address{line-height:40px;} a.Copy:link,a.Address:link{position:relative; cursor:pointer; padding:6px 10px 6px; background:#CC0000; border-radius:3px; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #900; height:27px; border-style:none;} a.Copy:hover,a.Address:hover{text-decoration:none; background:#F04A65; box-shadow:0 2px 0 #900;} a.Copy:activ,a.Address:active{top:2px; box-shadow:none;} a.addAddress,a.addList{line-height:40px;} a.addAddress:link,a.addList:link{position:relative; cursor:pointer; padding:6px 10px 6px; background:#CC0000; border-radius:3px; color:#FFF; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #900; height:27px; border-style:none;} a.addAddress:hover,a.addList:hover{text-decoration:none; background:#F04A65; box-shadow:0 2px 0 #900;} a.addAddress:activ,a.addList:active{top:2px; box-shadow:none;} /*---------------------------------------------------ここまで*/ /*　このお届け先を削除する -------------------------------------------------------------*/ a.btnDelete{position:relative; cursor:pointer; padding:4px 10px 2px; background:#E0E0E0; border-radius:3px; color:#000; -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; box-shadow:0 2px 0 #666; height:27px; border-style:none;} a.btnDelete:hover{color:#FFF; text-decoration:none; background:#CCC; box-shadow:0 2px 0 #666;} a.btnDelete:active{top:2px; box-shadow:none;} /*--------------------------------------------------ここまで*/ /*　削除するボタン(押せない) -------------------------------------------------------------*/ .notDelete{padding:4px 10px; background:#C9C9C9; color:#FFF; border-radius:3px;} .not_itemDetail{padding:4px 10px; background:#C9C9C9; color:#FFF; border-radius:3px;} /*--------------------------------------------------ここまで*/ #member .img_box{width:80px; height:80px; margin-right:10px; margin-bottom:10px; text-align:center; position:relative; float:left;} #member .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} .brand_box{margin: 10px} li.brand_list{display: inline-block; margin:5px;} /*a.page_navi{border: 1px #888888 solid; padding: 1px 7px;} .page_navi{border: 1px #888888 solid; padding: 1px 7px;} .pagelink a.page_navi{border: 1px #888888 solid; padding: 1px 7px;} .pagelink .page_navi{border: 1px #888888 solid; padding: 1px 7px;} */ .pagelink{font-size:12px; padding:0; width:640px; float:left;} .pagelink a{color:#111111;} .pagelink select{margin:0 0 0 10px;} .pagelink a.prev{position:relative; padding:0 0 0 10px;} .pagelink a.prev:after{content:""; position:absolute; top:0px; left:0px; background:url("../images/pager_arrow_prev.png") no-repeat; width:6px; height:11px;} .pagelink a.next{position:relative; padding:0 10px 0 0;} .pagelink a.next:after{content:""; position:absolute; top:0px; right:0px; background:url("../images/pager_arrow_next.png") no-repeat; width:6px; height:11px;} .pagelink span.current{ padding:3px 6px;} .pagelink a.link{ padding:3px 6px; border:1px solid #888888;} /*　サイズガイドページ用 -------------------------------------------------------------*/ #popup_size_guide {width: 425px; background: #fff; margin:auto;} #popup_size_guide h1 {border-bottom: 1px solid #000; padding: 8px 0; font-size: 20px; color: #333;} #popup_size_guide .sizecomment {margin: 10px 0;} #popup_size_guide .comment {margin-bottom: 15px;} #popup_size_guide .comment ul {list-style-type: disc; margin-top: 10px; padding: 10px 15px 5px 15px; background-color: #f5f5f5;} #popup_size_guide .comment ul li {margin-left: 10px; font-size: 12px; line-height: 1.5; list-style-type: disc;} #popup_size_guide .category {margin-top: 10px;} #popup_size_guide h2 {border-top: 1px solid #ddd; padding-top: 15px; font-size: 14px; color: #333;} #popup_size_guide .image {text-align: center;} #popup_size_guide p {font-size: 12px;} #popup_size_guide img {width: 300px; height: auto;} /* ================================================================= ブランドリスト 使用ファイル：brand_***.xhtml =================================================================*/ /*　ext用 -------------------------------------------------------------*/ #ext.brandbox a{color: #000;} #ext.brandbox a:hover {color: #9A9A9A;} #ext.brandbox{width:980px; margin:auto;} #ext.brandbox h2{ font-size:24px; margin:10px 0; color:#111111; height:auto; padding:0; background:none;} #ext.brandbox #ini_list{margin:0 0 30px 0;} #ext.brandbox #ini_list ul{margin:0 0 0 3px;} #ext.brandbox #ini_list li{float:left; font-size:13px; list-style:none; margin:0;} #ext.brandbox #ini_list span{border-right:1px solid #dcdcdc; padding:0 10px 0 0; margin:0 10px 0 0; height:10px;} #ext.brandbox dl{margin-bottom:50px; clear:left;} #ext.brandbox dt.brand_ini{padding: 30px 0 0 0px; font-size:15px; font-weight:bold; color:#888; border-bottom:1px #DCDCDC solid; clear:left;} #ext.brandbox dd{width:235px; margin:8px 10px 0 0; font-size:14px; float:left;} /*　サイドバー用 -------------------------------------------------------------*/ #sidebrand a{color: #000;} #sidebrand a:hover {color: #9A9A9A;} #sidebrand{margin:auto; padding:10px 20px;} #sidebrand h2{ font-size:24px; margin:10px 0; color:#111111; height:auto; padding:0; background:none;} #sidebrand #ini_list{margin:0 0 30px 0;} #sidebrand #ini_list ul{margin:0 0 0 3px;} #sidebrand #ini_list li{float:left; font-size:13px; list-style:none; margin:0 0 15px 0;} #sidebrand #ini_list span{border-right:1px solid #dcdcdc; padding:0 10px 0 0; margin:0 10px 0 0; height:10px;} #sidebrand dl{margin-bottom:50px; clear:left; width:100%;} #sidebrand dt.brand_ini{padding: 30px 0 0 0px; font-size:15px; font-weight:bold; color:#888; border-bottom:1px #DCDCDC solid; clear:left;} #sidebrand dd{width:33%; margin:8px 0px 0 0; font-size:14px; float:left;} #sidebrand dd a{padding:0 10px 0 0;} /*　商品ページ用のブランドへのリンクボタン -------------------------------------------------------------*/ .button-p { display: inline-block; width: 100%; height: 40px; text-align: center; text-decoration: none; line-height: 40px; outline: none; } .button-p::before, .button-p::after { position: absolute; z-index: -1; display: block; content: ''; } .button-p, .button-p::before, .button-p::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .button-p { background-color: #fff; border: 0.5px solid #888; color: #888 !important; line-height: 40px; } .button-p:hover { background-color: #f0f0f0; border-color: #cecece; color: #888 !important; text-decoration: none; } /*　IGTVボタン -------------------------------------------------------------*/ .button-g { display: inline-block; width: 100%; height: 40px; text-align: center; text-decoration: none; line-height: 40px; outline: none; } .button-g::before, .button-g::after { position: absolute; z-index: -1; display: block; content: ''; } .button-g, .button-g::before, .button-g::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .button-g { background-color: #000; border: 0.5px solid #888; color: #fff !important; line-height: 40px; } .button-g:hover { background-color: #fff; border-color: #cecece; color: #888 !important; text-decoration: #000; } /*　ポップアップ -------------------------------------------------------------*/ .popup_wrap input { display: none; } .popup_overlay { display: flex; justify-content: center; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); } .popup_trigger { position: absolute; width: 100%; height: 100%; } .popup_content { position: relative; align-self: center; width: 90%; max-width: 800px; padding: 30px 30px 15px; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s; } .close_btn { position: absolute; top: 14px; right: 16px; font-size: 30px; cursor: pointer; } .popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s; } .open_btn { position: relative; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; margin:10px auto; padding: 8px 16px; color: #fff; background:#0c0d62; font-weight: bold; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); border-radius: 3px; cursor: pointer; transition: .3s ease; } .open_btn:hover{ background:#000; color:#fff; transition: .3s ease; } /*　黒リンクボタン -------------------------------------------------------------*/ .button-b { display: inline-block; width: 600px; height: 60px; text-align: center; text-decoration: none; line-height: 54px; outline: none; } .button-b::before, .button-b::after { position: absolute; z-index: -1; display: block; content: ''; } .button-b, .button-b::before, .button-b::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .button-b { background-color: #333; border: 2px solid #333; color: #ffffff !important; line-height: 50px; } .button-b:hover { background-color: #ffffff; border-color: #333; color: #333 !important; text-decoration: none; } =================================================================/* /*　ボタンC -------------------------------------------------------------*/ a.btn_c { display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #555; box-sizing: border-box; width: 40%; height: 60px; padding: 0 10px; color: #555; font-size: 16px; text-align: left; text-decoration: none; position: relative; transition-duration: 0.2s; } a.btn_c:hover { background: #888; border: 1px solid #888; color: #fff; } a.btn_c:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 50px; border-color: transparent transparent #555 transparent; } a.btn_c span { position: absolute; bottom: 12px; right: 20px; display: inline-block; } a.btn_c span:before { content: ''; width: 16px; height: 16px; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -8px; } a.btn_c span:after { content: ''; width: 6px; height: 6px; border: 0; border-top: 2px solid #555; border-right: 2px solid #555; transform: rotate(45deg); position: absolute; top: 50%; left: 4px; margin-top: -3px; } /* ================================================================= Recruit =================================================================*/ #main .box_gray { margin: 40px auto 40px auto; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f8f7f2; } #main .table_1 { margin: 40px auto 40px auto !important; width: 100%; border-collapse: collapse; } #main .table_1 th { padding: 20px; width: 190px; border: 1px solid #cecece; background: #f8f7f2; vertical-align: middle; text-align: center; } #main .table_1 td { padding: 20px; border: 1px solid #cecece; vertical-align: middle; } /* ================================================================= カラーボックス 使用ファイル：sidebar.xhtml,sidebar_***.xhtml =================================================================*/ #sidebar #colorbox #inline_content{padding:10px 0 10px 20px; background:#fff;} /* ================================================================= NEW ITEM 使用ファイル：list_$menstop.xhtml,list_$womenstop.xhtml =================================================================*/ #subslider_new li{float:left; padding:0 0 20px 0; margin:0 23px 0 0!important; height:280px;} #subslider_new li:nth-of-type(4n){margin:0!important;} /* ================================================================= AmazonPayment 使用ファイル：cart_seisan$amazon_payments.xhtml,header.xhtml =================================================================*/ #header .amazon_btn input{font-family:'Arial', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; color:#000; font-size:12px; background-color: transparent; cursor: pointer;} #member_edit_complete{background-color:#000; height:38px; font-size:15px;} #member_edit_cancel{background-color:#FFF; border:1px #000 solid; height:38px; font-size:15px; color:#000;} #member.mypage input.back_big{width: 250px; margin: 0 0 20px 0; line-height:36px; font-size: 15px; background-color: #FFF; color: #111; border:1px #000 solid; text-decoration: none; text-align: center; display:block; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Arial', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; background-color: transparent; cursor: pointer;} #member.mypage input.back_big:hover{background-color:#E5E5E5; color:#000;} #member.mypage .logout{margin: 0 10px;} #cartIndex .box.amazon .attention, #cartLogin .box.amazon .attention{color: #F00;} #cartLogin .box.amazon{float: none; margin: 0 10px 0;} #cartLogin .box.nologin{float: none; margin: 0 10px 10px;} #cartLogin .right{float: left;}