@charset "utf-8";
/* ==============================================
ブロック共通 #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
#container .bloc_body {background-color: #fff;}
.side_column {overflow-x: hidden;}
/* テンプレ（ガイド、ログインヘッダー）に使用中　0917駒木確認*/
.side_column .bloc_outer {margin: 10px 7%;}
.side_column .bloc_body, .main_column .bloc_body {border: solid 1px #ccc; border-top: none;}
.side_column .bloc_body .box {border: solid 1px #ccc; width: 145px;}
.main_column .bloc_outer {margin-bottom: 20px;}

/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2 {padding: 5px 0 8px 10px; border-style: solid; border-color: #f90 #ccc #ccc; border-width: 1px 1px 0; background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; font-size: 14px;}
#category_area h2 {border-top: solid 1px #f90; background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; padding: 5px 0 8px 10px; font-size: 14px;}

/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn { margin:0px; clear:both;}
div#bottomcolumn { margin:0px; clear: both;}

/* ==============================================
トップページ使用ブロック
=============================================== */
/* トップメインビジュアル
----------------------------------------------- */
.main_blocarea{margin:0 0 5px;　padding:0px; width:960px; line-height: 0px;}
.main_blocarea img{margin:0px; padding:0px; border:none;}
.main_btn01{float:left; margin-right:10px; width:405px; height:400px; padding:0px; overflow:hidden;}
.main_btn02{float:left; margin-bottom:10px; width:267px; height:205px; padding:0px; overflow:hidden;}
.main_btn02_mr{margin-right: 11px;}
.main_btn03{float:left; width:175px; height:185px; padding:0px;}
.main_btn03_mr{margin-right: 10px;}

/* タイトル
----------------------------------------------- */
.title_pick{max-width: 410px; height:55px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_pick_icon.jpg); background-repeat: no-repeat;padding-left: 80px; padding-right: 80px; margin: 35px auto 10px;  text-align: center; overflow: hidden;}
.title_reco{max-width: 295px; height:55px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_reco_icon.jpg); background-repeat: no-repeat;padding-left: 80px; padding-right: 80px; margin: 35px auto 10px; text-align: center; overflow: hidden;}
.title_buyer{max-width: 390px; height:69px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_buyer_icon.jpg); background-repeat: no-repeat;padding-left: 80px; padding-right: 80px; margin: 35px auto 10px;text-align: center; overflow: hidden;}
.pt12{padding-top: 12px;}
.title_top{font-size: 24px; font-weight: bold; line-height: 150%;}
.title_top_en{font-size: 15px; color: #FF0000;}


/* ピックアップ 
----------------------------------------------- */
#top_pickup_box .left_box {float:left; margin-top:10px;}
#top_pickup_box .margin_right12 {margin-right:12px;}
#top_pickup_box .margin_bottom15 {margin-bottom:15px;}

/* ピックアップカテゴリー
----------------------------------------------- */
.title_pick_c {max-width: 200px; height: 55px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_pick_icon.jpg); background-repeat: no-repeat; padding-left: 80px; padding-right: 80px; margin: 35px auto 10px; text-align: center; overflow: hidden;}
.pick_c_box {width: 960px; margin: 0px 0px 10px;}
.pick_c_box ul{margin: 10px 0px 0px 0px ; padding: 0px; display: inline-block;}
.pick_c_box ul li {float: left; margin-right: 12px; width: 312px;}
.pick_c_box ul li:nth-of-type(3n) {margin-right: 0;}


