@charset "UTF-8";

.main{
	position: relative;
	/*max-height: 895px;*/
}

.main_visual{
	position: relative;
	margin:0 auto;
	/*max-width: 1000px;*/
}

.main_visual_sp{display: none;}

.main_inline > div{
	position:relative;
	height: 100%;
	width: 100%;
}

.main_inline > div > *{
	position: absolute;
}

.main_info{
	top: 55%;
	margin-top: -70%;
}

.ctm_icon{
	top: 2%;
	right: 0;
	display: block;
	
}

.bs_logo{
	bottom: 8%;
	right: 0;
	display: block;
	
}

.m_date{
	width: 98.92%;
	right: 0;
	top:17%;
}

.m_access{
	width: 75.1%;
	top:27%;
}

.m_bandai{
	width: 39.1%;
	bottom: 19%;
	right: 0;
}

.m_logo{
	top:37%;
}

.m_cbt{
	bottom:19%;
	left: 0;
	width: 53.8%;
}

#snswrap{
	bottom: 14%;
	left:0;
}

#tmw_snsbtn > div{
	width:auto;
}

.tmw_sns_pc{
	width:auto;
}

#snswrap .tmw_sns_smp{
	width:280px !important;
}

.main_inline{
	position:absolute;
	width:33.07%;
	right: 3%;
	height: 100%;
	z-index: 100;
}

.mainbg01,
.mainbg02{
	width: 100%;
	position:absolute;
	/*background: url(../img/cmn/main01.png) center center no-repeat;
	height:100%;*/
	
}

.mainbg01{
	z-index: 10;
	background-size: contain;
}


.main_copy{
	position: fixed;
	left: 0;
	z-index: 9;
	top: 1%;
	transition:.3s;
	width: calc((5% + 16vw) / 2);
	max-width: 104px;
}

.sub .main_copy{
	width:8.7%;
	max-width: 120px;
	
	top:10%;
}

.ttl{
	font-size: 38px;
	text-align: center;
	padding:0 0 45px;
	color: #232323;

}

.ttl:after{
	content:'';
	width:92px;
	height:10px;
	display:block;
	background: url(../img/cmn/ttl_btm.png) no-repeat center center;
	margin: 10px auto;
}

.ttl.d:after{
	background: url(../img/cmn/ttl_btm_2.png) no-repeat center center;
}

.ttl .small{
	font-size: 15px;
	display: block;
}

.ttl.top{
	padding:0 0 29px;
	border-bottom:1px solid #959595;
	max-width: 1000px;
	margin: 0 auto;
}

.lineup.inner > p{
	/*text-shadow: 0px 0px 6px #000,0px 0px 20px #000,0px 0px 20px #000;*/
}

.i_read{
	font-size: 24px;
	padding-bottom: 12px;
	border-bottom:2px solid #bbb;
	margin:2em 0 1em;	
}

.i_read span{
	color:#00a1e9;
}

