@charset "utf-8";

.btn_mall_btn{
	text-align:center;
	position: relative;
}
.btn-light{
    background-image:url("../../img/btn-ttm-api.jpg") !important;
    background-color: transparent !important;
    border:0 !important;
    color:#000 !important;
    font-weight:bold !important;
    text-decoration:none !important;
    text-align:center !important;

    position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.btn-light:hover,
.btn-light:visited{
    background-color: transparent !important;
    border:0 !important;
    color:transparent !important;
}
.btn-light{
	-webkit-transition: none !important;
	transition: none !important;
}
.btn-light:before, .btn-light:after {
	-webkit-transition: none !important;
	transition: none !important;
	content: none !important;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.btn_mall_btn{
		margin:100px 0;
	}
    .btn-light{
     width:300px;
     height:120px;
     font-size:150% !important;
     line-height:170px !important;
     margin:10px auto 0 !important;
    }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.btn_mall_btn{
		margin:50px 0;
	}
    .btn-light{
     width:200px;
     height:80px;
     font-size:100% !important;
     line-height:115px !important;
     background-size:200px !important;
     margin:10px auto 0 !important;
    }
}


.btn_robotbase-project{
	width:90%;
	margin:0 auto;
}
.btn_robotbase-project img{
	width:100%;
}
















.line-top{
	border-top:2px solid #e60012;
	padding-top:30px;
}
.align-center{ text-align:center !important; }
.margin-center{ margin:0 auto !important; }
.align-right{ text-align:right !important; }
.align-left{ text-align:left !important; }
.con_body p{ margin:5px 0; }
.title_s_sp{
	margin-top:20px;
	background: url(../../img/title_s_line.png) repeat-x;
}
.title_s_sp_y{
	margin-top:20px;
	background: url(../../img/title_s_line_y.png) repeat-x;
}
.title_b_sp{
	margin-top:20px;
	background: url(../../img/title_b_line.png) repeat-x;
}

#tit_box02{
	margin-top:50px;
}
#tit_box02 img{
	width:100%;
}

.title_diaclone{
	text-align:center;
	margin:40px 0 10px 0;
	padding:5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(197,0,24,1)),color-stop(50%,rgba(197,0,24,0)),to(rgba(197,0,24,1)));
	background: linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0), rgba(197,0,24,1));
	background: -moz-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0), rgba(197,0,24,1));
	background: -o-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0), rgba(197,0,24,1));
	background: -ms-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0), rgba(197,0,24,1));
}
.stitle_diaclone{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(197,0,24,1)),to(rgba(197,0,24,0)));
	background: linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0));
	background: -moz-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0));
	background: -o-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0));
	background: -ms-linear-gradient(left, rgba(197,0,24,1), rgba(197,0,24,0));
}
.stitle_diaclone span{
	display:block;
	background-color:#000;
	padding-bottom:2px;
}

hr.hr-red { border-color:#e60012; margin:50px 0; }
.name-bg-red{
	background:#e60012;
	padding:5px 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.text-shadow{
	text-shadow: 0px 0px 3px rgba(0,0,0,1.0),0px 0px 3px rgba(0,0,0,1.0),0px 0px 5px rgba(0,0,0,1.0);
}
hr.line-waruder{border:3px solid #8FFF3C; margin:15px 0; }

.title_diaclone_y{
	text-align:center;
	margin:40px 0 10px 0;
	padding:5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(250,190,0,1)),color-stop(50%,rgba(250,190,0,0)),to(rgba(250,190,0,1)));
	background: linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0), rgba(250,190,0,1));
	background: -moz-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0), rgba(250,190,0,1));
	background: -o-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0), rgba(250,190,0,1));
	background: -ms-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0), rgba(250,190,0,1));
}
.stitle_diaclone_y{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(250,190,0,1)),to(rgba(250,190,0,0)));
	background: linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0));
	background: -moz-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0));
	background: -o-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0));
	background: -ms-linear-gradient(left, rgba(250,190,0,1), rgba(250,190,0,0));
}
.stitle_diaclone_y span{
	display:block;
	background-color:#000;
	padding-bottom:2px;
}

.title_warudar_blackbox{
	background: #000;
}
.title_warudar{
	text-align:center;
	margin:40px 0 10px 0;
	padding:10px 0 5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),color-stop(50%,rgba(143,255,60,0)),to(rgba(143,255,60,1)));
	background: linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -moz-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -o-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -ms-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
}

.stitle_warudar{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),to(rgba(143,255,60,0)));
	background: linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -moz-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -o-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -ms-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
}
.title_warudar2{
	text-align:center;
	margin:40px 0 10px 0;
	padding:10px 0 5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,214,186,1)),color-stop(50%,rgba(0,214,186,0)),to(rgba(0,214,186,1)));
	background: linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -moz-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -o-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -ms-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
}

.stitle_warudar2{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),to(rgba(143,255,60,0)));
	background: linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -moz-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -o-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -ms-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
}
.stitle_warudar3{
	margin:40px 0 10px 0;
	padding:0 0 0 0;
	border:2px solid #8fff3c;
	text-align:center;
	font-size:120%;
}
.stitle_warudar3 .stitle_warudar{
	margin:15px 0 10px 0;
}

.stitle_warudar span,
.stitle_warudar2 span{
	display:block;
	background-color:#000;
	padding-bottom:2px;
}

.margin-top10{ margin-top:10px; }
.margin-top20{ margin-top:20px; }
.margin-top30{ margin-top:30px; }
.margin-top40{ margin-top:30px; }
.margin-top50{ margin-top:50px; }
.margin-top60{ margin-top:60px; }
.margin-top70{ margin-top:70px; }
.margin-top80{ margin-top:80px; }
.margin-top90{ margin-top:90px; }
.margin-top100{ margin-top:100px; }
.margin-left10{ margin-left:10px; }
.margin-left20{ margin-left:20px; }
.margin-right10{ margin-right:10px; }
.margin-right15{ margin-right:15px; }
.margin-right20{ margin-right:20px; }

.width-over-box{
width:100%;
text-align:center;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.width-over-box img{
width:90%;
}
}

