@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
【content】(コンテンツ)
----------------------------------------------------------------*/
/*----------------------------------------------------------
【ジャック】(#contentに下記のように入れる)

<div id="content">

　<!-- 【ジャック】 -->
  <a class="jack" href="#"></a>
	<!-- /【ジャック】 -->

  <div class="box clearfix">
----------------------------------------------------------*/
/*-- ジャック画像 --*/
/*#content { background: url(../../images/top/bg.jpg) no-repeat top center; position: relative;}*/
/*#content { background-color: #EF6A6C; padding: 0; }*/
/*-- ジャックリンク領域 --*/
#content .jack { display: block; height: 100%; max-height: 1000px; position: absolute; top: 0; left: 0; width: 100%;}


/*=====================================================================
【サイトジャック】
=======================================================================*/
#top_sitejack { margin:0; padding:0; position:relative; z-index:60;}
#top_sitejack .fixed { position:fixed; top:0; z-index:60;}

/*※中央位置を自動で取得して、そこからの位置を左右で数値指定する*/
.sitejackL { margin:0 585px 0 0; position:absolute; top:0; right:50%; width:300px;}
.sitejackR { margin:0 0 0 640px; position:absolute; top:0; left:50%; width:300px;}

/*--------------------------------------------------------------
【main】(メインコンテンツ)
----------------------------------------------------------------*/
/*-- タイトル --*/
#main h2 { padding: 15px 0;}
/*-- もっと見るボタン --*/
#main .btn-more { margin: 0 auto; padding: 30px 0; width: 466px;}
#main .btn-more a .on { background-image: url(../../images/top/btn-more.png); background-position: 0 58px; display: block; height: 58px; width: 466px;}
#main .btn-more a .off { background-image: url(../../images/top/btn-more.png); background-position: 0 0; display: block; height: 58px; opacity: 1; transition: opacity 0.3s ease-in; width: 466px;}
#main .btn-more a { display: block; height: 58px; width: 466px;}
#main .btn-more a:hover .off { opacity: 0;}


