@charset "utf-8";


/*共通指定はここに記述*/
img{max-width:100%;}

h2{
	background:#f76db8;
	padding:8px;
	margin-left:5px;
	margin-right:5px;
	color:#FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	
h3{
	padding:8px;
	margin-left:5px;
	margin-right:5px;
	color:#FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}

.ios{background:#666;}
.docomo{background:#e60012;}
.au{background:#ee5624;}
.softbank{background:#00a0e9;}
.other{background:#595959;}

p{margin:20px 10px;}

table{width:96%; margin:2%;}

td{
	box-sizing:border-box;
	padding:5px;
	border-bottom:1px solid #000000;
}

.list_top {
	background-color: #00BD00;
	color: #FFFFFF;
	font-weight: bold;
}

.list_top td {
	border:none;
}

.td1,.td2,.td3 {vertical-align: middle;}

.td1 {width:25%;}

.td3 {
	width:20%;
	text-align: center;
}

@media only screen and (max-width: 768px) {

/*横768ピクセル以下の時の指定をここに記述*/
.td1 {width:15%;}
.td3 {width:10%;}

}



@media only screen and (max-width: 480px) {

/*横480ピクセル以下の時の指定をここに記述*/
.td1 {width:26%;}
.td3 {width:16%;}

}