@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%;
}





/* --バトルバッファロー
----------------------------------------------------------------------------- */
@media screen and ( min-width:768px ) { /* PC ==================== */
	.topimage{
	width:960px;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	#product_details_box{
	width:90%;
	margin:0 auto;
}
}
.topimage img{
	width:100%;
}

h3.da{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	background-color:#e60012;
	margin:30px 0 10px 0;
	padding:3px;
}

.title_s_sp{
	margin-top:20px;
	margin-bottom: 10px;
	background: url(../img/title_s_line.png) repeat-x;
}
.title_b_sp{
	margin-top:20px;
	background: url(../img/title_b_line.png) repeat-x;
}

.da102_02 div{
  	width: calc(25% - 10px);
  	float: left;
  	margin-right: 10px;
}
.da102_02 div:nth-child(4n+1){
  	margin-right: 10px;
}
.da102_02 div:nth-child(4n){
  	float: right;
}
.da102_02 div img{
	width:100%;
}

.weapon{
  	width: calc(50% - 20px);
  	float: left;
  	margin-top: 20px;
}
.weapon:nth-child(2n+1){
  	margin-right: 20px;
}
.weapon:nth-child(2n){
  	float: right;
}
.weapon img{
	width:100%;
}


@media screen and ( min-width:768px ) { /* PC ==================== */
	.da102_05 div{
	width: 50%;
	float: left;
}
.da102_05 div img{
	width:100%;
}
.da102_05 p{
	width: 49%;
	float: right;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.da102_05 div img{
	width:100%;
}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.da102_06 div.left{
	width: 70%;
	float: left;
}
.da102_06 div img{
	width:100%;
}
.da102_06 div.right{
	width: 29%;
	float: right;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.da102_06 div img{
	width:100%;
}
}

h5.da{
	font-size:120%;
	text-align:center;
	line-height:1.0;
	padding:5px 0;
	background-color:#e60012;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.da102_07 div{
	width:960px;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.da102_07 div{
	width:90%;
	margin:0 auto;
}
}
.da102_07 div img{
	width:100%;
	margin:10px 0;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.da102_08 div{
	width:960px;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.da102_08 div{
}
}
.da102_08 div img{
	width:100%;
	margin:10px 0;
}
.system_select_BB{
	margin-top:50px;

}
.system_BB img{
	margin:10px 0;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.da102_10 div{
	width:960px;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.da102_10 div{
}
}
.da102_10 div img{
	width:100%;
}
.note-text{
  text-align: center;
  margin:20px;
}