@charset "utf-8";
/* CSS Document */
html{
	font-size: 1vw;
}
header#header{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 4rem;
}
header#header #logo{
	margin: 1rem 0 1rem 1rem;

}
#top{
	background-color: #FFE900;
	margin-bottom: 0;
	padding-bottom: 6rem;
}
.item{
	background-color: #FFF;
	border-radius: 4rem;
	width: 90%;
	margin: 2rem auto 5rem auto;
	padding: 4%;
	box-sizing: border-box;
}
.item .name{
	width: 100%;
	text-align: left;
	padding-bottom: 4rem;
}
.item .name a{
	font-size: 5.5rem;
	color: #333;
	font-weight: bold;
	display: block;
	float: left;
}
.item .name img{
	width: 60%;
	float: right;
}
.item table.spec{
	border: 1px solid #DDD;
	border-collapse: collapse;
	width: 100%;
	margin: 4rem auto;
}
.item table.spec th{
	border: 1px solid #DDD;
	border-collapse: collapse;
	font-size: 3rem;
	text-align: center;
	font-weight: normal;
	padding: 1.5rem;
	background-color: #F5F5F5;
	width: 23%;
	box-sizing: border-box;

}
.item table.spec td{
	border: 1px solid #DDD;
	border-collapse: collapse;
	font-size: 3rem;
	font-weight: bold;
	text-align: left;
	padding: 1.5rem;
	width: 27%;
	box-sizing: border-box;
}
.item table.spec td .convenience{
	margin:0;
	padding:0;
	margin-left:.1em;
}
.item table.spec td .convenience li{
	float:left;
	height:1.1em;
	margin-right:0.4em;
	line-height:1;
}
.item .points .title{
	color: #00479D;
	font-weight: bold;
	font-size: 4.3rem;
	background-image: url(../../../img/Sp/Category/cat48/4.png);
	background-position: left bottom 1.5rem;
	background-repeat: no-repeat;
	background-size: 4.8% auto;
	text-align: left;
	padding: 3rem 0 0 5rem;
	margin-top: 4rem;
	border-top: .3rem dotted #CCC;
}
.item .points .title:first-child{
	border: none;
	padding-top: 0;
}
.item .points .inner{
	border-left: .3rem solid #00479D;
	width: 95%;
	margin: -1.4rem auto 0 auto;
	text-align: left;
	padding: 3rem 0 0 3rem;
	box-sizing: border-box;
	color: #111;
}
.item .points .inner .text{
	font-size: 3.2rem;
}
.item .points .inner .text span{
	font-weight: bold;
	color: #F43333;
}
.item .points .inner .annotation{
	font-size: 2.4rem;
}
.item a.app{
	margin-top: 6rem;
	display: block;
}
#mid{
	background-color: #F5F5F7;
	padding: 2rem 5%;
}
#mid img{
	margin-bottom: 5rem;
}
#bot{
	background-color: #FFE900;
	margin-top: 0;
	padding: 1rem 0 6rem 0;
}
#annotation{
	color: #666;
	font-size: 2.25rem;
	text-align: left;
	padding: 3%;
}
footer#footer{
	background-color: #00479D;
	color: #FFF;
	padding: 2rem;
	font-size: 2.25rem;
}
footer#footer a{
	color: #FFF;
}