@charset "utf-8";

/*------------------------------------------------------------------------------
【大枠】
------------------------------------------------------------------------------*/
#tnation { background: #f2f2f2; font-family: "游ゴシック","Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1.5; margin: 0 auto; min-width: 1016px;}

#tnation img{ border:none; }
#tnation ul{ list-style: none;}

#tnation .clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

#tnation a,
#tnation a:hover {color:#41ceff;transition:.3s; word-wrap: break-word;}
#tnation a:hover {text-decoration:none;}
#tnation a img,
#tnation a:hover img {transition:.3s;}
#tnation a:hover img {opacity:.85;}

/*「forSP＝スマホ版にしか表示しない」ものを非表示に
--------------------------------------------*/
.forPC { display:block;}
.forSP { display:none !important;}

/*------------------------------------------------------------------------------
【メインビジュアル】
------------------------------------------------------------------------------*/
#tnation .main {	position: relative;}

#tnation .main_visual{	position: relative;	margin:0 auto;	max-width: 1400px; width: 100%;}
#tnation .main_visual_sp {display: none;}



/*------------------------------------------------------------------------------
【ページタイトル】
------------------------------------------------------------------------------*/
#pagetit { background: #2d2d2d; margin: 0 auto; padding: 24px 0 20px 0; width: 100%;}
#pagetit h2 {text-align: center;}
#pagetit h2 span { color: #fff; font-size: 2rem; font-weight: bold; line-height: 1;}

/*------------------------------------------------------------------------------
【グロメ】
------------------------------------------------------------------------------*/
#tnation .nav { background:#232323; border-top:#0091e5 3px solid; }
#tnation .nav ul { font-size:0; line-height:0; margin:0 auto; text-align: center; max-width:1400px; }

/*基本のリスト*/
#tnation .nav li { border-left:#666 1px solid; display:inline-block; vertical-align:top; width:12%; }
#tnation .nav li:last-child { border-right:#666 1px solid; }

/*基本のテキスト*/
#tnation .nav li p { color:#FFF; font-size:1rem; line-height: 1.4;}
#tnation .nav li a p { left:50%; position:absolute; top:50%; transform:translateY(-50%) translateX(-50%); width:100%; }
#tnation .nav li a p span { display:block; font-size:0.8rem; line-height: 1.2;}

/*リンクの挙動*/
#tnation .nav li a { color:#FFF; display:block; height:70px; padding:2em 0; position:relative; text-align:center; text-decoration:none; width:100%; }
#tnation .nav li a:hover { background:#0091e5; }

/*更新日*/
#tnation .nav li a p span.update { color:#00a0e9; font-weight:bold; }
#tnation .nav li a:hover p span.update { color:#FFEF02; }

/*目立たせたい時*/
#tnation .nav li.active { background: #f00;}
#tnation .nav li.active a p span.update { color:#FFEF02; font-weight:bold; }
#tnation .nav li.active a:hover p span.update { color:#FFEF02; }

/*リンク先はあるけど期間終了した感を出したい時*/
#tnation .nav li a.closed,
#tnation .nav li a.closed p,
#tnation .nav li a.closed p span { color:#eee;}
#tnation .nav li a.closed p span.update { color:#eee; font-weight:bold; }
#tnation .nav li a.closed p,
#tnation .nav li a.closed p span,
#tnation .nav li a.closed:hover p span.update { color:#eee; }

/*リンク先が無い時*/
#tnation .nav li a.disable,
#tnation .nav li a.disable p,
#tnation .nav li a.disable p span { color:#999;}
#tnation .nav li a.disable:hover { background:none;}

/*------------------------------------------------------------------------------
【共用】確認アラート（本人確認・後日購入で共用／後日購入版は後半でカスタマイズ）
------------------------------------------------------------------------------*/
#tnation .tnation_attention { background: rgba(255,253,0,1.00); border: 2px solid #d82223; margin: 40px auto; padding: 40px; text-align: center; width: 90%; box-sizing: border-box;}
#tnation .tnation_attention a { color: #f00; text-decoration: underline;}
#tnation .tnation_attention span { color: #f00; display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.6;}
#tnation .tnation_attention big { color: #f00; display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.6;}

/*------------------------------------------------------------------------------
【共用】コーナータイトル
------------------------------------------------------------------------------*/
#tnation .ttl { color:#232323; font-size:2.3rem; line-height: 2.6rem; padding:0 0 45px; text-align:center; }
/*通常は明るい色のマーカー*/
#tnation .ttl:after { background:url(/bc/images/shop_top_tamashii/20190808_tnation_ttl_btm.png) no-repeat center center; content:''; display:block; height:10px; margin:10px auto; width:92px; }
/*「d」を追記すると暗めのマーカー*/
#tnation .ttl.d:after { background:url(/bc/images/shop_top_tamashii/20190808_tnation_ttl_btm_2.png) no-repeat center center; }
#tnation .ttl .small { display:block; font-size:0.9rem; line-height: 1.4; }


/*------------------------------------------------------------------------------
【セクションの処理】
------------------------------------------------------------------------------*/
/*基本の隙間*/
#tnation .sec_padding { padding: 3em 2em 3.5em 2em;}

/*青背景の時*/
#tnation .bg_img2 { background: url(/bc/images/shop_top_tamashii/20190808_tnation_bg_2.png) repeat-y center center #00a0e9;}
#tnation .bg_img2 p { color:#fff;}

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


/*------------------------------------------------------------------------------
【販売方法】
------------------------------------------------------------------------------*/
#purchase { border-bottom:3px solid #005f8a;}
#purchase ul { font-size: 0; line-height: 0; margin: 0 auto 20px auto; padding: 0; text-align: center; width: 98%;}
#purchase ul li { display: inline-block; margin: 0 2% 2% 0; padding: 0; text-align: center; vertical-align: top; max-width: 320px; width: 32%;}
#purchase ul li:nth-child(3) { margin: 0 0 2% 0; }
#purchase ul li img { height: auto; max-width: 100%;}

/*タイトル*/
#purchase h3 { margin: 1.5em 0; text-align: center;}
#purchase h3 span {background: #FFF; color: #00a0e9; font-size: 1.7rem; line-height: 1.5;}

/*テキスト*/
#purchase p { font-size: 1rem; font-weight: bold; line-height: 1.6; margin: 0 0 18px 0; padding: 0; text-align: center;}
#purchase p strong { font-size: 1.2rem; line-height: 1.6;}


/*------------------------------------------------------------------------------
【販売スケジュール】
------------------------------------------------------------------------------*/
#tnation_schedule { border-bottom:3px solid #005f8a;}
#tnation_schedule .inner_no100 { margin: 0 auto; width: 1200px;}