h3.da{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	background-color:#e60012;
	margin:30px 0 10px 0;
	padding:3px;
}
h5.font-red{
	font-size:120%;
	font-weight:bold !important;
	line-height:1.0;
	color:#e60012;
}
h5.da{
	font-size:120%;
	text-align:center;
	line-height:1.0;
	padding:5px 0;
	background-color:#e60012;
}
span.font-red{
	color:#e60012;
}
.font-red-bold{
	font-size:120%;
	font-weight:bold !important;
	line-height:1.0;
	color:#e60012;
}
.font-green-bold{
	font-size:120%;
	font-weight:bold !important;
	line-height:1.0;
	color:#8FFF3C;
}
.font-yellow-bold{
	font-size:120%;
	font-weight:bold !important;
	line-height:1.0;
	color:#EFB817;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.con_body{ width: 880px; margin: 0 auto; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.con_body{ width: 90%; margin: 0 auto; }
	.con_body img{ width: 100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l{ float:left; width:49%; }
	.float_r{ float:right; width:49%; }
	.float_l32{ float:left; width:32%; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_l,
	.float_r,
	.float_l32{ float:none; }
}

@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_l_sp{ float:left; width:49%; }
	.float_r_sp{ float:right; width:49%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l img,
	.float_r img,
	.float_l32 img{ width:100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l35{ float:left; width:35%; }
	.float_r65{ float:right; width:65%; }
	.float_l40{ float:left; width:40%; }
	.float_r60{ float:right; width:60%; }
	.float_l45{ float:left; width:45%; }
	.float_r55{ float:right; width:55%; }
	.float_c{ margin:0 auto; width:49%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_3column-box{ margin-left:-4px; }
	.float_3column{ width:290px !important; margin-left:4px; }
	.float_3column img{ width:100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.warudaros-float_l{ float:left; width:58%; }
	.warudaros-float_r{ float:right; width:40%; }
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.btn_battlesgridman{
		width:1000px;
		margin:0 auto;
	}
	.btn_battlesgridman img{
		width:100%;
		margin-left:-60px;
	}
}
@media screen and ( max-width:640px ) { /* SP ==================== */
	.btn_battlesgridman{
		margin:0 auto;
		padding:0;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%, 0);
	}
	.btn_battlesgridman a img{
		width:100%;
	}
}
@media screen and ( max-width:428px ) { /* SP：iPhone 12 Pro Max ==================== */
	.btn_battlesgridman{
		width:102%;
	}
}
@media screen and ( max-width:414px ) { /* SP：iPhone 11 / XR / 11 Pro Max / 6s / 7 / 8 plus ==================== */
	.btn_battlesgridman{
		width:105%;
	}
}
@media screen and ( max-width:390px ) { /* SP：iPhone 12 / 12 Pro ==================== */
	.btn_battlesgridman{
		width:112%;
	}
}
@media screen and ( max-width:375px ) { /* SP：iPhone 12 mini / 11 Pro/ X / XS / SE2 / 6s / 7 / 8 ==================== */
	.btn_battlesgridman{
		width:117%;
	}
}




/* 商品一覧
-------------------------------------------------------------------------------- */
#product_details_box {
	margin: 0 auto;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box {
		width: 880px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box {
		width: 100%;
		padding:0;
		text-align: center;
	}
	#product_details_box img{
		width:100%;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner {
		width: 800px;
		height: 100%;
		list-style: none;
		margin: 40px auto;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner {
		width: 100%;
		height: 100%;
		list-style: none;
		margin: 0 auto;
	}
}

#product_details_box ul#product_details_bunner li {
	display: block;
	position: relative;
	z-index: 9999;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner li {
		width: 800px;
		height: 240px;
		overflow:hidden;
		margin: 30px 0!important;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner li {
		width: 350px;
		height: 105px;
		margin: 10px auto;
	}
}

#product_details_box ul#product_details_bunner li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
	background-size: cover;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner li a:hover{
		background-position: 0 -240px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner li a:hover{
		background-position: 0 -105px;
	}
}

#product_details_box ul#product_details_bunner li a span{
	display: none;
}

h4 {
	clear: both;
	border-bottom: 1px dotted #fff;
	padding: 5px 0;
	margin: 30px 0 0 0;
	text-align: left;
	font-weight: bold;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	h4 { font-size: 140%; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	h4 { font-size: 120%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.valign-parent{
		position: relative;
	}
	.valign-children{
		width:30% !important;
		position: absolute;
		bottom: 100px;
		right:0;
	}
}

/* パワードスーツシリーズ
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerdsuit_series{ width: 880px; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerdsuit_series{ width: 100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#pic_powerdsuit_series01 {
		margin: 0 auto;
		padding-top: 20px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.pic_powerdsuit_series01 {
		width: 100%;
		margin: 0 auto;
		padding-top: 20px;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerdsuit_series_info{
		margin:10px auto;
		padding-bottom:10px
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerdsuit_series_info img{
		display: block;
		float: left;
		max-width: 439px;
		margin: 10px 0;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.pic_powerdsuit_series img,
	.powerdsuit_series_info img,
	.pic_raid-chamber img{
		max-width: 100%;
		height: auto;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerdsuit_series_info div{
		margin: 10px 0;
		max-width: 439px;
		float: right;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerdsuit_series_info div{
		max-width: 100%;
	}
}

.powerdsuit_series_info div p{
	padding-top: 15px;
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerdsuit_series_info div p{
  	max-width: 100%;
	}
}

video{
	display: block;
	margin: 0 auto;
	text-align: center;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	video{ width: 60%; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	video{ width: 50%; }
}

.pic_powerdsuit_series,
.text_powerdsuit_series {
	margin: 0 auto;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.pic_powerdsuit_series,
	.text_powerdsuit_series {
		padding-top: 10px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.pic_powerdsuit_series,
	.text_powerdsuit_series{
		padding-top: 20px;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#raid-chamber_box {
		clear: both;
		width: 100%;
		height: 100%;
		padding: 20px 0 30px 0;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.pic_raid-chamber_box {
 	   max-width: 100%;
  	 height: auto;
	   margin: 30px 0;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.pic_raid-chamber{
		width: 560px;
		float: left;
	}
	.text_raid-chamber{
		width: 320px;
		float: right;
	}
	.text_raid-chamber p{
		padding: 10px 0;
	}
	.pic_powerdsuit_series{
		margin: 20px auto;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#raid-chamber_box {
		clear: both;
		width: 100%;
		height: 100%;
		padding: 20px 0 30px 0;
	}
	.raid-chamber02{
		display:none;
	}
	.raid-chamber03{
		margin: 20px 0;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerd-system_box{
		margin: 20px auto;
	}
}

#powerd-system-mode{
	list-style: none;
	width: 100%;
	margin: 20px 0 30px 0;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#powerd-system-mode{
		font-size: 90%;
	}
}

#powerd-system-mode li{
	margin: 10px 0;
	padding: 0;
}


#powerd-system-mode h5{
	font-weight: bold;
	margin: 5px 0;
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#powerd-system-mode h5{
		font-size: 120%;
	}
}

#powerdsuit_variation{
	width: 100%;
	height: 100%;
	padding: 20px 0 10px 0;
}

#powerdsuit_variation ul{
	list-style: none;
	width: 100%;
}

#powerdsuit_variation ul li{
	position: relative;
	z-index: 9999;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#powerdsuit_variation ul li{
		float: left;
		width: 420px;
		height: 222px;
		margin: 20px 10px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#powerdsuit_variation ul li{
		width: 210px;
		height: 111px;
		margin: 20px auto;
	}
}

#powerdsuit_variation ul li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
	background-size: cover;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#powerdsuit_variation ul li a:hover{
		background-position: 0 -222px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#powerdsuit_variation ul li a:hover{
		background-position: 0 -111px;
	}
}

#powerdsuit_variation ul li a span{
	display:none;
}

/* パワードスーツA,B,C,D
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerd_suit{
		width: 880px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerd_suit{
		width: 100%;
	}
}

.powerd_suit_info{
	margin:10px auto;
	padding-bottom:10px
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerd_suit_info{
		width: 100%;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerd_suit_info img{
		display: block;
		float: left;
		max-width: 439px;
		margin: 10px 0;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerd_suit_info img{
		max-width: 100%;
		height: auto;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.powerd_suit_info div{
		margin: 20px 0;
 	   max-width: 439px;
		float: left;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerd_suit_info div{
		max-width: 100%;
	}
}

.powerd_suit_info div p{
	padding-top: 15px;
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.powerd_suit_info div p{
		padding-top: 15px;
		max-width: 100%;
	}
}

@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.ps_back_img{
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.ps_back_img img{
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.d_seal{
		width: 441px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.d_seal{
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.d_seal img	{
		width: 100px;
		height: 100px;
		display: block;
		margin: 0;
		padding: 0;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.d_seal img	{
		width: 100px;
		display: block;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}
}

.d_seal p{
	display: block;
	padding: 0;
	clear:both;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.d_seal p{
		width: 441px;
		margin: 0;
		line-height: 0;

	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.d_seal p{
		margin-bottom: 20px;
		text-align: center;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.c-left,
	.d-left{
		width: 300px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.c-left,
	.d-left{
		width: 150px;
		padding-bottom: 20px !important;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.btn_shopping,
	.btn_shopping02,
	.btn_shopping01_ex{
		display: block;
		width: 300px;
		height: 120px;
		z-index: 9999;
		overflow:hidden;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.btn_shopping,
	.btn_shopping02{
		display: block;
		width: 150px;
		height: 60px;
		z-index: 9999;
		overflow:hidden;
		margin: 0 auto;
	}
}

.btn_shopping li a,
.btn_shopping02 li a,
.btn_shopping01_ex li a {
	display: block;
	overflow: hidden;
	height: 0;
	cursor: pointer;
	padding-top: 120px;
	background-position: 0 0;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.btn_shopping li a,
	.btn_shopping02 li a,
	.btn_shopping01_ex li a {
		width: 300px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.btn_shopping li a,
	.btn_shopping02 li a {
		width: 150px;
	}
}

.btn_shopping li a {
	background: url(../img/btn_lineup01.jpg) no-repeat;
	background-size: cover;
}

.btn_shopping02 li a {
	background: url(../img/btn_lineup02.jpg) no-repeat;
	background-size: cover;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.btn_shopping01_ex li a {
		background: url(../img/btn_lineup01_ex.jpg) no-repeat;
		background-size: cover;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.btn_shopping li a:hover,
	.btn_shopping01_ex li a:hover,
	.btn_shopping02_ex li a:hover {
		background-position: 0 -120px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.btn_shopping li a:hover,
	.btn_shopping01_ex li a:hover,
	.btn_shopping02_ex li a:hover {
		background-position: 0 -60px;
	}
}







@media screen and ( min-width:640px ) {
/* パワードスーツシステム図ボタン
-------------------------------------------------------------------------------- */
.btn_s{ display:none;}
.ps_btn_box{
    width: 439px;
	position: relative;
}
.btn{
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 2em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
	color: #fcff00;
	border: 2px solid #fcff00;
	background: #c50018;
}
.btn:before, .btn:after {
	width: 0%;
	height: 2px;
	position: absolute;
	background: #c50018;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
	content: " ";
}
.btn:before {
	left: 0;
	top: -2px;
}
.btn:after {
	bottom: -2px;
	right: 0;
}
.btn:hover {
	padding: 5px 10px;
	border-color: #c50018;
	color: #fffbe5;
	cursor:pointer;
}
.btn:hover:before, .btn:hover:after {
	width: 100%;
}

.btn_psC,
.btn_psD{
    width: 60%;
    margin: 20px auto;
	position: absolute;
	right: 40px;
}

/* 宇宙海兵隊ver
-------------------------------------------------------------------------------- */
.cosmo_marines{ width: 880px;}
.cosmo_marines_info{margin:10px auto;}
.cosmo_marines_info div{
	width: 440px;
	height: auto;
	float: left;
}
.cosmo_marines_info div img{
	display: block;
	margin: 10px 0;
}

.cosmo_marines_info div h4{
	width: 95%;
	padding: 0 5px;
	margin: 0 auto;
	text-align: center;
}
.cosmo_marines p{
	display: block;
	clear: both;
	padding: 20px 0;

}
.cosmo_marines_border{
	margin-top: 60px;
	border-top: 1px solid #666;
}

.cmcd-center {clear:both;}
.btn_cmcd_shopping_ex,
.btn_cmcd_shopping02_ex{
	display: block;
	width: 300px;
	height: 120px;
	position: relative;
	z-index: 9999;
	overflow:hidden;
	margin: 20px auto!important;
}
.btn_cmcd_shopping_ex li a,
.btn_cmcd_shopping02_ex li a {
	display: block;
	overflow: hidden;
	width: 300px;
	height: 0;
	cursor: pointer;
	padding-top: 120px;
	background-position: 0 0;
}

.btn_cmcd_shopping_ex li a {
	background: url(../img/btn_lineup01_ex.jpg) no-repeat;
	background-size: cover;
}
.btn_cmcd_shopping02_ex li a {
	background: url(../img/btn_lineup02_ex.jpg) no-repeat;
	background-size: cover;
}
.btn_cmcd_shopping_ex li a:hover,
.btn_cmcd_shopping02_ex li a:hover {
	background-position: 0 -120px;
}

/* ダイアクロン隊員
-------------------------------------------------------------------------------- */
.dia_nauts{ width: 880px;}
#dia_nauts_info01{ margin:10px auto;}
.dia_nauts img{ margin: 10px auto;}
.dia_nauts p{ color: #fff;}

#dia_nauts_info02{
	margin:0 auto;
	padding-top: 40px;
	position: relative;
}
#dia_nauts_info02 img{
	display: block;
	float: left;
}
#dia_nauts_info02 div{
    max-width: 268px;
	float: left;
	position: absolute;
	top:150px;
	left: 612px;
	position: absolute;
}
.dia_nauts_variation{
	width: 100%;
	height: 100%;
	padding: 20px 0 10px 0;
}

.dia_nauts_variation ul{
	list-style: none;
	width: 100%;
}
.dia_nauts_variation ul li{
	float: left;
	width: 420px;
	height: 222px;
	margin: 20px 10px;
	position: relative;
	z-index: 9999;
}
.dia_nauts_variation ul li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
	background-size: cover;
}
.dia_nauts_variation ul li a.dia_nauts2_a {
	background: url(../img/btn_dia_S.png) no-repeat;
}
.dia_nauts_variation ul li a.dia_nauts3_a {
	background: url(../img/btn_dia_nauts03.png) no-repeat;
}

.dia_nauts_variation ul li a.dia_nauts2_a:hover,
.dia_nauts_variation ul li a.dia_nauts3_a:hover {
	background-position: 0 -222px;
}
.dia_nauts_variation ul li a span{
	display:none;
}

.dia_nauts_variation ul li.btn_dn_shopping_ex,
.dia_nauts_variation ul li.btn_dn_shopping02_ex{
	float: left;
	width: 420px;
	height: 222px;
	margin: 20px 10px;
	padding-top: 58px;
	position: relative;
	z-index: 9999;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a,
.dia_nauts_variation ul li.btn_dn_shopping02_ex a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a {
	background: url(../img/btn_lineup01_ex.jpg) no-repeat;
	background-size: cover;
}
.dia_nauts_variation ul li.btn_dn_shopping02_ex a {
	background: url(../img/btn_lineup02_ex.jpg) no-repeat;
	background-size: cover;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a:hover,
.dia_nauts_variation ul li.btn_dn_shopping02_ex a:hover {
	background-position: 0 -168px;
}

.ps_back_img{
	width: 100%;
	margin: 0 auto;}
.ps_back_img img{
	width: 960px;
	height: 493px;
	display: block;
}

/* ジャイロセプター　ダートローダー
-------------------------------------------------------------------------------- */
.ps_GSDL_txt{
	width: 880px;
	margin: 20px auto;
	clear: both;
}
.ps_GSDL_txt_shadow{
    color: #FFF;
    text-shadow: 1px 1px 1px #000,
    -2px 2px 1px #000,
    2px -2px 1px #000,
    -2px -2px 1px #000;
}
.ps_GSDL_content{
	width: 880px;
	margin: 0 auto;
}
.ps_GSDL_title{
	clear:both;
	width: 880px;
	margin: 10px auto;
	padding-top: 30px;
}
.ps_GSDL_title_2{
	width: 440px;
	margin: 10px auto;
	padding-top: 30px;
}
.ps_GSDL_s_title{
	display: none;
}
.ps_GSDL_naiyo{
	width: 880px;
	margin: 10px auto;
	padding: 20px 0;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_img{
	display: block;
	margin: 10px 0;
	padding-top: 20px;
	float: left;
    max-width: 439px;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_text{
	margin: 10px 0;
    max-width: 430px;
	float: right;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_text img{
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}
.ps_GSDL_float{
	clear:both;
	width: 880px;
	margin: 10px auto;
}
.ps_GSDL_float .ps_GSDL_option{
	width: 440px;
	float: left;
	padding: 0;
}
.ps_GSDL_option .GSDL_option_img{
	width: 220px;
	float: left;
	margin-top: 21px;
	padding: 0;
}
.ps_GSDL_float .ps_GSDL_plug{
	width: 440px;
	float: right;
	padding: 0;
}
.ps_GSDL_float .ps_GSDL_plug p{
	padding-left: 40px;
}

.ps_GSDL_naiyo .ps_GSDL_form_con{
	margin: 10px auto;
	width: 500px;
}
.ps_GSDL_naiyo .ps_GSDL_form_con p{
	display: block;
	margin: 10px auto;
	width: 500px;
}
.ps_GSDL_naiyo .ps_GSDL_form_con img{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
.GSDL-center {
	clear:both;
}
.btn_gsdl_shopping{
	display: block;
	width: 300px;
	height: 120px;
	position: relative;
	z-index: 9999;
	overflow:hidden;
	margin: 20px auto!important;
}
.btn_gsdl_shopping li a {
	display: block;
	overflow: hidden;
	width: 300px;
	height: 0;
	cursor: pointer;
	padding-top: 120px;
	background-position: 0 0;
}

.btn_gsdl_shopping li a {
	background: url(../img/btn_lineup01.jpg) no-repeat;
	background-size: cover;
}

.btn_gsdl_shopping li a:hover {
	background-position: 0 -120px;
}

/* DA16　ジャイロセプター　ダートローダー　セット
-------------------------------------------------------------------------------- */
.ps_GSDL_set{
	width: 880px;
	margin: 20px auto;
	clear: both;
}
.ps_GSDL_set section{
	text-align:center;
}
.ps_GSDL_left{
	width:430px;
	float:left;
}
.ps_GSDL_right{
	width:430px;
	float:right;
}
.ps_GSDL_set p{
	margin-top:10px;
	text-align:left;
}
.ps_GSDL_set img{
	margin-top:10px;
}
.GS_bunkai{
	width:100%;
}
.GS_h_option_box div{
	width:50%;
	float:left;
}
.ps_GSDL_set .GSDL-center{
	clear:both;
	padding-top:20px;
}

/* POP UP
-----------------------------------------*/
#popup_wrapper{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.mod_thumlist{}
.mod_thumlist ul{
    width:325px;
	list-style:none;
    padding:0;
    margin:0;
	position: absolute;
	top: 60px;
	left: 572px;
	z-index: 999;
}
.mod_thumlist li{
    width:60px;
    height:60px;
    float:left;
    background:none;
    padding:0;
    margin:0 5px 5px 0;
}
.mod_thumlist li img{
    width:60px;
    height:60px;
}
.mod_thumlist li a{
    display:block;
}
.mod_thumlist li a:link    {}
.mod_thumlist li a:visited {}
.mod_thumlist li a:hover   {opacity:0.8;}
.mod_thumlist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_thumlist li a:hover img {filter:alpha(opacity=80);}

.mod_thumlist_photo{}
.mod_thumlist_photo_entry{
    position:absolute;
    width:950px;
    margin:20px 0 0 0;
}
.mod_thumlist_photo_entry p{
    display:block;
    width:950px;
    margin:0;
    padding:0;
}

.btn_popup_s{ display:none;}


/* --パワードシステム・マニューバシリーズ
----------------------------------------------------------------------------- */
#wrapper .ps-maneuver_series p{
	margin:20px 0;
}
.img-w100{
	width:100%;
	margin:10px 0;
}
.img-w80{
	width:80%;
	margin:10px 0;
}
.da21_system-title{
	margin:50px 0 20px;
}
/* --パワードシステム・マニューバシリーズ　詳細
----------------------------------------------------------------------------- */
#wrapper .ps-maneuver  .btn_shopping{
	width:300px;
	margin:20px auto;
}
.ps-maneuver-title{
	margin:20px 0;
}
.ps-maneuver-l{
	width:49%;
	float:left;
}
.ps-maneuver-r{
	width:49%;
	float:right;
}
.ps-maneuver25-l{
	width:45%;
	float:left;
}
.ps-maneuver25-r{
	width:45%;
	float:right;
}
.ps-maneuver-r p{
	margin-bottom:20px;
}
.ps-maneuver25-l p,
.ps-maneuver25-r p{
	width:100% !important;
	margin:10px auto;
}
.ps-maneuver25-l h3,
.ps-maneuver25-r h3{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	background:#e60011;
	padding:5px 0;
	margin-bottom:10px;
}
.ps-maneuver-l img{
	margin-bottom:5px;
}
.ps-maneuver-r img{
	margin-bottom:5px;
}
.ps-maneuver-ll{
	width:45%;
	float:left;
}
.ps-maneuver-rr{
	width:45%;
	float:right;
	margin-right:15px;
}
.ps-maneuver25-l  .ps-maneuver-ll,
.ps-maneuver25-r .ps-maneuver-ll{
	width:45%;
	float:left;
}
.ps-maneuver25-l  .ps-maneuver-rr,
.ps-maneuver25-r  .ps-maneuver-rr{
	width:45%;
	float:right;
}
.ps-maneuver25-l  .ps-maneuver-ll img,
.ps-maneuver25-l  .ps-maneuver-rr img,
.ps-maneuver25-r  .ps-maneuver-ll img,
.ps-maneuver25-r  .ps-maneuver-rr img{
	width:100%;
}

/* --バトルバッファロー
----------------------------------------------------------------------------- */
.da50_bb-top img{
	width:680px;
	float:left;
	margin-left:-190px;
	margin-right:10px;
}
.da60_bb-top img{
	width:680px;
	float:left;
	margin-left:-100px;
	margin-right:10px;
}
.da60_bb-top div{
	width:290px;
	float:right;
}
.da60_bb-top p{
	margin-left:-80px;
}
.da60_bb-top div div{
	margin:20px 0 0 0 !important;
	text-align:center;
}
.da60_bb-top div div img{
	width:90%;
	margin: 0 !important;
}


.da29_bb-top{}
.da29_bb-top img,
.da37_bb-top img{
	width:680px;
	float:left;
	margin-left:-100px;
}
.da29_bb-top div,
.da37_bb-top div{
	width:300px;
	float:left;
	margin-top:20px;
}
.da29_bb-top div img,
.da37_bb-top div img{
	width:300px;
	margin:10px 0 20px 0;
}
.da51_bb-top img{
	width:495px;
	float:left;
	margin-right:20px;
}
.da51_bb-top div{
	width:300px;
	float:left;
	margin-top:20px;
}
.da51_bb-top div img{
	width:300px;
	margin:10px 0 20px 0;
}
.da29_bb-text,
.da37_bb-text{
	margin-top:20px;
}
.da29_02 img,
.da37_02 img{
	width:210px;
	float:left;
	margin:0 5px;
}
.da29_03,
.da37_03{
	margin-top:20px;
}
.da29_03 img,
.da37_03 img{
	width:440px;
	float:left;
}
.da29_04 div,
.da37_04 div{
	width:430px;
	float:left;
	margin:0 5px;
	text-align:center;
}
.da29_04 div img,
.da37_04 div img{
	width:80%;
	margin:5px 0 20px 0 !important;
}
.da29_04 div div img,
.da37_04 div div img{
	margin:0 !important;
	width:100%;
}
.da29_05,
.da37_05{
	margin-top:10px;
}
.da29_05 img,
.da37_05 img{
	width:570px;
	float:left;
	margin-right:10px;
}
.da29_05 p,
.da379_05 p{
	width:300px;
	float:left;
}
.da29_06 img,
.da37_06 img{
	width:600px;
	float:left;
	margin-right:10px;
}
.da29_06 div,
.da37_06 div{
	width:270px;
	float:left;
}
.da29_06 div p,
.da37_06 div p{
	margin-bottom:10px;
}
.da29_06 div img,
.da37_06 div img{
	width:100%;
}
.da29_07 img,
.da37_07 img{
	width:800px;
	margin-left:40px;
}
.da29_07 div,
.da37_07 div{
	margin-top:10px;
}
.da29_07 div p,
.da37_07 div p{
	width:600px;
	float:left;
	margin-right:10px;
}
.da29_07 div div,
.da37_07 div div{
	width:270px;
	float:left;
	margin-top:-40px;
}
.da29_07 div div img,
.da37_07 div div img{
	width:100%;
	margin:0;
}
.da29_08 img,
.da37_08 img{
	width:800px;
	margin:10px 0 20px 40px;
}
.da29_08 div,
.da37_08 div{
	margin-top:10px;
}
.da29_08 div p,
.da37_08 div p{
	width:600px;
	float:left;
	margin-right:10px;
}
.da29_08 div div,
.da37_08 div div{
	width:270px;
	float:left;
	margin-top:-40px;
}
.da29_08 div div img,
.da37_08 div div img{
	width:100%;
	margin:0;
}
.da29_09 .da29_img_09-1,
.da37_09 .da37_img_09-1{
	width:500px;
	float:left;
	margin-right:10px;
}
.da29_09 .da29_img_09-2,
.da37_09 .da37_img_09-2{
	width:370px;
	float:left;
}
.system_BB,
.system_BBMA{
	text-align:center !important;
}
.system_BB img,
.system_BBMA img{
	width:100%;
	margin:5px 0;
}
.da29_10 h4,
.da37_10 h4{
	margin:10px 0;
}
.da29_10 img,
.da37_10 img{
	width:100%;
}
.da29_11 h4,
.da37_11 h4{
	margin:10px 0;
}
.da29_11 img,
.da37_11 img{
	width:100%;
}
.da29_12 img,
.da37_12 img{
	width:700px;
	float:left;
	margin-right:10px;
}
.da29_12 div,
.da37_12 div {
	width:170px;
	float:left;
	margin-top:200px;
}
.da29_12 div img,
.da37_12 div img{
	width:100%;
}

/* --スカイジャケットー
----------------------------------------------------------------------------- */
.da32{}
.da32-top .ps-maneuver-l img{
	width:550px;
	margin-left:-110px;
}
.da32-top .ps-maneuver-r img{
	width:100%;
}
.da32-2nd img{
	float:left;
	width:293px;
}
.da32-3rd .ps-maneuver-l img{
	width:500px;
	margin-bottom:30px;
}
.da32-3rd .ps-maneuver-r{
	width:350px;
}

/* --デルトロイヤーー
----------------------------------------------------------------------------- */
.da33_top{}
.da33_top .da33_top_left{
	width:780px;
	float:left;
	margin-top:-80px;
	margin-left:-60px;
	position;relative:
}
.da33_top .da33_top_left img{
	width:780px;
	position:absolute;
	z-index:9998;
}
.da33_top .da33_top_right{
	width:300px;
	float:right;
	margin-top:600px;
	margin-bottom:-100px;
}
.da33_top .da33_top_right img{
	width:300px;
	margin-top:10px;
}
.da33_top .da33_top_right p{
	margin-top:10px;
}
.da33_txt{
	margin:30px 0;
}

.da33 .ps-maneuver-l,
.da33 .ps-maneuver-r{
	width:48%;
	margin-top:20px;
	padding-bottom:10px;
	border:1px solid #ff0000;
}

.da33 .ps-maneuver-l p,
.da33 .ps-maneuver-r p{
	margin:10px;
}

.da53_img_00{
	margin-top:-300px;
	z-index:0 !important;
}

.da54_bb-top{
	position:relative;
	width:880px;
}
.da54_bb-top img{
	margin-left:-100px;
}
.da54_bb-top p{
	position:absolute;
	width:400px;
	top:0;
	right:0;
}

.da59_bb-top img{
	float:left;
	margin-left:-100px;
}
.da59_toptext{
	width:350px;
	float:right;
	margin:20px 0 0 0 !important;
}
.da59_head-title{
	 margin:20px 0 0 0 !important;
	 background:#e60012;
	 padding:5px 0;
	 font-size:18px;
	 font-weight:bold;
	 text-align:center;
}
.da59_head{
	 margin:0 !important;
}
.da59_head div{
	width:100%;
	text-align: center;
	 margin:0 !important;
}
.da59_head img{
		width:350px;
		margin:0 !important;
		padding:0;
}
.da59_head p{
	 margin:10px 0 0 0 !important;
}


}




/* --スマホ----------------------------------------------------------------------------- */
@media screen and ( max-width:640px ) {
/* パワードスーツシステム図ボタン
-------------------------------------------------------------------------------- */
.btn_psC,
.btn_psD{
	display:none;
}

#btn_popup_s{
	width: 90%;
	margin: 0 auto;
}
#btn_popup_s p{
	display: block;
}
.btn_s{
	width: 90%;
	text-align: center;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fcff00;
	border: 2px solid #fcff00;
	background: #c50018;
	margin: 10px auto;
}
.btn_s:hover {
	border-color: #c50018;
	color: #fffbe5;
	cursor:pointer;
}
.btn_s:hover:before{
	width: 90%;
}

/* 宇宙海兵隊ver
-------------------------------------------------------------------------------- */
.cosmo_marines{width: 100%;}
.cosmo_marines_info{
	width: 100%;
	margin:10px auto;
	padding-bottom:10px
}
.cosmo_marines_info div{margin:10px 0;}
.cosmo_marines_info div img{
    max-width: 100%;
    height: auto;
}

.cosmo_marines_info div h4{
	width: 90%;
	padding: 0 5px;
	margin: 0 auto;
}
.cosmo_marines p{
    max-width: 100%;
}

.cosmo_marines_border{
	margin-top: 90px;
	border-top: 1px solid #666;
}

.cmcd-center {clear:both;}
.btn_cmcd_shopping_ex,
.btn_cmcd_shopping02_ex{
	display: block;
	width: 150px;
	height: 60px;
	position: relative;
	z-index: 9999;
	overflow:hidden;
	margin: 10px auto;
}
.btn_cmcd_shopping_ex li a,
.btn_cmcd_shopping02_ex li a {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 0;
	cursor: pointer;
	padding-top: 60px;
	background-position: 0 0;
}

.btn_cmcd_shopping_ex li a {
	background: url(../img/btn_lineup01_ex.jpg) no-repeat;
	background-size: cover;
}
.btn_cmcd_shopping02_ex li a {
	background: url(../img/btn_lineup02_ex.jpg) no-repeat;
	background-size: cover;
}
.btn_cmcd_shopping_ex li a:hover,
.btn_cmcd_shopping02_ex li a:hover {
	background-position: 0 -60px;
}


/* ダイアクロン隊員
-------------------------------------------------------------------------------- */
.dia_nauts{	width: 100%;}
.dia_nauts img{
    max-width: 100%;
    height: auto;
	margin: 10px auto;
}
.dia_nauts p{
	width: 90%;
    max-width: 100%;
	margin: 0 auto;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

#dia_nauts_info02 img{
	display: block;
    max-width: 90%;
    height: auto;
    margin-top: 30px;
}
.dia_nauts_variation{
	max-width: 100%;
	height: auto;
}
.dia_nauts_variation ul{
	width: 100%;
	list-style:none;
}
.dia_nauts_variation ul li{
	width: 210px;
	height: 111px;
	margin: 10px auto;
	position: relative;
	z-index: 9999;
}
.dia_nauts_variation ul li a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background-position: 0 0;
}
.dia_nauts_variation ul li a.dia_nauts_a:hover {
	background-position: 0 -111px;

}
.dia_nauts_variation ul li a.dia_nauts_a {
	background: url(../img/btn_dia_S.png) no-repeat;
	background-size: cover;
}
.dia_nauts_variation ul li a span{
	display:none;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex,
.dia_nauts_variation ul li.btn_dn_shopping02_ex{
	width: 150px;
	height: 60px;
	padding-top: 0;
	position: relative;
	z-index: 9999;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a,
.dia_nauts_variation ul li.btn_dn_shopping02_ex a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a {
	background: url(../img/btn_lineup01_ex.jpg) no-repeat;
	background-size: cover;
}
.dia_nauts_variation ul li.btn_dn_shopping02_ex a {
	background: url(../img/btn_lineup02_ex.jpg) no-repeat;
	background-size: cover;
}
.dia_nauts_variation ul li.btn_dn_shopping_ex a:hover,
.dia_nauts_variation ul li.btn_dn_shopping02_ex a:hover {
	background-position: 0 -60px;
}


/* ジャイロセプター　ダートローダー
-------------------------------------------------------------------------------- */
.ps_GSDL_txt{
	width: 90%;
	margin: 20px auto;
	clear: both;
}
.ps_GSDL_txt_shadow{
    color: #FFF;
    text-shadow: 1px 1px 1px #000,
    -1px 1px 1px #000,
    1px -1px 1px #000,
    -1px -1px 1px #000;
}
.ps_GSDL_content{
	width: 90%;
	margin: 0 auto;
}
.ps_GSDL_title,
.ps_GSDL_title_2{
	display: none;
}
.ps_GSDL_s_title{
	width: 100%;
	margin: 10px auto;
	padding-top: 30px;
}
.ps_GSDL_s_title img{
	display: block;
	width: 100%;
}
.ps_GSDL_naiyo{
	width: 100%;
	margin: 10px auto;
	padding: 20px 0;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_img{
	width: 90%;
	display: block;
	margin: 10px auto;
	padding-top: 20px;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_text{
	margin: 10px 0;
}
.ps_GSDL_naiyo .ps_GSDL_naiyo_text img{
	width: 90%;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}
.ps_GSDL_float .ps_GSDL_option{
	width: 100%;
	padding: 0;
}
.ps_GSDL_option .GSDL_option_img img{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.ps_GSDL_float .ps_GSDL_option p{
	text-align: center;
	padding-bottom: 20px;
}
.ps_GSDL_float .ps_GSDL_plug{
	width: 100%;
	padding: 0;
}
.ps_GSDL_float .ps_GSDL_plug_img{
	display: block;
	width: 90%;
	margin: 10px auto;
	padding: 0;
}
.ps_GSDL_float .ps_GSDL_plug p{
	text-align: center;
}
.ps_GSDL_naiyo .ps_GSDL_form_con{
	width: 100%;
	padding: 0;
}
.ps_GSDL_naiyo .ps_GSDL_form_con p{
	display: block;
	width: 100%;
	margin: 10px auto;
}
.ps_GSDL_naiyo .ps_GSDL_form_con img{
	display: block;
	width: 90%;
	margin: 10px auto;
	padding: 0;
}

.GSDL-center {
	margin: 20px auto;
	width: 150px;
	background: #666;
}
.btn_gsdl_shopping{
	display: block;
	width: 150px;
	height: 60px;
	padding-top: 0;
	position: relative;
	z-index: 9999;
	overflow:hidden;
}
.btn_gsdl_shopping li a {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 100%;
	padding-top: 60px;
	cursor: pointer;
	background-position: 0 0;
}

.btn_gsdl_shopping li a {
	background: url(../img/btn_lineup01.jpg) no-repeat;
	background-size: cover;
}

.btn_gsdl_shopping li a:hover {
	background-position: 0 -60px;
}

/* DA16　ジャイロセプター　ダートローダー　セット
-------------------------------------------------------------------------------- */
.ps_GSDL_set{
	width: 90%;
	margin: 20px auto;
	clear: both;
}
.ps_GSDL_set section{
	text-align:center;
}
.ps_GSDL_left{
	width: 100%;
}
.ps_GSDL_right{
	width: 100%;
}
.ps_GSDL_set p{
	margin-top:10px;
	text-align:left;
}
.ps_GSDL_set img{
	width: 100%;
	margin-top:10px;
}
.GS_bunkai{
	width:100%;
}
.GS_h_option_box div{
	width:50%;
	float:left;
}
.GS_h_option_box p{
	width:50%;
}
.ps_GSDL_set .GSDL-center{
	clear:both;
	padding-top:20px;
}


/* POP UP
-----------------------------------------*/
#popup_wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.mod_thumlist{}
.mod_thumlist ul{
	display:block;
    width: 100%;
	list-style:none;
    padding:0;
}
.mod_thumlist li{
    float:left;
    background:none;
    padding:0;
    margin:0 5px 0 0;
}
.mod_thumlist li img{
    width:60px;
    height:60px;
}
.mod_thumlist li a{
    display:block;
}
.mod_thumlist li a:link    {}
.mod_thumlist li a:visited {}
.mod_thumlist li a:hover   {opacity:0.8;}
.mod_thumlist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_thumlist li a:hover img {filter:alpha(opacity=80);}

.mod_thumlist_photo{
	clear:both;
	position:relative;
}
.mod_thumlist_photo_entry{
	position:absolute;
	top:0;
	left:0;
    width:100%;
    height:100%;
    margin:20px 0 0 0;
}
.mod_thumlist_photo_entry img{
	width:100%;
}
.mod_thumlist_photo_entry p{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

.btn_popup_s{ display:none;}

/* --パワードシステム・マニューバシリーズ
----------------------------------------------------------------------------- */
#wrapper .ps-maneuver_series .con_body p{
	margin:20px 0;
}
#wrapper .ps-maneuver_series .con_body img{
	width:100%;
}
.img-w100{
	width:100%;
	margin:10px 0;
}
.img-w80{
	margin:10px 0;
}
.da21_system-title{
	margin:50px 0 20px;
}
/* --パワードシステム・マニューバシリーズ　詳細
----------------------------------------------------------------------------- */
#wrapper .ps-maneuver  .powerd_suit img{
	width:100%;
}
#wrapper .ps-maneuver  .align-center{
	width:100%;
}
#wrapper .ps-maneuver  .btn_shopping{
	margin:20px auto;
}
.ps-maneuver-title{
	margin:20px 0;
}
.ps-maneuver-l{
	width:100%;
}
.ps-maneuver-r{
	width:100%;
}
.ps-maneuver-r p{
	margin-bottom:20px;
}
.ps-maneuver-r img{
	margin-bottom:5px;
}
.ps-maneuver-ll{
	width:45%;
	float:left;
}
.ps-maneuver-rr{
	width:45%;
	float:right;
}
.ps-maneuver25-l p,
.ps-maneuver25-r p{
	width:100% !important;
	margin:10px auto;
}
.ps-maneuver25-l h3,
.ps-maneuver25-r h3{
	clear:both;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	background:#e60011;
	padding:5px 0;
	margin-bottom:10px;
}

/* --バトルバッファロー
----------------------------------------------------------------------------- */
.da29_bb-top,
.da29_bb-top{}
.da29_bb-top img,
.da37_bb-top img{
	margin:10px 0 0 0;
}
.da29_bb-top div,
.da37_bb-top div{
	margin-top:20px;
}
.da29_bb-top div img,
.da37_bb-top div img{
	margin:10px 0 20px 0;
}
.da29_bb-text,
.da37_bb-text{
	margin-top:20px;
}
.da29_02,
.da37_02{
	}
.da29_02 img,
.da37_02 img{
	width:49% !important;
	float:left;
	margin-bottom:5px;
}
.da29_02 img.da29_02left,
.da37_02 img.da37_02left{
	margin-right:5px;
}
.da29_03,
.da37_03{
	margin-top:20px;
}
.da29_03 img,
.da37_03 img{
}
.da29_04 div,
.da37_04 div{
	margin:0 5px;
}
.da29_04 div img,
.da37_04 div img{
	width:100%;
	margin:5px 0 5px 0;
}
.da29_05,
.da37_05{
	margin-top:10px;
}
.da29_05 img,
.da37_05 img{
}
.da29_05 p,
.da37_05 p{
}
.da29_06 img,
.da37_06 img{
}
.da29_06 div,
.da37_06 div{
}
.da29_06 div p,
.da37_06 div p{
	margin-bottom:10px;
}
.da29_06 div img,
.da37_06 div img{
}
.da29_07 img,
.da37_07 img{
	margin-top:10px;
}
.da29_07 div,
.da37_07 div{
	margin-top:10px;
}
.da29_07 div p,
.da37_07 div p{
}
.da29_07 div div,
.da37_07 div div{
}
.da29_07 div div img,
.da37_07 div div img{
	margin:0;
}
.da29_08 img,
.da37_08 img{
	margin-top:10px;
}
.da29_08 div,
.da37_08 div{
	margin-top:10px;
}
.da29_08 div p,
.da37_08 div p{
}
.da29_08 div div,
.da37_08 div div{
}
.da29_08 div div img,
.da37_08 div div img{
}
.da29_09 .da29_img_09-1,
.da37_09 .da37_img_09-1{
}
.da29_09 .da29_img_09-2,
.da37_09 .da37_img_09-2{
	margin-bottom:20px;
}
.system_BB,
.system_BBMA{
	text-align:center !important;
}
.system_BB img,
.system_BBMA img{
	margin:5px 0;
}
.da29_10 h4,
.da37_10 h4{
	margin:10px 0;
}
.da29_10 img,
.da37_10 img{
}
.da29_11 h4,
.da37_11 h4{
	margin:10px 0;
}
.da29_11 img,
.da37_11 img{
}
.da29_12 img,
.da37_12 img{
	margin-bottom:20px;
}
.da29_12 div,
.da37_12 div {
	width:170px;
	margin:0 auto;
}
.da29_12 div img,
.da37_12 div img{
}

.da60_bb-top div div{
	text-align:center !important;
}
.da60_bb-top div div{
	margin-top:20px;
}
.da60_bb-top div div img{
	width:292px !important;
}

.da59_head-title{
	 margin:20px 0 0 0 !important;
	 background:#e60012;
	 padding:5px 0;
	 font-size:18px;
	 font-weight:bold;
	 text-align:center;
}
.da59_head img{
		width:60% !important;
		float:left;
		margin:0;
		padding:0;
}
.da59_head p{
		width:40% !important;
		float:right;
		margin:10px 0 0 0;
		padding-left:10px;
}

}


/* ダイアバトルス
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) {
#diabattles_box {
	width: 880px;
	margin: 0 auto;
}
#pic_diabattles01 {
	margin-left: -170px;
	float: left;
}
#txt_diabattles_box {
	width: 300px;
	float: right;
	margin: 40px 0 0 0;
}
#btn_diabattles_pro01 {
	padding: 20px 0 10px 0;
}

.btn_dn_shopping01 span{
	display: none;
}
.btn_dn_shopping01{
	width: 300px;
	height: 120px;
	position: relative;
	z-index: 9999;
	margin: 20px auto;
}
.btn_dn_shopping01 a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
}
.btn_dn_shopping01 a {
	background: url(/products/diaclone/news/img/btn_lineup01.jpg) no-repeat;
	background-size: cover;
}
li.btn_dn_shopping01 a:hover {
	background-position: 0 -120px;
}

.pic_battles_box {
	clear: both;
	width: 100%;
	padding-top: 30px;
	position: relative;
}
#pic_battles01 {
	width: 268px;
	float: left;
	margin-right: 38px;
}
#pic_battles02 {
	width: 268px;
	float: left;
	margin-right: 38px;
}
#pic_battles03 {
	width: 268px;
	float: left;
}
#pic_battles04 {
	width: 612px;
	float: left;
}
#pic_battles05 {
	width: 268px;
	float: left;
}
#pic_battles06 {
	width: 268px;
	float: left;
	margin-right: 38px;
}
#pic_battles07 {
	width: 268px;
	float: left;
	margin-right: 38px;
}
#pic_battles08 {
	width: 268px;
	float: left;
}
#pic_battles09 {
	width: 612px;
	float: left;
}
#txt_battles09 {
	width: 311px;
	position: absolute;
	left: 302px;
	top: 90px;
}
#pic_battles10 {
	width: 268px;
	float: left;
}
#cap_battles09 {
	clear: both;
	width: 311px;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
}
#cap_battles10 {
	clear: both;
	width: 268px;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
}
#pic_battles01 p,
#pic_battles02 p,
#pic_battles03 p,
#pic_battles04 p,
#pic_battles05 p,
#pic_battles06 p,
#pic_battles07 p,
#pic_battles08 p {
	margin-top: 10px;
}
#pic_battles04s_img,
#pic_battles05s_img,
#pic_battles09s_img,
#pic_battles10s_img {
	display: none;
}
#sub_tit_weapon {
	margin-top: 50px;
}
ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab li:last-child {
	background: none;
}
#detail {
	clear: both;
	overflow: hidden;
	width: 960px;
}
.tabbox {
	display: none;
}
ul#tab {
	width: 960px;
	margin: 20px auto 0;
	position: relative;
	z-index: 9999;
	overflow:hidden;
}
ul#tab li {
	height: 111px;
	display: block;
	float: left;
}
ul#tab li a {
	display: block;
	overflow: hidden;
	width: 480px;
	height: 0;
	cursor: pointer;
	padding-top: 111px;
	background-position: 0 0;
}
ul#tab li a#btn_3tai {
	background: url(../img/btn_3tai.png) no-repeat;
}
ul#tab li a#btn_2tai {
	background: url(../img/btn_2tai.png) no-repeat;
}
ul#tab li.active a#btn_3tai,
ul#tab li.active a#btn_2tai,
ul#tab li.active a#btn_3tai:hover,
ul#tab li.active a#btn_2tai:hover {
	background-position: 0 -111px;
}
.txt_detail {
 	width: 880px;
 	margin: 20px auto 20px;
}

#pic_diabattles_detail {
	margin-left: -40px;
}
ul#detail_text_box {
	width: 960px;
	margin: 0 auto;
	list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul#detail_text_box  li {
	width: 460px;
	height: 100%;
	padding: 5px;
	float: left;
	margin: 10px;
}
ul#detail_text_box li h2 {
	width: 460px;
	padding: 0 5px;
	margin-bottom: 5px;
	background: #c50018;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
}
#detail_bigeye {
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #c50018;
	clear: both;
}
#detail_bigeye h2 {
	width: 450px;
	padding: 0 5px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom: 15px;
	background: #c50018;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	float: left;
}
#detail_bigeye img {
	display: block;
	width: 460px;
	margin: 5px;
	float: left;
}
#detail_bigeye p {
	display: block;
	width: 450px;
	float: left;
	margin-left:10px;
}
#diabattles_detail_illust {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 ;
}
#diabattles_detail_illust img {
	display: block;
	width: 470px;
	float: left;
}
#diabattles_detail_illust img.illust02_470_r {
	display: block;
	width: 470px;
	float: right;
}

#pic_diabattles01 div{
	margin: 20px 0 20px 250px;
}

#pic_diabattles01 div a.btn_products-detail {
	display: block;
	overflow: hidden;
	width: 400px;
	height: 0;
	cursor: pointer;
	padding-top: 120px;
	background-position: 0 0;
}
#pic_diabattles01 div a.btn_products-detail {
	background: url(../img/btn_products-detailpsd.jpg) no-repeat;
}
#pic_diabattles01 div a.btn_products-detail:hover {
	background-position: 0 -120px;
}


}
@media screen and ( max-width:640px ) {
#diabattles_box {
}
#pic_diabattles01 {
	margin-left: -100px;
	padding-bottom: 20px;
}
#txt_diabattles_box {
	margin: 40px 0 0 0;
}
#pic_diabattles01 img {
	width: 90%;
}
#txt_diabattles_box {
	width: 90%;
	margin: 0 auto;
}
#btn_diabattles_pro01 {
	padding: 20px 0 10px 0;
	text-align: center;
}
.btn_dn_shopping01 span{
	display: none;
}
.btn_dn_shopping01{
	width: 300px;
	height: 120px;
	position: relative;
	z-index: 9999;
	margin: 20px auto;
}
.btn_dn_shopping01 a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
}
.btn_dn_shopping01 a {
	background: url(/products/diaclone/news/img/btn_lineup01.jpg) no-repeat;
	background-size: cover;
}
li.btn_dn_shopping01 a:hover {
	background-position: 0 -120px;
}

.pic_battles_box {
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
}
#pic_battles01,
#pic_battles02,
#pic_battles03,
#pic_battles04,
#pic_battles05,
#pic_battles06,
#pic_battles07,
#pic_battles08,
#pic_battles09,
#pic_battles10 {
	clear: both;
	padding-bottom: 10px;
}
#pic_battles01 img,
#pic_battles02 img,
#pic_battles03 img,
#pic_battles04 img,
#pic_battles05 img,
#pic_battles06 img,
#pic_battles07 img,
#pic_battles08 img {
	float: left;
	margin: 0 10px 10px 0;
}
#pic_battles09 img,
#pic_battles10 img {
	margin: 0 10px 10px 0;
}
#pic_battles01 p,
#pic_battles02 p,
#pic_battles03 p,
#pic_battles04 p,
#pic_battles05 p,
#pic_battles06 p,
#pic_battles07 p,
#pic_battles08 p {
	padding-top: 10px:
}
#pic_battles04_img,
#pic_battles05_img,
#pic_battles09_img,
#pic_battles10_img {
	display: none;
}
#cap_battles09 {
	clear: both;
	width: 268px;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
}
#cap_battles10 {
	clear: both;
	width: 268px;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
}
#sub_tit_weapon {
	width: 100%;
	margin-top: 30px;
}
#sub_tit_weapon img {
	width: 100%;
}
ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

ul#tab li:last-child {
	background: none;
}
#detail {
	clear: both;
	overflow: hidden;
	width: 100%;
}
#detail img {
	width: 100%;
}
.tabbox {
	display: none;
}
ul#tab {
	width: 100%;
	margin: 20px auto 0;
	position: relative;
	z-index: 9999;
	overflow:hidden;
}
ul#tab li {
	width: 50%;
	display: block;
	float: left;
}
ul#tab li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 25%;
	cursor: pointer;
	background-position: 0 0;
}
ul#tab li a#btn_3tai {
	background: url(../img/btn_3tai_of.png) no-repeat;
	background-size: contain;
}
ul#tab li a#btn_2tai {
	background: url(../img/btn_2tai_of.png) no-repeat;
	background-size: contain;
}
ul#tab li.active a#btn_3tai,
ul#tab li.active a#btn_3tai:hover {
	background: url(../img/btn_3tai_on.png) no-repeat;
	background-size: contain;
}
ul#tab li.active a#btn_2tai,
ul#tab li.active a#btn_2tai:hover {
	background: url(../img/btn_2tai_on.png) no-repeat;
	background-size: contain;
}
.txt_detail {
 	width: 90%;
 	margin: 20px auto 20px;
}


#pic_diabattles01 {
	margin-left: -70px;
	padding-bottom: 20px;
}
#pic_diabattles_detail img {
	width: 95%;
}
ul#detail_text_box  {
	width: 98%;
	margin: 0 auto;
	list-style: none;
}
ul#detail_text_box  li {
	width: 98%;
	padding: 5px;
	margin: 10px;
}
ul#detail_text_box  li h2 {
	width: 98%;
	padding: 0 5px;
	margin-bottom: 5px;
	background: #c50018;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
}
#detail_bigeye {
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #c50018;
	clear: both;
}
#detail_bigeye h2 {
	width: 95%;
	padding: 0 5px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom: 15px;
	background: #c50018;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	float: left;
}
#detail_bigeye img {
	display: block;
	width: 95%;
	margin: 5px;
}
#detail_bigeye p {
	display: block;
	width: 98%;
	margin-left:10px;
}
#diabattles_detail_illust {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 ;
}
#diabattles_detail_illust img {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 ;
}

#pic_diabattles01 div{
	width: 85%;
	margin-left: 85px;
	margin-top: 20px;
}
#pic_diabattles01 div a.btn_products-detail {
	display: block;
	overflow: hidden;
	width: 90%;
	height: 0;
	cursor: pointer;
	padding-top: 120px;
	background-position: 0 0;
}
#pic_diabattles01 div a.btn_products-detail {
	background: url(../img/btn_products-detailpsd_off.jpg) no-repeat;
	background-size: contain;
}
#pic_diabattles01 div a.btn_products-detail:hover  {
	background: url(../img/btn_products-detailpsd_on.jpg) no-repeat;
	background-size: contain;
}

}








/* バトルコンボイ
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_top,
	.da78_top {
		width:100%;
		position:relative;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_top .da65_top-img{
		width:600px;
		margin-top:-80px;
		margin-left:-80px;
		z-index:9999;
		float:left;
	}
	.da78_top .da78_top-img{
		width:680px;
		float:left;
		margin-top:30px;
		margin-left:-120px;
		margin-right:10px;
	}
	.da80_top .da80_top-img{
		width:611px;
		margin-top:50px;
		margin-left:-120px;
		z-index:9999;
		float:left;
	}
	.da78_top .da82_top-img{
		width:599px;
		float:left;
		margin-top:30px;
		margin-left:-80px;
		margin-right:10px;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_top div{
		width:320px;
		margin-top:20px;
		float:right;
	}
	.da78_top div{
		width:310px;
		margin-top:20px;
		float:right;
	}
	.da80_top div{
		width:351px;
		margin-top:30px;
		float:right;
	}
}

.da65_top div img,
.da78_top div img,
.da80_top div img{
	width:100%;
	margin-top:20px;
}



@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_img_system{
		position:relative;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_img_system .da65_system01,
	.da65_img_system .da65_system02,
	.da65_img_system .da65_system03,
	.da65_img_system .da65_system04,
	.da65_img_system .da65_system05,
	.da65_img_system .da65_system06,
	.da65_img_system .da65_system07{
		display: block;
		position:absolute;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_img_system .da65_system01{
		width:180px;
		height:70px;
		left:208px;
		top:200px;
	}
	.da65_img_system .da65_system02{
		width:130px;
		height:70px;
		left:186px;
		top:55px;
	}
	.da65_img_system .da65_system03{
		width:105px;
		height:135px;
		left:388px;
		top:200px;
	}
	.da65_img_system .da65_system04{
		width:117px;
		height:100px;
		left:123px;
		top:300px;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_img_system .da65_system01 a,
	.da65_img_system .da65_system02 a,
	.da65_img_system .da65_system03 a,
	.da65_img_system .da65_system04 a,
	.da65_img_system .da65_system05 a,
	.da65_img_system .da65_system06 a{
		display: block;
		width:100%;
		height:100%;
		border:1px solid #fff;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da65_img_system .da65_system01 a:hover,
	.da65_img_system .da65_system02 a:hover,
	.da65_img_system .da65_system03 a:hover,
	.da65_img_system .da65_system04 a:hover,
	.da65_img_system .da65_system05 a:hover,
	.da65_img_system .da65_system06 a:hover{
		border:2px solid #ff0000;
	}
}

@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
.blinking{
  animation:blink 1s ease-in-out infinite alternate;
}

.top-img-line-red,
.con-system-img div,
.con-system-img-sp{
	border: 1px solid #e60000;
}
.top-img-line-red p,
.con-system-img p,
.con-system-img-sp p{
	background: #e60000;
	text-align: center;
	padding:5px;
	margin:0;
}

.top-img-line-green{
	border: 1px solid #009315;
}
.top-img-line-green img{
	margin:0 !important;
}
.arrow{
	padding:10px 0 !important;
}
.top-img-line-green p{
	background: #009315;
	text-align: center;
	padding:5px;
	margin:0;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.pc-display-none{
		display: none;
	}
}

@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.con-system-img-sp{
	}
	.margin-top10-sp{
		margin-top:10px;
	}
}

body.popup-window{
	background-color: #e60000;
	background-image:url("../battle-convoy-v-max/img/popup-content-bgline.png");
	background-repeat:repeat-x;
	background-position:center;
	color:#fff;
}
.popup-content-bg{
	background:radial-gradient(#3b495c, #000);
	border:5px solid #000;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.popup-content-bg{
		margin:30px auto;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.popup-content-bg{
		margin:15px auto;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.popup-content-bg{
		width:878px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.popup-content-bg{
		width:90%;
	}
}
.popup-window h2{
	background-color: #e60000;
	background:linear-gradient(to right, #000, #e60000, #000);
	text-align:center;
	margin:0;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.popup-window h2{
		font-size:150%;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.popup-window h2{
		font-size:120%;
		line-height: 1.0;
		padding:5px;
	}
}
.mb60{
	margin-bottom: 60px;
}
.swiper-container{
	text-align: center;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.swiper-container .swiper-slide p{
		margin:5px 10px 10px 10px;
		height:20px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.swiper-container .swiper-slide p{
		font-size:80%;
		height:28px;
		line-height: 1.0;
		margin:5px;
	}
}
.prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
}
#thumbs {
	height: 15%;
	box-sizing: border-box;
	padding: 10px 0  5px  0;
	border-top:1px solid #000;
	margin:0;
	background: #222;
}
#thumbs .swiper-slide {
	width: 15%;
	height: 100%;
	opacity: 0.2;
	cursor: pointer;
}
#thumbs .swiper-slide img{
	background: #000;
}
#thumbs .swiper-slide-active {
	opacity: 1;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da81-topimg01{
		margin-left:-60px;
	}
	.da81-topimg02{
		margin-left:-50px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.da81-topimg{
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da91_07arrow{}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.da91_07arrow{
		width:100px !important;
	}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	div.yellow-center-allow{
		width:10%　!important;
	}
	div.yellow-center-allow img{
		width:100%　!important;
	}
}