/* これはプレビュー用のcssです */ @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,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 */ /* 画像の縦横比調整 -------------------------------------------------------------*/ .img_box{text-align:center; position:relative;} .img_box img{width:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} /* カートフロー画像 -------------------------------------------------------------*/ .step{display:block; margin:25px auto 45px auto;} /* Amazonペイメントのスタイル -------------------------------------------------------------*/ #AmazonPayButton{min-height:80px;} /* ================================================================= 3.コンテナ・サイドバー・メインコンテンツ 使用ファイル：すべてのファイル =================================================================*/ /* #main.cart - カートフロー中のメインコンテンツ -------------------------------------------------------------*/ #main.cart{float:none; width:980px; min-height:500px;} /* #movie - ファクトリーギアTVコーナー -------------------------------------------------------------*/ /* #movie > ul { width: 100%; height: 420px; margin: 0 auto; padding: 30px; border-bottom: 1px solid #ddd; text-align: center; } スライダー取りやめの為*/ #movie .main_movie { width: 92%; height: 430px; padding: 4%; padding-top: 0; border-bottom: 1px solid #ddd; text-align: center; } #movie dt { height: 50px; padding-left: 20px; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 16px; font-weight: bold; color: #182677; line-height: 50px; } #movie dd > ul > li { position: relative; height: 100px; padding-left: 120px; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 14px; font-weight: bold; color: #3c6abd; line-height: 100px; } #movie dd > ul > li > a{ padding: 20px; } #movie dd > ul > li > ul { display: inline-block; position: absolute; right: 0; padding-right: 20px; box-sizing: border-box; } #movie dd > ul > li > ul > li { display: inline-block; box-sizing: border-box; vertical-align: middle; } /* #movie dd > ul > li > ul > li:first-child { width: 130px; height: 40px; border: 1px solid #ddd; margin-left: 10px; font-size: 13px; color: #e46f29; background: #fff; border-radius: 6px; box-sizing: border-box; line-height: 40px; text-align: center; } #movie dd > ul > li > ul > li:first-child a { display: block; padding-left: 30px; box-sizing: border-box; color: #e46f29; } #movie dd > ul > li > ul > li:first-child a:before { display: block; position: absolute; top: 50%; left: 18px; width: 26px; height: 26px; margin-top: -12px; border-radius: 50%; background: #f0f0f0; content: ""; } #movie dd > ul > li > ul > li:first-child a:after { display: block; content: ""; position: absolute; top: 50%; left: 29px; width: 0; height: 0; margin-top: -4px; border: 5px solid transparent; border-left: 8px solid #e46f29; } */ #movie dd > ul > li > ul > li:last-child { width: 120px; height: 40px; border: none; margin-left: 10px; font-size: 13px; color: #fff; background: #e46f29; border-radius: 6px; box-sizing: border-box; line-height: 40px; text-align: center; } #movie dd > ul > li > ul > li:last-child a { display: block; box-sizing: border-box; color: #fff; } #movie dd > ul > li img { position: absolute; top: 50%; left: 40px; width: auto; max-width: 60px; height: auto; max-height: 80px; margin: 0 40px 0 10px; transform: translateY(-50%); } /* #movie_slider Arrows - slick.jsのボタンスタイル変更 -------------------------------------------------------------*/ #movie_slider .slick-prev, #movie_slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 26px; height: 26px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #e46f29; border-radius: 50%; } #movie_slider .slick-prev:hover, #movie_slider .slick-prev:focus, #movie_slider .slick-next:hover, #movie_slider .slick-next:focus { /* color: transparent; */ outline: none; /* background: transparent; */ } #movie_slider .slick-prev:hover:before, #movie_slider .slick-prev:focus:before, #movie_slider .slick-next:hover:before, #movie_slider .slick-next:focus:before { opacity: 1; } #movie_slider .slick-prev.slick-disabled:before, #movie_slider .slick-next.slick-disabled:before { opacity: .5; } #movie_slider .slick-prev:before, #movie_slider .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #movie_slider .slick-prev { top: 210px; left: 40px; } [dir='rtl'] .slick-prev { top: 210px; right: 40px; left: auto; } #movie_slider .slick-prev:before { display: block; content: ""; position: absolute; top: 9px; left: 10px; width: 5px; height: 5px; border-top: 2px solid #fff; border-left: 2px solid #fff; opacity: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } [dir='rtl'] #movie_slider .slick-prev:before { display: block; content: ""; position: absolute; top: 9px; left: 10px; width: 5px; height: 5px; border-top: 2px solid #fff; border-left: 2px solid #fff; opacity: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #movie_slider .slick-next { top: 210px; right: 40px; } [dir='rtl'] #movie_slider .slick-next { top: 210px; right: auto; left: 40px; } #movie_slider .slick-next:before { display: block; content: ""; position: absolute; top: 9px; left: 8px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; opacity: 1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } [dir='rtl'] #movie_slider .slick-next:before { display: block; content: ""; position: absolute; top: 9px; left: 8px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; opacity: 1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #movie_slider .slick-prev, #movie_slider .slick-next { z-index: 100; } #movie_slider .slick-disabled { opacity: 0.6; } /* ================================================================= 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;} /* fontChanger - 文字サイズ変更 -------------------------------------------------------------*/ #fontChanger{float:right; margin:10px 20px 0 0;} #fontChanger h2{display:block; float:left; margin-right:5px; font-size:13px;} #fontChanger .icon{float:left;} #fontChanger .icon img{display:block; float:left; margin-right:4px;} /* language - 言語選択 -------------------------------------------------------------*/ #language{float:right; margin:10px 20px 0 0;} #language h2{display:block; float:left; margin-right:5px; font-size:13px;} #language p{float:left; margin-right:5px; font-size:75%;} /* search - 商品検索窓 -------------------------------------------------------------*/ #search{float:right; width:324px;} #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 .form{display:block; float:left; width:150px; height:20px; margin:5px 10px 0 0;} #search .button{display:block; float:left; margin:5px 0 0;} /* menu - メニュー -------------------------------------------------------------*/ #menu{height:50px; background:url("../images/menu_bg.gif") repeat-x;} #menu .inner{display:block; zoom:1; width:980px; margin:auto; text-align:left;} #menu ul{zoom:1; margin:0 auto; width:960px;} #menu ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu li{float:left;} #menu li a{display:block; width:192px; height:40px; text-indent:-9999px;} a.top:link,a.top:visited{background:url("../images/menu_top.gif") no-repeat;} #menu .top_select,a.top:hover{background:url("../images/menu_top.gif") 0 -40px no-repeat;} a.guide:link,a.guide:visited{background:url("../images/menu_guide.gif") no-repeat;} #menu .guide_select,a.guide:hover{background:url("../images/menu_guide.gif") 0 -40px no-repeat;} a.tokushou:link,a.tokushou:visited{background:url("../images/menu_tokushou.gif") no-repeat;} #menu .tokushou_select,a.tokushou:hover{background:url("../images/menu_tokushou.gif") 0 -40px no-repeat;} a.company:link,a.company:visited{background:url("../images/menu_company.gif") no-repeat;} #menu .company_select,a.company:hover{background:url("../images/menu_company.gif") 0 -40px no-repeat;} a.apply:link,a.apply:visited{background:url("../images/menu_apply.gif") no-repeat;} #menu .apply_select,a.apply:hover{background:url("../images/menu_apply.gif") 0 -40px no-repeat;} /* ================================================================= 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:190px; margin-bottom:10px;} #category h2{display:block; width:100%; height:30px; overflow:hidden; background:url("../images/category_title.gif") no-repeat; text-indent:-9999px;} #category li{display:inline;} #category .select{background:url("../images/marker_on.gif") 10px 10px no-repeat #C00; color:#FFF; text-decoration:none;} #category li a{display:block; padding:5px 5px 5px 25px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; background:url("../images/marker.gif") 10px 10px no-repeat; color:#333; font-size:90%; text-decoration:none;} #category li a:link{display:block; overflow:hidden;} #category li a:hover{background:url("../images/marker.gif") 10px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;} /* 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 h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%;} #ext h3{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#13247a 6px solid; font-size:80%;} #ext th{text-align:left;} #ext ul{padding-bottom:10px;} #ext li{list-style:disc; margin:5px 40px; font-size:80%;} #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;} #ext .tokushou ul li { text-indent: -1em; margin-left: 1em; } #ext .tokushou .tokushou_notice { font-size: small; text-indent: -2em; margin-left: 2em; } #ext .tokushou .tokushou_notice.no_digit { text-indent: -1em; margin-left: 1em; } #ext .tokushou p { margin-bottom: 30px; } /* ================================================================= 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:#CCC 1px solid; padding:10px; background:#F6F6F6;} #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{border:none; zoom:1; margin-bottom:10px; zoom:1; 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;} #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{text-align:center;} #cartIndex .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid; float:left; width:750px;} #cartIndex .total p{margin:0px; font-size:90%;} #cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;} #cartIndex .box{border:1px solid #CCC; margin-bottom:30px; clear:both;} #cartIndex .box .buttonarea.amazon_btn{margin:10px; padding:10px 0 0; text-align:center;} #cartIndex .box #AmazonPayV2Button{max-width: 230px; min-width: 200px; margin: 0 auto;} /* 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-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;} #cartLogin .box{border:1px solid #CCC; 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; border-top:1px solid #ccc;} #cartLogin .box .amazon_area p{margin:10px 0;} #cartLogin .box #AmazonPayV2Button{max-width: 230px; min-width: 200px; margin: 0 auto;} #cartLogin .widebox{border:1px solid #CCC; 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;} /* 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 .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.member_regist{margin-top:-1px;} #cartFlow table td.short input{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 0px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat; font-size:85%; margin-top:30px;} #cartFlow h3 img{vertical-align:middle;} #cartFlow .price{color:#C00; text-align:right;} #cartFlow .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#CCC 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:#CCC 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 #CCC;} #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:#CCC 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:#C00;} #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:#CCC 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;} /* ================================================================= 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 =================================================================*/ #footer{clear:both; width:100%; height:80px; margin-top:30px; padding:10px 0;} #footer .inner{width:980px; margin:0 auto;} #footer .backtotop{padding-bottom:10px; width:980px; height:20px; margin:0 auto;} #footer .backtotop a{display:block; width:135px; height:20px; background:url("../images/footer_backtotop.gif") no-repeat; text-indent:-9999px; float:right;} #footer .copyright{padding:10px 0 20px; font-size:75%; color:#333; text-align:center; border-top:1px solid #CCC;} /* ================================================================= 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;} #category_html img{display:block; margin-bottom:10px;} #category_description .area_text_link .text_link { border: 1px solid #e46f29; padding: 5px; border-radius: 3px; } #category_description .area_text_link { margin-bottom: 20px; } #category_description .area_text_link .text_link a { color: #e46f29; } #category_description figure { margin: 0; margin-bottom: 10px; } #category_description figure img { width: 100%; } #category_description .text_description { color: #666; padding: 10px; } /* itemListCategory - カテゴリ -------------------------------------------------------------*/ #itemListCategory{margin-bottom:20px;} #itemListCategory ul{display:block; zoom:1; width:768px; border:#CCC 1px solid; background:#F5F5F5;} #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:url("../images/marker_on.gif") 7px 10px no-repeat #C00; color:#FFF; text-decoration:none;} #itemListCategory li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; 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:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; 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:url("../images/marker_on.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:none;} #itemListCategory #sub li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; color:#333; font-size:80%; text-decoration:none; text-indent:15px;} #itemListCategory #sub li a:link{display:block;} #itemListCategory #sub li a:hover{background:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; 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:20px;} #list ul{zoom:1; margin-bottom:10px; padding-left:5px; background:url("../images/list_bg.gif") bottom repeat-x;} #list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list li{float:left;} #list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC; font-size:80%;} #list .detail{background:url("../images/list_detail.gif") 7px 7px no-repeat #DDD;} #list .image{background:url("../images/list_image.gif") 7px 7px no-repeat #DDD;} #list .simple{background:url("../images/list_simple.gif") 7px 7px no-repeat #DDD;} #list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .pageguide{float:left; width:570px; font-size:85%;} #list .rearrange{float:left; width:200px; font-size:85%; text-align:right;} #list .pagelink{clear:both; font-size:85%;} #list .nolink{color:#999;} /* itemListDetail - 商品詳細一覧・プレゼント一覧 -------------------------------------------------------------*/ #itemListDetail{margin-bottom:20px; clear:both;} #itemListDetail .box{zoom:1; margin-top:10px; border:#CCC 1px solid;} #itemListDetail .box:hover{border:#8CC329 1px solid;} #itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListDetail .text{margin-left:140px;} #itemListDetail .text p{margin:10px 0 0;} #itemListDetail h3{display:block; margin:10px 10px 0 0; font-size:95%;} #itemListDetail .appeal{display:block; margin:0; color:#F60; font-size:70%;} #itemListDetail .price{display:block; margin:0; color:#C00;} #itemListDetail .price .teika{font-weight:bold; font-size:110%;} #itemListDetail .price .other{font-size:90%;} #itemListDetail p.explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;} #itemListDetail .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;} #itemListDetail .property{display:inline; margin:0; color:#AAA; font-size:75%;} #itemListDetail .img_box{width: 120px; height: 120px; margin:10px; float:left; text-align:center; position:relative;} #itemListDetail .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;} #itemListDetail .itemcompare .img_box{width: 80px; height: 80px; margin:0; text-align:center; position:relative;} #itemListDetail .itemcompare .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;} #itemListDetail .itemcompare .propertyimg_box{width: 60px; height: 60px; margin:0; text-align:center; position:relative;} #itemListDetail .itemcompare .propertyimg_box img{width:auto; max-width:60px; max-height:60px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #itemListDetail .orange {color: #e46f29;} #itemListDetail .pageguide {padding: 20px 0;} /* itemListSimple - 商品簡易一覧 -------------------------------------------------------------*/ #itemListSimple{margin-bottom:20px;} #itemListSimple .box{zoom:1; margin-top:10px; border:#CCC 1px solid;} #itemListSimple .box:hover{border:#8CC329 1px solid;} #itemListSimple .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListSimple h3{display:block; margin:10px 10px 0 10px; font-size:95%;} #itemListSimple .appeal{display:block; margin:0 0 0 10px; color:#F60; font-size:70%;} #itemListSimple .price{display:block; margin:0 0 0 10px; color:#C00;} #itemListSimple .price .teika{font-weight:bold; font-size:110%;} #itemListSimple .price .other{font-size:90%;} #itemListSimple .explanation1{display:block; margin:5px 10px 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;} #itemListSimple .button{display:block; margin:5px 10px; padding-top:10px; border-top:#CCC 1px solid; text-align:right;} #itemListSimple .property{display:inline; margin:0; color:#AAA; font-size:75%;} /* itemListImage - 商品画像一覧 -------------------------------------------------------------*/ #itemListImage{margin-bottom:20px;} #itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListImage .box{float:left; margin-top:10px; width:235px; margin-right:10px; border:#CCC 1px solid;} /* #itemListImage .box:hover{border:#8CC329 1px solid;} */ #itemListImage .text{float:left; width:95px;} #itemListImage h3{display:block; margin:5px 10px 0 0; font-size:14px; line-height:120%;} #itemListImage .icon{display:block; margin:10px 7px 0 0; line-height:120%;} #itemListImage .button{display:block; clear:both; margin:5px 0; text-align:center;position: absolute;width: 176px !important;bottom: 0;} #itemListImage .property{display:inline; margin:0; color:#AAA; font-size:70%;} #itemListImage .img_box{width:120px; height:120px; margin:10px; float:left; text-align:center; position:relative;} #itemListImage .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;} /* topicsList - トピックス一覧 -------------------------------------------------------------*/ #topicsList {margin-bottom:20px;} #topicsList .box {zoom:1; margin-top:10px; padding:10px; border:#CCC 1px solid;} #topicsList .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topicsList .box h3{font-size:95%; display:block; margin:10px 10px 0 0px;} #topicsList .box p{display:block; width:728px; margin:0; padding:5px 0px; font-size:90%; font-weight:normal;} #topicsList .img_box{width:120px; height:120px; float:right; margin:0 0 10px 10px; text-align:center; position:relative;} #topicsList .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;} /* itemDetail - 商品詳細・プレゼント詳細 -------------------------------------------------------------*/ #itemDetail{margin-bottom:20px;} #itemDetail .box{zoom:1; margin-top:10px; border:#CCC 1px solid;} #itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* 商品画像の切り替え */ #itemDetail .item_image_area{float:left; width:270px; margin:15px;} #itemDetail .item_image_area #targetarea{visibility:hidden;} #itemDetail .item_image_area #main_box{position:relative; border:1px solid #ccc;} #itemDetail .item_image_area #main_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .item_image_area .img_box{display:none; width:268px; height:268px;} #itemDetail .item_image_area .img_box img{max-width:268px; max-height:268px;} #itemDetail .item_image_area .thumb{margin:10px 0;} #itemDetail .item_image_area .thumb li{margin:0 5px 5px 0; float:left;} #itemDetail .item_image_area .thumb li.last{margin-right:0;} #itemDetail .item_image_area .thumb a{border:1px solid #ccc; width:48px; height:48px; display:block; text-align:center; position:relative;} #itemDetail .item_image_area .thumb a img{max-width:48px; max-height:48px; width:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #itemDetail .item_image_area .thumb a img:hover{filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;} #itemDetail .item_image_area .thumb li.active a{border:1px solid #cc3333; display:block; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;} #itemDetail .item_image_area .thumb li.active a img:hover{cursor:default; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;} #itemDetail .otherImage{clear:both; padding:10px 10px 0 15px; font-size:75%;} #itemDetail .recommend{clear:both; padding:0 10px 10px 15px; font-size:75%;} #itemDetail .propertyImg{float:left; margin-bottom:10px; padding-left:10px; clear:both;} #itemDetail .propertyImg .propertyimg_box{width:80px; height:80px; float:left; text-align:center; position:relative;} #itemDetail .propertyImg .propertyimg_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #itemDetail .propertyImg p{margin:0; text-align:center;} #itemDetail p{margin:0 0 10px;} #itemDetail .text{float:right; width:455px;} #itemDetail .appeal{display:block; margin:10px 10px 0 0; color:#F60; font-size:75%;} #itemDetail h3{display:block; margin:10px 10px 5px 0; font-size:105%;} #itemDetail .price{display:block; margin:0 10px 5px 0; font-size:90%; color:#C00;} #itemDetail .price .teika{display:block; margin-bottom:5px; font-weight:bold; font-size:110%;} #itemDetail .price .other{display:block; font-size:90%;} #itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;} #itemDetail .explanation2{display:block; margin:10px 10px 20px 0; padding-top:10px; border-top:#CCC 1px solid; font-size:80%; line-height:120%;} #itemDetail .explanation3{display:block; margin:0 10px 20px 0; padding:10px; background:#EEE; color:#666; font-size:75%; line-height:120%;} #itemDetail .button{display:block; margin:20px 10px 20px 0;} #itemDetail table{width:445px; margin:0 0 10px;} #itemDetail th{width:100px; padding:5px 10px; text-align:left;} #itemDetail td{padding:5px 10px;} /* 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; background-color:#fff; border: #ccc 2px solid; width:270px; z-index:10; display:none;} #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:100.0%; font-weight:bold; color:#000;} #itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color:#fff; cursor:pointer; text-align: center; margin-bottom:0;} #itemDetail .wishlistSubmitButton .wishlistMessage .link{background-color:#fff; text-align: center;} #itemDetail .wishlistSubmitButton .wishlistMessage .close{position:absolute; top:3px; right:3px; cursor:pointer;} /* itemDetail - トピックス詳細 -------------------------------------------------------------*/ #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{font-size:90%; margin:5px 0px;} #itemDetail .topics_img img{display:block;} #itemDetail .topics_img .img_box{width:140px; height:140px; margin:10px 10px 10px 0; text-align:center; position:relative; float:left;} #itemDetail .topics_img .img_box img{width:auto; max-width:140px; max-height:140px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} #itemDetail .topics_img .topics_text{overflow:auto; zoom:1;} #itemDetail .topics_img,#itemDetail .topics_noimg{padding:10px;} #itemDetail .topics_noimg p img{float:right; margin:0 0 10px 10px;} /* itemDetail - 発送目安 -------------------------------------------------------------*/ #itemDetail .shipping .red { font-weight: bold; color: #C00; } #itemDetail .shipping a { font-size: 14px; } /* ================================================================= 12.レビュー 使用ファイル：item_detail.xhtml, member_review.xhtml =================================================================*/ #review{margin-bottom:40px;} #review p{margin:0 10px;} #review p.item_name{font-size:95%; font-weight:bold;} #review h3{float:left; margin:0 10px; font-size:80%;} #review .box{zoom:1; margin:10px 0 5px; padding:10px; border:#CCC 1px solid;} #review .box h3{float:none; font-size:90%;} #review .box p{margin:0;} #review .box p.name{padding:5px 0; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#666; font-size:75%;} #review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;} #review p.goodButton input{margin-left:5px; vertical-align:middle;} #review p.goodButton img{margin-left:5px; vertical-align:middle;} #review p.goodNumber{margin-bottom:20px; color:#666; font-size:75%;} #review p.more{margin-bottom:20px; font-size:75%; text-align:right;} #review p.pageguide{margin:10px;} #review p.pagelink{text-align:center; margin-bottom:20px;} #review ul.star{float:left;} #review ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;} #review ul.star li.good{background:url("../images/review_good.gif") no-repeat;} #review ul.star li.bad{background:url("../images/review_bad.gif") no-repeat;} #review .contribution{zoom:1; margin-top:10px; padding:10px 10px 0 10px;} #review .contribution table{margin:0; border:none;} #review .contribution th{width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left;} #review .contribution td{padding:5px 10px; border:none;} #review .contribution h3{float:none; margin-bottom:10px; padding:3px 5px; border-right:1px solid #EEE; border-bottom:1px solid #DDD; border-left:5px solid #960; background:#F5F5F5; font-size:95%;} /* ================================================================= 13.購入履歴 使用ファイル：member_history.xhtml =================================================================*/ /* =================================================================== 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;} #subwindow #header h1 a{float:none;} #subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;} #subwindow #content table{font-size:80%;line-height:160%;margin:10px 0px;width:100%;border:1px solid #CCCCCC;} #subwindow #content th{background:#EEEEEE;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 =================================================================*/ /* 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; margin-top:10px; border:#CCC 1px solid;} #wishList .box:hover{border:#8CC329 1px solid;} #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 .appeal{display:block; margin:0; color:#F60; font-size:70%;} #wishList .price{display:block; margin:0; color:#C00;} #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:#CCC 1px solid; font-size:80%; line-height:120%;} #wishList .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 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; float:left; text-align:center; position:relative;} #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 =================================================================*/ /* ================================================================= 19.会員関係 使用ファイル：member_mypage.xhtml =================================================================*/ #member.mypage #social_plus th{width:100px;} /* add style */ /* ▼ 全体共通 ----------------------------------------------- */ body{font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;} #main input, #main textarea, #main select, #main button{font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;} dl::after, .clearfix::after { content: ''; display: block; clear: both; } hr { margin: 20px 0; } .fr { float: right; } .fl { float: left; } .mt-20 { margin-top: 20px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .tac { text-align: center; } .tar { text-align: right; } .none { display: none; } .buttonarea .cart_next_btn a, .buttonarea .cart_next_btn button { width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } .buttonarea .cart_next_btn a.fb { background: #3b589e; } .buttonarea .cart_prev_btn { width: 264px; height: 48px; border: 1px solid #e46f29; background: #fff; color: #e46f29; display: block; text-align: center; line-height: 48px; border-radius: 8px; font-size: 15px; margin: auto; } .buttonarea .cart_next_btn a, .buttonarea .cart_prev_btn a { display: block; } .buttonarea .cart_next_btn:hover, .buttonarea .cart_prev_btn:hover { cursor: pointer; } /* .buttonarea .cart_next_btn a:hover, */ .buttonarea .cart_prev_btn a:hover { color: #e46f29; } #main .member_notice { padding: 30px; margin-top: 30px; border: 4px solid #e8e8e8; clear: both; } #main .member_notice h3 { margin-bottom: 1em; } #main .member_notice p { font-size: 15px; line-height: 1.6; margin: 0; } /* ----------------------------------------------- /* ▲ 全体共通 */ /* ▼ サイドバー ----------------------------------------------- */ #sidebar { width: 184px; margin-right: 30px; } #sidebar h2 { height: 44px; background: #dfe7ed; border-bottom: 1px solid #13247a; color: #13247a; border-radius: 4px 4px 0 0; font-size: 14px; line-height: 44px; text-align: center; text-indent: 0; } #sidebar ul.main-menu li { position: relative; } #sidebar ul.main-menu li ul.sub-menu { position: absolute; display: none; z-index:100; background-color: #fff; } #sidebar #category ul.sub-menu li a { padding-left: 20px; } #sidebar ul.sub-menu { position: absolute; top: -65px; left: 170px; padding: 25px 0; font-size: 100%; box-shadow: 0px 0px 7px rgba(51,51,51,0.2); width: 410px !important; } #sidebar ul.sub-menu li { display: inline-block; width: 200px; vertical-align: top !important; } #sidebar ul.sub-menu li a { box-sizing: border-box; display: inline-block; width: 100%; height: 100%; padding-top: 2px; padding-bottom: 2px; background: none !important; background-color: #fff; border: none; line-height: 20px; } #sidebar ul.sub-menu li a:hover { opacity: 0.6; } #sidebar li a { height: 44px; border: none; border-bottom: 1px solid #ddd; background: none; line-height: 44px; padding: 5px 5px 5px 0; display: block; font-size: 0.9em; color: #333; } #sidebar li a:hover { background: none; color: #000; text-decoration: none; } #sidebar .link_all { font-size: 12px; text-align: right; margin-top: 6px; } #sidebar .link_all a { } #sidebar .select { background: none; color: #000; } #sidebar .bnr_box { margin-bottom: 22px; } #sidebar .bnr_box .bnr_txt { font-size: 12px; } #sidebar #category ul li a { padding-left: 45px; } #sidebar #category ul li:nth-child(1) a { background: url(../images/cat_icon_11.png) no-repeat left center /45px; } #sidebar #category ul li:nth-child(2) a { background: url(../images/cat_icon_13.png) no-repeat left center /45px; } #sidebar #category ul li:nth-child(3) a { background: url(../images/cat_icon_10.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(4) a { background: url(../images/cat_icon_04.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(5) a { background: url(../images/cat_icon_01.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(6) a { background: url(../images/cat_icon_06.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(7) a { background: url(../images/cat_icon_05.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(8) a { background: url(../images/cat_icon_03.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(9) a { background: url(../images/cat_icon_02.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(10) a { background: url(../images/cat_icon_12.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(11) a { background: url(../images/cat_icon_07.jpg) no-repeat left center /45px; } #sidebar #category ul li:nth-child(12) a { background: url(../images/cat_icon_14.jpg) no-repeat left center /45px; } #sidebar #category ul li a:hover { color: #0e6ac1; } #sidebar_favorite { margin-top: 40px; } #sidebar_brand { margin-top: 40px; } #sidebar_feature { margin-top: 40px; } /* ----------------------------------------------- /* ▲ サイドバー */ /* ▼ 共通部分 ----------------------------------------------- */ #main th.title { font-weight: bold; color: #13247a; } /* 閲覧履歴 */ #itemAccessLog { margin-bottom: 0; } #itemAccessLog .box { width: 173px; border: none; float: left; } #itemAccessLog .box:hover { border: none; } #itemAccessLog .img_box { float: none; } #itemAccessLog .img_box img { overflow: hidden; } #itemAccessLog .text { margin: 0; } #itemAccessLog h3 a { color: #0e6ac1; text-decoration: none; } #itemAccessLog .price .teika { color: #d81717 } #itemAccessLog .link { margin-right: 14px; } #itemAccessLog .maker_name { font-size: 12px; } #itemAccessLog .itemAccessLog_slide .slick-next, #itemAccessLog .itemAccessLog_slide .slick-prev { width: 30px; height: 30px; border-radius: 50%; background: #e46f29; } #itemAccessLog .itemAccessLog_slide .slick-next { right: -55px; } #itemAccessLog .itemAccessLog_slide .slick-prev { left: -55px; } #itemAccessLog .itemAccessLog_slide .slick-next::before, #itemAccessLog .itemAccessLog_slide .slick-prev::before { color: #fff; position: relative; top: -2px; } #itemAccessLog .itemAccessLog_slide .slick-prev::before { content: '<'; right: 1px; } #itemAccessLog .itemAccessLog_slide .slick-next::before { content: '>'; left: 1px; } #itemAccessLog .price .other { text-decoration: line-through; color:#555858; } #itemAccessLog .maker_info { line-height: 1.1; margin: 2px 0; } #itemAccessLog .maker_info .maker_name, #itemAccessLog .maker_info .maker_cd, #itemAccessLog .price .member_teika, #itemAccessLog .price .teika, #itemAccessLog .price .other { font-size: 12px; font-weight: normal; } #itemListDetail { margin-bottom: 0; } #itemListDetail .box { width: 173px; border: none; float: left; } #itemListDetail .box:hover { border: none; } #itemListDetail .img_box { float: none; } #itemListDetail .img_box img { overflow: hidden; } #itemListDetail .text { margin: 0; } #itemListDetail h3 a { color: #0e6ac1; text-decoration: none; } #itemListDetail .price .teika { color: #d81717 } #itemListDetail .link { margin-right: 14px; } #itemListDetail .maker_name { font-size: 12px; } #itemListDetail .itemAccessLog_slide .slick-next, #itemListDetail .itemAccessLog_slide .slick-prev { width: 30px; height: 30px; border-radius: 50%; background: #e46f29; } #itemListDetail .itemAccessLog_slide .slick-next { right: -55px; } #itemListDetail .itemAccessLog_slide .slick-prev { left: -55px; } #itemListDetail .itemAccessLog_slide .slick-next::before, #itemListDetail .itemAccessLog_slide .slick-prev::before { color: #fff; position: relative; top: -2px; } #itemListDetail .itemAccessLog_slide .slick-prev::before { content: '<'; right: 1px; } #itemListDetail .itemAccessLog_slide .slick-next::before { content: '>'; left: 1px; } #itemListDetail .price .other { text-decoration: line-through; color:#555858; } #itemListDetail .maker_info { line-height: 1.1; margin: 2px 0; } #itemListDetail .maker_info .maker_name, #itemListDetail .maker_info .maker_cd, #itemListDetail .price .member_teika, #itemListDetail .price .teika, #itemListDetail .price .other { font-size: 12px; font-weight: normal; } #index #itemAccessLog { margin-top: 10px; padding-top: 30px; border-top: 1px solid #ddd; } #index #itemAccessLog h2 { font-size: 20px; color: #13247a; } #index #itemAccessLog .box { width: 180px; margin-right: 30px; } #index #itemAccessLog .box .img_box { width: 140px; height: 140px; } /* ----------------------------------------------- /* ▲ */ /* ▼ 商品一覧 - item_list$image.xhtml ----------------------------------------------- */ #list .pageguide { width: auto; margin-top: 10px; margin-bottom: 25px; float: left; font-size: 16px; } #h_list .pageguide { width: 100%; margin-bottom: 25px; float: none; font-size: 16px; } #list .h_category_name { color: #e46f29; font-weight: bold; } #itemListImage { display: -webkit-flex; /* 横並び */ display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #itemListImage .box { width: 176px; height: auto !important; /* 横並び */ padding: 0 40px 60px 0; border: none; border-bottom: 1px solid #ddd; margin: 0 0 25px 0; position: relative; } #itemListImage .box:nth-child(4n) { padding: 0; } .sale_display_list { text-align: right; position: absolute; left: 1px; padding: 2px 3px; background-color: red; color: #fff; font-size: 10px; z-index: 2; } .sale_display_detail { text-align: right; position: absolute; left: 1px; padding: 2px 3px; background-color: red; color: #fff; font-size: 14px; z-index: 2; } #itemListImage .text { width: 176px; margin-bottom: 10px; /* 横並び */ } #itemListImage .text p { margin: 0 0 6px 0; font-size: 12px; } #itemListImage .text .teika, #itemListImage .text .other { font-size: 12px; font-weight: normal; } #itemListImage .text .other { text-decoration: line-through; color: #555858; } #itemListImage h3 { margin: 0 0 6px 0; line-height: 1.4; } #itemListImage .price { margin: 0; color: #d81717; font-size: 14px; font-weight: bold; } #itemListImage .img_box { width: 130px; height: 130px; margin: auto; float: none; } #itemListImage .img_box img { max-width: 120px; max-height: 120px; margin: auto; } #list .pagelink { text-align: center; } #list .pagelink > span span span, #list .pagelink > span span span a { width: 34px; height: 34px; display: inline-block; text-align: center; line-height: 34px; background: #f0f0f0; } #list .pagelink .current { background: #e46f29; color: #fff; } #list .pagelink > span:first-child span span, #list .pagelink > span:last-child span span { width: auto; height: auto; background: none; line-height: 1; } #list .pagelink_first { padding: 20px 0; margin: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #category_ttl img { max-width: none; max-height: 50px; } #itemListCategory.itemListCategory_sale { display: block !important; } #itemListCategory .text .price .other{font-size: 70%;text-decoration: line-through; color:#55858;} #itemListImage .text .fontsize{ font-size: 70%; } /* 商品カテゴリ */ #itemListCategory ul { } #main #category_ttl .cat_img { display: inline-block; width: auto; height: 50px; text-align: center; float: left; margin-right: 14px; } #main #category_ttl .cat_name { margin-top: 4px; float: left; } #main .cat_main_bnr { margin-bottom: 30px; } #itemListCategory #sub ul { width: 825px; border: none; } /* #itemListCategory #sub.second_cat { margin-bottom: 40px; } #itemListCategory #sub.second_cat li { margin: 0 29px 12px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #itemListCategory #sub.second_cat li:nth-child(4n) { margin-right: 0; } #itemListCategory #sub.second_cat li a { width: 184px; height: 80px; padding: 6px 4px; background: none; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #0e6ac1; white-space: normal; text-indent: 0; } */ #itemListCategory #sub .select, #itemListCategory #sub li a:hover { background: none; color: #0e6ac1; text-decoration: none; opacity: .7; } /* #itemListCategory #sub.second_cat li .cat_img { width: 60px; height: 60px; margin-right: 8px; float: left; text-align: center; } #itemListCategory #sub.second_cat li .cat_img img { max-width: 60px; max-height: 60px; } #itemListCategory #sub.second_cat li .cat_name { width: 108px; float: right; } #itemListCategory #sub.second_cat li a .count { color: #000; } */ #itemListCategory #sub.sub_cat { margin-bottom: 20px; } #itemListCategory #sub.sub_cat li { width: 184px; height: 56px; margin-right: 29px; margin-bottom: 6px; } #itemListCategory #sub.sub_cat li:nth-child(4n) { margin-right: 0; } #itemListCategory #sub.sub_cat li a { white-space: normal; background: none; text-indent: 0; /* height: 40px; */ margin-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } #itemListCategory #sub.sub_cat li a:hover { color: #000; } #itemListCategory #sub.sub_cat .cat_img { width: 40px; height: 40px; margin-right: 8px; text-align: center; float: left; } #itemListCategory #sub.sub_cat .cat_img img { max-width: 40px; max-height: 40px; } #itemListCategory #sub.sub_cat .cat_name { /* width: 128px; */ width: 100%; float: right; color: #0e6ac1; } #itemListCategory #sub.sub_cat .cat_name .count { color: #777; } /* ----------------------------------------------- /* ▲ 11.商品一覧 */ /* ▼ 11.商品詳細 ----------------------------------------------- */ #detailPage #main { width: 100%; } #itemDetail .box { border: none; } /* 商品画像 */ #itemDetail .item_image_area { position: relative; width: 400px; margin: 0 30px 0 0; } #itemDetail .item_image_area #main_box { width: 400px; height: 400px; } #itemDetail .item_image_area #main_box .img_box { padding: 20px; position: static; width: auto; height: auto; } #itemDetail .item_image_area .img_box img { max-height: 360px; max-width: 360px; } /* 商品情報 */ #itemDetail .text { width: 400px; float: left; } #itemDetail h3 { font-size: 24px; color: #13247a; } #itemDetail .maker_name { font-size: 16px; font-weight: bold; margin-bottom: 2px; } #itemDetail .price .other { color: #000; /* text-decoration: line-through; */ margin-bottom: 12px; font-size: 16px; } #itemDetail .price .teika { margin-bottom: 14px; } #itemDetail .price .teika strong { font-size: 24px; } #itemDetail .get_point { font-size: 12px; font-weight: bold; margin-bottom: 30px; } /* カート関連 */ #itemDetail .cart_box { width: 180px; float: left; margin-left: 30px; } #itemDetail .cart_box .option { } #itemDetail .cart_box .option .option_h { height: 40px; padding: 2px 12px 0; margin: 0; line-height: 40px; background: #e3e3e3; font-size: 14px; font-weight: bold; color: #000; border-radius: 6px 6px 0 0; } #itemDetail .cart_box .option .option_body { background: #f0f0f0; padding: 12px 12px 24px 12px; border-radius: 0 0 6px 6px; margin-bottom: 15px; } #itemDetail .cart_box .option .option_body .HTMLFORM_ELEMENT:not(:first-child):before { content: '\A'; white-space: pre; } #itemDetail .cart_box .option .option_body h4 { font-weight: normal; font-size: 14px; margin-bottom: 2px; } #itemDetail .cart_box .option .option_body p { margin-bottom: 14px; } #itemDetail .cart_box .option .option_body div:last-child p { margin-bottom: 0; } #itemDetail .cart_box .option .option_body span.HTMLFORM_ELEMENT { /* display: block; margin-bottom: -14px; */ } #itemDetail .cart_box .quantity { background: #f0f0f0; border-radius: 6px; padding: 18px; } #itemDetail .cart_box .quantity p { margin: 0; font-weight: bold; } #itemDetail .cart_box .quantity p select { width: 48px; height: 20px; background: #fff; border: 1px solid #a8a8a8; } #itemDetail .cart_box .cart_btn button { width: 180px; height: 60px; border-radius: 6px; font-weight: bold; font-size: 15px; background: #e46f29; color: #fff; border: none; } #itemDetail .cart_box .cart_btn button:hover { border: 1px solid #e46f29; background: #fff; color: #e46f29; cursor: pointer; } /* 商品自由項目 */ #item_info_box .info_table_1, #item_info_box .info_table_2 { width: 100%; } #item_info_box .info_table_1 { table-layout: fixed; margin-bottom: 40px; } #item_info_box .info_table_1 th { background: #dfe7ed; text-align: center; vertical-align: middle; font-weight: bold; } #item_info_box .info_table_1 td { text-align: center; } #item_info_box .info_table_2 { margin-bottom: 34px; } #item_info_box .info_table_2 th { width: 150px; padding: 14px; } #item_info_box .info_table_2 td { width: 380px; padding: 14px; } /* 閲覧履歴 */ #itemAccessLog .box { width: 173px; /* height: 245px; */ border: none; float: left; } #itemAccessLog .box:hover { border: none; } #itemAccessLog .img_box { float: none; } #itemAccessLog .img_box img { overflow: hidden; } #itemAccessLog .text { margin: 0; } #itemAccessLog h3 a { color: #0e6ac1; text-decoration: none; } #itemAccessLog .price .teika { color: #d81717 } #itemAccessLog .link { margin-right: 14px; } #itemListDetail .box { width: 173px; /* height: 245px; */ border: none; float: left; } #itemListDetail .box:hover { border: none; } #itemListDetail .img_box { float: none; } #itemListDetail .img_box img { overflow: hidden; } #itemListDetail .text { margin: 0; } #itemListDetail h3 a { color: #0e6ac1; text-decoration: none; } #itemListDetail .price .teika { color: #d81717 } #itemListDetail .link { margin-right: 14px; } /* ----------------------------------------------- /* ▲ 11.商品詳細 */ /* ▼ 8.カートの中身～注文完了まで、プレゼント応募～完了まで ----------------------------------------------- */ #main.cart { width: 1040px; } #cartIndex { width: auto; } #cartIndex table th { height: 70px; padding: 0 18px; font-weight: bold; background: #dfe7ed; box-sizing: border-box; vertical-align: middle; } #cartIndex table th.itemname { width: 438px; box-sizing: border-box; } #cartIndex table td.amount_td select { border: 1px solid #a8a8a8; } /* カートサイドバー */ #cartSidebar { width: 264px; } #cartSidebar #sideInner { width: 264px; } #cartSidebar .total_box { padding: 36px 40px; border: none; margin-bottom: 40px; border-radius: 6px; background: #f0f0f0; } #cartSidebar .total_box .box:last-of-type { margin-bottom: 0; } #cartSidebar .total_box .box:nth-of-type(3) { margin-bottom: 28px; } #cartSidebar .total_box h3 { font-weight: normal; color: #000; } #cartSidebar .total_box p.price { font-weight: normal; color: #000; } #cartSidebar .total_box .totalpricebox { padding-top: 28px; } #cartSidebar .total_box .totalpricebox h3, #cartSidebar .total_box .totalpricebox p.price { font-weight: bold; } #cartSidebar .total_box .cart_next_btn button, #cartGGbar .total_box .cart_next_btn a { width: 184px; height: 60px; background: #e46f29; color: #fff; border-radius: 8px; text-align: center; line-height: 60px; } #cartSidebar .cart_next_btn a, #cartSidebar .cart_next_btn button { width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } #cartSidebar .cart_next_btn button:hover { background-color: #fff; border: 1px solid #e46f29; color: #e46f29; } #cartSidebar .cart_next_btn a { display: block; } #cartSidebar .total_box .cart_prev_btn a { width: 184px; height: 46px; border: 1px solid #e46f29; color: #e46f29; background: #fff; display: block; text-align: center; line-height: 46px; border-radius: 8px; font-size: 15px; } #cartSidebar .cart_prev_btn a { width: 264px; height: 46px; border: 1px solid #e46f29; background: #fff; color: #e46f29; display: block; text-align: center; line-height: 46px; border-radius: 8px; font-size: 15px; } #cartFlow { width: auto; } #cart_seisan th { font-weight: bold; color: #13247a; } #cart_seisan .payment_annotate { font-size: 12px; margin: 10px; } #cart_seisan .payment_annotate li { padding: 0; } #cart_result #container, #cart_result #main { width: 746px; } #cartResult .number { margin: 30px 0px; text-align: center; line-height: 106px; height: 106px; color: #13247a; border: 1px solid #ddd; } #cartResult .number strong { font-size: 24px; } #cartResult p { font-size: 16px; margin: 30px 0; } #cartResult .buttonarea { padding: 0; } #cartResult .buttonarea a { width: 398px; height: 60px; background: #e46f29; color: #fff; border-radius: 8px; text-align: center; line-height: 60px; display: block; margin: auto; } #cartFlow table.change_data { margin-top: -1px; } /* ----------------------------------------------- /* ▲ 8.カートの中身～注文完了まで、プレゼント応募～完了まで */ /* ▼ カートログイン - cart_login.html ----------------------------------------------- */ #loginPage .cart_next_btn button { width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } #cart_login th.title { vertical-align: middle; } #cart_login .cart_next_btn button { width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } #cart_login .cart_prev_btn button { width: 264px; height: 60px; margin: auto; border: 1px solid #e46f29; background: #fff; color: #e46f29; font-size: 15px; display: block; text-align: center; line-height: 46px; border-radius: 8px; cursor: pointer; outline: none; appearance: none; } #cartLogin .box { border: none; } #cartLogin .box table { margin: 0; } #cartLogin .box .amazon_area { border-top-color: transparent; } #cartLogin .cart_login_leftColumn { width: 610px; margin: 0 0 30px; } #cartLogin .cart_login_leftColumn table { width: 100%; } #cartLogin .cart_login_rightColumn { width: 400px; float: right; margin: 0 0 30px; } /* ----------------------------------------------- /* ▲ カートログイン - cart_login.html */ /* ▼ ログイン - login.html ----------------------------------------------- */ #loginPage #main.no-sidebar { width: 1040px !important; } #loginPage .login_leftColumn { width: 610px; float: left; } #loginPage .login_leftColumn .buttonarea { padding-top: 15px; } #loginPage #main.no-sidebar .login_leftColumn table { width: 610px !important; } #loginPage #main .forgot_login { margin-top: 30px; text-align: center; } #loginPage .login_rigthColumn { width: 400px; float: right; margin-bottom: 30px; } #loginPage .login_rigthColumn .buttonarea { padding: 15px; margin: 0; border: 1px solid #ccc; } #loginPage .login_rigthColumn a { margin: auto; } /* ----------------------------------------------- /* ▲ ログイン - login.html /* ----------------------------------------------- /* ▲ マイページ */ /* ▼ ext ----------------------------------------------- */ .ext_conts #main { width: 100%; margin-bottom: 90px; } #ext .inner { width: 840px; margin: auto; } #ext section { margin-bottom: 24px; } #ext h1 { padding-bottom: 20px; /* margin-bottom: 50px; */ font-size: 24px; color: #13247a; /* border-bottom: 1px solid #ddd; */ } #ext h2 { height: 50px; padding: 0 0 0 20px; border: none; margin: 0 0 20px 0; font-size: 16px; color: #13247a; background: #f0f0f0; border-radius: 6px; line-height: 50px; } #ext p, #ext li { font-size: 16px; margin-bottom: 30px; } #ext li { list-style-type: none; margin: 0; } #ext .year li { text-align: right; margin: 3px; } #ext hr { margin: 30px 0 50px; color: #ddd; } #ext .inner ol ol { margin-left: 2em; } /* ----------------------------------------------- /* ▲ ext /* ▼ category_all ----------------------------------------------- */ #category_all .cat_wrap { width: 185px; float: left; margin-left: 28px; } #category_all .cat_wrap:first-child { margin-left: 0; } #category_all .cat_wrap section { margin-bottom: 40px; } #category_all .cat_wrap h2 { height: auto; line-height: 1.2; padding: 0; margin-bottom: 20px; font-size: 18px; color: #e46f29; background: none; } #category_all .cat_wrap li { margin: 0; color: #0e6ac1; font-size: 14px; border-bottom: 1px solid #ddd; } #category_all .cat_wrap li a { padding: 6px 18px 6px 0; position: relative; display: block; } #category_all .cat_wrap li a:after { content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border: 1px solid #aeaeae; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-bottom: none; border-left: none; position: absolute; right: 5px; top: 13px; } /* ----------------------------------------------- /* ▲ category_all /* ▼ category_all ----------------------------------------------- */ #member_input a.corp_input { font-size: 14px; width: 240px; height: 40px; line-height: 40px; color: #fff; font-weight: normal; float: right; background: #e46f29; display: block; border-radius: 4px; text-align: center; } #corp_regist table { width: 100%; } #corp_regist table th { width: 230px; } #corp_regist .carp_confirm { } /* ▼ faq ----------------------------------------------- */ #faqPage .faq_box dl { margin-bottom: 30px; } #faqPage .faq_box dt { height: 70px; border: 1px solid #f0f0f0; background: url(../images/faq_q.png) no-repeat; color: #13247a; font-weight: bold; height: 70px; line-height: 1.4; padding-left: 60px; background-position: 24px center; font-size: 16px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; position: relative; } #faqPage .faq_box dt:after { content: ''; background: url(../images/plus.png) no-repeat; display: block; width: 13px; height: 13px; position: absolute; right: 20px; top: 30px; } #faqPage .faq_box dt.open:after { background: url(../images/minus.png) no-repeat; } #faqPage .faq_box dd { padding: 24px; background: #f9f8ef; border: 1px solid #f0f0f0; border-collapse: collapse; display: none; } #faqPage .faq_box dd p { font-size: 14px; margin: 5px 15px; } #faqPage .faq_box dd p:first-child { color: #e46f29; padding-left: 36px; background: url(../images/faq_a.png) no-repeat; font-size: 16px; font-weight: bold; } #faqPage .faq_nav { margin: 50px 0 30px 0; } #faqPage .faq_nav li { float: left; } .tab { overflow:hidden; border-bottom: 3px solid #13255b; } .tab li{ width: 254px; height: 77px; background:#dfe7ed; padding:15px 10px; float:left; margin-right:8px; font-size: 18px; text-align: center; box-sizing: border-box; border-radius: 4px 4px 0 0; color: #13255b; font-weight: bold; } .tab li span { font-size: 12px; color: #000; font-weight: normal; } .tab li.select{ color: #fff; background:#13255b; } .tab li.select span { color: #fff; } .hide {display:none;} /* パンくずリスト */ /* #main #breadcrumb_list a:link, a:visited, a:hover, a:active {color: #000000} */ #main #breadcrumb_list a {color: #000000} #main #breadcrumb_list {font-size: 12px; padding-bottom: 20px;} #main #breadcrumbs { margin-bottom: 30px; } /* 特記事項 追加 */ #itemListImage .box { height: 314px; } #itemListImage .text p.special_notice_list { font-size: 14px; font-weight: bold; color: #0e6ac1; } #main p.special_notice_detail { font-size: 24px; font-weight: bold; color: #13247a; } /* カテゴリトップリニューアル */ #recommend .box { width: 177px; height: auto; border: none; margin: 0 36px 0 0; } #recommend h3 a { font-size: 14px; font-weight: bold; } #recommend .recommend_name { font-size: 12px; font-weight: normal; } #recommend .price .other { text-decoration: line-through; color: #555858; } #recommend .price { color: #d81717; font-weight: bold; text-align: left; } #recommend .price .teika { font-size: 12px; font-weight: normal; } #recommend .price .other { font-size: 12px; font-weight: normal; } #feature img { padding-bottom: 12px; } /* ランキング */ #ranking .box { width: 155px !important; padding: 10px; margin: 0; border: 1px solid #ddd; box-sizing: border-box; } #ranking .img_box { width: auto; height: auto; min-width: 80px; min-height: 80px; margin-bottom: 8px ; } #ranking .img_box img { width: auto; height: auto; max-width: 125px; max-height: 80px; } #ranking .box .text::before { content: ''; display: block; height: 19px; margin-top: 1px; margin-bottom: 20px; color: #fff; background-color: #c1c7cb; text-align: center; font-size: 14px; font-weight: bold; } #ranking .box:first-child .text::before { content: '1位'; background-color: #c2ae60; } #ranking .box:nth-child(2) .text::before { content: '2位'; background-color: #898989; } #ranking .box:nth-child(3) .text::before { content: '3位'; background-color: #978b6f; } #ranking .box:nth-child(4) .text::before { content: '4位'; } #ranking .box:nth-child(5) .text::before { content: '5位'; } #ranking .box:nth-child(6) .text::before { content: '6位'; } #ranking .box:nth-child(7) .text::before { content: '7位'; } #ranking .box:nth-child(8) .text::before { content: '8位'; } #ranking .box:nth-child(9) .text::before { content: '9位'; } #ranking .box:nth-child(10) .text::before { content: '10位'; } #ranking ul { position: relative; width: 825px; padding: 0 25px; } #ranking ul .slick-next, #ranking ul .slick-prev { width: 25px; height: 278px; position: absolute; background: #f0f0f0; border: 1px solid #ddd; display: block; top: 139px; } #ranking ul .slick-next { right: 0; } #ranking ul .slick-prev { left: 0; z-index: 1; } #ranking ul .slick-next::before, #ranking ul .slick-prev::before { color: #888; } #ranking ul .slick-next::before { content: '>'; } #ranking ul .slick-prev::before { content: '<'; } #ranking ul .slick-next:hover { color: inherit; } #ranking .box .text .maker_name, #ranking .box .text .maker_cd, #ranking .box .text .maker_info, #ranking .box .text .recommend_name, #ranking .box .text .recommend_cd, #ranking .box .text .price .member_teika, #ranking .box .text .price .teika, #ranking .box .text .price .other { font-size: 12px; font-weight: normal; } #ranking .box .text .price .other { text-decoration: line-through; color: #555858; } /* トピックス */ #main.topics { width: 1000px; } #main.topics .topics_date { margin-right: 40px; color: #0e6ac1; } #topicsList .box { padding: 20px; padding-top: 15px; padding-left: 0; margin: 0; border: none; border-bottom: 1px solid #ccc; } #topicsList .box:first-child { border-top: 1px solid #ccc; } #topicsList .box h3 a { color: #333; font-weight: normal; } #main.topics .pagelink { margin: 40px 0; } #main.topics .buttonarea a { display: inline-block; width: 314px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; } #itemDetail .topics_img, #itemDetail .topics_noimg { padding-bottom: 30px; border-bottom: 1px solid #ccc; } #itemDetail .topics_img p a, #itemDetail .topics_noimg p a { color: #333; line-height: 1.7em; } #itemDetail .topics_img h3, #itemDetail .topics_noimg h3 { margin-bottom: 40px; } #itemDetail .topics_img h3 .topics_ttl, #itemDetail .topics_noimg h3 .topics_ttl { display: block; font-size: 22px; line-height: 2.5em; } .tar { text-align: right; } #ext .about p { margin-bottom: 30px; } #ext .about ul { margin-bottom: 50px; } #ext .about ul li.three_img { display: inline-block; margin-right: 9px; } #ext .about ul li.three_img.media { margin-right: 41px; } #ext .about ul li:last:child { margin-right: 0; } #ext .about ul li.three_img:last-child { margin-right: 0; } #ext .about ul li.three_img.box { margin-right: 6px; } #ext .about ul li.box:nth-child(6n) { margin-right: 0; } #ext h2 { margin-top: 50px; } #ext .about section:last-child ul { margin-bottom: 0; } #ext .about h3 { padding: 0; margin: 0; border: none; font-size: 100%; } #ext .about .shopping li { margin-left: 20px; list-style-type: disc; } /* オレンジブックカテゴリーページ追加 */ .accordion_ttl { position: relative; } .accordion_ttl:after { position: absolute; display: inline-block; width: 14px; top: 23px; right: 13px; content: ""; border: 1px solid #13247a; color: #ccc; } .accordion_ttl:before { position: absolute; display: inline-block; height: 14px; top: 17px; right: 20px; content: ""; border: 1px solid #13247a; color: #ccc; } .active .accordion_ttl:before { display: none; } /* #sc_brand .accordion_box, #sc_industries .accordion_box { display: none; } */ .sidebyside_quarter { float: left; width: 195px; margin-right: 15px; } .sidebyside_quarter:last-child { margin-right: 0; } .sidebyside_quarter figure { margin: 0; margin-top: 60px; } .sidebyside_quarter figure:first-child { margin-top: 0; } .sidebyside_quarter h3 { color: #e46f29; font-size: 20px; font-weight: bold; margin: 10px 0 20px; } .sidebyside_quarter h3:first-child { margin-top: 0; } .sidebyside_quarter ul li { position: relative; box-sizing: border-box; border-bottom: 1px solid #ccc; margin-bottom: 10px; font-size: 14px; padding-right: 20px; padding-bottom: 5px; } .sidebyside_quarter ul li:after { position: absolute; right: 0; content: ">"; color: #ccc; } #sc_brand ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #sc_brand .box { width: auto; height: auto; margin: 0 23px 0 0 !important; float: left; padding-bottom: 25px; } #sc_brand .box img + p { width: 118px; font-size: 12px; margin-right: 0; } #sc_brand .box:nth-child(6n) { margin-right: 0 !important; } #sc_brand .PB { margin-right: 0 !important; } #sc_brand img { width: 118px; } #sc_industries h2 { margin-top: 0 !important; } #sc_industries ul li { display: inline-block; margin-right: 15px; margin-bottom: 10px; } #sc_industries ul li:nth-child(3n) { margin: 0; } #main #sc_code h2.sc_code_ttl { display: inline-block; margin: 0 20px 5px 0; background-color: #fff; } .sc_code_form { display: inline-block; } #main .sc_code_form form input { width: 250px; height: 35px; padding: 0 10px; border-radius: 2px 0 0 2px; border: 1px solid #ccc; background: #fff !important; } #main .sc_code_form form button { width: 70px; height: 35px; background: #ff4a58; font-size: 14px; color: #fff; cursor: pointer; border-radius: 0 2px 2px 0; } .sc_categories_list { margin-bottom: 30px; overflow: hidden; } #sc_category { margin-bottom: 80px; } /* レビュー部分CSS */ #review .box.pd0 { padding: 0; } #review .box.pd0 figure { float: left; width: 80px; margin: 0; box-sizing: border-box; padding: 10px; } #review .box.pd0 figure img { width: 60px; height: auto; } #review .box.pd0 .box_review_ttl { padding: 10px; background-color: #f7f7f7; } #review .box.pd0 .box_review_ttl.bg_white { float: right; width: 935px; padding-bottom: 0; background-color: #fff; } #review .box.pd0 .box_review_ttl p.name { padding: 0; margin: 0; border: none; } #review .box.pd0 .box_review_ttl ul.star { margin-right: 10px; line-height: 1em; } #review .box.pd0 .box_review_ttl h3 { margin: 5px 0 0; line-height: 1.8em; color: #13247a; } #review .box.pd0 .box_review_desc { padding: 10px; } #review .box.pd0 .box_review_desc.bg_white { float: right; width: 935px; padding-top: 5px; } #review .box.pd0 ul.star li { margin-right: 2px; color: #e46f29; text-indent: inherit; } #review .box.pd0 ul.star li.good, #review .box.pd0 ul.star li.bad { background-image: none; } #cartFlow td input[type="radio"], #cartFlow td input[type="checkbox"] { position: relative; top: -1px; -webkit-transform: scale(1.3); transform: scale(1.3); margin-right: 0.5em; } #credit_table_wrapper table { width: auto; } .payment_explanation { display: none; padding: 20px; padding-top: 10px; } .fs120p { font-size: 120%; } /* お買い物ガイド実装に伴うCSS追加 ▼ */ #ext .nav_shopping_guide ul li { display: inline-block; width: auto; height: 40px; padding: 0 25px; border-left: 1px solid #dddddd; font-size: 14px !important; line-height: 40px; text-align: center; } #ext .nav_shopping_guide ul li:last-child { border-right: 1px solid #ccc; } #ext.box_guide_order table { box-sizing: border-box; width: 100%; table-layout: fixed; } #ext.box_guide_order table th, #ext.box_guide_order table td { box-sizing: border-box; } #ext.box_guide_order table th { box-sizing: border-box; font-weight: bold; font-size: 16px; } #ext.box_guide_order table td { padding: 10px 15px; vertical-align: top; font-size: 16px; } #ext.box_guide_order table td span { font-size: 14px; } #ext.box_guide_order table td p { margin-bottom: 10px; } #ext.box_guide_order table td p:last-child { margin-bottom: 0; } #ext.box_guide_order table td ul { margin-top: 5px; } #ext.box_guide_order table td ul li { font-size: 16px; line-height: 1.5em; vertical-align: top; } #ext.box_guide_order table th:first-child { width: 215px; } #ext.box_guide_order h1 { padding-bottom: 30px; } #ext.box_guide_order h2 { margin: 30px 0 25px; font-size: 20px; } #ext.box_guide_order h2:fist-of-type { margin-top: 20px; } #ext.box_guide_order h2.h2_text_underline { padding-left: 0; background-color: transparent; border-radius: 0; border-bottom: 1px solid #13247a; } #ext.box_guide_order h3 { padding: 0; margin: 0 0 10px; border: none; font-size: 18px; color: #13247a; } #ext.box_guide_order p { font-size: 16px; } #ext #target_h2_repair { margin: 0 0 20px; } #ext #target_h2_order_flow + p { margin-bottom: 15px; } #ext #target_h2_order_flow + p + p { margin-bottom: 15px; } #ext #target_h2_02 { margin-top: 40px; } #ext #target_h2_memger_registration { margin-top: 40px; margin-bottom: 15px; } .box_guide_order ol li { position: relative; padding: 20px 30px; border-bottom: 1px solid #ccc; font-size: 14px; } #ext.box_guide_order ol li span.numbering { position: absolute; top: 16px; left: 3px; font-size: 20px; font-weight: bold; color: #13247a; } #ext .text_float_left { float: left; width: 680px; } #ext .btn_float_left { float: right; position: relative; width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } #ext .btn_float_left a { display: block; position: absolute; width: 100%; height: 100%; color: #fff; line-height: 60px; } #ext .btn_float_left a:hover { opacity: 0.6; } /* お買い物ガイドトップ */ #ext #ul_shopping_guide_top li { display: inline-block; width: 300px; margin-right: 20px; height: auto; vertical-align: top; } #ext #ul_shopping_guide_top li:nth-child(3n) { margin-right: 0; } .txt_red { color: #f00; font-size: 16px !important; } .fw_bold { font-weight: bold; } #ext ul.notice li { font-size: 14px; line-height: 1.5em; } #ext #target_h2_01 + p + ul { margin-bottom: 30px; } #ext #target_h2_01 + p + ul + table { width: 640px; margin-bottom: 30px; table-layout: fixed; } #ext #target_h2_01 + p + ul + table th { width: 50%; } #ext #target_h2_01 + p + ul + table + ul { margin-bottom: 25px; } #ext #target_h2_01 + p + ul + table + ul + h3 + p { margin-bottom: 20px; } #ext #target_h2_02 + p + table { width: 640px; margin-bottom: 25px; table-layout: fixed; } #ext #target_h2_02 + p + table th { width: 50%; } #ext #target_h2_03 + p { margin-bottom: 20px; } #ext #target_h2_03 + p + ul { margin-bottom: 20px; } #ext ul.contact_area { box-sizing: border-box; width: 1040px; } #ext ul.contact_area li { box-sizing: border-box; display: inline-block; width: 520px; height: 200px; padding: 40px 20px; border: 1px solid #ccc; vertical-align: top; text-align: center; } #ext ul.contact_area li:first-child { border-right: none; } #ext ul.contact_area li a { color: #000; } #ext ul.contact_area li a:hover .btn_float_left { opacity: 0.6; } #ext ul.contact_area li a:hover img { opacity: 0.6; } #ext ul.contact_area li h4 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } #ext ul.contact_area .btn_float_left { float: none; width: 400px; height: 60px; margin: 0 auto !important; line-height: 60px !important; } #ext #target_h2_04 + p { margin-bottom: 20px; } #ext #target_h2_04 + p + ul { margin-bottom: 25px; } #ext #target_h2_05 + div p { margin-bottom: 0; } #ext .btn_float_left:hover { opacity: 0.6; } #ext #target_h2_cancel_02 + p { margin-bottom: 20px; } #ext #target_h2_cancel_02 + p + ul + p { margin-bottom: 15px; } #ext #target_h2_cancel_02 + p + ul + p + ol { margin-bottom: 30px; } #ext #target_h2_cancel_02 + p + ul + p + ol + h3 + p { margin-bottom: 20px; } #ext #target_h2_cancel_02 + p + ul + p + ol + h3 + p + ul { margin-bottom: 20px; } #ext #target_h2_cancel_03 + p { margin-bottom: 20px; } #ext.box_guide_order table.tbl_half_box { width: 640px; table-layout: fixed; } #ext.box_guide_order table.tbl_half_box th { width: 50%; } #ext #payment_h2_01 + p { margin-bottom: 20px; } #ext #payment_h2_02 + p { margin-bottom: 20px; } #ext #payment_h2_03 + p + table { margin-bottom: 20px; } #ext #payment_h2_04 + p + ul { margin-bottom: 20px; } #ext #payment_h2_04 + p + ul + table { margin-bottom: 40px; } #ext #payment_h2_05 + p { margin-bottom: 20px; } #ext #payment_h2_05 + p + p { margin-bottom: 20px; } #ext #payment_h2_05 + p + p + p { margin-bottom: 20px; } #ext #payment_h2_05 + p + p + p + p { margin-bottom: 20px; } #ext #ul_guide_top { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: -30px; } #ext #ul_guide_top > li { display: inline-block; width: 319px; margin-right: 25px; vertical-align: top; } #ext #ul_guide_top > li:nth-child(3n){ margin-right: 0; } #ext #ul_guide_top > li ul li { margin-bottom: 0.5em; } /* お買い物ガイド実装に伴うCSS追加 ▲ */ @media all and (-ms-high-contrast: none) { .payment_explanation { display: block !important; } .couponHide { display: table-row !important; } } /* ナビメニューリニューアル、ランキングページ、キャンペーンページ作成 */ #ext #ranking .text { width: auto; } #ext #ranking .box { width: 20% !important; margin-bottom: 20px; } #ext #ranking .ui-widget.ui-widget-content { border: none; padding: 0; } #ext #ranking .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 9.4px; color: #13247a; } #ext #ranking .ui-tabs .ui-tabs-nav { width: 100%; padding: 0 !important; border: none; margin: 0; background: none; } #ext #ranking .ui-tabs .ui-tabs-nav li { border-bottom: 1px solid #aaaaaa; background: #f0f0f0; } #ext #ranking .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-bottom: none; background: #fff; } #ext #ranking .ui-tabs .ui-tabs-panel { padding: 0; } #ext #ranking ul { width: 100%; padding: 0; margin-top: 30px; } *:focus { outline: none; } #ext #ranking .ui-state-default, #ext #ranking .ui-widget-content .ui-state-default, #ext #ranking .ui-widget-header .ui-state-default { background-image: none; background: #f9f9f9; } #ext #ranking .box:nth-child(11) .text::before { content: "11位"; } #ext #ranking .box:nth-child(12) .text::before { content: "12位"; } #ext #ranking .box:nth-child(13) .text::before { content: "13位"; } #ext #ranking .box:nth-child(14) .text::before { content: "14位"; } #ext #ranking .box:nth-child(15) .text::before { content: "15位"; } #ext #ranking .box:nth-child(16) .text::before { content: "16位"; } #ext #ranking .box:nth-child(17) .text::before { content: "17位"; } #ext #ranking .box:nth-child(18) .text::before { content: "18位"; } #ext #ranking .box:nth-child(19) .text::before { content: "19位"; } #ext #ranking .box:nth-child(20) .text::before { content: "20位"; } #ext #ranking .box:nth-child(21) .text::before { content: "21位"; } #ext #ranking .box:nth-child(22) .text::before { content: "22位"; } #ext #ranking .box:nth-child(23) .text::before { content: "23位"; } #ext #ranking .box:nth-child(24) .text::before { content: "24位"; } #ext #ranking .box:nth-child(25) .text::before { content: "25位"; } #ext #ranking .box:nth-child(26) .text::before { content: "26位"; } #ext #ranking .box:nth-child(27) .text::before { content: "27位"; } #ext #ranking .box:nth-child(28) .text::before { content: "28位"; } #ext #ranking .box:nth-child(29) .text::before { content: "29位"; } #ext #ranking .box:nth-child(30) .text::before { content: "30位"; } #ext #ranking .box:nth-child(31) .text::before { content: "31位"; } #ext #ranking .box:nth-child(32) .text::before { content: "32位"; } #ext #ranking .box:nth-child(33) .text::before { content: "33位"; } #ext #ranking .box:nth-child(34) .text::before { content: "34位"; } #ext #ranking .box:nth-child(35) .text::before { content: "35位"; } #ext #ranking .box:nth-child(36) .text::before { content: "36位"; } #ext #ranking .box:nth-child(37) .text::before { content: "37位"; } #ext #ranking .box:nth-child(38) .text::before { content: "38位"; } #ext #ranking .box:nth-child(39) .text::before { content: "39位"; } #ext #ranking .box:nth-child(40) .text::before { content: "40位"; } #ext #ranking .box:nth-child(41) .text::before { content: "41位"; } #ext #ranking .box:nth-child(42) .text::before { content: "42位"; } #ext #ranking .box:nth-child(43) .text::before { content: "43位"; } #ext #ranking .box:nth-child(44) .text::before { content: "44位"; } #ext #ranking .box:nth-child(45) .text::before { content: "45位"; } #ext #ranking .box:nth-child(46) .text::before { content: "46位"; } #ext #ranking .box:nth-child(47) .text::before { content: "47位"; } #ext #ranking .box:nth-child(48) .text::before { content: "48位"; } #ext #ranking .box:nth-child(49) .text::before { content: "49位"; } #ext #ranking .box:nth-child(50) .text::before { content: "50位"; } #ext.box_guide_order h1 { padding-bottom: 0; margin-bottom: 40px; } #menu ul { overflow: visible; } #menu .main-menu { height: auto; padding: 0; margin: 0; } #menu .main-menu li { position: relative; padding: 24px 0; border: none; } /* #menu .main-menu > li:nth-child(5) { display: none; } */ #menu .main-menu li a { width: auto; padding: 0px 14px; border-right: 1px solid rgba(255,255,255,.5); font-size: 14px; } #menu .main-menu li a.cat { padding-left: 48px; background: url(../images/img_cat.png) no-repeat left 23px top 3px; } #menu .main-menu li a.brand { padding-left: 32px; background: url(../images/img_br.png) no-repeat left 11px top; } #menu .main-menu li a.ext_link.fg_tv { background: url(../images/ext_mark.gif) no-repeat right center; } #menu .main-menu > li:last-child a { border-right: none; } #menu .sub-menu { position: absolute; top: 45px; display: none; width: auto; min-width: 200px; height: auto; float: none; padding: 25px 10px; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 7px rgba(51,51,51,0.2); overflow: visible; font-size: 100%; z-index: 100; } #menu .sub-menu.brand { min-width: 380px; } #menu .sub-menu li { position: unset; display: block; float: none; padding: 0; background: #fff; } #menu .sub-menu > li.selected span a { color: #0e6ac1; opacity: 0.6; } #menu .sub-menu.brand li { display: inline-block; width: 48%; } #menu .sub-menu li a { box-sizing: border-box; display: inline-block; width: 100%; height: 100%; padding-top: 2px; padding-bottom: 2px; background: none !important; background-color: #fff; border: none; color: #000; line-height: 20px; } /* #menu .sub-menu > li:last-child a { color: #DB4834; } #menu .sub-menu > li:last-child a:hover { color: #DB4834; } */ #menu .sub-menu li a:hover { color: #0e6ac1; opacity: 0.6; } #menu .sub-menu02 { display: none; position: absolute; top: 0; left: 180px; width: auto; min-width: 270px; height: auto; /* min-height: 440px; */ padding: 25px 10px; margin: 0; background: #fff; box-shadow: 0px 0px 7px rgba(51,51,51,0.2); box-sizing: border-box; z-index: 150; } /* EFO導入のための調整 */ #cartSidebar .cart_next_btn input:hover { background-color: #fff; border: 1px solid #e46f29; color: #e46f29; } #cartSidebar .cart_next_btn input { width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } .buttonarea .cart_next_btn input { width: 398px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } /* EFOソーシャルボタン暫定非表示 20200903 */ #efocube_id_v2 { display: none !important; } /* サイドバナー表示 20200903 */ #side_bnr { margin-bottom: 15px; } /* 在庫表示調整 20201022 */ #itemDetail .information span { margin-bottom: 10px; color: #C00; font-size: 13px; font-weight: bold; } #itemDetail .information span span span { display: block; color: #000; font-weight: normal; } /* カートボタン調整 20201026 */ #itemListImage .button .cart_in { display: block; height: 30px; margin-top: 10px; margin-bottom: 20px; border: 1px solid #e46f29; border-radius: 3px; background-color: #e46f29; color: #FFF; font-size: 13px; font-weight: bold; text-align: center; line-height: 32px; } #itemListImage .button .cart_in a::before { content: ""; position: relative; top: 3px; right: 6px; display: inline-block; width: 17px; height: 17px; background: url(../images/icon_cart.svg) no-repeat center / 17px; } #itemListImage .button .out_of_stock { display: block; height: 30px; margin-top: 10px; margin-bottom: 20px; border: 1px solid #999; border-radius: 3px; background-color: #ddd; color: #777; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; } #itemListImage .button .out_of_stock::before { content: "×"; position: relative; right: 5px; bottom: 1px; line-height: 1em; } #itemListImage .button .property { display: block; height: 30px; margin-top: 10px; margin-bottom: 20px; border: 1px solid #e46f29; border-radius: 3px; color: #e46f29; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; } #itemListImage .button .property a::before { content: ""; position: relative; top: 1px; right: 3px; display: inline-block; width: 11px; height: 11px; background: url(../images/icon_option.svg) no-repeat center / 11px; } #itemListImage .button .property a { display: inline-block; width: 100%; color: #e46f29; } #itemListImage .button .property a:hover { cursor: pointer; cursor: hand; } #itemDetail .cart_box .cart_btn button { line-height: 60px; } #itemDetail .cart_box .cart_btn button:before { content: ""; position: relative; top: 4px; right: 5px; background: url(../images/icon_cart.svg) no-repeat center / 20px; display: inline-block; width: 23px; height: 20px; } #itemDetail .cart_box .cart_btn button:hover { border: none; background: #e46f29; color: #fff; opacity: 0.7; cursor: pointer; } #itemDetail .button.out_of_stock { box-sizing: border-box; display: block; width: 180px; height: 60px; padding-left: 30px; margin-top: 0; border: 1px solid #999; border-radius: 6px; background-color: #ddd; color: #777; font-weight: bold; font-size: 15px; text-align: left; line-height: 60px; } #itemDetail .button.out_of_stock::before { content: "×"; position: relative; bottom: 1px; line-height: 1em; } /* 20201104 予約機能実装 */ #cartIndex table td { position: relative; } #cartIndex table .icon_yoyaku { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* 20201126 クレジットカード入力画面修正 */ #credit_table_wrapper table th { width: 80px !important; } #cartFlow table.newCreditCard { width: auto; } #cartFlow table.newCreditCard th { width: 65px !important; } /* 総額表示 */ .hide .srp { visibility: hidden; } #loginNew .buttonarea.login.amazon input{ width: 264px; height: 60px; border: none; margin-bottom: 20px; background: #e46f29; color: #fff; font-size: 15px; border-radius: 8px; text-align: center; line-height: 60px; cursor: pointer; outline: none; appearance: none; } .amazon_highlight_area{margin-bottom: 20px;} .login_leftColumn #AmazonPayV2Button{margin:0 auto;}