table.item_table {border-collapse:collapse; border:#efefef 1px solid; line-height:1.5;text-align:left;}
table.item_table td { background: #fff;border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;min-width:100px;padding:10px;vertical-align:middle;}

/*上のほうの項目名*/
table.item_table thead td { background: none; padding: .4em; text-align: center;}
table.item_table thead td h4 { color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 1.5;}
table.item_table thead td span { color: #fff; display: block; font-size: 1.3rem; font-weight: bold; line-height: 1.5;}

table.item_table thead td img.item_table_logo { height: auto; min-width: 60px; max-width: 90px; width: 100%;}
table.item_table thead td img.item_table_logo_ctm { height: auto; min-width: 60px; max-width: 150px; width: 100%;}

/*中身の方の項目名*/
table.item_table tbody th{background:#ececec;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size: 1.2rem;font-weight:bold; line-height: 1.5; padding:8px;text-align:center;vertical-align:middle; width: 13%;}
table.item_table tbody td{ width: 14%;}
table.item_table tbody td span { display: block; font-size: 1.1rem; line-height: 1.4;}
table.item_table tbody td small { color: #f00; display: block; font-size: 0.8rem; line-height: 1.5; margin: 10px 0 0 0;}
table.item_table tbody td strong { color: #f00; font-size: 1.2rem; line-height: 1.4;}
table.item_table tbody td em { color: #f00; font-style: normal; font-weight: bold;}

/*テーブル内の後日販売だけ特殊に*/
table.item_table thead td:last-child { background: #666;}
table.item_table tbody td:last-child { background: #ffa; color: #333; width: 24%;}

/*長い内容の時*/
table.item_table tbody td .tnation_schedule_howto {}
table.item_table tbody td .tnation_schedule_howto h4 { font-size: 1.2rem; font-weight: bold; line-height: 1.5; margin: 0 0 10px 0;}
table.item_table tbody td .tnation_schedule_howto big {display: block; font-size: 1.1rem; font-weight: bold; line-height: 1.5; margin: 0 0 20px 0;}
table.item_table tbody td .tnation_schedule_howto span { display: block; font-size: 1rem; line-height: 1.5; letter-spacing: -0.2px;}
table.item_table tbody td .tnation_schedule_howto small { color: #f00; display: block; font-size: 0.8rem; line-height: 1.5; margin: 10px 0 0 0;}

/*リンクの処理*/
/*注意事項のリンクの処理*/
table.item_table tbody td:last-child span.color_r a,
table.item_table tbody td .tnation_schedule_howto span.color_r a { color: #f00 !important; text-decoration: underline !important;}
table.item_table tbody td:last-child span.color_r a:hover,
table.item_table tbody td .tnation_schedule_howto span.color_r a:hover { color: #f00 !important; text-decoration: none !important;}

/*後日販売の事前注記*/
#tnation_schedule p.aftersale { color: #fff; font-size: 1.2rem; font-weight: bold; line-height: 1.5; margin: 20px 0 0 0; padding: 0; text-align: center;}


/*------------------------------------------------------------------------------
【先行・事前購入】
------------------------------------------------------------------------------*/
#tnation_item { margin: 0 0 40px 0; padding: 3em 0 0 0;}
#tnation_item .sec_padding {padding: 2em 2em 1em 2em !important;}

#tnation_item p.outline { margin: 0 0 40px 0;}

/*タイトル*/
#tnation_item h3 { margin: 0 0 1.5em 0; text-align: center;}
#tnation_item h3 span {background: #FFF; color: #00a0e9; font-size: 1.7rem; line-height: 1.5;}

/*------------------------------------------------------------------------------
【先行・事前購入】後日購入のアラート
※「【共用】確認アラート」からカスタマイズ
------------------------------------------------------------------------------*/
#tnation_item .tnation_attention { margin: 30px auto; padding: 15px;}
#tnation_item .tnation_attention span { font-size: 1.3rem; font-weight: bold; line-height: 1.6;}
#tnation_item .tnation_attention big { font-size: 1.6rem; font-weight: bold; line-height: 1.6;}


/*------------------------------------------------------------------------------
【商品ラインナップ（共用）】
------------------------------------------------------------------------------*/
.tnation_lineup {}

/*商品数タイトル
--------------------------------------------*/
.tnation_lineup h4 { border-bottom: 2px solid #00a1e9; margin: 0 0 30px 0;}
.tnation_lineup h4 big { color: #fff; display: block; font-size: 1.7rem; line-height: 1.5;}
.tnation_lineup h4 span { color: #fff; display: block; font-size: 1.5rem; line-height: 1.5;}

/*販売期間
--------------------------------------------*/
#tnation .ctm_date { background: #00a0e9; border: 2px solid #fff; margin: 0 0 40px 0; padding: 15px; text-align: center; width: 100%; box-sizing: border-box;}
#tnation .ctm_date span { color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 1.6;}

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

/*リンクの挙動*/
.tnation_lineup ul li a { text-decoration: none;}
.tnation_lineup ul li a:hover { opacity: 0.8;}

/*商品写真*/
.tnation_lineup li img { height: auto; vertical-align:bottom; width: 100%;}

/*商品写真から下の枠*/
.tnation_lineup ul li div { background:rgba(0,160,233,.8); color:#fff; margin-top:-33.6%; padding:0; position:relative; bottom:0; width:100%; z-index:10; box-sizing:border-box;}
a:hover .l_inner { opacity:.6; }

/*商品ロゴ*/
.tnation_lineup ul li div img { bottom:100%; left:0; position:absolute; }

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

/*詳細はこちらボタン（一応準備しておく）*/
.tnation_lineup ul li div p span.linkbox { border:1px solid #fff; font-size:0.9rem; line-height: 1.3; margin:1em 0; padding:2%; text-align: center; box-sizing: border-box;}

/*コピーライト*/
.tnation_lineup ul li div p small { display: block; font-size:0.6rem; line-height: 1.3;}

/*販売ページはこちら
--------------------------------------------*/
.tnation_order { margin: 0 auto 20px auto; padding: 0; text-align: center;}

/*背景色と下線*/
.tnation_order a { background: #fff; border-bottom: solid 4px #00a0e9; display: block; padding: 20px 10px 18px 10px; width: 100%; box-sizing: border-box;}
.tnation_order a:hover { background: #00a0e9; border-bottom: solid 4px #fff;}

/*テキスト*/
.tnation_order span {color: #00a0e9; font-size: 1.8rem; font-weight: bold; line-height: 1.4;}
.tnation_order a:hover span {color: #fff;}
/*テキスト末尾に「＞」を付ける*/
.tnation_order span::after { content: "\f105"; font-family: 'FontAwesome'; font-size: 2rem; line-height: 1.2; margin: 0 0 0 15px;}

/*開始前のグレーアウト*/
.tnation_order a.disable { /*background: #888 !important; border-bottom: solid 4px #666 !important;*/ position: relative; cursor: default;}

/*紗をかけているので、hover時も通常時と同じ色を指定する*/
.tnation_order a.disable:hover {  background: #fff; border-bottom: solid 4px #00a0e9; cursor: default;}
.tnation_order a.disable span {color: #00a0e9;}
.tnation_order a.disable:hover span {color: #00a0e9;}

/*前面に載る文言*/
.tnation_order a.disable:before {content:"Coming Soon"; color:#fff; font-size: 2rem; font-weight: bold; line-height: 1.5; position:absolute; left:0; right: 0; top:25%; text-align: center; text-shadow: 0px 0px 6px #000, 0px 0px 6px #000, 0px 0px 6px #333; width: 100%; z-index:11;}

/*Comingsoon時に全面にかぶる背景*/
.tnation_order a.disable: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;}

/*明るめ色バージョン*/
#tnation_1st .tnation_order a {background: #ff1c1c; border-bottom: solid 4px #fff;}
#tnation_1st .tnation_order a:hover { background: #fff; border-bottom: solid 4px #ff1c1c;}
#tnation_1st .tnation_order span {color: #fff; }
#tnation_1st .tnation_order a:hover span {color: #ff1c1c;}


/*注意事項
--------------------------------------------*/
.tnation_order_caution { background: rgba(40,40,40,.8); margin: 0 auto; padding: 20px; width: 100%; box-sizing: border-box;}
.tnation_order_caution p { color: #fff; font-size: 1.1rem; line-height: 1.5;}


/*------------------------------------------------------------------------------
【終了対応一式】
------------------------------------------------------------------------------*/
/*全面をグレーアウト*/
.closed { position: relative;}
.closed:before {background:rgba(0,0,0,0.6); content:""; color:#fff; font-size: 36px; font-weight: bold; line-height: 36px; height:100%; margin:0; position:absolute; left:0; right: 0; top:0; bottom: 0; width: 100%; z-index:100;}

/*終了のお知らせ*/
.tnation_closed { background: #444; border: 1px solid #fff; margin: 0 auto 20px auto; padding: 50px 10px; position: relative; text-align: center; width: 80%; z-index: 1001;}
.tnation_closed p { color: #fff; font-size: 30px; font-weight: bold; line-height: 36px;}




/*------------------------------------------------------------------------------
【CLUB TAMASHII MEMBERS上位ステージ会員様限定 先行購入】
------------------------------------------------------------------------------*/
#tnation_ctm { margin: 0; padding: 3em 0 0 0;}

/*タイトル*/
#tnation_ctm h3 { margin: 0 0 1.5em 0; text-align: center;}
#tnation_ctm h3 span {background: #FFF; color: #00a0e9; font-size: 1.7rem; line-height: 1.5;}

/*商品ラインナップ（CTM版）
7等分なら13.33%
--------------------------------------------*/
#tnation_ctm .tnation_lineup ul li { display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:24.25%; }
#tnation_ctm .tnation_lineup ul li:nth-child(4) { margin:0 0 1% 0; }


/*------------------------------------------------------------------------------
【第1回購入】
------------------------------------------------------------------------------*/
#tnation_1st { margin: 0; padding: 3em 0 0 0;}
#tnation_1st p { color: #fff;}

/*商品ラインナップ（第1回購入版）
--------------------------------------------*/
#tnation_1st .tnation_lineup ul li { display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:24.25%; }
#tnation_1st .tnation_lineup ul li:nth-child(4) { margin:0 0 1% 0; }

/*------------------------------------------------------------------------------
【第2回購入】
------------------------------------------------------------------------------*/
#tnation_2nd { margin: 0; padding: 3em 0 0 0;}
#tnation_2nd p { color: #fff;}

/*商品ラインナップ（第2回購入版）
--------------------------------------------*/
#tnation_2nd .tnation_lineup ul li { display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:24.25%; }
#tnation_2nd .tnation_lineup ul li:nth-child(4) { margin:0 0 1% 0; }


/*------------------------------------------------------------------------------
【第3回購入】
------------------------------------------------------------------------------*/
#tnation_3rd { margin: 0 0 20px 0; padding: 3em 0 0 0;}
#tnation_3rd p { color: #fff;}

/*商品ラインナップ（第3回購入版）
--------------------------------------------*/
#tnation_3rd .tnation_lineup ul li { display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:24.25%; }
#tnation_3rd .tnation_lineup ul li:nth-child(4) { margin:0 0 1% 0; }






/*------------------------------------------------------------------------------
【当日・後日購入】
------------------------------------------------------------------------------*/
#tnation_daylater {}
#tnation_daylater h3 { color:#232323; font-size:2.1rem; line-height: 2.4rem; margin: 0 0 30px 0; padding:0; text-align:center; }

/*当日購入
--------------------------------------------*/
#tnation_ontheday { background: #232323; border: 2px solid #353535; margin: 0 auto 60px auto; padding: 15px; width: 750px;  box-sizing: border-box;}

#tnation_ontheday h4 { background: #353535; display: block; margin: 0 0 20px 0; padding: 15px 0; text-align: center;}
#tnation_ontheday h4 span { color: #fff; display: block; font-size: 1.4rem; line-height: 1.6;}
#tnation_ontheday h4 small { color: #fff; display: block; font-size: 1rem; line-height: 1.6; margin: 10px 0 0 0;}
#tnation_ontheday h4 span em { color: rgba(255,253,0,1.00); font-style: normal;}

#tnation_ontheday img { height: auto; display: inline-block; margin: 0 10px 0 0; vertical-align: top; width: 212px;}
#tnation_ontheday p { color: #fff; display: inline-block; margin: 0; vertical-align: top; width: 485px;}
#tnation_ontheday p strong { display: block; font-size: 1.4rem; line-height: 1.4; margin: 0 0 10px 0;}
#tnation_ontheday p span { display: block; font-size: 1.1rem; line-height: 1.1; text-align: right; margin: 0 0 20px 0;}

#tnation_ontheday a { background: #fff; border-bottom: solid 4px #00a0e9; display: block; margin: 0 auto; padding: 20px 10px 18px 10px; width: 100%; box-sizing: border-box;}
#tnation_ontheday a:hover { background: #00a0e9; border-bottom: solid 4px #fff;}
#tnation_ontheday a span { color: #00a0e9; display: block; font-size:1.2rem; font-weight: bold; line-height: 1.4; margin: 0; text-align: center;}
#tnation_ontheday a:hover span {color: #fff;}

#tnation_ontheday small { color: #fff; display: block; font-size: 0.9rem; line-height: 1.4; margin: 20px 0 0 0;}

/*後日購入
--------------------------------------------*/
/*期間*/
#tnation_daylater .ctm_date { background: #00a0e9; border: 2px solid #fff; margin: 0 0 40px 0; padding: 15px; text-align: center; width: 100%; box-sizing: border-box;}
#tnation_daylater .ctm_date span { color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 1.6;}

/*後日購入の枠*/
#tnation_later {}
#tnation_later .sec_padding { padding: 2em;}

/*後日購入の注意事項*/
#tnation_later .tnation_later_attention	{background: rgba(255,253,0,1.00); border: 4px solid #d82223; margin: 40px auto; padding: 20px 30px; text-align: left; width: 90%; box-sizing: border-box;}

#tnation_later .tnation_later_attention h3	{ font-size: 2rem; line-height: 2; margin: 0 0 10px 0;}
#tnation_later .tnation_later_attention p	{ color: #000; font-size: 1.2rem; line-height: 1.4; margin: 0 0 15px 0;}
#tnation_later .tnation_later_attention p span	{ display: block; text-indent:-1.2rem; padding-left:1.2rem;}
#tnation_later .tnation_later_attention p small	{ color: #f00; font-size: 0.9rem; line-height: 1.8;}
#tnation_later .tnation_later_attention p strong	{ font-weight: bold; }
#tnation_later .tnation_later_attention p em	{ color: #f00; font-style: normal;}

/*商品ラインナップ（後日販売版）
7等分なら13.33%
--------------------------------------------*/
#tnation_later .tnation_lineup ul li { display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:24.25%; }
#tnation_later .tnation_lineup ul li:nth-child(4) { margin:0 0 1% 0; }

/*販売種類のアイコン*/
#tnation_later .tnation_lineup ul li div.saletype {display:block; position: relative; margin-top: -80%;font-size: 16px;line-height: 16px;text-align: left;}
#tnation_later .tnation_lineup ul li div.saletype_lot { background:#ff7700; border: none; border-radius:50px; display:block; font-size:16px; font-weight: bold; height:60px !important; line-height:16px; margin-left:10px; padding:14px; position:absolute; top: 72%; text-align:center; width:60px; z-index: 11; }
#tnation_later .tnation_lineup ul li div.saletype_ord { background:#93d220;  border: none; border-radius:50px; display:block; font-size:16px; font-weight: bold; height:60px !important; line-height:16px; margin-left:10px; padding:14px; position:absolute; top: 72%; text-align:center; width:60px; z-index: 11; }






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

/*タイトル*/
#tnation_caution h3 { margin: 0 0 1.5em 0; text-align: center;}
#tnation_caution h3 span { font-size: 1.7rem; line-height: 1.5;}

#tnation_caution h4 { font-size: 1.7rem; line-height: 1.5; margin: 1.5em 0; text-align: center;}
#tnation_caution p { font-size: 1rem; line-height: 1.5; margin: 0 0 1rem 0;}
#tnation_caution p:last-child {margin: 0;}

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

#tnation_caution a {text-decoration: underline;}

#tnation_caution hr { background: #333; border: none; height: 1px;}

/*------------------------------------------------------------------------------
【販売に関する注意事項】
------------------------------------------------------------------------------*/

#tnation_notice_sale  { color: #fff;}
/*タブ切り替え全体のスタイル*/
#tnation_notice_sale .tabs { margin:0 auto; max-width:1000px; width:100%; }
/*タブのスタイル*/
#tnation_notice_sale .tab_item { background-color:#d9d9d9; color:#565656; display:block; float:left; font-size:14px; font-weight:bold; height:50px; line-height:50px; text-align:center; transition:all 0.2s ease; width:calc(100%/4); }
#tnation_notice_sale .tab_item:hover { opacity:0.75px; }
/*ラジオボタンを全て消す*/
#tnation_notice_sale input[name="tab_item"] { display:none; }

/*選択されているタブのコンテンツのみを表示*/
#jp:checked ~ #jp_content,
#en:checked ~ #en_content,
#cn:checked ~ #cn_content,
#kr:checked ~ #kr_content { display:block; }

/*選択されているタブのスタイルを変える*/
#tnation_notice_sale .tabs input:checked + .tab_item { background-color:#00a0e9; color:#fff; }

/*展開先*/
#tnation_notice_sale .tab_content { clear:both; display:none; font-size: 0.9rem; line-height: 1.5; overflow:hidden; }

#tnation_notice_sale .tab_content h4 { font-size: 1rem; font-weight: bold; line-height: 1.5; margin: 1.5em 0 0.5em;}
#tnation_notice_sale .tab_content p { font-size: 0.9rem; margin-left:1em;}

#tnation_notice_sale .tab_content ul.notice_list {	margin-left: 50px;}
#tnation_notice_sale .tab_content ul.notice_list li {list-style: disc;}

#tnation_notice_sale dt { display: block; font-size: 0.9rem; font-weight: bold; line-height: 1.5;}
#tnation_notice_sale dd { display: block; font-size: 0.9rem; line-height: 1.5; margin: 0.5em 0 2em 0;  width:100%; }

/*リンクの色*/
#tnation_notice_sale a {  text-decoration:underline;}
#tnation_notice_sale a:hover {  text-decoration:none;}

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


/*------------------------------------------------------------------------------
【本人確認書類について】
------------------------------------------------------------------------------*/

#tnation_id {color: #fff;}
#tnation_id h4 { font-size: 1rem; font-weight: bold; line-height: 1.5; margin: 0 0 0.5em 0;}
#tnation_id span { font-size: 0.8rem; line-height: 1.5;}

#tnation_id dl {display: block; margin: 20px 0 0 0;}
#tnation_id dl dt {display: block;}
#tnation_id dl dd {display: block; margin: 40px 0 0 0;}
#tnation_id dl dd p {font-size:0.8rem; text-indent: -1em; margin-left: 1em;}

#tnation_id dl dd h5 {font-size:1rem; line-height: 1.5; margin: 10px 0 5px 0}

/*1枠あたり*/
#tnation_id dl dd ul {font-size: 0; line-height: 0; margin: 0 auto; padding: 0; text-align: center;}
#tnation_id dl dd ul li.inline2 { border:1px solid #FFF; margin:0 auto 2% auto; padding:20px; text-align:left; width:60%; }
#tnation_id dl dd ul li.inline_noborder { font-size: 1rem; line-height: 1.5; margin:0 auto 2% auto; padding:5px; text-align:center; width:60%; }
#tnation_id .border_yellow {border:4px solid #f7ea55 !important;}

/*項目名*/
#tnation_id dl dd ul li h4 { font-size:1.1rem; font-weight:bold; line-height: 1.5; margin:.4em auto; text-align:left; }
#tnation_id dl dd ul li h4 span { font-size:1.1rem; font-weight:bold; line-height: 1.5;}

/*書類のリスト*/
#tnation_id dl dd ul li ul {}
#tnation_id dl dd ul li ul li { font-size:0.9rem; line-height: 1.5; text-align: left;}

/*緑帯のタイトル*/
#tnation_id dl dd ul li ul li span { background:#34915c; display:block; font-size:0.9rem; font-weight:bold; line-height: 1.5; margin:1em 0; padding:.3em; }



/*------------------------------------------------------------------------------
【Q&A よくあるご質問】
------------------------------------------------------------------------------*/

#tnation_question {color: #fff;}
#tnation_question h4 { font-size: 1rem; font-weight: bold; line-height: 1.5; margin: 0 0 0.5em 0;}

#tnation_question dl.question_box {border-bottom:solid #989898 1px; height:auto; line-height:1.8em; margin: 1em 0; padding: 0 0 1em 0; max-width : 900px;}
#tnation_question dl.question_box dt { font-size: 1rem; line-height: 1.5; float : left; clear : both; width : 40px; margin: 0; padding: 0 0 0 0;}
#tnation_question dl.question_box dd { font-size: 0.9rem; line-height: 1.5; margin: 0 0 0 40px !important; margin: 0; padding: 2px 0 0 1em;}

/*Question
--------------------------------------------------------*/
/*番号*/
#tnation_question dl.question_box dt.question_t {font-weight:bold;}
/*質問文*/
#tnation_question dl.question_box dd.question { font-weight:bold;}

/*Answer
--------------------------------------------------------*/
/*番号*/
#tnation_question dl.question_box dt.answer_t {font-weight:bold; padding-top: 10px;}
/*回答文*/
#tnation_question dl.question_box dd.answer {font-weight:100; padding-top: 10px;}

/*リンクの色*/
#tnation_question .answer a { color:#fffd5a; text-decoration:underline;}
#tnation_question .answer a:hover { color:#fffd5a; text-decoration:none;}



/*------------------------------------------------------------------------------
【ページトップに戻る】
------------------------------------------------------------------------------*/
#tnation #pagetop{ display:none; margin: 0 -658px 0 0; position: fixed; right:50%; bottom:0; z-index:1000 !important;}
#tnation #pagetop img { height: auto; width: 120px;}
#tnation #pagetop:hover{cursor: pointer;}
.visible { display: block !important;}


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

/*------------------------------------------------------------------------------
【SP】【大枠】
------------------------------------------------------------------------------*/
#tnation { background: #f2f2f2; marging: 0 auto; min-width: 100%;}

/*「forPC＝PC版にしか表示しない」ものを非表示に*/
.forPC { display:none !important;}
.forSP { display:block !important; line-height: 0;}

/*------------------------------------------------------------------------------
【SP】【メインビジュアル】
------------------------------------------------------------------------------*/
#tnation .main_visual { display: none;}
#tnation .main_visual_sp {display: block !important;}	

/*------------------------------------------------------------------------------
【SP】【ページタイトル】
------------------------------------------------------------------------------*/
#tnation #pagetit { background: #2d2d2d; margin: 0 auto; padding: 3% 0 3% 0; width: 100%;}
#tnation #pagetit h2 {text-align: center;}
#tnation #pagetit h2 span { color: #fff; font-size: 20px; font-weight: bold; line-height: 1;}

/*------------------------------------------------------------------------------
【SP】【グロメ】
------------------------------------------------------------------------------*/
#tnation .nav { background:#232323; border-top:#0091e5 3px solid; }
#tnation .nav ul { font-size:0; line-height:0; margin:0 auto; text-align: left; max-width:100%; }
#tnation .nav li {border-left:none; border-right:#666 1px solid; border-bottom: #666 1px solid; display:inline-block; vertical-align:top; width:33.333%; box-sizing: border-box; }
#tnation .nav li:nth-child(3n) { border-right:none; }

#tnation .nav li p {font-size: 16px; line-height: 20px;}
#tnation .nav li a p span {font-size: 12px; line-height: 16px;}

/*------------------------------------------------------------------------------
【SP】【アテンション】本人確認書類のアラート
------------------------------------------------------------------------------*/
#tnation .tnation_attention { font-size: 17px; font-weight: bold; line-height: 26px; padding: 4%;}
/*モバコン対策のための記述*/
#tnation .tnation_attention a {line-height: 26px !important;}

/*------------------------------------------------------------------------------
【SP】【共用】コーナータイトル
------------------------------------------------------------------------------*/
#tnation .ttl { color:#232323; font-size: 24px; line-height: 28px; padding:0 0 4%; text-align:center; }
#tnation .ttl:after { background:url(/bc/images/shop_top_tamashii/20190808_tnation_ttl_btm.png) no-repeat center center; content:''; display:block; height:10px; margin:10px auto; width:92px; }
#tnation .ttl.d:after { background:url(/bc/images/shop_top_tamashii/20190808_tnation_ttl_btm_2.png) no-repeat center center; }
#tnation .ttl .small { display:block; font-size:15px; line-height: 20px; }

/*------------------------------------------------------------------------------
【SP】【セクションの処理】
------------------------------------------------------------------------------*/
/*基本の隙間*/
#tnation .sec_padding { padding: 4% 2% 4.5% 2%; box-sizing: border-box;}

/*------------------------------------------------------------------------------
【SP】【販売方法】
------------------------------------------------------------------------------*/
#purchase { margin: 0 auto; width: 100%;}
#purchase ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; text-align: left; width: 98%;}
#purchase ul li { display: inline-block; margin: 0 2% 2% 0; padding: 0; text-align: center; vertical-align: top; max-width: 49%; width: 49%;}
#purchase ul li:nth-child(2) { margin: 0 0 2% 0; }
#purchase ul li:nth-child(3) { margin: 0 2% 2% 0;; }
#purchase ul li img { height: auto; max-width: 100%;}

#purchase h3 span { font-size: 20px; line-height: 30px;}
#purchase p { font-size: 16px; line-height: 26px;}
#purchase p strong { font-size: 18px; line-height: 26px;}


/*------------------------------------------------------------------------------
【SP】【販売スケジュール】
------------------------------------------------------------------------------*/
#tnation_schedule { border-bottom:3px solid #005f8a; margin: 0 auto; width: 100%;}
#tnation_schedule .inner_no100 { margin: 0 auto; width: 100%;}

#tnation_schedule .forScroll { -webkit-text-size-adjust: 100%;}

table.item_table {border-collapse:collapse; border-top:#333 1px solid; border-bottom:#333 1px solid; border-left:#333 1px solid;  border-right:none; line-height:1.5; margin: 0 0 15px 0; text-align:left; box-sizing: border-box; width: 100%; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
table.item_table tr {max-width: inherit !important;}
table.item_table td { background: #fff; border-top:none !important; border-bottom:1px solid #333; border-right:1px solid #333; font-size: 13px; line-height: 17px !important; min-width:inherit; max-width: 24% !important; padding:3px;vertical-align:middle; box-sizing: border-box;}

/*上のほうの項目名*/
table.item_table thead {width: 100%;}
table.item_table thead th { border-bottom:1px solid #333; border-right:1px solid #333;border-top:none;font-weight:bold;padding:5px;text-align:center; width: 20%;}
table.item_table thead td { background: #fff; padding: 1%; text-align: center;}

table.item_table thead td h4 { color: #333; font-size: 15px; font-weight: bold; line-height: 17px;}
table.item_table thead td span { color: #333; display: block; font-size: 13px; font-weight: bold; line-height: 16px; white-space: normal;}

/*中身の方の項目名*/
table.item_table tbody { width: 100%;}
table.item_table tbody th.title{background:#eef;border-bottom:1px solid #333;  border-right:1px solid #333; font-size: 13px; font-weight:bold; line-height: 14px; padding:3px; text-align:center;vertical-align:middle; width: 100% !important; }

table.item_table tbody td{ padding: 8px; }
table.item_table tbody td span { display: block; font-size: 13px !important; line-height: 17px !important; letter-spacing: -0.1px; word-break:break-all; }
table.item_table tbody td small { color: #f00; display: block; font-size: 10px !important; line-height: 16px !important; margin: 10px 0 0 0;}
table.item_table tbody td strong { color: #f00; font-size: 13px !important; font-weight: bold; line-height: 17px !important;}

table.item_table thead td.cont_ctm,
table.item_table tbody td.cont_ctm { background: #f6f6f6;}
table.item_table thead td.cont_1st,
table.item_table tbody td.cont_1st { background: #eee;}
table.item_table thead td.cont_2nd,
table.item_table tbody td.cont_2nd { background: #ddd;}
table.item_table thead td.cont_3rd,
table.item_table tbody td.cont_3rd{ background: #ccc;}

/*テーブル内の後日販売だけ特殊に*/
table.item_table thead td.cont_after { background: #ffa;}
table.item_table thead td.cont_after span { }
table.item_table tbody td.cont_after { background: #ffa; width: 23%;}
table.item_table tbody td.cont_after span { }

/*長い内容の時*/
table.item_table tbody td .tnation_schedule_howto {}
table.item_table tbody td .tnation_schedule_howto h4 { font-size: 16px; font-weight: bold; line-height: 24px; margin: 0 0 10px 0;}
table.item_table tbody td .tnation_schedule_howto big {display: block; font-size: 14px !important; font-weight: bold; line-height: 23px !important; margin: 0 0 20px 0;}
table.item_table tbody td .tnation_schedule_howto span { display: block; font-size: 13px !important; line-height: 22px !important; }
table.item_table tbody td .tnation_schedule_howto small { color: #f00; display: block; font-size: 11px !important; line-height: 16px !important; margin: 10px 0 0 0;}

/*後日販売の注記*/
#tnation_schedule p.aftersale { color: #fff; font-size: 15px; font-weight: bold; line-height: 23px; margin: 4% 0 0 0; padding: 0; text-align: center;}


/*------------------------------------------------------------------------------
【SP】【先行・事前購入】
------------------------------------------------------------------------------*/
#tnation_item { margin: 0 0 4% 0; padding: 4% 0 0 0;}
#tnation_item .sec_padding {padding: 4% 2% 4.5% 2% !important; box-sizing: border-box;}

#tnation_item p.outline { font-size: 15px; line-height: 23px; margin: 0 auto 3% auto; text-align: center; width: 96%;}

/*タイトル*/
#tnation_item h3 { margin: 0 auto 3% auto; text-align: center; width: 96%;}
#tnation_item h3 span {background: #FFF; color: #00a0e9; font-size: 17px; line-height: 25px;}


/*------------------------------------------------------------------------------
【先行・事前購入】後日購入のアラート
※「【共用】確認アラート」からカスタマイズ
------------------------------------------------------------------------------*/
#tnation_item .tnation_attention { margin: 5% auto 8% auto; padding: 3%;}
#tnation_item .tnation_attention span { font-size: 16px; font-weight: bold; line-height: 24px;}
#tnation_item .tnation_attention big { font-size: 18px; font-weight: bold; line-height: 26px;}

/*------------------------------------------------------------------------------
【SP】【商品ラインナップ（共用）】
------------------------------------------------------------------------------*/
.tnation_lineup {}

/*商品数タイトル
--------------------------------------------*/
.tnation_lineup h4 { border-bottom: 2px solid #00a1e9; margin: 0 0 3% 0;}
.tnation_lineup h4 big { color: #fff; display: block; font-size: 18px; line-height: 26px;}
.tnation_lineup h4 span { color: #fff; display: block; font-size: 16px; line-height: 23px;}

/*販売期間
--------------------------------------------*/
#tnation .ctm_date { background: #00a0e9; border: 2px solid #fff; margin: 0 0 4% 0; padding: 2%; text-align: center; width: 100%; box-sizing: border-box;}
#tnation .ctm_date span { color: #fff; font-size: 16px; font-weight: bold; line-height: 24px;}

/*商品リスト
--------------------------------------------*/
.tnation_lineup ul { font-size: 0; line-height: 0; margin: 0 0 2% 0; padding: 0; text-align: left;}

/*リンクの挙動*/
.tnation_lineup ul li a { text-decoration: none;}
.tnation_lineup ul li a:hover { opacity: 1;}

/*商品写真*/
.tnation_lineup li img { height: auto; vertical-align:bottom; width: 100%;}

/*商品写真から下の枠*/
.tnation_lineup ul li div { background:rgba(0,160,233,.8); color:#fff; margin-top:-33.6%; padding:0; position:relative; bottom:0; width:100%; z-index:999; box-sizing:border-box;}
a:hover .l_inner { opacity:1; }

/*商品ロゴ*/
.tnation_lineup ul li div img { bottom:100%; left:0; position:absolute; }

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

/*詳細はこちらボタン（一応準備しておく）*/
.tnation_lineup ul li div p span.linkbox { border:1px solid #fff; font-size:12px; line-height: 18px; margin:2% 0; padding:2%; text-align: center; box-sizing: border-box;}

/*コピーライト*/
.tnation_lineup ul li div p small { display: block; font-size:10px; line-height: 16px;}

/*販売ページはこちら
--------------------------------------------*/
.tnation_order { margin: 0 auto 20px auto; padding: 0; text-align: center;}

/*背景色と下線*/
.tnation_order a { background: #fff; border-bottom: solid 4px #00a0e9; display: block; padding: 2% 2% 1% 2%; width: 100%; box-sizing: border-box;}
.tnation_order a:hover { background: #00a0e9; border-bottom: solid 4px #fff;}

/*テキスト*/
.tnation_order span {color: #00a0e9; font-size: 18px; font-weight: bold; line-height: 28px;}
.tnation_order a:hover span {color: #fff;}

/*テキスト末尾に「＞」を付ける*/
.tnation_order span::after { content: "\f105"; font-family: 'FontAwesome'; font-size: 19px; line-height: 19px; margin: 0 0 0 10px;}

/*前面に載る文言*/
.tnation_order a.disable:before { font-size: 20px; font-weight: bold; line-height: 20px; top:23%;}
/*CTM先行だけ微調整*/
#tnation_ctm .tnation_order a.disable:before { font-size: 20px; font-weight: bold; line-height: 20px; top:40%;}


/*注意事項
--------------------------------------------*/
.tnation_order_caution { background: rgba(40,40,40,.8); margin: 0 auto; padding: 3%; width: 100%; box-sizing: border-box;}
.tnation_order_caution p { color: #fff; font-size: 14px; line-height: 21px;}


/*------------------------------------------------------------------------------
【SP】【終了対応一式】
------------------------------------------------------------------------------*/
.closed:before {z-index:1000;}
/*終了のお知らせ*/
.tnation_closed { background: #444; border: 1px solid #fff; margin: 0 auto 20px auto; padding: 5% 3% 3% 3%; position: relative; text-align: center; width: 90%; z-index: 1001;}
.tnation_closed p { color: #fff; font-size: 24px; font-weight: bold; line-height: 24px;}

/*------------------------------------------------------------------------------
【SP】
【CLUB TAMASHII MEMBERS上位ステージ会員様限定 先行購入】
【第1回購入】
【第2回購入】
【第3回購入】
------------------------------------------------------------------------------*/
#tnation_ctm,
#tnation_1st,
#tnation_2nd,
#tnation_3rd { margin: 0; padding: 2% 0 0 0;}

/*タイトル*/
#tnation_ctm h3,
#tnation_1st h3,
#tnation_2nd h3,
#tnation_3rd h3 { margin: 0 0 2% 0; text-align: center;}

#tnation_ctm h3 span,
#tnation_1st h3 span,
#tnation_2nd h3 span,
#tnation_3rd h3 span {background: #FFF; color: #00a0e9; font-size: 18px; line-height: 24px;}

/*商品ラインナップ（CTM～第3回まで、事後購入）
--------------------------------------------*/
#tnation_ctm .tnation_lineup ul li,
#tnation_1st .tnation_lineup ul li,
#tnation_2nd .tnation_lineup ul li,
#tnation_3rd .tnation_lineup ul li,
#tnation_later .tnation_lineup ul li
{ display: inline-block; margin: 0 1% 1% 0; padding: 0; position:relative; vertical-align:top; width:49%; }

#tnation_ctm .tnation_lineup ul li:nth-child(2n),
#tnation_1st .tnation_lineup ul li:nth-child(2n),
#tnation_2nd .tnation_lineup ul li:nth-child(2n),
#tnation_3rd .tnation_lineup ul li:nth-child(2n),
#tnation_3rd .tnation_later ul li:nth-child(2n) { margin:0 0 1% 0; }


/*------------------------------------------------------------------------------
【SP】【当日・後日購入】
------------------------------------------------------------------------------*/
#tnation_daylater {}
#tnation_daylater h3 { color:#232323; font-size:20px; line-height: 24px; margin: 0 0 3% 0; padding:0; text-align:center; }

/*当日購入
--------------------------------------------*/
#tnation_ontheday { background: #232323; border: 2px solid #353535; margin: 0 auto 6% auto; padding: 3%; width: 100%; box-sizing: border-box;}

#tnation_ontheday h4 { background: #353535; display: block; margin: 0 0 3% 0; padding: 3% 0; text-align: center;}
#tnation_ontheday h4 span { color: #fff; display: block; font-size: 18px; line-height: 26px;}
#tnation_ontheday h4 small { color: #fff; display: block; font-size: 13px; line-height: 20px; margin: 1% 0 0 0;}
#tnation_ontheday h4 span em { color: rgba(255,253,0,1.00); font-style: normal;}

#tnation_ontheday img { height: auto; display: block; margin: 0 0 2% 0; vertical-align: top; width: 100%;}
#tnation_ontheday p { color: #fff; display: block; margin: 0; vertical-align: top; width: 100%;}
#tnation_ontheday p strong { display: block; font-size: 19px; line-height: 28px; margin: 0 0 2% 0;}
#tnation_ontheday p span { display: block; font-size: 13px; line-height: 21px; text-align: right; margin: 0 0 3% 0;}

#tnation_ontheday a { background: #fff; border-bottom: solid 4px #00a0e9; display: block; margin: 0 auto; padding: 20px 10px 18px 10px; width: 100%; box-sizing: border-box;}
#tnation_ontheday a:hover { background: #00a0e9; border-bottom: solid 4px #fff;}
#tnation_ontheday a span { color: #00a0e9; display: block; font-size:17px; font-weight: bold; line-height: 24px; margin: 0; text-align: center;}
#tnation_ontheday a:hover span {color: #fff;}

#tnation_ontheday small { color: #fff; display: block; font-size: 13px; line-height: 20px; margin: 4% 0 0 0;}


/*【SP】後日購入
--------------------------------------------*/
/*期間*/
#tnation_daylater .ctm_date { background: #00a0e9; border: 2px solid #fff; margin: 0 0 4% 0; padding: 3%; text-align: center; width: 100%; box-sizing: border-box;}
#tnation_daylater .ctm_date span { color: #fff; font-size: 16px; font-weight: bold; line-height: 24px;}

/*後日購入の枠*/
#tnation_later {}

/*後日購入の注意事項*/
#tnation_later .tnation_later_attention	{background: rgba(255,253,0,1.00); border: 4px solid #d82223; margin: 4% auto; padding: 2% 3%; text-align: left; width: 90%; box-sizing: border-box;}

#tnation_later .tnation_later_attention h3	{ font-size: 18px; line-height: 28px; margin: 0 0 10px 0;}
#tnation_later .tnation_later_attention p	{ color: #000; font-size: 16px; line-height: 24px; margin: 0 0 15px 0;}
#tnation_later .tnation_later_attention p span	{ display: block; text-indent:-16px; padding-left:16px;}
#tnation_later .tnation_later_attention p small	{ color: #f00; font-size: 14px; line-height: 22px;}


/*販売種類のアイコン*/
#tnation_later .tnation_lineup ul li div.saletype {display:block; position: relative; margin-top: -80%;font-size: 16px;line-height: 16px;text-align: left;}

#tnation_later .tnation_lineup ul li div.saletype_lot { background:#ff7700; border: none; border-radius:50px; display:block; font-size:13px; font-weight: bold; height:50px !important; line-height:15px; margin-left:2%; padding:10px; position:relative; top:inherit; bottom:17%; text-align:center; width:50px; z-index: 1000; }
#tnation_later .tnation_lineup ul li div.saletype_ord { background:#93d220; border: none; border-radius:50px; display:block; font-size:13px; font-weight: bold; height:50px !important; line-height:15px; margin-left:2%; padding:10px; position:relative; top:inherit; bottom:17%; text-align:center; width:50px; z-index: 1000; }


/*------------------------------------------------------------------------------
【SP】【「事前購入・会場受け取り制」で販売する開催記念商品に関して】
------------------------------------------------------------------------------*/
#tnation_caution .bg_caution { padding: 3% 3% 4% 3%;}
#tnation_caution h3 { margin: 2% 0; text-align: center;}
#tnation_caution h3 span { color: #333; font-size: 17px; font-weight: bold; line-height: 25px;}

#tnation_caution h4 {font-size: 17px; font-weight: bold; line-height: 25px; margin: 2% 0;}
#tnation_caution p { font-size: 15px; line-height: 23px; margin: 0 0 2% 0;}

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


/*------------------------------------------------------------------------------
【SP】【販売に関する注意事項】
------------------------------------------------------------------------------*/
#tnation_notice_sale .tab_content {font-size: 13px; line-height: 21px;}
#tnation_notice_sale .tab_content h4 { font-size: 16px; font-weight: bold; line-height: 24px; margin: 1.5em 0 0.5em;}
#tnation_notice_sale .tab_content p { font-size: 15px; line-height: 23px; margin-left: 1em;}

#tnation_notice_sale dt { display: block; font-size: 15px; font-weight: bold; line-height: 23px;}
#tnation_notice_sale dd { display: block; font-size: 15px; line-height: 23px; margin: 0.5em 0 2em 0; width: 100%;}

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

/*------------------------------------------------------------------------------
【SP】【本人確認書類について】
------------------------------------------------------------------------------*/
#tnation_id h4 { font-size: 15px; font-weight: bold; line-height: 23px; margin: 0 0 0.5em 0;}
#tnation_id span { font-size: 13px; line-height: 21px;}

#tnation_id dl dd { display: block; margin: 4% 0 0 0;}
#tnation_id dl dd p { font-size: 13px; line-height: 21px; text-indent: -1em; margin-left: 1em;}

#tnation_id dl dd h5 {font-size:15px; line-height: 23px; margin: 10px 0 5px 0}

#tnation_id dl dd ul li h4 { font-size: 16px; font-weight: bold; line-height: 24px;}

/*1枠あたり*/
#tnation_id dl dd ul {font-size: 0; line-height: 0; margin: 0 auto; padding: 0; text-align: center;}
#tnation_id dl dd ul li.inline2 { border:1px solid #FFF; margin:0 auto 2% auto; padding:3%; text-align:left; width:100%; box-sizing: border-box;}
#tnation_id dl dd ul li.inline_noborder { font-size: 16px; line-height: 24px; margin:0 auto 2% auto; padding:5px; text-align:center; width:100%; box-sizing: border-box;}

#tnation_id dl dd ul li h4 span { font-size: 16px; font-weight: bold; line-height: 24px;}
#tnation_id dl dd ul li ul li { font-size:14px; line-height: 22px;}

#tnation_id dl dd ul li ul li span { font-size:14px; line-height: 22px;}


/*------------------------------------------------------------------------------
【SP】【Q&A よくあるご質問】
------------------------------------------------------------------------------*/

#tnation_question h4 { font-size: 15px; font-weight: bold; line-height: 23px; margin: 0 0 0.5em 0;}

#tnation_question dl.question_box { line-height:23px; }
#tnation_question dl.question_box dt { font-size: 15px; line-height: 23px; }
#tnation_question dl.question_box dd { font-size: 14px; line-height: 22px;}


/*------------------------------------------------------------------------------
【SP】【ページトップに戻る】
------------------------------------------------------------------------------*/
#tnation #pagetop{ display:none; margin: 0; position: fixed; right:2%; bottom:0; z-index:1002 !important;}
#tnation #pagetop img { height: auto;  width: 89px;}

}





/*==============================================================================
【個別で何かあれば対応】
================================================================================*/
/*iPhone5*/
@media only screen and (min-width: 0px) and (max-width: 320px) {

#tnation_later .tnation_lineup ul li div.saletype_lot { bottom:15%;}
#tnation_later .tnation_lineup ul li div.saletype_ord {bottom:15%;}

}

/*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) {
}

/*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) {


}


/*共用の調整*/
#tnation .mx100 {max-width: 100% !important;}

/*色*/
#tnation .txt-blue{color: #14b5ff;}
#tnation .marker_blue{ background: linear-gradient(transparent 60%, #006a9b 60%);}
#tnation .f_bold {font-weight: bold !important;}
#tnation .color_w{ color: #FFF !important; }
#tnation .color_y{ color: #ff0 !important; }
#tnation .color_b{ color: #00a0e9 !important; }
#tnation .color_r{ color: #f00 !important; }

/**/
#tnation .bg_gray { background: rgba(0,0,0,.8) !important;}