@charset "utf-8"; /*-- 共通 ----*/ body { min-width:970px; } * html body { border-left:970px solid #fff; zoom:1; } #wrap { clear:both; margin:0 auto; text-align:left; } * html #wrap { position:relative; margin-left:-970px; zoom:1; } .mat5 { margin-top:5px !important; } .mat10 { margin-top:10px !important; } .mat15 { margin-top:15px !important; } .mat30 { margin-top:30px !important; } .mab0 { margin-bottom:0 !important; } .mab10 { margin-bottom:10px !important; } .mab20 { margin-bottom:20px !important; } .mal10 { margin-left:10px !important; } .mal15 { margin-right:15px !important; } .mal20 { margin-left:20px !important; } .mar15 { margin-left:15px !important; } .pat5 { padding-top:5px !important; } .pat10 { padding-top:10px !important; } .pat20 { padding-top:20px !important; } .pab5 { padding-bottom:5px !important; } .pab10 { padding-bottom:10px !important; } .par10 { padding-right:10px !important; } .par30 { padding-right:30px !important; } .pal5 { padding-left:5px !important; } .pal10 { padding-left:10px !important; } .pal20 { padding-left:20px !important; } .pal30 { padding-left:30px !important; } .tac { text-align:center !important; } .w750 { width:750px !important;} .fl { float:left; } .fs11 { font-size:11px;} .alpha a:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } .alpha a:hover { opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; } #content { border-top:2px solid #0c6d0e; } .column3 #mainArea { float:left; margin-right:-250px; width:100%; } .column3 #mainWrap { float:right; width:100%; margin-left:-200px; } .column3 #main { position:relative; margin:0 250px 0 210px } .column3 #side { display:inline; float:left; width:190px; margin-left:10px; } .column3 #sidebar { display:inline; float:right; width:230px; margin:0 5px; } .bn_kaiyu {cursor: pointer !important;cursor: hand !important;} .bn_kaiyu img:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } .bn_230x90 {width:230px; } /*-- 共通 ----*/ @font-face { font-family: "Noto-R"; src: url("../fonts/NotoSans-Regular.woff") format("woff"); } @font-face { font-family: "Noto-L"; src: url("../fonts/NotoSans-Light.woff") format("woff"); } /* @font-face { font-family: "Noto-B"; src: url("../fonts/NotoSans-Bold.woff") format("woff"); } */ /*-- reset --*/ * { margin:0; padding:0; font-size:100%; } html { color:#333; background-color:#fff; overflow-y:scroll; } body { font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:1.5; height:100%; text-align:center; } img { border:none; vertical-align:bottom; } div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin:0; padding:0; } address, th, caption, em, strong { font-style:normal; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0; padding:0; } input, select, textarea { font-size:100%; font-family:inherit; font-weight:inherit; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; font-size:100%; font-size:inherit; } a { overflow:hidden; outline:none; } a:link { color:#0748a1; text-decoration:none; } a:visited { color:#0748a1; text-decoration:none; } a:hover, a:active { color:#0066cc; text-decoration:underline; } /*-- reset --*/ /*-- clearfix --*/ .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } #content:before,#content:after { content:""; display:table; } #content:after { clear:both; } #content { zoom:1; } #mainArea:before,#mainArea:after { content:""; display:table; } #mainArea:after { clear:both; } #mainArea { zoom:1; } #header:before,#header:after { content:""; display:table; } #header:after { clear:both; } #header { zoom:1; } #headMenu:before,#headMenu:after { content:""; display:table; } #headMenu:after { clear:both; } #headMenu { zoom:1; } #headMenu .first:before,#headMenu .first:after { content:""; display:table; } #headMenu .first:after { clear:both; } #headMenu .first { zoom:1; } #headMenu .last:before,#headMenu .last:after { content:""; display:table; } #headMenu .last:after { clear:both; } #headMenu .last { zoom:1; } #footer:before,#footer:after { content:""; display:table; } #footer:after { clear:both; } #footer { zoom:1; } #topicPath:before,#topicPath:after { content:""; display:table; } #topicPath:after { clear:both; } #topicPath { zoom:1; } #topicPath ol:before,#topicPath ol:after { content:""; display:table; } #topicPath ol:after { clear:both; } #topicPath ol { zoom:1; } #topicPath ul:before,#topicPath ul:after { content:""; display:table; } #topicPath ul:after { clear:both; } #topicPath ul { zoom:1; } #footerMenu:before,#footerMenu:after { content:""; display:table; } #footerMenu:after { clear:both; } #footerMenu { zoom:1; } #footerMenu dl:before,#footerMenu dl:after { content:""; display:table; } #footerMenu dl:after { clear:both; } #footerMenu dl { zoom:1; } /*--------------------------------------------- 00. footdescription ---------------------------------------------*/ .footdescription { background-color:#f0f8e9; margin-top:40px; } .footdescription .txtbox { position:relative; width:640px; margin:0 auto; padding:20px 0; } .footdescription .txt { width:635px; color:#36650E; font-weight:bold; line-height:1.8; } .footdescription .imgbox { position:absolute; right:0; bottom:0; } .rakuda { background-position:0 -75px; width:116px; height:102px; background-repeat:no-repeat; } /****************** 20190920 TERA *******************/ .head-banner{ width: 100%; height:60px; position: relative; background-color: #c4f4ca; text-align: center; } /* .head-banner{ width: 100%; height:60px; position: relative; background:url("/images/banner/bn_camp_30up_886x60_bg.jpg") repeat-x ; background-color: #feff01; text-align: center; } .head-banner{ width: 100%; height:60px; position: relative; background-color: #000; text-align: center; } */ .head-banner a{ width: 100%; height: 100%; display: block; } /*******************************************************/ /*-- ヘッダー --*/ #header { margin:0 10px; padding-bottom:7px; } #header .last a { font-weight:bold; color:#FFFFFF; letter-spacing:0.5px; border-radius:4px; display:block; } #header .last a:hover { text-decoration:none; } #header .sell a {width: 88px;padding:0;font-size:12px;line-height: 26px;background-color:#e8848e;border-top:1px solid #f7d6da;border-right:1px solid #c18b90;border-bottom:1px solid #925259;border-left:1px solid #f7d6da;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f1b5bb), to(#e8848e));background:-moz-linear-gradient(top, #f1b5bb, #e8848e);background:-ms-linear-gradient(top, #f1b5bb, #e8848e);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b5bb', endColorstr='#e8848e', GradientType=0)";text-align: center;} #header .buy a {width: 90px;padding: 0px 5px 0px 0px;line-height: 26px;font-size: 12px;background-color:#70b92d;border-top:1px solid #d0e8b9;border-right:1px solid #739e4b;border-bottom:1px solid #527136;border-left:1px solid #a9d580;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a9d580), to(#70b92d));background:-moz-linear-gradient(top, #a9d580, #70b92d);background:-ms-linear-gradient(top, #a9d580, #70b92d);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d580', endColorstr='#70b92d', GradientType=0)";box-sizing:border-box;text-align: right;} @-moz-document url-prefix() { #header .last .buy a{ padding: 0px 3px 0px 0px !important; } } #header .cart a {box-sizing:border-box;width:90px;padding: 0px 0px 0px 25px;font-size: 12px;line-height: 26px;background-color:#ff6b07;border-top:1px solid #ffcead;border-right:1px solid #b78563;border-bottom:1px solid #926a4e;border-left:1px solid #ffa76b;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07));background:-moz-linear-gradient(top, #ffa568, #ff6b07);background:-ms-linear-gradient(top, #ffa568, #ff6b07);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa568', endColorstr='#ff6b07', GradientType=0)";} #header .cart a #cartTotalNum {width: 33px;display: inline-block;text-align: center;font-size: 13px;line-height: 16px;height: 16px;position: absolute;top: 6px;} #headBox {position:relative;float:left;width: 45%;margin-top:6px;} #headBox #logo { float:left;padding-top:5px; } #headBox #tPoint { position:absolute; top:0; left:180px; font-size:1%; } #headBox #tPoint a { display:block; margin-bottom:3px;margin-top:3px; } #headBox #feefree { position:absolute; top:0; left:386px; font-size:1%; } #headBox h1 { margin-top:37px !important; margin-left:180px; font-size:84%; } #headMenu {float:right;width: 55%;margin-top:12px;font-size:1%;} #headMenu li a:hover{ opacity:0.8; } #headMenu .first {width:auto !important;float: right;margin-right: 1px;} #headMenu .first li { float:left; display:inline; margin-left:12px; /zoom:1; } @-moz-document url-prefix() { #headMenu .first li { margin-left:14px !important;} } #headMenu .first li.boxfree { margin-left:0; } #headMenu .last {clear:both;width: auto;float: right;margin-top:8px;} #headMenu .last li {float:left;display:inline;margin-left: 4px; /zoom:1;position:relative;} #headMenu .last li.sell { margin-left:0; } #headMenu #favoArea { position:relative; } #headMenu #favoArea img { position:relative; z-index:1; } /*#headMenu #favoArea span { position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ #headMenu #arriveArea { position:relative; } #headMenu #arriveArea img { position:relative; z-index:1; } #headMenu #historyArea { position:relative; } #headMenu #historyArea img { position:relative; z-index:1; } /*headMenu #arriveArea span { position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ #headMenu #cartArea { position:relative; } #headMenu #cartArea img { position:relative; z-index:1; } /*#headMenu #cartArea span { position:absolute; left:56px; top:5px; color:#fff; z-index:2; font-size:10px; }*/ #headMenu .badger-inner { min-width:20px; height:20px; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; background:#f13c31; background:-moz-linear-gradient(100%100%90deg,#f13c31,#f79690); background:-webkit-gradient(linear,0%0%,0%100%,from(#f79690),to(#f13c31)); background:-webkit-linear-gradient(#f79690,#f13c31); background:-o-linear-gradient(#f79690,#f13c31);background:-ms-linear-gradient(top, #f79690, #f13c31); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79690', endColorstr='#f13c31', GradientType=0)"; margin:2px; z-index:99999; position:absolute; top:-11px; right:-4px; } #headMenu .badger-text { font-size:13px; } #headMenu .badger-badge { color:#fff; margin:0; text-align:center; text-shadow:0px-1px 1px#e01b0f; font-weight:normal; z-index:999999; line-height: 20px; } #dropSearchWrap { display:none; position:absolute; z-index:9998; float:left; width:100%; height:230px; margin-left:-20px; } * html #dropSearchWrap { margin-left:0; } /*-- ヘッダー --*/ /*-- パンくず --*/ #pathWrap { margin-bottom:10px; padding:5px 10px 7px; background:#f0f8e9; } #topicPath { } #topicPath ol { float:left; width:550px; padding:5px 0 0 5px; font-size:84%; color:#666; } #topicPath ol li { float:left; } #topicPath #login { float:right; /*width:390px;*/ font-size:92%; } #topicPath #login img { vertical-align:top; } #topicPath ul { float:right; margin-top:5px; } #topicPath ul li { float:left; margin-right:14px; } #topicPath ul li.name { font-weight:bold; } #topicPath ul li.last { margin-right:0; line-height:14px; margin-top:2px; } #topicPath ul li a { font-weight:bold; vertical-align:top; } #topicPath ul li span { font-size:18px;line-height:13px;padding-right:1px; } #topicPath ul li a:visited { color:#333; } #topicPath ul li a:link { color:#333; } #topicPath .tpoint { margin-left:10px; padding-top:5px; padding-left:14px; font-size:11px; line-height:0; } #topicPath .tpoint span { color:red; font-size:11px; padding-left:3px; } #topicPath .topicCampaign { font-weight:700; color:#ff0000; letter-spacing:1.2px; } #topicPath .topicCampaign a { overflow:hidden; outline:none; background-image :none; padding:0;} #topicPath .topicCampaign a:link { color:#ff0000; text-decoration:none; } #topicPath .topicCampaign a:visited { color:#ff0000; text-decoration:none; } #topicPath .topicCampaign a:hover, #topicPath .topicCampaign a:active { color:#ff0000; text-decoration:underline; } /*-- パンくず --*/ /*-- レイアウト --*/ /* #top #searchWrap { float:right; width:100%; margin-left:-190px; } #searchWrap .leftBox p a { width:185px; padding:2px 0px 3px 3px; font-size:12px; background-color:#70b92d; border-top:1px solid #d0e8b9; border-right:1px solid #406122; border-bottom:1px solid #2a4611; border-left:1px solid #a9d580; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#98c66d), to(#5f962c)); background:-moz-linear-gradient(top, #a9d580, #70b92d); background:-ms-linear-gradient(top, #a9d580, #70b92d); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d580', endColorstr='#70b92d', GradientType=0)"; box-sizing:border-box; font-weight:bold; color:#FFFFFF; letter-spacing:1.7px; border-radius:4px; display:block; vertical-align:middle; } #searchWrap .leftBox p span { font-size:18px; line-height:13px; padding-right:1px; vertical-align:text-top;} #searchWrap .leftBox p a:hover { text-decoration:none; } #searchWrap .serachBtn { float:right; margin-top:-25px; } #searchWrap .serachBtn a { width:65px; padding:2px 0px 2px 0px; font-size:12px; background-color:#ff6b07; border-top:1px solid #ffcead; border-right:1px solid #9b4912; border-bottom:1px solid #612902; border-left:1px solid #ffa76b; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07)); background:-moz-linear-gradient(top, #ffa568, #ff6b07); background:-ms-linear-gradient(top, #ffa568, #ff6b07); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa568', endColorstr='#ff6b07', GradientType=0)"; box-sizing:border-box; font-weight:bold; color:#FFFFFF; letter-spacing:1.7px; border-radius:4px; display:block; vertical-align:middle; text-align:center; } #searchWrap .serachBtn a:hover { text-decoration:none; } #top #searchRight { position:relative; height:67px; margin-right:250px; margin-bottom:10px; padding-right:3px; background:url("/images/bg_search_right.gif") no-repeat right top; } #top #searchLeft { height:67px; margin-left:10px; padding-left:3px; background:url("/images/bg_search_left.gif") no-repeat; } #top #searchBox { height:67px; background:url("/images/bg_search.gif") repeat-x; } #top #searchBox .leftBox { float:left; width:185px; padding:8px 10px 5px 2px; display:inline; overflow:hidden; } #top #searchBox .leftBox h2 { margin-top:-2px; padding-left:2px; position:relative; } #top #searchBox .leftBox p { margin-top:5px; } #top #searchBox .rightBox { margin-left:200px; padding:10px 8px 5px 0; position:relative; } #top #searchBox .rightBox ul { vertical-align:top; } #top #searchBox .rightBox li { display:inline-block; /display:inline; /zoom:1; margin-right:17px; vertical-align:top; } #top #searchBox .rightBox li.chkBox { font-size:1%; line-height:1; } #top #searchBox .rightBox .bgSelect { position:relative; } #top #searchBox .rightBox .bgSelect span { position:absolute; left:0; top:0; display:block; width:158px; height:23px; padding:5px 0 0 20px; font-size:84%; color:#666; background:url("/images/bg_select.gif") no-repeat; line-height:1; } * html #top #searchBox .rightBox .bgSelect span { background:none; } #top #searchBox .rightBox .bgSelect select { position:relative; z-index:5; left:0; top:0; width:178px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #top #searchBox .rightBox .textRight { height:25px; margin:7px 75px 0 0; padding-right:7px; background:url("/images/bg_text_right.gif") no-repeat right top; } #top #searchBox .rightBox .textLeft { height:25px; padding-left:18px; background:url("/images/bg_text_left.gif") no-repeat; } #top #searchBox .rightBox .textLeft input { width:100%; height:25px; /margin-top:-1px; border:medium none; background:url("/images/bg_text.gif") repeat-x; line-height:25px; } #top #searchBox .rightBox #searchBtn { float:right; margin-top:-25px; } */ #searchBoxWrap { float:right; width:100%; margin-left:-190px; margin-bottom:10px; } #searchBoxWrap .catBtn { float:left; } #searchBoxLeftS { height:36px; margin-left:10px; padding-left:3px; background:url("/images/bg_search_l_s.gif") no-repeat; margin-right:250px; } #searchBoxRightS { height:36px; padding-right:3px; background:url("/images/bg_search_r_s.gif") no-repeat right top; } #searchBoxS { position:relative; height:25px; padding:6px 7px 5px 3px; background:url("/images/bg_search_s.gif") repeat-x; } #searchBoxS .catBtn { float:left; width:190px; position:relative; } #searchBoxS .bgSelect { float:left; width:135px; position:relative; } #searchBoxS .bgSelect select { position:relative; left:0; top:0; z-index:5; width:135px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #searchBoxS .bgSelect span { position:absolute; left:0; top:0; display:block; width:115px; height:26px; padding:0 0 0 20px; font-size:84%; color:#666; background:url("/images/bg_select_s2.gif") no-repeat; line-height:26px; } * html #searchBoxS .bgSelect span { background:none; } #searchBoxS .searchLeftS { height:25px; margin-left:340px; margin-right:162px; padding-left:18px; background:url("/images/bg_text_left.gif") no-repeat; } #searchBoxS .searchRightS { height:25px; _margin-top:-1px; padding-right:7px; background:url("/images/bg_text_right.gif") no-repeat right; } #searchBoxS .searchRightS input { width:100%; height:25px; *margin-top:-1px; border:medium none; background:url("/images/bg_text.gif") repeat-x; line-height:25px; } #searchBoxS .rightBox { float:right; width:317px; margin-top:-25px; text-align:right; } #searchBoxS .rightBox input, #searchBoxS .rightBox ul, #searchBoxS .rightBox ul li, #searchBoxS .rightBox #searchOpen { display:inline-block; /display:inline; /zoom:1; vertical-align:middle; cursor:pointer; } #searchBoxS .rightBox ul { margin-left:10px; margin-top:2px; } #searchBoxS .rightBox ul li { margin-right:10px; } #searchBoxS h2 { padding-left:2px; position:relative; width:192px; float:left; } #top #main .emergency { position:relative; margin-bottom:10px; } * html #top #main .emergency { zoom:1; } #top #main .emergency dl { border:1px solid #e5e5e5; } #top #main .emergency dt { float:left; padding:11px 20px 11px; color:#ffffff; font-weight:bold;background-color:#993300; border-radius:4px 0 0 4px; } #top #main .emergency dd { margin-left:78px; padding:11px; background:#faf8f3; } #top #main .emergency .radLT { position:absolute; left:0; top:0; font-size:1%; } #top #main .emergency .radRT { position:absolute; right:0; _right:-1px; top:0; font-size:1%; } #top #main .emergency .radRB { position:absolute; right:0; _right:-1px; bottom:0; font-size:1%; } #top #main .emergency .radLB { position:absolute; left:0; bottom:0; font-size:1%; } #top #main .limeTitle h3 { padding:5px 85px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#59bcb3), to(#02998b)); background:-moz-linear-gradient(top, #59bcb3, #02998b); background:-ms-linear-gradient(top, #59bcb3, #02998b); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bcb3', endColorstr='#02998b', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #top #main .limeTitle h3 strong { font-weight:bold; font-size:117%; } #top #main .limeTitle h3 em { font-size:84%; font-weight:100; } #top #main .greenTitle h3 { padding:5px 85px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #top #main #latestStock { margin-top:1px; } #top #main #latestStock .block ul { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background-image:-moz-linear-gradient(top,#FFF 0%,#EEE); background-color:#efefef; border:1px solid #e5e5e5; } #top #main #latestStock .block li { float:left; width:20%; border-right:1px solid #e5e5e5; } #top #main #latestStock .block li.last { float:right; width:19%; border-right:0; } #top #main #latestStock .block li a { display:block; font-size:84%; text-align:center; } #top #main #latestStock .block li em { margin-top:2px; font-weight:bold; color:#c8417a; } #top #main #latestStock .block ul:before,#top #main #latestStock .block ul:after { content:""; display:table; } #top #main #latestStock .block ul:after { clear:both; } #top #main #latestStock .block ul { zoom:1; } #top #main .keyTextArea { position:relative; margin-bottom:10px; background:#f1f8eb; /zoom:1; } #top #main .keyTextArea ul { padding:5px; width:100%; height:18px; } #top #main .keyTextArea ul li { width:33%; float:left; text-align:center; border-right:#e5e5e5 1px solid; } #top #main .keyTextArea ul li.last { width:33%; float:right; text-align:center; border:none; } #top #main .keyTextArea ul:after { clear:both; } #top #main .keyTextArea .radLT { position:absolute; left:0; top:0; font-size:1%; } #top #main .keyTextArea .radRT { position:absolute; right:0; top:0; font-size:1%; _right:-1px; } #top #main .keyTextArea .radRB { position:absolute; right:0; bottom:0; font-size:1%; _right:-1px; _bottom:-1px; } #top #main .keyTextArea .radLB { position:absolute; left:0; bottom:0; font-size:1%; _bottom:-1px; } #top #main .keyTextArea ul li span { color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } #top #main #campaign { margin-top:20px; } #top #main #campaign .block { padding:5px; border:1px solid #e5e5e5; } #top #main #campaign .block li { display:inline-block; /display:inline; /zoom:1; margin-top:5px; } #top #main #campaign .block li.type3 { width:32%; } #top #main #campaign .block li.type3 a { display:table; /display:inline; /zoom:1; vertical-align:middle; width:90%; padding:9px; border:1px solid #ccc; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background-image:-moz-linear-gradient(top,#FFF 0%,#EEE); background-color:#efefef; _position:relative; min-width:150px; text-align:left; } #top #main #campaign .block li.type3 a em { display:table-cell; /display:inline; /zoom:1; padding-left:5px; vertical-align:middle; width:100%; text-align:center; } #top #main #campaign .triangleLink { margin-top:5px; margin-bottom:15px; text-align:center; } #top #main #campaign .triangleLink a { padding-left:2px; font-weight:bold; } #top #main #campaign .triangleLink span { color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } #top #main #news { margin-bottom:10px; position:relative; } #top #main #news dl { background:#f1f8eb; border-left:1px solid #d8dfd3; border-right:1px solid #d8dfd3; } #top #main #news dt { color:#333; font-weight:normal; background:none; font-size:84%; padding:14px 10px 5px; } #top #main #news dt img { margin-left:10px; vertical-align:top; margin-top:2px; } #top #main #news dd { padding:0px 10px 14px; border-bottom:1px solid #d8dfd3; background:none; } #top #main #news .sell { font-size:10px; padding:1px 10px; background:#e57984; color:#FFFFFF; margin-left:15px; } #top #main #sale p { color:#ff0000; font-size:20px; font-weight:bold; } #top #main #sale p span { font-size:12px; padding-left:20px; } #top #main #sale dl { padding:10px 10px 0px 10px; } #top #main #sale dt { float:left; } #top #main #sale dd { float:left; width:90%; } #top #main #sale dt img { width:30px; } #top #main #sale .sale_title { font-weight:bold; font-size:15px; padding-left:10px; } #top #main #sale .sale_title a { padding-right:20px; } #top #main #sale .sale_description { padding-left:25px; width:100%; } #top #main #sale .block { padding:5px 10px 10px 10px; } #top #main #textlist .categoryBlock { padding-bottom:20px; } #top #main #textlist p { font-size:22px; font-weight:bold; border-bottom:2px solid #0c6d0e; } #top #main #textlist p span { padding-left:10px; } #top #main #textlist p img { vertical-align:text-bottom; padding-left:20px; width:40px;} #top #main #textlist dl { padding:10px 10px 0px 15px; } #top #main #textlist dt { padding-bottom:5px; font-weight:bold; padding:2px 5px 2px 0px; margin-bottom:5px; background:#f0f8e9; } #top #main #textlist dd { width:19%; padding-left:10px; box-sizing:border-box; display:-moz-inline-box; display:inline-block; vertical-align:text-top; } #top #main #tag_label .tagList { padding:10px 10px 5px 10px; } #top #main #tag_label .tagLabel { border:1px solid #d3d3d3; color:#666 !important; display:inline-block; padding:3px 5px 3px; border-radius:5px; text-decoration:none !important; white-space:nowrap; margin-right:5px; margin-bottom:5px; } #top #main #tag_label .tagLabel:hover { background:#dcdcdc; } #top .itemList .block ul { font-size:0;} #top .itemList .block ul:nth-child(1) { border-bottom:1px solid #e5e5e5; } #top .itemList .block ul li { font-size:12px; display:inline-block; /display:inline;/*IE7*/ /zoom:1;/*IE7*/ width:20%; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #top .itemList .block ul li:nth-child(even){ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } #top .itemList .block dl { padding:5px 0 5px 10px; } #top .itemList .block dl dt { text-align:center; position:relative; } #top .itemList .block dl dt img { height:117px; width:75px; padding-bottom:5px; } #top .itemList .block dl dt .noImage { height:60px; width:60px; margin:30px 0 27px 0; } #top .itemList .block .category { background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block; } #top .itemList .block .genre { margin-bottom:5px; padding:3px 8px; font-size:84%; color:#333; background:#f0f8e9; } #top .itemList .block .ranking { background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block; } #top .itemList .block .through { font-size:84%; color:#666; text-decoration:line-through; } #top .itemList .block .price { margin-left:10px; font-weight:bold; color:#c8417a; } /* #pt_cp .info { color:#333; font-weight:bold; letter-spacing:1px; margin:5px 0 10px 0; padding:15px 5% 10px 5%; background:#fffbf0; border:solid 1px #b38302; outline:solid 1px #805e01; position:relative; } #pt_cp .info li { border-bottom:1px dotted #a9a9a9; padding-left:10px; } #pt_cp .name { color:#000000; font-size:14px; margin-left:22px; } #pt_cp .name span { font-size:18px; margin-right:5px; } #pt_cp .tlink:link { text-decoration:underline; } #pt_cp .tlink:visited { text-decoration:underline; } #pt_cp .logout { text-align:right; line-height:12px; } #pt_cp .logout a:link { color:#333; } #pt_cp .logout a:visited { color:#333; } #pt_cp .info .coupon { line-height:40px; } #pt_cp .info .tpoint { line-height:40px; } #pt_cp .info .arrivemail{ line-height:18px; padding:10px 0 0px 0; } #pt_cp .info .arrivemail p { text-align:right; padding:5px 0 5px 12px; } */ /**************** 20190920 TERA *********************/ #pt_cp .info { position: relative; background: #fff; border: 1px solid #6db131; border-radius: 8px; } #pt_cp .info:before { content: ""; position: absolute; top: -6px; left: 26px; width: 60px; height: 60px; background: url(../images/i_top_mypage.png) no-repeat top left; background-size: contain; } #pt_cp .name { display: flex; justify-content: space-between; align-items: center; padding: 10px 30px 10px 99px; background: #fff; border-bottom: 2px solid #ccc; border-top-left-radius: 8px; border-top-right-radius: 8px; } #pt_cp .user-name { display: flex; align-items: flex-end; height: 100%; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 1px; } #pt_cp .user-name span { font-size: 18px; } #pt_cp .logout { display: inline-block; height: 100%; border-left: 1px solid #ccc; } #pt_cp .logout a { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; padding: 3px 20px; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 1; overflow: visible; } #pt_cp .logout a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 14px; height: 10px; margin: auto; background: url(../images/i_top_mypage_logout.png) top right no-repeat; line-height: 1; } #pt_cp .coupon-point-list { padding: 10px 25px 7px; background-color: #fffee8; font-weight: bold;} #pt_cp .coupon-point-list > li { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 8px 13px 8px 60px; border-bottom: 1px solid #ccc; box-sizing: border-box; } #pt_cp .coupon-point-list > li:last-child { border-bottom: 0; } #pt_cp .coupon-point-list > li:before { content: ""; position: absolute; top: 0; bottom: 0; left: 13px; margin: auto; } #pt_cp .coupon-point-list > li.coupon:before { width: 32px; height: 22px; background: url(../images/i_top_mypage_coupon.png) top left no-repeat; } #pt_cp .coupon-point-list > li.tpoint:before { width: 30px; height: 30px; background: url(../images/i_top_mypage_tpoint.png) top left no-repeat; } #pt_cp .coupon-point-list > li.tadabon:before { width: 32px; height: 24px; background: url(../images/i_top_mypage_tadabon.png) top left no-repeat; } #pt_cp .coupon-point-list > li.notice:before { width: 30px; height: 21px; background: url(../images/i_top_mypage_notice.png) top left no-repeat; } #pt_cp .coupon-point-detail { display: flex; justify-content: flex-start; align-items: center; min-height: 39px; padding: 0 14px; border-left: 1px solid #ccc; } #pt_cp .coupon-point-detail span { font-size: 14px; } #pt_cp .coupon-point-detail strong { margin: 0 4px; font-size: 26px; color: #ff0000; font-weight: bold; } #pt_cp .coupon-point-detail strong.limit-days { padding: 2px 8px;background: #ff0000; border-radius: 3px; box-sizing: border-box; color: #fff; font-size: 24px; line-height: 1; } #pt_cp .coupon-detail { display: inline-block; margin-left: 17px; border-left: 1px solid #ccc; } #pt_cp .coupon-detail a { position: relative; display: flex; justify-content: center; align-items: center; min-height: 39px; padding: 0 17px; color: #0748a1; font-size: 14px; font-weight: normal; text-decoration: none; } #pt_cp .coupon-detail a:after { content: ""; position: absolute; top: -2px; right: 0; bottom: 0; width: 6px; height: 10px; margin: auto; background: url(../images/i_arrow_right.png) top left no-repeat; } /*********************************************************/ #pt_cp .red_bold { font-size:30px; color:#FF0000; margin:0 3px; vertical-align:sub; } #pt_cp .white_bold { font-size:25px; color:#FFFFFF; margin:0 3px; vertical-align:sub; background-color:#FF0000; border-radius:5px; padding:1px 3px; } #pt_cp .green_arrow { color:#76bd36; font-size:18px; padding-right:2px; font-weight:normal; vertical-align:bottom; } #pt_cp .glay_arrow { color:#696969; font-size:18px; padding-right:2px; font-weight:normal; vertical-align:bottom;} #pt_cp .detail { width:951px; margin:0 auto; display:none; position:absolute; z-index:1000; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; right:0; left:0px; letter-spacing:1px; } #pt_cp .detail .block { border:solid 2px #daa520; padding:15px 15px; } #pt_cp .detail .list { color:#333; padding-top:15px; margin-bottom:15px; font-weight:bold; border-bottom:#dcdcdc 1px solid; } #pt_cp .detail .cp_txt { -webkit-box-shadow:2px 2px 2px 0 rgba(100,100,100,0.2) inset; -moz-box-shadow:2px 2px 2px 0 rgba(100,100,100,0.2) inset; box-shadow:2px 2px 2px 0 rgba(100,100,100,0.2) inset;border:1px #a9a9a9 solid;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:4px 0; font-size:20px; width:85px; text-align:center; } #pt_cp .detail p { color:#696969; } #pt_cp .goldTitle { font-size:20px; text-align:center; position:relative; } #pt_cp .goldTitle h3 { padding:5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffd700), to(#daa520)); background:-moz-linear-gradient(top, #ffd700, #daa520); background:-ms-linear-gradient(top, #ffd700, #daa520); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#daa520', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #pt_cp .list ul { display:table; table-layout:fixed; text-align:center; width:100%; border-collapse:separate; border-spacing:3px 0; } #pt_cp .list li { display:table-cell; vertical-align:middle; } #pt_cp .list li.limit { width:100px; } #pt_cp .list li.privilege{ width:180px; } #pt_cp .list li.coupon { width:170px; } #pt_cp .list .header { height:35px; } #pt_cp .list .header li { background-color:#e6e6e6; text-align:center; } #pt_cp .list .row li { text-align:left; height:60px; padding:0 7px; box-sizing:border-box; } #pt_cp .list .row .alct { text-align:center; } #pt_cp .list .row .date { font-size:11px; font-weight:normal; } #pt_cp .glay_bg { background-color:#f5f5f5; } #top #demograRanking { margin-top:10px; } #top #demograRanking .demograRanking { padding:10px; border:1px solid #e5e5e5; } #top #demograRanking .sex { padding:8px; } #top #demograRanking .sex span { font-weight:bold; color:#000000; } #top #demograRanking .age { padding:10px 0 0 10px; font-weight:bold; height:36px; } #top #demograRanking .male { background-color:#87ceeb; } #top #demograRanking .female { background-color:#ffb6c1; } #top #demograRanking .leftBox { float:left; width:49%; box-sizing:border-box; border:1px solid #09C; margin-right:2%; } #top #demograRanking .rightBox { float:left; width:49%; box-sizing:border-box; border:1px solid #ff69b4; } #top #demograRanking .leftBox .age { border-bottom:2px solid #09C; } #top #demograRanking .rightBox .age { border-bottom:2px solid #ff69b4; } #top #demograRanking .age div { float:left; border:1px solid #ccc; background-image:-moz-linear-gradient(top,#FFF 0%,#EEE); background-color:#efefef; padding:8px 0; width:15%; text-align:center; margin-top:1px; border-bottom:none; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px; } #top #demograRanking .age .select { background-image:-webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)); background:-moz-linear-gradient(top,#0099CC 0%,#006699); background:-ms-linear-gradient(top, #0099CC, #006699); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC', endColorstr='#006699', GradientType=0)"; background-color:#0099CC; color:#FFFFFF; } #top #demograRanking .age .select a { color:#FFFFFF; } #top #demograRanking dl { padding:5px 0 0px 10px; clear:both; } #top #demograRanking dl dt { float:left; background:#e76700; color:#ffffff; font-size:84%; padding:0 3px 0 3px; margin-right:3px; float:left; vertical-align:bottom; display:block; margin:5px 5px 5px 0; } #top #demograRanking dl dd { border-bottom:1px dotted #e5e5e5; padding:5px 0px 2px 0; } #top #demograRanking .other { padding:10px 0 10px 30px; } #top #dlvfree .freeTitle { color:#ffff7f; display:inline; } #top #dlvfree .block { padding:10px; } #top #dlvfree .block p { padding-bottom:5px; font-weight:bold; padding:2px 5px 2px 25px; margin-bottom:5px; } #top #dlvfree .block div { padding-top:5px; } #top #dlvfree .block div span { margin-left:25px; padding-left:15px; padding-right:5px; color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; } #coupon { background-color:#e0b939;width:100%;height:40px;text-align:center;padding-top:-10px; } #coupon a { padding:5px; font-size:12px; background-color:#ff6363; border-top:1px solid #fccbcb; border-right:1px solid #8e0202; border-bottom:1px solid #590101; border-left:1px solid #ee3c3c; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff6363), to(#e90303)); background:-moz-linear-gradient(top, #ff6363, #e90303); background:-ms-linear-gradient(top, #ff6363, #e90303); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6363', endColorstr='#e90303', GradientType=0)"; box-sizing:border-box; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px; vertical-align:text-bottom; margin-left:41px; } #coupon a span { font-size:18px;line-height:13px; padding-right:1px;vertical-align:text-top;} #coupon a:hover { text-decoration:none; } /* 下部クーポン */ #btm_cpn { position:fixed; bottom:-1px; width:100%; display:none; z-index:999; } #btm_cpn .cls_btn { text-align:right; } #btm_cpn .cls_btn span { background-color:#d2d2d2; padding:3px; font-weight:bold; cursor:pointer; } .cpn_main { background-color:#830006; width:100%; } .cpn_block { width:750px; margin:0 auto; } .cpn_block .left { float:left; width:600px; } .cpn_block .right { float:right; background:url(../images/img_f_coupon3_02.gif) no-repeat; width:150px; height:70px; } .cpn_block .right div { color:#d10001; font-size:20px; width:144px; margin-top:20px; font-weight:bold; } /* 下部クーポン */ .section { margin-top:10px; position:relative; /zoom:1; } .section .sectionNavi { position:absolute; right:5px; top:5px; } .section .sectionNavi li { display:inline; /margin-right:2px; font-size:1%; line-height:0; } .section .radLB { position:absolute; left:0; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; } .section .radRB { position:absolute; right:0; *right:-1px; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; } .block { border:1px solid #e5e5e5; border-radius:0 0 4px 4px; } .block .sliderArea { position:relative; z-index:2; width:100%; overflow:hidden; } .block .sliderArea .sliderLeft { position:absolute; left:0; top:65px; z-index:4; cursor:pointer; } .block .sliderArea .sliderRight { position:absolute; right:0; /right:-1px; top:65px; z-index:4; cursor:pointer; } /*-- レイアウト --*/ /*-- 閲覧履歴--*/ #history .block ul { font-size:0;} #history .block ul:nth-child(1) { border-bottom:1px solid #e5e5e5; } #history .block ul li { font-size:12px; display:inline-block; /display:inline;/*IE7*/ /zoom:1;/*IE7*/ width:20%; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #history .block ul li:nth-child(even){ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } #history .block dl { padding:5px 0 5px 10px; } #history .block dl dt { text-align:center; position:relative; } #history .block dl dt img { height:117px; width:81px; padding-bottom:5px; } #history .block .category { background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block; } #history .block .through { font-size:84%; color:#666; text-decoration:line-through; } #history .block .price { margin-left:10px; font-weight:bold; color:#c8417a; } #history .block .noImage { height:60px; width:60px; margin:30px 0 27px 0; } /*-- 閲覧履歴--*/ /*-- フッター --*/ .pageup { clear:both; margin-right:10px; text-align:right; max-width: 1220px; margin: 0 auto; } .pageup a { margin-right:10px; } #footer { margin-top:40px; } #footer .bo1 { border-top:1px solid #e5e5e5; } #footerMenuWrap { position:relative; margin:0 10px; } * html #footerMenuWrap { zoom:1; } #footerMenu { margin:0 auto; padding:20px 30px; border:1px solid #e5e5e5; max-width:1138px; } #footerMenuWrap #footerLT { position:absolute; left:0; top:0; font-size:1%; } #footerMenuWrap #footerRB { position:absolute; right:0; bottom:0; font-size:1%; } #footerMenuWrap #footerLB { position:absolute; left:0; bottom:0; font-size:1%; } #footerMenu dl dt { font-weight:bold; color:#666; text-align:left; } #footerMenu dl dt span { color:#ccc; } #footerMenu dl.buy { float:left; width:75%; border-right:1px solid #e5e5e5; } #footerMenu dl.buy dd { float:left; width:33%; text-align:left; } #footerMenu dl.sell { float:right; width:20%; text-align:left; } #otherLink:before,#otherLink:after { content:""; display:table; } #otherLink:after { clear:both; } #otherLink { zoom:1; } #otherLink { margin:0 10px; padding:1em 0; text-align:center; } #otherLink li { display:inline-block; /display:inline; /zoom:1; padding:0 1em; line-height:1.1; border-right:1px solid #939393; } #otherLink li.last { border-right:0; } #copyrightWrap {padding: 33px 10px 0px;max-width: 1200px;margin: 0 auto;margin-bottom: -4px;} #copyrightWrap .first {float:left;margin-right:6px;} #copyrightWrap a { text-decoration:underline; } #copyrightWrap a:hover { text-decoration:none; } #footLogo {float:left;margin-top: -20px;} #copyrightWrap #group { float:right; } #copyrightWrap #group li { float:left; margin-right:28px; } #copyrightWrap #group li.last { margin-right:5px; } #copyrightWrap #safety { margin:0; } #copyrightWrap #safety li { float:left; margin-right:5px; } #copyrightWrap #safety li.first {margin-top: -20px;} #copyrightWrap #safety li.even {margin-top: -20px;margin-right: 16px;} #copyrightWrap #safety li.last {font-size:84%;padding-bottom: 26px;margin-top: -2px;} #copyrightWrap #safety li.last a { float: none; } #copyrightWrap #safety .norton img { height:68px; width:94px; margin-top:-7px; } #copyrightWrap address {font-size:84%;color:#999;text-align:center;position: relative;top: -21px;} /*-- フッター --*/ /*-- leftside --*/ #side #menu { position:relative; margin-bottom:10px; border-bottom:solid 1px #CCC; border-radius:0 0 4px 4px; padding-bottom:5px; background-color:#FFE4E1; } #side #menu .pngBg { font-size:1%; position:absolute; top:0px; left:0px; } #side #menu ul { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; zoom:1; } #side #menu li { /display:inline; position:relative; /width:100%; /zoom:1; } #side #menu li a { display:block; position:relative; padding:7px 10px 7px 9px; color:#fff; font-weight:bold; text-decoration:none; background:#5f962c; border-top:1px solid #87b061; border-bottom:1px solid #477021; zoom:1; } #side #menu li a.none { color:#009999; background:#fcfefb; border-top:none; border-bottom:1px solid #bdbebc; padding-left:28px; } #side #menu li a:hover { color:#333; font-weight:bold; text-decoration:none; background:#f0f8e9; border-top:1px solid #fff; border-bottom:1px solid #b4baaf; /zoom:1; } #side #menu li a.sell { background-color:#FFE4E1; border-top:none; border-bottom:none; padding:8px 10px 3px 9px; color:#e8848e; } #side #menu li a:hover.sell { border-top:none; background-color:#FFE4E1; text-decoration:underline; } #side #menu li a:hover.none { color:#009999; border-top:none; border-bottom:1px solid #bdbebc; background:#fcfefb; text-decoration:underline; } #side #menu li a.last { border-radius:0 0 5px 5px; } #side #menu .menuBoxTop { display:none; position:absolute; left:165px; top:0; z-index:10; width:780px; height:597px; background:#f0f8e9; border:solid 1px #999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:rgb(221,237,206); background:-moz-linear-gradient(left, rgba(221,237,206,1) 0%, rgba(240,248,233,1) 0%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(221,237,206,1) 0%,rgba(240,248,233,1) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(221,237,206,1) 0%,rgba(240,248,233,1) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddedce', endColorstr='#ffffff',GradientType=1 ); } #side #menu .menuBoxTop .comicMenu { background:url("/images/leftnavi/1001.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBoxTop .comicSetMenu { background:url("/images/leftnavi/1011.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBoxTop .bookMenu { background:url("/images/leftnavi/1002.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBoxTop .cdMenu { background:url("/images/leftnavi/3001.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBoxTop .dvdMenu { background:url("/images/leftnavi/7001.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBoxTop .gameMenu { background:url("/images/leftnavi/5001.png?1=2") no-repeat 0px 37px; height:100%; } #side #menu .menuBox { float:left; width:195px; padding:10px 9px; box-sizing:border-box; height:100%; } #side #menu .menuBoxBtm dl { padding-bottom:5px; } #side #menu .menuBoxBtm dt { font-size:14px; } #side #menu .menuBoxBtm dd { padding-left:5px; } #side #menu .menuBoxBtm ul { border:none; padding-bottom:10px; } #side #menu .menuBoxBtm li a { display:block; padding:0 7px 0 10px; font-weight:100; color:#0748a1; border-top:none; border-bottom:none; background:none; } #side #menu .menuBoxBtm li a span { display:block; padding:5px 0; } #side #menu .menuBoxBtm li a:hover { text-decoration:underline; } #side #beginner { position:relative; margin-bottom:10px; } #side #beginner dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #beginner dd { border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #beginner li { border-bottom:1px solid #e5e5e5; padding:4px 10px; zoom:1; } #side #beginner li a { display:block; padding:21px 10px; } #side #beginner li.last { border-bottom:none; padding-bottom:0px; } #side #beginner div { position:absolute; top:35px; left:145px; } * html #side #beginner div { top:3px; } #side #sns2 { position:relative; margin-bottom:10px; } #side #sns2 dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #sns2 dd { padding:0px 1px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #sns2 li { border-bottom:1px solid #e5e5e5; padding:0; zoom:1; background:url("/images/icon_fb.gif") no-repeat 5px; height:100%;} #side #sns2 li a { display:block; padding:12px 12px; } #side #sns2 li.last { border-bottom:none; padding-bottom:0px; background:url("/images/icon_tw.gif") no-repeat 5px; height:100%;} #side #sns2 div { position:absolute; top:32px; left:125px; } * html #side #sns2 div { top:3px; } #side #bingo { position:relative; margin-bottom:10px; } #side #bingo dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #bingo dd { padding:0px 1px 6px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #bingo li { border-bottom:1px solid #e5e5e5; padding:0; zoom:1; } #side #bingo li a { display:block; padding:21px 10px; } #side #bingo li.last { border-bottom:none; padding-bottom:0px; } #side #bingo div { position:absolute; top:32px; left:125px; } * html #side #bingo div { top:3px; } #side #searchtitle { position:relative; margin-bottom:10px; } #side #searchtitle dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #searchtitle dd { padding:0px 4px 6px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #searchtitle li { width:29px; margin:5px 5px 0 0;display:table; text-align:center; padding:5px 0; border:1px solid #ccc; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background-image:-moz-linear-gradient(top,#FFF 0%,#EEE); background-color:#efefef; } #side #searchtitle p { padding-top:10px; font-weight:bold; } #side #specialupdate { position:relative; margin-bottom:10px; } #side #specialupdate dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #specialupdate dd { border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #specialupdate li { border-bottom:1px solid #e5e5e5; padding:0; zoom:1; } #side #specialupdate li a { display:block; padding:5px 10px; } #side #specialupdate li.last { border-bottom:none; padding-bottom:0px; } #side #other2 { position:relative; margin-bottom:10px;} #side #other2 dt { padding:5px 5px 5px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a1d176), to(#70ba2e)); background:-moz-linear-gradient(top, #a1d176, #70ba2e); background:-ms-linear-gradient(top, #a1d176, #70ba2e); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d176', endColorstr='#70ba2e', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #side #other2 dd { padding:0px 1px 6px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #side #other2 li { border-bottom:1px solid #e5e5e5; padding:4px 10px; zoom:1; } #side #other2 li.last { border-bottom:none; padding-bottom:0px; } /*-- leftside --*/ /*-- rightside --*/ #sidebar { color:#666666; } #sidebar a:hover { text-decoration: none; } #sidebar .forSell { width:230px; margin-bottom:10px; border:1px solid #ccc; border-radius:6px; } #sidebar .forSell .forSellHead { position:relative; padding:5px 0; background:#e8848e; color:#fff; text-align: center; border-radius:6px 6px 0 0; } #sidebar .forSell .forSellHead:hover { background:#f3b4b7; } #sidebar .forSell .forSellHead h2 { font-family: "Noto-B"; font-size: 34px; margin-left:10px;} #sidebar .forSell .forSellHead p { font-family: "Noto-B"; font-size: 14px; } #sidebar .forSell.book .forSellHead h2, #sidebar .forSell.figure .forSellHead h2 { font-size: 20px;} #sidebar .forSell.brand .forSellHead h2 { font-size: 17px;} #sidebar .forSell.book .forSellHead h2 em, #sidebar .forSell.figure .forSellHead h2 em, #sidebar .forSell.brand .forSellHead h2 em { font-size: 14px; display: block;} #sidebar .forSell .forSellHead:before { content: ""; position: absolute; top: 20px; left: 10px; width:36px; height:36px;} #sidebar .forSell.top .forSellHead:before { top: 16px; background: url(/images/rightnavi/p_item_sell.png) no-repeat;} #sidebar .forSell.book .forSellHead:before { top: 16px; background: url(/images/rightnavi/p_item_book.png) no-repeat;} #sidebar .forSell.brand .forSellHead:before { top: 16px; background: url(/images/rightnavi/p_item_brand.png) no-repeat;} #sidebar .forSell.figure .forSellHead:before{ top: 16px; background: url(/images/rightnavi/p_item_figure.png) no-repeat;} #sidebar .forSell .forSellHead:after { content: ""; position: absolute; top: 26px; right: 10px; width: 11px; height: 11px; margin-top: -3px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #sidebar .forSell .forSellBtm { padding:10px 0px 0px 0px; background: #ffe4e1; text-align: center;} #sidebar .forSell .forSellBtm span { background: #f8e776; border:1px solid #fff; margin:0; padding:5px 10px; font-family:"Noto-B"; font-size: 14px; box-sizing:border-box;} #sidebar .forSell.top .forSellBtm span:first-of-type{ border-right:none; margin:0; } #sidebar .forSell .forSellBtm a { padding:10px 0; display: block;} #sidebar .forSell.top .forSellBtm a { padding:16px 0 0 3px; display: block;} #sidebar .forSell.book .forSellBtm span, #sidebar .forSell.brand .forSellBtm span, #sidebar .forSell.figure .forSellBtm span { display: block; margin:0 6px;} #sidebar .forSell.book .forSellBtm span:first-of-type, #sidebar .forSell.brand .forSellBtm span:first-of-type, #sidebar .forSell.figure .forSellBtm span:first-of-type { border-bottom:none;} #sidebar .forSell.top .forSellHead { padding: 0 0 15px; } #sidebar .forSell.top .forSellHead p { font-family: "Noto-B"; font-size: 14px; margin-bottom: 10px; } #sidebar .forSell.top .forSellHead span { background: #f8e776; border:1px solid #fff; margin:10px 0; padding:5px 10px; font-family:"Noto-B"; font-size: 14px; box-sizing:border-box; color: #666666;} #sidebar .forSell.top .forSellBtm a { padding: 0 0 0 3px; } #sidebar .forSell ul { border-radius:0 0 6px 6px; } #sidebar .forSell li a { font-size:12px; border-top:1px solid #ccc; float:left; padding:4px 0 4px 26px; width:115px;box-sizing:border-box; background-repeat:no-repeat;} #sidebar .forSell.figure li a { font-size:11px; padding:6px 0 4px 26px; } #sidebar .forSell li.even a { border-left:1px solid #ccc; } #sidebar .forSell li a:hover { background-color:#eee; } #sidebar .forSell li.comic a { background-image: url(/images/rightnavi/p_top_sell_book1.jpg); } #sidebar .forSell li.book a { background-image: url(/images/rightnavi/p_top_sell_book2.jpg); } #sidebar .forSell li.cd a { background-image: url(/images/rightnavi/p_top_sell_book3.jpg); } #sidebar .forSell li.dvd a { background-image: url(/images/rightnavi/p_top_sell_book4.jpg); } #sidebar .forSell li.gamesoft a { background-image: url(/images/rightnavi/p_top_sell_book5.jpg); } #sidebar .forSell li.gamehard a { background-image: url(/images/rightnavi/p_top_sell_book6.jpg); } #sidebar .forSell li.figure1 a { background-image: url(/images/rightnavi/p_top_sell_figure1.jpg); } #sidebar .forSell li.kuji a { background-image: url(/images/rightnavi/p_top_sell_figure2.jpg); } #sidebar .forSell li.plamo a { background-image: url(/images/rightnavi/p_top_sell_figure3.jpg); } #sidebar .forSell li.gampla a { background-image: url(/images/rightnavi/p_top_sell_figure4.jpg); } #sidebar .forSell li.poke a { background-image: url(/images/rightnavi/p_top_sell_figure5.jpg); } #sidebar .forSell li.op a { background-image: url(/images/rightnavi/p_top_sell_figure6.jpg); } #sidebar .forSell li.rider a { background-image: url(/images/rightnavi/p_top_sell_figure7.jpg); } #sidebar .forSell li.camp a { background-image: url(/images/rightnavi/p_top_sell_figure8.jpg); } #sidebar .forSell li.hakonashi a { background-image: url(/images/rightnavi/p_top_sell_figure9.jpg); } #sidebar .forSell li.bag a { background-image: url(/images/rightnavi/p_top_sell_bag.jpg); } #sidebar .forSell li.walet a { background-image: url(/images/rightnavi/p_top_sell_wallet.jpg); } #sidebar .forSell li.watch a { background-image: url(/images/rightnavi/p_top_sell_watch.jpg); } #sidebar .forSell li.croth a { background-image: url(/images/rightnavi/p_top_sell_clothes.jpg); } #sidebar .forSell li.juwely a { background-image: url(/images/rightnavi/p_top_sell_jewelry.jpg); } #sidebar .forSell li.platinum a { background-image: url(/images/rightnavi/p_top_sell_gold.jpg); } #sidebar .forSell li.fon a { background-image: url(/images/rightnavi/p_top_sell_mobile.jpg); } #sidebar .forSell li.iphone a { background-image: url(/images/rightnavi/p_top_sell_iphone.jpg); } #sidebar .forSell li.camera a { background-image: url(/images/rightnavi/p_top_sell_camera.jpg); } #sidebar .forSell li.kaden a { background-image: url(/images/rightnavi/p_top_sell_kaden.jpg); } #sidebar .forSell li.hp a { background-image: url(/images/rightnavi/p_top_sell_hp.jpg); } #sidebar .forSell li.instrument a { background-image: url(/images/rightnavi/p_top_sell_gakki.jpg); } #sidebar .forSell li.gpc a { background-image: url(/images/rightnavi/p_top_sell_gpc.jpg); } #sidebar .forSell li.kids a { background-image: url(/images/rightnavi/p_top_sell_brand11.jpg); } #sidebar .forSell li.pen a { background-image: url(/images/rightnavi/p_top_sell_hikigu.jpg); } #sidebar .forSell li.glass a { background-image: url(/images/rightnavi/p_top_sell_brand13.jpg); } #sidebar .forSell li.wa a { background-image: url(/images/rightnavi/p_top_sell_brand14.jpg); } #sidebar .forRenet { width:230px; margin-bottom:10px; border:1px solid #ccc; border-radius:6px; background:#eef3df;} #sidebar .forRenet h2 { padding:6px 0 0 6px; font-family:"Noto-B"; font-size:18px; color:#6fba2c; position: relative;} #sidebar .forRenet h2:before { content: ""; position: absolute; top: 10px; right: 24px; width:32px; height:40px; background:url(/images/rightnavi/p_item_renet.png) no-repeat;} #sidebar .forRenet h2:after { content: ""; position: absolute; top: 24px; right: 10px; width: 11px; height: 11px; margin-top: -3px; border-top: 2px solid #74b92a; border-right: 2px solid #74b92a; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #sidebar .forRenet .banner { padding:4px 0 8px 5px; } #sidebar .forRenet a:hover h2, #sidebar .forRenet a:hover .banner { opacity: 0.5; } #sidebar .forRenet li { text-align:center; background: #74b92a; color:#fff; margin:0 9px 1px; padding:5px 10px; font-family:"Noto-B"; font-size: 14px; box-sizing:border-box;} #sidebar .forRenet .entry { text-align: center; display: block; padding:10px 0 16px;} #sidebar .check { position:relative; zoom:1; margin-bottom:10px; } #sidebar .check dt { padding:4px 7px 4px; background-color:#ff6363; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eea6ae), to(#e67b86)); background:-moz-linear-gradient(top, #eea6ae, #e67b86); background:-ms-linear-gradient(top, #eea6ae, #e67b86); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#eea6ae', endColorstr='#e67b86', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #sidebar .check dd { padding:0px 1px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #sidebar .check li { border-bottom:1px solid #e5e5e5; padding:4px 10px; zoom:1; } #sidebar .check li.last { border-bottom:none; } #sidebar .ecoprogram { margin-bottom:10px; } #side .ecoprogram a:visited { color:#333; text-decoration:none; } #side .ecoprogram a:link { color: #333; text-decoration:none; } #side .ecoprogram a { text-decoration:none; } #sidebar .ecoprogram dt { padding:2px 0; background-color:#739242; } #sidebar .ecoprogram dd { padding:0px 1px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #sidebar .ecoprogram .smile { margin-bottom:15px; } #sidebar .ecoprogram .smile dt { padding:0px; margin-bottom:12px; text-align:right; background:none; } #sidebar .ecoprogram .smile dd { padding:0px; text-align:center; background:none; border:none; } #sidebar .ecoprogram .contribute dt { padding:0px; margin:0px 0px 12px 10px; background:none; } #sidebar .ecoprogram .contribute dd { padding:0px; background:none; padding:0px 10px; border:none; } #sidebar .ecoprogram .contribute strong { display:block; color:#8cc757; font-size:190%; letter-spacing:-1px; line-height:1.2em; font-weight:bold; margin:0px 0px 10px 0px; } #sidebar .ecoprogram .contribute .amountBox { position:absolute;top:-30px; right:-1px; padding:0; } #sidebar .ecoprogram .contribute .black { color:#000000; } #sidebar .ecoprogram .contribute .pink { color:#e48493; font-size:18px; font-weight:bold; } #sidebar .ecoprogram div { padding:12px 10px; text-align:center; } #sidebar .ecoprogram div a { color:#333; font-weight:bold; text-decoration:none; } #sidebar .ecoprogram .greenar { color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } #sidebar .ecoprogram div a:hover { text-decoration:underline; } #sidebar .ecoprogram .amount { font-weight:bold; color:#000000; } #sidebar .ecoprogram .date { color:#666666; font-weight:normal; } #sidebar .checkList { position:relative; zoom:1; margin-bottom:10px; } #sidebar .checkList dt { padding:4px 10px 4px; background-color:#ff6363; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eea6ae), to(#e67b86)); background:-moz-linear-gradient(top, #eea6ae, #e67b86); background:-ms-linear-gradient(top, #eea6ae, #e67b86); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#eea6ae', endColorstr='#e67b86', GradientType=0)"; font-weight:bold; color:#FFFFFF; letter-spacing:1px; border-radius:4px 4px 0 0; } #sidebar .checkList dd { padding:0px 1px; border:solid 1px; border-radius:0 0 4px 4px; border-color:#ccc; } #sidebar .checkList span { color:#76bd36; font-size:18px; vertical-align:top; line-height:18px; padding-right:2px; } /*-- rightside --*/ /*-- 広告枠 --*/ #fluct { margin:50px auto; width:728px; } /* サジェスト */ .sg_results { z-index:9999; } .uksgst_results { padding:0px; border:1px solid WindowFrame; background-color:Window; overflow:hidden; z-index:9999; } .uksgst_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; text-align:left; } .uksgst_results iframe { display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .uksgst_results li { margin:0px; padding:2px 5px; cursor:pointer; display:block; width:100%; font:menu; font-size:12px; overflow:hidden;text-align:left; } .uksgst_over { background-color:Highlight; color:HighlightText; } /* サジェスト */ .sprite { background:url("/images/sprite.png") no-repeat; background-size:auto; display:inline-block; } .sprite-logo { background-position:0 -300px; width:155px; height:57px; } .sprite-tpoint { background-position:0px -130px; width:198px; height:21px; } .sprite-j3c { background-position:0px -112px; width:198px; height:19px; } .sprite-boxfree { background-position:-360px -112px; width:94px; height:11px; } .sprite-beginner { background-position:-73px -257px; width:91px; height:13px; } .sprite-qa { background-position:-74px -284px; width:81px; height:13px;margin-right: 2px; } .sprite-sitemap { background-position:-72px -270px; width:80px; height:13px; } .sprite-corp { background-position:-155px -284px; width:61px; height:13px; } .sprite-mypage {background-position: -395px -283px;width: 13px;height:20px;position:absolute;top: 5px;left: 7px;} .sprite-arrivemail {background-position: -408px -282px;width: 15px;height: 15px;position:absolute;top: 6px;left: 6px;} .sprite-favorite {background-position: -423px -283px;width: 12px;height: 13px;position:absolute;top: 7px;left: 7px;} .sprite-reservation {background:url("/image/shopping-bag-white.png") no-repeat; background-size:auto; display:inline-block; width: 25px;height: 25px;position:absolute;top: 2px;left: 4px;} .sprite-cart {background-position: -435px -284px;width: 16px;height:13px;margin:0 0 0 1px;position: absolute;top: 7px;left: 3px;} .sprite-pmark { background-position:-388px -228px; width:54px; height:55px; } .sprite-spicon { background-position:-48px -1px; width:8px; height:14px; margin-left:5px;} .sprite-comicicon { background-position:-185px 0px; width:15px; height:13px; margin-right:5px; } .sprite-seticon { background-position:-155px 0px; width:15px; height:12px; margin-right:5px; } .sprite-bookicon { background-position:-244px 0px; width:15px; height:15px; margin-right:5px; } .sprite-cdicon { background-position:-215px 0px; width:15px; height:14px; margin-right:5px; } .sprite-dvdicon { background-position:-125px 1px; width:15px; height:15px; margin-right:5px; } .sprite-gameicon { background-position:-95px 1px; width:15px; height:13px; margin-right:5px; } .sprite-sellicon { background-position:-324px 0px; width:20px; height:19px; margin-right:5px; vertical-align:sub; } .sprite-comic-onicon{ background-position:-170px 0px; width:15px; height:12px; margin-right:3px; } .sprite-set-onicon { background-position:-140px 0px; width:15px; height:12px; margin-right:3px; } .sprite-book-onicon { background-position:-229px 0px; width:15px; height:15px; margin-right:3px; } .sprite-cd-onicon { background-position:-200px 0px; width:15px; height:14px; margin-right:3px; } .sprite-dvd-onicon { background-position:-110px 1px; width:15px; height:15px; margin-right:3px; } .sprite-game-onicon { background-position:-80px 1px; width:15px; height:13px; margin-right:3px; } .sprite-2015rank { background-position:-350px -22px; width:35px; height:35px; } .sprite-2015gp { background-position:-70px -22px; width:35px; height:35px; } .sprite-honya { background-position:-175px -22px; width:35px; height:35px; } .sprite-book100 { background-position:-245px -22px; width:35px; height:35px; } .sprite-manga { background-position:-140px -22px; width:35px; height:35px; } .sprite-label { background-position:-272px -241px; width:35px; height:35px; } .sprite-new { background-position:-35px -22px; width:35px; height:35px; } .sprite-obi { background-position:-105px -22px; width:35px; height:35px; } .sprite-set { background-position:-210px -22px; width:35px; height:35px; } .sprite-anime { background-position:-315px -22px; width:35px; height:35px; } .sprite-bl { background-position:-280px -22px; width:35px; height:35px; } .sprite-bungaku { background-position:-0px -22px; width:35px; height:35px; } .sprite-door { background-position:-345px -1px; width:15px; height:15px; margin-left:5px; } .sprite-discas { background-position:0px -57px; width:190px; height:55px; } .sprite-tsutaya { background-position:-190px -57px; width:190px; height:55px; } .sprite-bingo { background-position:-216px -241px; width:56px; height:56px; } .sprite-smile { background-position:-0px -194px; width:216px; height:63px; } .sprite-amount { background-position:-385px -0px; width:68px; height:111px; } .sprite-begicon { background-position:-416px -124px; width:32px; height:56px; } .sprite-ticon { background-position:-346px -112px; width:10px; height:13px; } .sprite-coupon { background-position:-325px -241px; width:52px; height:54px; } .sprite-ewaste { background-position:-42px -256px; width:29px; height:38px; position:absolute; right:6px; top:-5px; } .sprite-renet { background-position:-222px -176px; width:194px; height:32px; } .sprite-sell { background-position:-222px -140px; width:132px; height:35px; } .sprite-free { background-position:-0px -256px; width:39px; height:41px; position:absolute; right:9px; top:-7px; } .sprite-tvicon { background-position:-285px 0px; width:20px; height:19px; } .sprite-shopping { background-position:-222px -211px; width:127px; height:26px; } .sprite-crown { background-position:-259px -0px; width:26px; height:22px; margin:0 5px 0 10px; vertical-align:bottom; } .sprite-zoom { background-position:-57px -0px; width:11px; height:12px; margin:0 5px; } .sprite-topscroll { background-position:-306px 0px; width:18px; height:18px; } .sprite-coupon2 { background-position:-366px -123px; width:36px; height:27px; margin:0 10px -7px 0; } .sprite-tpoint2 { background-position:-366px -150px; width:28px; height:28px; margin:10px 10px -7px 5px; } .sprite-arrivemail2 { background-position:-272px -276px; width:30px; height:21px; margin:0 15px -8px 14px; float:left; } .sprite-top_left { background-position:-435px -202px; width:18px; height:18px; position:absolute; top:-4px; left:-4px; } .sprite-top_right { background-position:-417px -202px; width:18px; height:18px; position:absolute; top:-4px; right:-4px; } .sprite-btm_left { background-position:-417px -184px; width:18px; height:18px; position:absolute; bottom:-4px; left:-4px; } .sprite-btm_right { background-position:-435px -184px; width:18px; height:18px; position:absolute; bottom:-4px; right:-4px; } .sprite-close { background-position:-360px -215px; width:18px; height:18px; position:absolute; top:11px; right:15px; cursor:pointer; } .sprite-paypay { background-position:-155px -300px; width:220px; height:22px; } .sprite-yoyaku { background-position:-155px -322px; width:273px; height:23px; } .sprite-vpoint { background-position:-155px -345px; width:250px; height:35px; } #side #menu .comic a:hover i { background-position:-170px 0px; width:15px; height:12px; margin-right:3px; } #side #menu .comicSet a:hover i { background-position:-140px 0px; width:15px; height:12px; margin-right:3px; } #side #menu .book a:hover i { background-position:-229px 0px; width:15px; height:15px; margin-right:3px; } #side #menu .cd a:hover i { background-position:-200px 0px; width:15px; height:14px; margin-right:3px; } #side #menu .dvd a:hover i { background-position:-110px 1px; width:15px; height:15px; margin-right:3px; } #side #menu .game a:hover i { background-position:-80px 1px; width:15px; height:13px; margin-right:3px; } /**************** 20190920 TERA *********************/ .i-tadabon-menu { width: 16px; height: 16px; margin-right: 5px; background:url("/images/i_tadabon_menu3_off.png") no-repeat; background-size:auto; display:inline-block; margin-bottom:3px;} #side #menu .tadabon a:hover .i-tadabon-menu { width: 16px; height: 16px; background:url("/images/i_tadabon_menu3_on.png") no-repeat; background-size: auto; display: inline-block;margin-bottom:3px;} #side #menu .tadabon a:hover { color:#ffffff;} #side #menu .menuBoxTop .i-tadabon-menu { background:url("/images/i_tadabon_menu_on.png") no-repeat; background-size: auto; } #side #menu .tadabon a { background:#000000 !important; } #side #menu .tadabon a:hover { opacity:0.5; } .i-yoyaku-menu { width: 16px; height: 13px; margin-right: 5px; background:url("/images/i_yoyaku_menu_off.png") no-repeat; background-size:auto; display:inline-block; } #side #menu .yoyaku a:hover .i-yoyaku-menu { width: 16px; height: 13px; background:url("/images/i_yoyaku_menu_on.png") no-repeat; background-size: auto; display: inline-block;} #side #menu .menuBoxTop .i-yoyaku-menu { background:url("/images/i_yoyaku_menu_on.png") no-repeat; background-size: auto; } /****************************************************/ #sp_space p { margin-left:auto;margin-right:auto;width:95%; } #sp_button a { background:#70ba2e; display:block; padding:2px 0; border-radius:5px; borde-top:1px solid #d0e8b9; border-right:1px solid #51772f; border-bottom:1px solid #2b4611; border-left:1px solid #a8d580; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a8d580), to(#70ba2e)); color:#fff; font-size:40px; text-align:center; line-height:120px; } #sp_button a.touchStart{ background:#5f962c; border:none; -webkit-box-shadow:inset 4px 4px 10px 0px #497422; padding:2px 1px 3px 1px; } #sp_space .badger-inner { border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; background:#f13c31; background:-moz-linear-gradient(100%100%90deg,#f13c31,#f79690); background:-webkit-gradient(linear,0%0%,0%100%,from(#f79690),to(#f13c31)); background:-webkit-linear-gradient(#f79690,#f13c31); background:-o-linear-gradient(#f79690,#f13c31); margin:2px; z-index:99999; position:absolute; top:4px; right:4px; width:60px; } #sp_space .badger-text { font-size:40px; } #sp_space .badger-badge { color:#fff; margin:0; text-align:center; text-shadow:0px-1px 1px#e01b0f; font-weight:normal; z-index:999999; } #overlay { opacity:0; filter:alpha(opacity=0); position:fixed; top:0; left:0; z-index:999; width:100%; height:120%; background:#000; } /* キービジュアル */ #top .slider { max-width:1440px; min-width:510px; width:100%; overflow:hidden; height:auto; max-height:277px; } #top .sliderDummy { width:100%; text-align:center; margin:0 auto; margin-top:10px; } #top .slider-visible { max-height:210px; display:none; width:1440px; position:relative; left:0px; overflow:hidden; } #top .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } #top .slick-list { position:relative; display:block; overflow:visible; margin:0; padding:0; } #top .slick-list:focus { outline:none; } #top .slick-list.dragging { cursor:pointer; cursor:hand; } #top .slick-slider .slick-track, #top .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } #top .slick-track { position:relative; top:0; left:0; display:block; } #top .slick-track:before, #top .slick-track:after { display:table; content:''; } #top .slick-track:after { clear:both; } #top .slick-loading .slick-track { visibility:hidden; } #top .slick-slide { display:none; float:left; height:100%; min-height:1px; } #top .slick-slide:focus { border:none; outline:none; } #top .slick-slide img { width:470px; height:210px; display:block; margin:0 auto; } #top .slick-slide.slick-loading img { display:none; } #top .slick-slide.dragging img { pointer-events:none; } #top .slick-initialized .slick-slide{ display:block; } #top .slick-loading .slick-slide { visibility:hidden; } #top .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } #top .slider-for .slick-slide { pointer-events:none; cursor:default; text-decoration:none; width:480px; } #top .slider-for .slick-center { pointer-events:auto; cursor:auto; } #top .left-cover, #top .right-cover { display:block; position:absolute; height:100%; width:480px; z-index:1; background-color:white; opacity:0.8; } #top .left-cover { left:0; } #top .right-cover { right:0; } #top .slider-nav { width:auto; margin:0 auto; text-align:center; padding:10px 0 2px; } #top .slider-nav .slick-track { width:auto !important; margin:0 auto; display:table; transform:initial !important; } #top .slider-nav .slick-slide { height:auto; max-width:124px; margin:0 1px; cursor:pointer; } #top .slider-nav .slick-current { padding-bottom:2px; border-bottom:2px solid red; } #top .slick-prev, #top .slick-next { position:absolute; top:40%; display:block; width:32px; height:36px; cursor:pointer; color:transparent; border:none; outline:none; background:transparent; background-color:#333; } #top .slick-prev { background-image:url("/images/k_prev.png"); } #top .slick-next { background-image:url("/images/k_next.png"); } #top .slick-prev:hover, #top .slick-next:hover { opacity:0.7; } #top .slick-prev { left:447px; z-index:2; } #top .slick-next { right:447px; z-index:2; } #top .slick-arrow { z-index:10; opacity:0.75; } #top .slick-arrow:hover { opacity:0.65; } #top .slick-arrow.slick-hidden { display:none; } @media screen and (max-width:1000px) { .slick-prev { left:462px; } .slick-next { right:461px; } } /* タダ本会員情報表示 */ .tadabonMember { background:#eeeeee; border-radius: 4px; padding:12px;font-weight:bold;font-size:12px; } .tadabonMember .tadabon-name { display:inline-block; padding:0 10px 0 5px; } .tadabonMember .stop { color: red; font-size: 12px; font-weight: bold; }