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

#tnation { padding: 0 0 20px 0;}

#tnation .inner { margin: 0 auto; max-width: 1000px;}
#tnation .inner_1200 { margin: 0 auto; max-width: 1200px;}

/*------------------------------------------------------------------------------
【「事前購入・会場受け取り制」で販売する開催記念商品に関して】
------------------------------------------------------------------------------*/
#tnation_caution {}
#tnation_caution .bg_caution{	background: #fdff55;	border: 5px solid #d82223; color: #d82223; padding: 10px; text-align: center;}

#tnation_caution h4 { font-size: 23px; line-height: 29px; margin: 10px 0 10px 0; text-align: center;}
#tnation_caution p { font-size: 15px; line-height: 23px; margin: 0 0 10px 0;}
#tnation_caution p:last-child {margin: 0;}

/*サーバーの都合上で文字化ける言語を画像で対応*/
#tnation_caution .trans_img { margin: 10px 0 5px 0;}
#tnation_caution .trans_img img { height: auto; max-width: 578px; width: 100%;}

#tnation_caution a {text-decoration: underline;}
#tnation_caution hr { background: #333; border: none; height: 1px;}


/*------------------------------------------------------------------------------
【商品リスト】
------------------------------------------------------------------------------*/
#tnation_cartin { margin: 0 0 80px 0;}