/*Pマーク
----------------------------------------------- */
.pmark_box{border-top: 1px dotted #777; padding-top: 15px; margin: 15px 0; display: table; width: 220px;}
.pmark_l{width: 75px; padding: 2px; display: table-cell; vertical-align: middle;}
.pmark_r{width: 135px; padding: 2px 3px; font-size: 11px; display: table-cell; vertical-align: middle;}
.pmark_l a:hover img{opacity:1.00; filter:alpha(opacity=100); outline:none;}


/* 新着情報＆バナー
----------------------------------------------- */
.news_b_box{width: 960px; margin-bottom: 30px;}
.news_box{float: left; width: 545px; line-height: 18px; height: 325px; }
.news_box h4{font-size: 22px; font-weight: bold;  margin-bottom: 8px; line-height: 1;}
.news_box h4 span{color: #FF0000; font-weight: normal;}
.news_box a{text-decoration: none;}
.news_box ul{height: 290px;overflow-x: hidden; font-size: 12px; letter-spacing: 0; margin: 0; padding: 0;}
.news_box li{margin: 5px 0; padding: 5px 0; border-bottom: 1px dotted #aaaaaa; line-height: 150%;  overflow: hidden;}	
.news_info {background-image: url(/user_data/packages/default/img/contents/top/news/newinfo_info.gif); background-repeat: no-repeat; background-position: 0px 1px; padding: 0px 0px 3px 50px; width: 86px; display: block; float: left;}
.news_new {background-image: url(/user_data/packages/default/img/contents/top/news/newinfo_new.gif); background-repeat: no-repeat; background-position: 0px 1px; padding: 0px 0px 3px 50px; width: 86px; display: block; float: left;}
.news_text{width: 380px;  display: block; float: right; padding-right: 8px;}
.news_bnr{width: 405px; float: right; line-height: 0;}



/* slickスライダー
----------------------------------------------- */
/* slick_Arrows */
.slick-prev,.slick-next{font-size: 0; line-height: 0; position: absolute; top: 40%; 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: transparent;}
.slick-prev{left:-4px; background-image:url(/js/slick/slick_prev.png); background-repeat:no-repeat; background-position:left center; background-size:26px 26px; z-index: 1;}
[dir='rtl'] .slick-prev{right: -25px; left: auto;}
.slick-prev:before{content: '';}
[dir='rtl'] .slick-prev:before{content: '';}
.slick-next{right:-4px; background-image:url(/js/slick/slick_next.png); background-repeat:no-repeat; background-position:right center; background-size:26px 26px; z-index: 1;}
[dir='rtl'] .slick-next
{right: auto; left: -25px;}
.slick-next:before{content: '';}
[dir='rtl'] .slick-next:before{content: '';}

/* slick_Slider */
.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;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.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);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left;height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}	
.slick-disabled{display: none !important;}

/* ランキングトップ＆カテゴリー
----------------------------------------------- */
.rank_b_titlebox{background:#D90000; padding-bottom:5px; width:940px; padding:12px 10px 8px; position:relative; color: #fff; height: 20px;}
.rank_b_title_l{font-size: 19px; font-weight: bold; line-height: 1; position: absolute; top: 11px; left: 10px;}
.rank_b_title_l span{font-weight: normal;}
.rank_b_title_l_day{font-size:12px; padding-left: 8px;}
.rank_b_title_r{font-size:13px; position:absolute; right:0px; bottom: 0px; padding:10px 18px; background: #FF4D4D; height: 20px;}
.rank_b_titlebox .ranking_b_title_r a{text-decoration: none; color: #fff;}
.rank_b_titlebox .ranking_b_title_r a:hover{text-decoration: underline; color: #fff;}
.rank_b_bg {background: -webkit-gradient(linear,left top,right bottom,from(#EAE7C6),color-stop(.25,#EAE7C6),color-stop(.25,white),color-stop(.5,white),color-stop(.5,#EAE7C6),color-stop(.75,#EAE7C6),color-stop(.75,white),to(white)); background: -moz-linear-gradient(-45deg,#EAE7C6 25%,white 25%,white 50%,#EAE7C6 50%,#EAE7C6 75%,white 75%,white); background: linear-gradient(-45deg,#EAE7C6 25%,white 25%,white 50%,#EAE7C6 50%,#EAE7C6 75%,white 75%,white); width: 950px; background-size: 4px 4px; padding: 5px;}
.rank_b_img{padding: 2px;}
.rank_b_img img{width: 168px; height: 168px;} 
.rank_b_box{width: 950px;}	
.rank_b_box a{text-decoration: none !important;}
.rankingslider {width: 950px; height: 304px; padding: 0; margin: 0;}
.rank_b_box ul li {float: left; font-size: 12px; width: 172px; padding: 6px; background: #fff;  height: 284px; margin: 3px;}	
.rank01{background-image: url(/user_data/packages/default/img/contents/ranking/rank01.gif); background-repeat: no-repeat; background-position:0px; padding-left: 34px; color: #CCA732; height: 22px; font-weight: bold; font-size: 24px; line-height: 1;}
.rank02{background-image: url(/user_data/packages/default/img/contents/ranking/rank02.gif); background-repeat: no-repeat; background-position:0px; padding-left: 34px; color: #999999; height: 22px; font-weight: bold; font-size: 24px; line-height: 1;}
.rank03{background-image: url(/user_data/packages/default/img/contents/ranking/rank03.gif); background-repeat: no-repeat; background-position:0px; padding-left: 34px; color: #B20000; height: 22px; font-weight: bold; font-size: 24px; line-height: 1;}
.rank04{color: #333; height: 22px; font-weight: bold; font-size: 24px; line-height: 1;}
.rank01 span, .rank02 span, .rank03 span, .rank04 span {font-size: 16px; font-weight: normal;}
.rankingslider .slick-prev, .rankingslider .slick-next {top: 50%;}
/*top用*/
.title_rank{max-width: 410px; height:55px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_rank_icon.jpg); background-repeat: no-repeat;padding-left: 80px; padding-right: 80px; margin: 35px auto 10px;  text-align: center; overflow: hidden;}
.title_rank .title_top span{font-size: 14px; font-weight: normal; letter-spacing: 0;}
.title_rank_more{text-align: right; background: url(/user_data/packages/default/img/contents/ranking/rank_top_arrow.jpg) no-repeat 0 0; background-position:right; padding-right: 20px; margin-top: 3px;}
.title_rank_more a{text-decoration: none !important;}
/*list用*/
.rank_b_titlebox2{border-bottom: 3px solid #e60000; padding-bottom: 5px; width: 960px; padding: 20px 0 0px; position: relative;}
.rank_b_titlebox2 a{text-decoration: none;}
.rank_b_title_l2{font-size: 18px;}
.rank_b_title_r2{font-size: 12px; position: absolute; right: 0px; bottom: 3px; font-weight: bold;}
.rank_b_bg2 {background: -webkit-gradient(linear,left top,right bottom,from(#EAEAEA),color-stop(.25,#EAEAEA),color-stop(.25,white),color-stop(.5,white),color-stop(.5,#EAEAEA),color-stop(.75,#EAEAEA),color-stop(.75,white),to(white)); background: -moz-linear-gradient(-45deg,#EAEAEA 25%,white 25%,white 50%,#EAEAEA 50%,#EAEAEA 75%,white 75%,white); background: linear-gradient(-45deg,#EAEAEA 25%,white 25%,white 50%,#EAEAEA 50%,#EAEAEA 75%,white 75%,white); width: 950px; background-size: 4px 4px; padding: 5px;}