@charset "UTF-8";
#push-ic{
	display: none;
	padding:5px;
	position:fixed;
	bottom:80px;
	right:-6px;
	z-index:1000;}
/*-------幅指定--------*/
#nation .block{ margin: 0 auto; padding: 0 0 2em;}
#nation .inner{ margin: 0 auto; padding: 1em 0; width: 1000px;}
/*----- 当日販売 -----*/
#on_the_day .end{ font-size:25px; color:#F3DF00; font-weight:bold; margin:15px 0;}
#on_the_day .item_list{width: 720px; margin:0 auto; }
#on_the_day .item_box{width: 720px; margin-left:-15px;}
#on_the_day .item_name{ font-size:22px; font-weight:bold;}
#on_the_day .item_box .item_txt{ width: 500px; font-weight: 500; font-size:14px;}
#on_the_day .item_box .at{ font-size:11px;}
#on_the_day .text_a{margin-bottom:30px; background:#353535; padding:15px 0 10px;}


/*-----第1回 -----*/
#nation #item_first .ttl { border-left: 3px #d8c816 solid; padding: 0 0 0 15px;}
#nation #item_first a:hover,
#nation #item_secound a:hover,
#nation #item_third a:hover{color: #fff; text-decoration: unset;}

.block .item_box{background: #232323;border: 2px solid #353535;margin: 0 20px 40px 0;padding:15px;width: 450px;color: #fff;float: left;}
.block .item_box:nth-child(2n){margin-right: 0;}
.block .item_box img{float: left; display: block; width: 166px; margin-right: 20px;}
.block .item_box .item_txt{float: left; width: 230px; font-weight: bold;}
.block .item_box .item_name{ font-size: 15px; margin: 0 auto 10px; }
.block .item_box .item_brand{ font-size: 14px; margin: 0 auto 10px;}
.block .item_box .item_price{ font-size: 14px; font-weight: lighter;}
.item_btn {
    position: relative;
    font-weight: bold;
    padding: 10px 10px 8px 10px;
    text-decoration: none;
    color: #00a3da;
    text-align: center;
    background: #fff;
    border-bottom: solid 4px #00a3da;
    transition: .4s;
    margin-top: 20px;
}

#nation .item_list_btn{text-align: center; margin-bottom:5%;}
.item_box a{color: #fff;}

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

.main_visual{
	position: relative;
	margin:0 auto;
	max-width: 1400px;
}

.main_visual_sp{display: none;}

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

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

.main_info{
	top: 52%;
	margin-top: -70%;
	left: -8%;
}

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

}

.bs_logo{
	bottom: 10%;
	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:300px !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;
}
.mainbg02{
	background: url(../img/cmn/main02.jpg) center center no-repeat;
	background-size: contain;
}


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

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

.ttl{
	font-size: 32px;
	text-align: center;
	padding:0 0 45px;
}

.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;
	max-width: 1000px;
	margin: 0 auto;
}

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

.nav li a:hover p .update{
	color:#FFEF02 !important;
}

.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 #FFF;
	margin:2em 0 1em;
	text-shadow: 0px 0px 6px #000,0px 0px 20px #000,0px 0px 20px #000;
}

.i_read span{
	color:#00a1e9;
}


.top_item,
.overview_info{
	background: url(../img/cmn/item_bg.png);
}

.bg_blue{
	background: #00a0e9;
	border-bottom: 3px solid #005f8a;

}

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

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

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

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

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

.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%;
}
@media screen and (min-width:640px) and (max-width:740px) {
	.bs_logo{
		bottom: 5%;
	}
}
@media screen and (max-width:640px) {
	.top_item,
	.overview_info{
		background: url(../img/cmn/item_bg.png);
		background-color: rgba(40,40,40,.8);
	}

	.item_link_btn a{font-size: 0.9em;}
	.ttl{
		font-size: 1.7em;
    line-height: 1.3em;
    }
		.ttl:after{margin: 0.5em auto;}
	.w_btn a{font-size: 1em;}
	.nav_logo ul li:first-child img{max-width:130px;}
	.i_read{font-size: 1.3em;}

	.main_copy{

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

}
/* =====改行====== */
@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;}
}



@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:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-left: none;
}
	.nav li:nth-child(3n){
		border-right:none;
	}

	.ttl{
		font-size: 28px;
	}

	.ttl_cbt .cbt_logo{
	  width: 31%;
 		display: inline-block;
	}

	#snswrap{
		right: 0;
		left: unset !important;
		bottom: 2%;
	}


}


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


.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 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 {
	    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;

	}
    
    
    .nav2{
        display: block;
    }

    .nav2 li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        border-right:#000000 1px solid;
        border-bottom:#000000 1px solid;
        border-left: none;
    }

}

@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:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-left: none;
}

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


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