/*注意事項
--------------------------------------------*/
.tnation_cartin_caution { background: rgba(40,40,40,.8); margin: 0 auto 40px auto; padding: 20px; width: 100%; box-sizing: border-box;}
.tnation_cartin_caution p { color: #fff; font-size: 18px; line-height: 26px;  margin: 0 0 5px 0;}
.tnation_cartin_caution p:last-child { margin: 0;}
.tnation_cartin_caution p span	{ display: block; text-indent:-18px; padding-left:18px;}
.tnation_cartin_caution a	{ text-decoration: underline;}

/*日程（トップからの再利用）
--------------------------------------------*/
.ctm_date {position: relative;}
/*クローズ対応*/
.ctm_date.date_closed:before {content:"\7D42\4E86\3057\307E\3057\305F"; color:#fff; font-size: 30px; font-weight: bold; line-height: 30px; position:absolute; left:0; right: 0; top: 40%; bottom: 0; text-align: center; text-shadow: 0px 0px 6px #000, 0px 0px 6px #000, 0px 0px 6px #333; width: 100%; z-index:11;}
.ctm_date.date_closed:after {background:rgba(0,0,0,0.6); content:""; height:100%; margin:0; position:absolute; left:0; right: 0; top:0; bottom: 0; width: 100%; z-index:10; visibility: inherit;}

/*商品リスト
--------------------------------------------*/
.tnation_cartin_pdList { position: relative;}
.tnation_cartin_pdList ul { font-size: 0; line-height: 0; margin: 0; padding: 0; text-align: center;}

.tnation_cartin_pdList ul li { background: rgba(0,160,233,1); display: inline-block; margin: 0 1% 1% 0; padding: 10px; position:relative; vertical-align:top; width:24.25%; box-sizing: border-box;}
.tnation_cartin_pdList ul li:nth-child(4) { margin:0 0 1% 0; }

/*第1回のみ*/
.tnation_cartin_pdList ul li.pd1st { background: rgba(0,160,233,1); display: inline-block; margin: 0 3% 1% 0; padding: 10px; position:relative; vertical-align:top; width:24.25%; box-sizing: border-box;}

.tnation_cartin_pdList ul li img { height: auto; width: 100%;}

/*商品名～コピーライトまでのテキスト枠*/
.tnation_cartin_pdList ul li div p {background:rgba(0,160,233,1); color: #fff; margin: 0; padding: 3% 0; text-align: right;  box-sizing: border-box;}
/*商品名*/
.tnation_cartin_pdList ul li div p big { display: block; font-size:16px; font-weight:bold; line-height: 1.3;}
/*価格*/
.tnation_cartin_pdList ul li div p span { display: block; font-size:15px; line-height: 15px; margin:10px 0;}

/*販売種別*/
.tnation_cartin_pdList ul li div.saletype_lot { background:#ff7700; border: none; border-radius:50px; color: #fff; display:block; font-size:16px; font-weight: bold; height:68px !important; line-height:16px; margin:0; padding:18px 14px 14px 14px; position:absolute; top: 220px; text-align:center; width:68px; box-sizing: border-box; z-index: 11; }
.tnation_cartin_pdList ul li div.saletype_ord { background:#93d220; border: none; border-radius:50px; color: #fff; display:block; font-size:16px; font-weight: bold; height:68px !important; line-height:16px; margin:0; padding:18px 14px 14px 14px; position:absolute; top: 220px; text-align:center; width:68px; box-sizing: border-box; z-index: 11; }



/*------------------------------------------------------------------------------
【カート周り】
------------------------------------------------------------------------------*/
/*個数選択のセレクトボックス
----------------------------------------*/
.tnation_cartin_pdList select { display:inline-block; font-size: 16px; line-height: 16px; height: 40px; margin-right:3%; text-align: center; vertical-align: middle; width:20%; }
/*1以上を選択したら背景色を付ける*/
.active_select { background: #93d220 !important;}

/*「カートに入れる」
----------------------------------------*/
.cart_btn { background:#ccc; border:1px solid #fff; color:#fff;  cursor:default; display:inline-table; height: 40px; margin: 0; padding: 0; position:relative; text-align: center; text-shadow:0 0 2px rgba(30,30,30,1); vertical-align:middle; width: 77%; box-sizing: border-box;}

.cart_btn span { display: table-cell; font-size: 16px; font-weight: bold; line-height: 16px;  vertical-align: middle;}

/*個数選択したら「カートに入れる」ボタンに下記のclassを付与してオレンジ色に*/
.btn_active { background:#f68d01 !important;}
.btn_active:hover { cursor: pointer; }

/*まとめて購入時に使用している選択のチェックボックスを隠す*/
.cartadd_select .add_check { display: none;}

/*「在庫なし」
----------------------------------------*/
.cart_disabled:before {background: #333; color: #999; content:"\5728\5EAB\306A\3057"; display: table-cell; font-size: 16px; font-weight: bold; line-height: 16px;  padding: 12px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; text-shadow:none; width: 100%;  vertical-align: middle; z-index: 100;}
.cart_btn.cart_disable:hover {  cursor:default; }

/*「販売開始前」
----------------------------------------*/
.cart_commingsoon:before {background: #333; color: #999; content:"\8CA9\58F2\958B\59CB\524D"; display: table-cell; font-size: 16px; font-weight: bold; line-height: 16px;  padding: 12px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; text-shadow:none; width: 100%;  vertical-align: middle; z-index: 100;}
.cart_btn.cart_disable:hover {  cursor:default; }

/*詳細はこちらボタン
----------------------------------------*/
.tnation_cartin_pdList ul li span.linkbox { background: rgba(0,160,233,1); border:1px solid #fff; color: #fff; display: block; height: 30px; font-size:13px; line-height: 13px; margin:10px 0 0 0; padding:8px 0 0 0; text-align: center; width: 100%; box-sizing: border-box; transition:.3s;}
.tnation_cartin_pdList ul li span.linkbox:hover { opacity: .85; }


/*「まとめてカートに入れる」
----------------------------------------*/
/*ページトップに戻るボタンとは違ってブラウザに合わせる*/
#cart_bulk { border-top: 1px solid #fff; box-shadow:0px -4px 4px -2px #333; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 200; box-sizing: border-box;}

#cart_bulk .cart_btn_circle {background: #ccc; color:#fff; margin: 0 auto; padding: 30px 0; position:relative; text-align: center; min-width: 1016px; box-sizing: border-box;}
#cart_bulk .cart_btn_circle_active {background: #f68d01; color:#fff; margin: 0 auto; padding: 30px 0; position:relative; text-align: center; min-width: 1016px; box-sizing: border-box;}

#cart_bulk .cart_btn_circle:hover { cursor: pointer; }

#cart_bulk .cart_btn_circle span { display:inline-table; font-size: 30px; font-weight: bold; line-height: 30px; text-shadow:1px 1px 2px rgba(30,30,30,1); vertical-align: middle; width: 620px; }
#cart_bulk .cart_btn_circle span:after { content: "\f07a"; display:table-cell; font-family: 'FontAwesome'; font-size: 55px !important; line-height:30px; margin: 0;  text-shadow:1px 1px 2px rgba(30,30,30,1);  vertical-align: middle; width: 55px;}

#cart_bulk small { color: #fff; display:block; font-size: 20px; font-weight: bold; line-height: 20px; margin: 8px 0 0 0; padding: 3px; text-align: center; text-shadow:1px 1px 2px rgba(30,30,30,1); }


/*コピーライト
----------------------------------------*/
.tnation_copyright { margin: 30px auto 0 auto; padding: 0; text-align: center; max-width: 1000px; width: 90%;}
.tnation_copyright p { font-size: 13px; line-height: 21px; margin: 0; padding: 0;}



/*==============================================================================
【基本のスマートフォン】
================================================================================*/
@media screen and (min-width: 320px) and (max-width: 800px){

#tnation .inner { margin: 0 auto; max-width: 100%;}
#tnation .inner_1200 { margin: 0 auto; max-width: 100%;}

/*------------------------------------------------------------------------------
【「事前購入・会場受け取り制」で販売する開催記念商品に関して】
------------------------------------------------------------------------------*/
#tnation_caution {}
#tnation_caution .bg_caution{	background: #fdff55;	border: 5px solid #d82223; color: #d82223; padding: 2%; text-align: center;}

#tnation_caution h4 { font-size: 17px; line-height: 22px; margin: 5px 0 5px 0; text-align: center;}
#tnation_caution p { font-size: 13px; line-height: 19px; margin: 0 0 10px 0;}
#tnation_caution p:last-child {margin: 0;}

/*サーバーの都合上で文字化ける言語を画像で対応*/
#tnation_caution .trans_img { margin: 0px 0 5px 0;}
#tnation_caution .trans_img img { height: auto; max-width: 580px; width: 100%;}


/*------------------------------------------------------------------------------
【SP】【商品リスト】
------------------------------------------------------------------------------*/
#tnation_cartin { margin: 0 0 8% 0;}

/*【SP】注意事項
--------------------------------------------*/
.tnation_cartin_caution { background: rgba(40,40,40,.8); margin: 0 auto 4% auto; padding: 2%; width: 100%; box-sizing: border-box;}
.tnation_cartin_caution p { color: #fff; font-size: 14px; line-height: 22px; margin: 0 0 5px 0;}
.tnation_cartin_caution p span	{ display: block; text-indent:-14px; padding-left:14px;}

/*【SP】日程（トップからの再利用）
--------------------------------------------*/
/*クローズ対応*/
.ctm_date.date_closed:before { font-size: 24px; font-weight: bold; line-height: 24px; top: 38%;}

/*【SP】商品リスト
--------------------------------------------*/
.tnation_cartin_pdList { position: relative;}
.tnation_cartin_pdList ul { font-size: 0; line-height: 0; margin: 0; padding: 0; text-align: left;}
.tnation_cartin_pdList ul li,
.tnation_cartin_pdList ul li.pd1st { background: rgba(0,160,233,1); display: inline-block; margin: 0 2% 2% 0; padding: 1%; position:relative; vertical-align:top; width:49%; box-sizing: border-box;}
.tnation_cartin_pdList ul li:nth-child(2n) { margin:0 0 1% 0; }

/*【SP】商品名*/
.tnation_cartin_pdList ul li div p big { display: block; font-size:14px; font-weight:bold; line-height: 1.3;}
/*【SP】価格*/
.tnation_cartin_pdList ul li div p span { display: block; font-size:13px; line-height: 13px; margin:20px 0 3% 0;}

/*【SP】販売種別*/
.tnation_cartin_pdList ul li div.saletype_lot { background:#ff7700; border: none; border-radius:50px; color: #fff; display:block; font-size:13px; font-weight: bold; height:50px !important; line-height:15px; margin:0; padding:10px; position:absolute; top: 36%; text-align:center; width:50px; box-sizing: border-box; z-index: 11; }
.tnation_cartin_pdList ul li div.saletype_ord { background:#93d220; border: none; border-radius:50px; color: #fff; display:block; font-size:13px; font-weight: bold; height:50px !important; line-height:15px; margin:0; padding:10px; position:absolute; top: 36%; text-align:center; width:50px; box-sizing: border-box; z-index: 11; }



/*------------------------------------------------------------------------------
【SP】【カート周り】
------------------------------------------------------------------------------*/
/*【SP】個数選択のセレクトボックス
----------------------------------------*/
.tnation_cartin_pdList select { background: #f5f5f5 url(/bc/images/shop_top_tamashii/20190827_tnation_select_arrow.png) 85% 45% no-repeat; border: none !important; border-radius: 0 !important; display:inline-block !important; font-size: 16px; line-height: 16px; height: 40px; margin:0 3% 0 0; padding: 0 !important; text-align: center; vertical-align: middle; width:20% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.tnation_cartin_pdList select::-ms-expand { display: none;}

.active_select { background: #93d220 url(/bc/images/shop_top_tamashii/20190827_tnation_select_arrow.png) 85% 45% no-repeat !important;}

/*【SP】「カートに入れる」
----------------------------------------*/
.cart_btn { background:#ccc; border:1px solid #fff; color:#fff;  cursor:default; display:inline-table; height: 40px; margin: 0; padding: 0;  position:relative; text-align: center; text-shadow:0 0 2px rgba(30,30,30,1); vertical-align:middle; width: 77%; box-sizing: border-box;}
.cart_btn span { font-size: 16px; font-weight: bold; line-height: 16px;}

/*まとめて購入時に使用している選択のチェックボックスを隠す*/
.cartadd_select .add_check { display: none !important; margin: 0;}

/*モバコンやっつける*/
#tnation_cartin .mcsp_simple_sub_01 { background: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center;}



/*【SP】「まとめてカートに入れる」
----------------------------------------*/
/*ページトップに戻るボタンとは違ってブラウザに合わせる*/
#cart_bulk { border-top: 1px solid #fff; box-shadow:0px -4px 4px -2px #333; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 200; box-sizing: border-box;}

#cart_bulk .cart_btn_circle {background: #ccc; color:#fff; margin: 0 auto; padding: 3% 0; position:relative; text-align: center; min-width: 100%; box-sizing: border-box;}
#cart_bulk .cart_btn_circle_active {background: #f68d01; color:#fff; margin: 0 auto; padding: 3% 0; position:relative; text-align: center; min-width: 100%; box-sizing: border-box;}

#cart_bulk .cart_btn_circle:hover { cursor: pointer; }

#cart_bulk .cart_btn_circle span { display:inline-table; font-size: 23px; font-weight: bold; line-height: 29px; text-shadow:1px 1px 2px rgba(30,30,30,1); vertical-align: middle; width: 84%; }
#cart_bulk .cart_btn_circle span:after { content: "\f07a"; display:table-cell; font-family: 'FontAwesome'; font-size: 50px !important; line-height:30px; margin: 0; padding: 0 0 0 2%; text-shadow:1px 1px 2px rgba(30,30,30,1);  vertical-align: middle; width: 12%;}

#cart_bulk small { color: #fff; display:block; font-size: 18px; font-weight: bold; line-height: 24px; margin: 5px 0 0 0; padding: 0; text-align: center; text-shadow:1px 1px 2px rgba(30,30,30,1); }


/*【SP】コピーライト
----------------------------------------*/
.tnation_copyright { margin: 3% auto 0 auto; padding: 0; text-align: center; max-width: 90%; width: 90%;}
.tnation_copyright p { font-size: 12px; line-height: 18px; margin: 0; padding: 0;}



}


/*==============================================================================
【個別で何かあれば対応】
================================================================================*/
@media screen and (min-width: 1180px) and (max-width: 1220px){
.tnation_cartin_pdList ul li div.saletype_lot { top: 201px;}
.tnation_cartin_pdList ul li div.saletype_ord { top: 201px;}
}
@media screen and (min-width: 1150px) and (max-width: 1179px){
.tnation_cartin_pdList ul li div.saletype_lot { top: 191px;}
.tnation_cartin_pdList ul li div.saletype_ord { top: 191px;}
}
@media screen and (min-width: 801px) and (max-width: 1149px){
.tnation_cartin_pdList ul li div.saletype_lot { top: 155px;}
.tnation_cartin_pdList ul li div.saletype_ord { top: 155px;}
}


/*iPhone5*/
@media only screen and (min-width: 0px) and (max-width: 320px) {
.tnation_cartin_pdList ul li div.saletype_lot { top: 25%;}
.tnation_cartin_pdList ul li div.saletype_ord { top: 25%;}

/*【SP】個数選択のセレクトボックス
----------------------------------------*/
.tnation_cartin_pdList select {font-size: 13px; line-height: 13px; width: 24% !important; }

/*【SP】「カートに入れる」
----------------------------------------*/
.cart_btn { width: 73%;}
.cart_btn span{ font-size: 13px; line-height: 13px;}

/*【SP】「購入できません」
----------------------------------------*/
.cart_disabled:before {font-size: 13px; font-weight: bold; line-height: 13px; }
/*【SP】「販売開始前」
----------------------------------------*/
.cart_commingsoon:before {font-size: 13px; font-weight: bold; line-height: 13px; }

/*【SP】「まとめてカートに入れる」
----------------------------------------*/
#cart_bulk .cart_btn_circle span { font-size: 20px; font-weight: bold; line-height: 25px;width: 84%; }
#cart_bulk .cart_btn_circle span:after { font-size: 40px !important; line-height:25px; width: 12%;}
#cart_bulk small { font-size: 14px; font-weight: bold; line-height: 19px;}

}

/*iPhone5横*/
@media only screen and (min-width: 0px) and (max-width: 320px) and (orientation: landscape) {
}

/*Android*/
@media only screen and (min-width: 321px) and (max-width: 374px) {
/*【SP】「カートに入れる」
----------------------------------------*/
.cart_btn { width: 73%;}
.cart_btn span{ font-size: 13px; line-height: 13px;}

/*【SP】「購入できません」
----------------------------------------*/
.cart_disabled:before {font-size: 13px; font-weight: bold; line-height: 13px; }
/*【SP】「販売開始前」
----------------------------------------*/
.cart_commingsoon:before {font-size: 13px; font-weight: bold; line-height: 13px; }

/*【SP】「まとめてカートに入れる」
----------------------------------------*/
#cart_bulk .cart_btn_circle span { font-size: 20px; font-weight: bold; line-height: 25px;width: 84%; }
#cart_bulk .cart_btn_circle span:after { font-size: 40px !important; line-height:25px; width: 12%;}
#cart_bulk small { font-size: 14px; font-weight: bold; line-height: 19px;}
}

/*iPhone6【縦】*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
}

/*iPhone6【横】*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
}

/*iPhone6Plus【縦】*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { 
}

/*iPhone6Plus【横】*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
}

/*==============================================================================
【iPad】
================================================================================*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px)
 and (-webkit-min-device-pixel-ratio: 2) {


}