@charset "utf-8";

html,body{
overflow-x:hidden;
}

body{
width:100%;
margin:0px;
font-family: 'arial narrow'
}

#wrapper #leftcolumn{
width:40%;
float:left;
}

#wrapper #rightcolumn{
width:59%;
float:right;
}


.shop_title{
text-align:center;
}

div.item_dev{
width:100%;
}

div.item_dev h2{
text-align:center;
font-size:100%;
margin-top:1px;
padding:15px 0;
color:#666;
}

div.main-item-photo{
width:350px;
margin: 15px auto;
}
#bigimg1{
width:100%;
text-align:center;
}


div.item-detail{
width:100%;

}

div.item-detail ul{
margin:0px;
padding:0px;
	}

div.item-detail ul li{
list-style-type:none;
display:inline-block;
width:32%;
margin-left:0.5%;
}

div.item-detail ul li img{
width:70%;
border:1px #eee solid;
margin-left: 110px;
}


.specbox {
clear:both;
overflow:hidden;
width: 43%;
float: right;
color: #666;
font-size: 14px;
line-height: 20px;
}

.specbox table {
width: 100%;
}

.specbox th,.specbox td {
padding: 5px 0;
font-size: 14px;
line-height: 20px;
text-align: left;
vertical-align: top;
}


/*---------------------------------------Detail*/

 .spec01 {
margin-bottom:30px;
 }

 .spec01 h3, .spec02 h3{
font-size:120%;
margin-left:5px;
padding:0;
}

 .spec01 table th{
width: 150px;
border-bottom:1px dotted #999;
text-align:left;
padding:8px;
}

 .spec01 table td{
border-bottom:1px dotted #999;
font-weight: bold;   
}

.spec01 p{
border:3px solid #d6e9ca;
padding:15px;
}

 .spec01 p span{
display:block;
margin-top:20px;
}

 .spec01a {
width:100%;
}

 .spec01a tr {
}

.spec01a th,
.spec01a td {
padding: 10px 10px;
border-bottom:5px solid #fff;
}

 .spec01a th {
width: 20%;
font-weight:normal;
}

 .spec01a td.rank {
font-weight:bold;
}



/*---------------------------------------Damage*/
.spec02 {
width:100%;
margin-bottom:20px;
}

.spec02a {
	width:100%;
	border-collapse: collapse;

}

 .spec02a tr {
}

.spec02a th,
.spec02a td {
padding: 10px 10px;
border-bottom:1px solid #fff;
}


.spec02a th {
width: 20%;
background-color: #b94047;
color:white;
}

 .spec02a td.rank {
font-weight:bold;
color: #fff;
}


.spec02b {
border-top: 1px solid #02834D;
}

.spec02b tr {
background-color: #015C36;
color: #fff;
}

 .spec02b th,
 .spec02b td {
padding: 5px 10px;
border-bottom: 1px solid #02834D;
}
 .spec02b th {
width: 20px;
}

/*---------------------------------------Condition*/

table.condition{
	border-collapse: collapse;
	border: 1px solid #999;
	width:100%;
}

table.condition th{
	border: 1px solid #999;
	padding:8px 10px;
	width:8%;
}

table.condition td{
	border: 1px solid #999;
	padding:8px 10px;
}

table.condition td.c_title{
	color:#fff;
	font-weight:bold;
}

table.condition td b{
display:block;
}




/*---------------------------------------Info*/

.info{
clear:both;
margin:20px 0 0 0;
font-size:100%;
}

.info p{
padding:5px 10px 10px 10px;
}

.info h3{
color: #fff;
padding:8px 0px 6px 15px;
font-size:110%;
}


.info h4{
font-size:140%;
margin:0;
padding-left:17px;
color:#FF3333;
}

.info h2{
border:3px solid #015C36;
text-align:center;
padding:17px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size:110%;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

body{
	width:100%;
	margin:0 auto;
    
}

#wrapper{
	
}

#wrapper #leftcolumn{
		width:100%;
		float:none;
	}

#wrapper #rightcolumn{
	width:100%;
	float:none;
}

.spec01 {
width:100%;

 }

 .spec02 {
width:100%;

}

 .spec01 table tr{

}
 .spec01 h3, .spec02 h3{
font-size:120%;
color:#96281B;
text-align:center;
}
div.item-detail {
	}
div.item-detail ul{
/*width:100%;*/

padding:0px;
}
div.item-detail ul li{
list-style-type:none;
width:100%;
padding:0px;
}

div.item-detail ul li img{
width:90%;
margin:15px;

}


.main-item-photo img{

}	

}
/* 768px end */

/*---------------------------------------Color*/
div.item_dev h2{
	border-top: 2px solid #B10735;
    border-bottom: 2px solid #B10735;
}
.spec01 h3, .spec02 h3{
	color: #b94047;
}
table.condition td.c_title {
    background-color: #443137;
 }
table.condition th {
    background-color: #E9E2D0;
}
.spec02a th {
 	background-color: #b94047;
 }
.info h3{
   background:#443137;
 }
.spec02a th,
.spec02a td {
	background-color: #443137;
	color: #fff;
}