@charset "UTF-8";

ul.notice_list{
	margin-left: 50px;
}

ul.notice_list li{list-style: disc;}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 22px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


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

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


.Identification_box dd{
	width:100%;
}

.Identification_box .inline{
	width: 48%;

	padding: 1em;
	border: 1px solid #FFF;
    	vertical-align: top;
}

.Identification_box .inline:first-child{
	margin-right:2%;
}

.Identification_box .inline h4{
	font-size: 21px;
	font-weight: lighter;
	text-align: left;
	margin:.4em auto;
}

.Identification_box .inline ul li{list-style: none;}

.inline2 ul li span{background:#34915c; padding: .3em; margin: 1em 0; display: block; font-size: 16px; font-weight: bold; }

.Identification_box .inline2{
	width: 60%;
	max-width: 1000px;
	padding: 1em;
	border: 1px solid #FFF;
   	vertical-align: top;
	text-align: left;
	margin: 2% 0 0 0;
}

.Identification_boder_y{border:4px solid #f7ea55; }


.Identification_box .inline2:nth-child(odd){
	margin-right:2%;
}


.Identification_box .inline2 h4{
	font-size: 18px;
	font-weight: lighter;
	text-align: left;
	margin:.4em auto;
	font-weight: bold;
}


.Identification_box .inline p{
	text-align: center;
}


@media screen and (min-width:200px) and (max-width:640px) {
	.Identification_box .inline,
	.Identification_box .inline2
	{
		width:100%;
		max-width: 100%;
	}

	.Identification_box .inline2:first-child{
		margin-bottom: 2em;
	}
}





/* ==================
.item_table
================== */

.item_table{
	width:100%;
	margin-top:3em;
	border:#efefef 1px solid;
}

.scroll_x{ display: block; overflow-x: scroll; white-space: nomal; -webkit-overflow-scrolling: touch;}

table.scroll_x td{min-width: 130px !important;}

.item_table thead{
	background:#dadada;
	/*color:#000;*/
}

.item_table th{
	padding: .5em;
	border-right:#efefef 1px solid;

}



.item_table th:last-of-type,
tbody .item_tr td:last-of-type{
	border-right:none;
}

.date_info{
	background:#efefef;
	color:#000;
	padding:.5em 0;
}

.date_info.commingsoon{
	background: #6f6f6f;
	color: #FFF;

}

.date_info.commingsoon th{
	border-bottom:#efefef 1px solid !important;
}


.detail_info{
	background:#efefef;
	color:#000;
	padding:.5em 0;
}

.date_info.commingsoon{
	background: #6f6f6f;
	color: #FFF;

}

.date_info.commingsoon th{
	border-bottom:#efefef 1px solid !important;
}

tbody .item_tr td{
	background:#000;
	color:#fff;
	vertical-align: middle;
	padding: 0.5em;
	border-right:#efefef 1px solid;
	border-bottom:#efefef 1px solid;
}

tbody .item_tr:last-of-type td{
	border-bottom:none;
}

tbody .item_tr:nth-of-type(even) td{
	background: #313131;
}

tbody .item_tr td a img{
	vertical-align: bottom;
}

@media all and (-ms-high-contrast: none)  {
	tbody .item_tr td a img{
		width: 100%;
	}
}

.t_date span{
	font-size:13px;
}

.t_date, .t_today, .t_after{
	text-align: center;
	font-size: 1.4em;
	line-height: 1.5;
}

.t_after{font-size: 1em; margin-bottom: 0.1em;}
.t_after span{display: block;}
.t_after .after{font-size: 0.8em;}
.t_after .at{font-size: 0.6em;}


.item_table tbody .item_tr .smp{display: none;}

@media screen and (max-width:640px) {
	.item_table thead.stt tr{
		display: none;
	}

	.item_table th{
		padding: 0.5em;
	}

.item_tr:nth-of-type(2n) .t_after,
.item_tr .t_after{
		border-bottom: 3px solid #00a0e9;
	}

	.item_tr .t_after:last-child{
		}

.item_tr:nth-of-type(2n) .t_thum,
.item_tr .t_thum{
	padding: 1em 0;
}

	.item_table tbody .item_tr td{
		width: 100%;
		display: block;
		text-align: center;
		font-size: 0.9em;
	}

	.item_table tbody .item_tr td img {
	    max-width: 200px;
	}

	.item_table .date_info{
		font-size: 0.8em;
	}
	.item_table tbody .item_tr .smp{
		display: block;
		background-color: #4a4a4a;
	}
	.item_table tbody .item_tr:nth-of-type(even) .smp{
		background-color: ##414141;
	}
	tbody .item_tr:nth-of-type(even) td{
	 border-right: #efefef 1px solid;
	 border-bottom: #efefef 1px solid;

	}
}



/*当日購入
--------------------------------------------*/


#tnation_ontheday { background: #232323; border: 2px solid #353535; margin: 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; display: block; margin: 0 auto; padding: 20px 10px 18px 10px; width: 100%; box-sizing: border-box;}
#tnation_ontheday a:hover { background: #00a0e9; }
#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;}

@media screen and (min-width: 320px) and (max-width: 800px){

/*当日購入
--------------------------------------------*/



#tnation_ontheday { background: #232323; border: 2px solid #353535; margin: 6% auto; padding: 3%; width: 70%; box-sizing: border-box;}

#tnation_ontheday h4 { background: #353535; display: block; margin: 0 0 3% 0; padding: 3%; 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; display: block; margin: 0 auto; padding: 20px 10px 18px 10px; width: 100%; box-sizing: border-box;}
#tnation_ontheday a:hover { background: #00a0e9;}
#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;}

}