.item_bg{ color: #232323; }

.top_item,
.overview_info{
	background:#303030;
}

.bg_blue{
	background: #00a0e9;
	
}

.bg_img2{
	background:url(../img/cmn/bg_2.png) repeat-y center center #00a0e9;
}

.bg_gray {
    background: rgba(0,0,0,.8);
}

.bg_caution{
	color: #d82223 !important;
	border: 10px solid #d82223 !important;
	background: #fdff55 !important;
}

.w_btn a{
	background:#FFF;
	color:#00a0e9;
	display: block;
	padding:.8em;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
}

.w_btn a:hover{
	opacity: .8;
}


.item_link_btn a{
	background:#00a0e9;
	color:#FFF;
	display:block;
	padding:.5em;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	width: 49%;
	float: left;
	margin-right: 2%;
}

.lineup.inner > p{
	/*text-shadow: 0px 0px 6px #000,0px 0px 20px #000,0px 0px 20px #000;*/
}

.marker_blue{ background: linear-gradient(transparent 60%, #006a9b 60%);}
.marker_yellow{ background: linear-gradient(transparent 60%, #fffd5a 60%);}

.under_line_w{ border-bottom:1px solid #FFF;  }

.new{font-size: 14px !important; font-weight: bold; color:#e7d857; display: block;  }


/*========================
フォントスタイル
========================*/
.font_min {
    font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}
.andmore{
	font-size: 28px;
	text-align: center;
	margin: 1.5em 0;
	line-height: 1.5;}
.f_bold_w28{
	font-size: 28px;
	text-align: left;
	margin: 1.5em 0;
	line-height: 1.5;}

.large_bold{ font-size: 34px; font-weight: bold; }
.font20_bold{ font-size: 20px; font-weight: bold; }
.font21_bold{ font-size: 21px; font-weight: bold; }
.txt-blue{color: #14b5ff;}
.marker_blue{ background: linear-gradient(transparent 60%, #006a9b 60%);}
.f_bold {font-weight: bold;}
.color_w{ color: #FFF; }
.color_y{ color: #ff0; }
.color_b{ color: #00a0e9; }
.color_g{color: #232323;}


.center{ text-align:center; }

.f_small{ font-size: 18px; font-weight: normal; }

@media screen and (min-width:200px) and (max-width:640px) {

	.large_bold{ font-size: 6vw; font-weight: bold; }
	.font20_bold{ font-size: 16px; font-weight: bold; }
	.font21_bold{ font-size: 1.2em; font-weight: bold; }

	.andmore,
	.f_bold_w28{
		font-size:3.6vw;
	}

	.smp_fz20{
		font-size: 5vw;
	}

	.smp_fz18{
		font-size: 4vw;
		line-height: 1.5;
	}

.f_small{ font-size: 3vw; font-weight: normal; }

}

@media screen and (min-width:480px) and (max-width:640px) {

.main_visual{ display: none;}
.main_visual_sp{display: block;}	
	.nav li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;	
	border-left: none;

}


.nav li a p .update{
	color:#00a0e9 !important;
	font-weight: bold;
}

.nav li a:hover p .update{
	color:#FFEF02 !important;
}
	
	.ttl{
		font-size: 6vw;
	}
	
	.ttl_cbt .cbt_logo{
	   	width: 31%;
 		display: inline-block;
	}
	
	#snswrap{
		right: 0;
		left: unset !important;
		bottom: 2%;
	}
.w_btn a{
	background:#FFF;
	color:#00a0e9;
	display: block;
	padding:.8em;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	text-decoration: none;
}	
	
} /*min-width:480px and max-width:640px ここまで  */


/*table layout*/

#tnation_schedule { background-color: #00a0e9; }

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 { background-color: #00a0e9;}
table.item_table thead th { border-bottom:1px solid #efefef;border-right:1px solid #ccc;border-top:1px solid #ccc;font-weight:bold;padding:10px;text-align:center;}
table.item_table thead td { background: none; padding: .5em; 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{ height: auto; min-width: 60px; width: 100%; max-width: 170px;}

/*中身の方の項目名*/
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:10px;text-align:center;vertical-align:middle;}
table.item_table tbody td{ width: 16%;}
table.item_table tbody td span { display: block; font-size: .9rem; 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 .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;}
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;}

/*------------------------------------------------------------------------------
【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 { 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) { margin:0 0 1% 0; }

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

/* =====改行====== */
@media screen and (min-width: 640px){
  .br-pc { display:block;}
  .br-sp { display:none;}
}
@media screen and (max-width: 640px){
  .br-pc { display:none;}
  .br-sp { display:block;}
}


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

/*「forSP＝スマホ版にしか表示しない」ものを非表示に end*/

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

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

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

/*上のほうの項目名*/
table.item_table thead th { border-bottom:1px solid #efefef;border-right:1px solid #ccc;border-top:1px solid #ccc;font-weight:bold;padding:2%;text-align:center;}
table.item_table thead td { background: none; padding: 2%; text-align: center;}
table.item_table thead td h4 { color: #fff; font-size: 15px; font-weight: bold; line-height: 17px;}
table.item_table thead td span { color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 16px;}

/*中身の方の項目名*/
table.item_table tbody th{background:#ececec;border-bottom:1px solid #ccc;border-right:1px solid #ccc;  font-size: 14px; font-weight:bold; line-height: 1.3;  padding:1%; text-align:center;vertical-align:middle;}
table.item_table tbody td{ width: 16%;}
table.item_table tbody td span { display: block; font-size: 13px; line-height: 17px; letter-spacing: -1px; word-break:break-all;}
table.item_table tbody td small { color: #f00; display: block; font-size: 10px; line-height: 16px; margin: 10px 0 0 0;}

/**/
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; font-weight: bold; line-height: 23px; margin: 0 0 20px 0;}
table.item_table tbody td .tnation_schedule_howto span { display: block; font-size: 13px; line-height: 22px;}
table.item_table tbody td .tnation_schedule_howto small { color: #f00; display: block; font-size: 10px; line-height: 16px; 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;}

}

/*table layout end*/


@media screen and (min-width:200px) and (max-width:480px) {
.main_visual{ display: none;}
.main_visual_sp{display: block;}	
.nav li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
	border-left: none;

}	
	
	.tocol2 > .inline{
		width:49%;
		margin-right:2% !important;
		text-align: center;
	}

.ttl_cbt .cbt_logo img{
	vertical-align: sub;
	display: block;
	padding-bottom:.5em;
	margin: auto;
}

	.ttl{
		font-size: 7vw;
	}
	
	.ttl_cbt .cbt_logo{
	   	width: 31%;
 		display: inline-block;
	}

.w_btn a{
	background:#FFF;
	color:#00a0e9;
	display: block;
	padding:.8em;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	text-decoration: none;
}	

}/*(min-width:200px) and (max-width:480px) ここまで  */

/* ===================
margin
=================== */
.mgb1em{margin-bottom: 1em!important;}
.mgb0{margin-bottom: 0!important;}
.mgb2em{margin-bottom: 2em!important;}

/*-------テキスト周り--------*/
/*青*/
.txt-blue{ color: #14b5ff;}
.bg-blue{ background-color: #14b5ff!important;}
/*デフォルト*/
.txt-default{ color: #343434;}
/*赤*/
.txt-red{ color: #e60012;}
/*黄色*/
.txt-yellow{ color: #fcd814;}
/*白*/
.txt-white{ color: #fff;}

/*太字*/
.txt-bold{ font-weight: bold;}
/*注釈*/
.txt-caution{ font-size: 12px;}
/*…AndMORE!!*/
.txt-andmore{ font-size: 30px; font-weight: bold;}

/** text align **/
.aleft{ text-align:left !important; }
.aright{ text-align:right !important; }
.acenter{ text-align:center !important; }

/*-------幅指定-------*/

.wt20{ width: 20%;}
.wt50{ width: 50%;}
.wt60{ width: 60%;}
.wt80{ width: 80%;}

/** padding control **/
.leftpad1em{ padding:0 0 0 1em; }
.leftpad2em{ padding:0 0 0 2em; }
.rightpad1em{ padding:0 1em 0 0; }
.rightpad2em{ padding:0 2em 0 0; }
.bpad1em{ padding:0 0 1em 0; }
.mgtop50{margin-top: 50px;}
.padtop10{ padding-top:10px;}
.padtop20{ padding-top:20px;}
.padtop30{ padding-top:30px;}
.padtop40{ padding-top:40px;}
.padtop50{ padding-top:50px;}
.padtop60{ padding-top:60px;}
.padtop70{ padding-top:70px;}
.padtop80{ padding-top:80px;}
.padbottom10{ padding-bottom:10px;}
.padbottom20{ padding-bottom:20px;}
.padbottom30{ padding-bottom:30px;}
.padbottom40{ padding-bottom:40px;}
.padbottom50{ padding-bottom:50px;}
.padbottom60{ padding-bottom:60px;}
.padbottom70{ padding-bottom:70px;}
.padbottom80{ padding-bottom:80px;}


/*push周り*/

#push_area{padding:2em; max-width:1000px; margin:0 auto 3em;}

#push_area *{	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}

#push_btn_area{	width:70%; margin:2em auto;}

#push_btn_area .push_btn,
#push_btn_area .page_btn{display:inline-block; width:49%; text-align: center; padding:1em; cursor: pointer; color:#FFF;}

#push_btn_area .push_btn:hover,
#push_btn_area .page_btn:hover{	opacity: .7;}

.push_add{background:#00a0e9; color:#fff;}

.push_remove{ background:#ddd; color:#222 !important;}

#push_btn_area .page_btn{ border:1px solid #FFF; text-decoration: none; color:#fff; margin-left: 1%;}

.push_ttl{margin: 1em auto 0; display:table; width:100%;}


.push_ttl p,
.push_ttl h2{ display:table-cell; vertical-align: middle;}

.push_ttl p{ max-width: 53px !important; width: 6%;}

.push_ttl p img{width:100%; max-width:53px;}

.push_ttl h2{padding-left:2%;}

.push_ttl h2 span{font-size:14px; color:#FFF !important; background: #00a0e9; padding:.2em 1em; vertical-align: middle;}

#push_notes{margin:2em 0 0;}

#push_notes p{padding-left: 2em; text-indent: -1.7em; letter-spacing: 0px; line-height: 21px; font-size: 12px;}

.p_read {color: #FFF; font-size: 20px; font-weight: bold; border-bottom: 1px dotted #CCC; position: relative; position: relative; padding: 0.5em 0;}

.p_read:after{ position: absolute; right:0; content:'▼'; display:inline-block; width:2em; height:2em; margin:auto;}

.p_read.active:after{content:'▲';}

.p_body{margin:15px 0 20px; font-size: 18px; line-height: 1.5;}

.push_inner .p_body{margin:15px 0 20px;	font-size: 18px; line-height: 1.5;}

.push_attention img{width:100%;}

.push_attention{margin: 20px 0% 60px; font-size: 12px;}

.push_img{list-style:none;}

.push_img li{width:49%;	display: inline-block; margin-right:2%; vertical-align: top;}

.push_img li img{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #fff; width:100%;}

.push_img li:last-child{margin-right:0%;}

.push_img.col4 li{width:24%; display: inline-block; margin-right:1%; vertical-align: top;}

.pc .pc_view,
.sp .sp_view{display:inline-block;}

.sp .pc_view,
.pc .sp_view{display: none;}

@media screen and (min-width:200px) and (max-width:640px) {
	.push_img li{
		width:100%;
		margin-bottom:5%;
	}

	.pc_view{
		display:none;
	}

	.sp_view{
		display:block;
	}

	#push_btn_area .push_btn, #push_btn_area .page_btn{
		width:100%;
		margin-bottom:1em;
	}

}

@media screen and (min-width:200px) and (max-width:800px) {
	.push_img.col4 li{
		width:49%;
		margin-right:2%;
		margin-bottom:5%;
	}

	.push_img.col4 li:nth-child(even){
		margin-right:0;
	}

}

/*push周り*/