/* 【スライダー】
--------------------------------------*/
#slider { max-width: 930px; margin: 0 0 45px 0; position: relative;}
#slider img { max-width: 100%; height: auto;}
/*-- リンク挙動 --*/
#slider a img { transition: 0.3s ease-in-out;}
#slider a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- スライダーバナー --*/
#slider .slider_main { width: 720px; position: relative;}
#slider .slider_main img { width: 720px;}
/*-- ドット --*/
.slick-dots { text-align: center; position: absolute; bottom: -34px; left: 0; width: 720px;}
.slick-dots li { cursor: pointer; display: inline-block; height: 30px; padding: 0; width: 25px;}
.slick-dots li button { background: #fff; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; height: 30px; padding: 0; width: 25px;}
.slick-dots li button:before { color: #000; content: '●'; font-size: 21px; line-height: 20px; top: 0; left: 0; height: 30px; opacity: 0.3; text-align: center; width: 25px;}
.slick-dots li.slick-active button:before { color: #c5101e; opacity: 1;}
/*-- サムネイルナビ --*/
#slider .slider_nav_wrap { position: absolute; top: 50%; right: 0; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 206px;}
#slider .slider_nav_wrap:before { background: rgba(0, 0, 0, 0.3); content: ''; display: block; height: 118px; position: absolute; top: 0; width: 206px; z-index: 1;}
#slider .slider_nav_wrap:after { background: rgba(0, 0, 0, 0.3); content: ''; display: block; height: 118px; position: absolute; bottom: 1px; width: 206px; z-index: 1;}
#slider .slider_nav_wrap .slider_nav .slick-list { padding: 0 !important;}
#slider .slider_nav_wrap .slider_nav .slick-slide { border: none; cursor: pointer; margin: 1px 0 2px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; padding: 0;}
#slider .slider_nav_wrap .slider_nav .slick-slide:hover { opacity: 0.7;}
/*-- PREV/NEXTボタン --*/
#slider .slider_nav_wrap .slick-arrow { position: absolute; top: 50%;}
#slider .slider_nav_wrap .slick-prev { top: -25px; cursor: pointer;}
#slider .slider_nav_wrap .slick-next { top: auto; bottom: -27px; cursor: pointer;}
#slider .slider_nav_wrap .slick-prev img, #slider .slider_nav_wrap .slick-next img { transition: 0.3s ease-in-out;}
#slider .slider_nav_wrap .slick-prev:hover img, #slider .slider_nav_wrap .slick-next:hover img { opacity: 0.7; filter: alpha(opacity=70);}


/* 【検索】
--------------------------------------*/
#search { padding: 0 0 0 0;}
/*-- ボタン挙動 --*/
#search .btn-search { transition: 0.3s ease-in-out;}
#search .btn-search:hover { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 商品を絞り込みで探す --*/
#search .btn-refinesearch { float: left;}
/*-- 検索キーワードを入力 --*/
#search #word-search { float: right;}
#search input[type="search"] { -webkit-appearance: textfield;}
#search input[type="search"]:focus { outline-offset: -2px;}
#search input[type="search"]::-webkit-search-decoration { display: none;}
#search .input-search { border: 1px solid #cacaca; border-radius: 3px; color: #000; font-size: 16px; height: 42px; padding: 0 0 0 16px; vertical-align: top; width: 565px;}


/* 【INFORMATION 新着情報】
--------------------------------------*/
#info { padding: 0 0 0 0;}
/*-- 新着情報リスト枠 --*/
#info .info_list { display: flex;}
#info .info_list dl { border: 1px solid #dcdcdc; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(184,184,184,1); cursor: pointer; margin: 0 14px 0 0; width: 220px;}
#info .info_list dl:nth-child(4n) { margin-right: 0;}
#info .info_list a { box-sizing: border-box; color: #333; display: block; padding: 14px 15px; width: 220px;}
/*-- サムネイル --*/
#info .info_list dt { border: 5px solid #e3e3e3; box-sizing: border-box; display: block; height: 190px; transition: 0.3s ease-in-out; width: 190px;}
#info .info_list dl:hover dt { border: 5px solid #c5101e;}
#info .info_list dt img { display: block; height: 180px; transition: 0.3s ease-in-out; width: 180px;}
#info .info_list dl:hover dt img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 日付・カテゴリ枠 --*/
#info .info_list ul { padding: 10px 0 0 0;}
/*-- 日付 --*/
#info .info_list .info_list_date { float: left; font-size: 13px; font-weight: bold; line-height: 1.6;}
/*-- カテゴリタグ --*/
#info .info_list .info_list_cat { float: right;}
/*-- 赤ライン --*/
#info .info_list ul:after { background: url(../../images/top/line.png) no-repeat center bottom; content: ''; display: block; height: 8px; width: 190px;}
/*-- テキスト --*/
#info .info_list .info_list_txt { font-size: 13px; line-height: 1.8; padding: 12px 0;}
#info .info_list dl:hover .info_list_txt { color: #c5101e; text-decoration: underline;}


/* 【メガトレショップ受注中 NOW ON SALE!】
--------------------------------------*/
#megatreshop { background: #d10157; margin: 100px 0 0; padding: 0 0 30px 0; position: relative;}
#megatreshop h2 { padding: 0; position: absolute; top: -83px;}
/*-- 受注中商品リスト --*/
#megatreshop .item_list { padding: 115px 0 0 0; position: relative;}
#megatreshop .item_list ul { font-size: 0; margin: 0 auto; width: 868px;}
#megatreshop .item_list li { background: #fff; border: 5px solid #fff; box-sizing: border-box; display: inline-block; margin: 0 17px 20px 0; height: 160px; transition: 0.3s ease-in-out; vertical-align: top; width: 160px;}
#megatreshop .item_list li:nth-child(5n) { margin-right: 0;}
#megatreshop .item_list li:hover { border: 5px solid #c5101e;}
#megatreshop .item_list li a { display: block; height: 160px; width: 160px;}
#megatreshop .item_list li img { display: block; height: 150px; transition: 0.3s ease-in-out; width: 150px;}
#megatreshop .item_list li:hover img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- ボタンリスト --*/
#megatreshop .btn_list { box-sizing: border-box; font-size: 0; margin: 0 auto; padding: 15px 23px; width: 868px;}
#megatreshop .btn_list li { display: inline-block; width: 396px;}
/*-- メガトレショップボタン --*/
.btn-megatreshop { margin: 0 30px 0 0;}
.btn-megatreshop a .on { background-image: url(../../images/top/btn-megatreshop.png); background-position: 0 83px; display: block; height: 83px; width: 396px;}
.btn-megatreshop a .off { background-image: url(../../images/top/btn-megatreshop.png); background-position: 0 0; display: block; height: 83px; opacity: 1; transition: opacity 0.3s ease-in; width: 396px;}
.btn-megatreshop a { display: block; height: 83px; width: 396px;}
.btn-megatreshop a:hover .off { opacity: 0;}
/*-- プレミアムバンダイボタン --*/
.btn-pb a .on { background-image: url(../../images/top/btn-pb.png); background-position: 0 83px; display: block; height: 83px; width: 396px;}
.btn-pb a .off { background-image: url(../../images/top/btn-pb.png); background-position: 0 0; display: block; height: 83px; opacity: 1; transition: opacity 0.3s ease-in; width: 396px;}
.btn-pb a { display: block; height: 75px; width: 396px;}
.btn-pb a:hover .off { opacity: 0;}


/* 【BLOG ブログ】
--------------------------------------*/
#blog { padding: 0 0 0 0;}
/*-- ブログリスト枠 --*/
#blog .blog_list { display: flex;}
#blog .blog_list dl { border: 1px solid #dcdcdc; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(184,184,184,1); cursor: pointer; margin: 0 14px 0 0; width: 220px;}
#blog .blog_list dl:nth-child(4n) { margin-right: 0;}
#blog .blog_list a{ box-sizing: border-box; color: #333; display: block; padding: 14px 15px; width: 220px;}
/*-- サムネイル --*/
#blog .blog_list dt { border: 5px solid #e3e3e3; box-sizing: border-box; display: block; height: 190px; transition: 0.3s ease-in-out; width: 190px;}
#blog .blog_list dl:hover dt { border: 5px solid #c5101e;}
#blog .blog_list dt img { display: block; height: 180px; transition: 0.3s ease-in-out; width: 180px;}
#blog .blog_list dl:hover dt img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 日付枠 --*/
#blog .blog_list ul { padding: 10px 0 0 0;}
/*-- 日付 --*/
#blog .blog_list .blog_list_date { float: left; font-size: 13px; font-weight: bold; line-height: 1.6;}
/*-- 赤ライン --*/
#blog .blog_list ul:after { background: url(../../images/top/line.png) no-repeat center bottom; content: ''; display: block; height: 8px; width: 190px;}
/*-- テキスト --*/
#blog .blog_list .blog_list_txt { font-size: 13px; line-height: 1.8; padding: 12px 0;}
#blog .blog_list dl:hover .blog_list_txt { color: #c5101e; text-decoration: underline;}


/* 【新着商品】
--------------------------------------*/
#new_item { padding: 30px 0 0 0;}
/*-- タブメニュー --*/
#new_item_nav { font-size: 0;}
#new_item_nav li { border-top: 2px solid #c5101e; border-right: 2px solid #c5101e; border-left: 2px solid #c5101e; border-radius: 5px 5px 0 0; color: #c5101e; cursor: pointer; display:inline-block; font-size: 17px; font-weight: bold; margin: 0 6px 0 0; padding: 15px 32px 12px 58px; transition: 0.3s ease-in-out; vertical-align: bottom;}
#new_item_nav li:last-child { margin-right: 0;}
#new_item_nav li.new_item_nav01 { padding: 20px 24px 16px 66px;}
#new_item_nav li span { position: relative;}
#new_item_nav li:hover, #new_item_nav li.select { background: #c5101e; color: #fff;}
/*-- 段ボールアイコン --*/
#new_item_nav li span:before { background: url(../../images/top/icon-item.png) no-repeat; content: ''; display: block; height: 27px; position: absolute; top: 0px; left: -28px; width: 23px;}
#new_item_nav li:hover span:before, #new_item_nav li.select span:before { background: url(../../images/top/icon-item_on.png) no-repeat; content: ''; display: block; height: 27px; position: absolute; top: 0px; left: -28px; width: 23px;}
/*-- NEWアイコン --*/
#new_item_nav li.new_item_nav01 span:before { background: url(../../images/top/icon-new.png) no-repeat; content: ''; display: block; height: 20px; position: absolute; top: 3px; left: -45px; width: 39px;}
#new_item_nav li.new_item_nav01:hover span:before, #new_item_nav li.new_item_nav01.select span:before { background: url(../../images/top/icon-new_on.png) no-repeat; content: ''; display: block; height: 20px; position: absolute; top: 3px; left: -45px; width: 39px;}
/*-- 新着商品リスト --*/
#new_item_box { border: 2px solid #c5101e; padding: 30px 0 10px;}
#new_item_box .hide { display: none;}
#new_item_box .new_item_list { font-size: 0; margin: 0 auto; width: 868px;}
#new_item_box .new_item_list dl { background: #fff; display: inline-block; margin: 0 17px 20px 0; height: 160px; vertical-align: top; width: 160px;}
#new_item_box .new_item_list dl:nth-child(5n) { margin-right: 0;}
#new_item_box .new_item_list dl a { border: 5px solid #e3e3e3; box-sizing: border-box; display: block; height: 160px; transition: 0.3s ease-in-out; width: 160px;}
#new_item_box .new_item_list dl a:hover { border: 5px solid #c5101e;}
#new_item_box .new_item_list dl img { display: block; height: 150px; transition: 0.3s ease-in-out; width: 150px;}
#new_item_box .new_item_list dl a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 一覧で詳細を見る --*/
.btn-detail a .on { background-image: url(../../images/top/btn-detail.jpg); background-position: 0 160px; display: block; height: 160px; width: 160px;}
.btn-detail a .off { background-image: url(../../images/top/btn-detail.jpg); background-position: 0 0; display: block; height: 160px; opacity: 1; transition: opacity 0.3s ease-in; width: 160px;}
.btn-detail a { border: none !important; display: block; height: 160px; width: 160px;}
.btn-detail a:hover .off { opacity: 0;}


/* 【カウントダウン】
--------------------------------------*/
.c_down { text-align: center; padding: 0 0 20px 0;}