/*----- 当日販売 -----*/

#on_the_day .item_list{width: 100%; margin:0 auto; }
#on_the_day .item_box{width: 100%; margin:auto;}
#on_the_day .item_name{ font-size:22px; font-weight:bold;}

.block .item_box img{ width: 60%; margin:auto; float: none; display: block;; }

#on_the_day .item_box .item_txt{ width: 100%; font-weight: 500; font-size:14px;}

#on_the_day .text_a{ line-height: 1.5;}

}

#gps_btn{position: fixed; z-index: 9999;  right:0; bottom: 9%;}
#gps_btn a{background:#0085d1; padding:2%; color: #fff; display: inline-block; padding: 2vw 3vw; font-size: 4vw; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid #fff; border-right:0;}
#gps_btn a >*{display: inline-block; vertical-align: middle; line-height: 1.3;}
#gps_btn a i{font-size: 2em; vertical-align: middle; margin-right: 2vw;}
.gps_area,.gps_info,.gps_txt,.gps_out {position: relative; z-index: 1000;}
.gps_info .col,.gps_area .col {display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; -webkit-align-items: center; -ms-align-items: center; align-items: center;}
.col.col2 li{width: 50%; flex-basis: 50%;max-width:50%;}
.col.col3 li{width: 33.33333%; flex-basis: 33.33333%;max-width:33.33333%;}
.col.col3 li img{width: 100%;}
.location_link a{width:100%;}
.gps_info > ul{background: #00a0e9;}

.gps_area > .col2{background: rgba(239, 239, 239, .8);}

.gps_info > ul a,
.gps_area > .col2 a{padding:.5em 0; color: #fff; display: inline-block; visibility: middle; text-decoration: none; text-align: center; width: 100%; line-height: 1.4; font-size: 3.4vw; font-weight: bold;}
.gps_area > .col2 a{color: #111;}
.gps_info > ul li:first-of-type a,
.gps_area > .col2 li:first-of-type a{border-right:1px solid #FFF;}

.gps_info .col2 a span{display: inline-block; vertical-align: middle;}
.gps_info .col2 a i{vertical-align: middle; margin-right: 0.3em; font-size: 9vw;}

.gps_area > .col3{width: 95%; margin:0 auto;}
.gps_area > .col3 a{padding:.5em 0; color: #fff; display: inline-block; visibility: middle; text-decoration: none; text-align: center; width: 100%; line-height: 1.3;}
.gps_area > .col3 li:nth-of-type(2) a{border-right:1px solid #FFF; border-left:1px solid #fff;}
.gps_txt,.gps_out,
.gps_area{font-size: 3.4vw; text-align: center; padding:.5em 0; background:url(../img/cmn/item_bg.png) rgba(50,50,50,.5);line-height: 1.5;}
.gps_area{background: #111;}

.gps_out{background: none; padding:0.5em 0 0;}
.gps_area.in,.gps_area.out{padding-top:0;}
.gps_area h5 {
    margin: 0;
    padding: 0.2em 0;
    background: #acacac;
    display: inline-block;
    margin-bottom: 1em;
    font-size: 3vw;
    width: 100%;
}

.gps_area.in h5{background: #FFEF02; color: #111;}

.gps_area p{font-size: 3.2vw; line-height: 1.5;}
.gps_out{display: none;}
.gps_out .gps_txt_inner {display: table; width: 97%;}
.gps_out .gps_txt_inner p,
.gps_out .gps_txt_inner button{display: table-cell; line-height:1.3; vertical-align: middle;}
.gps_out button{background-color: transparent; border: none; cursor: pointer; outline: none; appearance: none; padding: .5em; background: #0085d1; color: #fff; width: 95%; border-radius: 3px; }
.gps_out p span{display: block;}

#bt_gps.active{color: #FFEF02; font-weight: bold;}


/* ==================
.card_table
================== */

.card_table{
width: 100%;
border-collapse: collapse;
font-size: 0.8em;
background: #202020;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

.card_table .bg{
	background: #dadada;
    color: #000;
	  padding: 0.6%;
    font-weight: bold;
	}

.card_table td {
    vertical-align: middle;
    padding: 0.5em 0.3em;
		text-align: center;
    border-right: #efefef 1px solid;
    border-bottom: #efefef 1px solid;
}
.card_table td.card_img{width: 11.8%;}
.card_table td.card_img img{
	width: 100%;
}
.card_table.sp{display: none;}


@media screen and (min-width:200px) and (max-width:740px) {
	.card_table td{	padding: 0.4em;}
  .card_table{
		width: 100%;
		}
		.card_table .color{font-size: 0.65em;}

		.card_table.pc{display: none;}
		.card_table.sp{display: block; margin-bottom: 1.5em;}
}



/* ===================
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;}

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