@charset "utf-8";
/* CSS Document */

.contBox {
 	width: 100%;
    background-color: #FFF;
    margin-bottom: 10%;
    padding: 8% 0;
 }
.contBox .rank {
 padding-top: 6%;
 width:50%;
 margin:5% auto 2%;
 }
.contBox .sub {
 text-align:center;
 margin-bottom:5%;
 }
.contBox .sub h3 {
	width:96%;
	margin:0 auto 3%;
text-align: center;
 font-size:6vw;
 line-height:1.0em;
 color:#848484;
 font-weight:bold;
 }

.contBox .sub p {
 font-size:12px;
 line-height:1.2em;
 }
.contBox .item {
 margin-bottom:5%;
 }
.contBox .item p {
  font-size: 12px;
  line-height: 1.2em;
  padding-top: 10px;
  text-align: center;
}

.contBox h4 {
 width:90%;
 margin:0 auto 5%;
 font-size:20px;
 line-height:1.3em;
 font-weight:bold;
 }
.contBox h4 .bold{font-weight:bold;}
.contBox h4 .gold{color:#937706;}
.contBox h4 .line{background: linear-gradient(transparent 80%, #ffce0c 80%);}
.contBox .small{font-size:60%;}

.contBox .data {
 width:90%;
 font-size:14px;
 line-height:1.4em;
 margin:0 auto 6%;
	}
.contBox .data dt {
	background-color: #999999;
    padding: 1.5% 0;
    text-indent: 1em;
    color: #FFF;
    font-weight: bold;
	}
.contBox .data dd {
	padding: 4% 0 4% 15%;
    line-height: 1.4em;
    background-repeat: no-repeat;
    background-size: 10% auto;
    background-position: 2% center;
}
.contBox .data dd.icon01{background-image: url("../img/common/top_icon01.png");}
.contBox .data dd.icon02{background-image: url("../img/common/top_icon02.png");}

.contBox .img01{
	margin-bottom: 2%;
    padding: 0 5%;
}

.contBox .review {
 width:90%;
 margin:0 auto;
 }
.contBox .review dt {
 margin-bottom:4%;
 }
.contBox .review dd {
 font-size:15px;
 line-height:1.6em;
 margin-bottom:8%;
 }
.contBox .review strong {
 color:#937706;
 font-weight:bold;
 background:linear-gradient(transparent 80%, #ffce0c 80%);
 }
.contBox .review .small{font-size:70%;}

.contBox .jumpBtn {
 width:90%;
 margin:0 auto;
 padding-bottom:6%;
 }

.contBox .comment{
	padding:0 4% 4%;
	font-size:1rem;
}

.bnrTop{
	margin: 26px 0;
}

.rankTop{
	box-sizing: border-box;
	border-left:solid 3px #c99a35;
	border-right:solid 3px #c99a35;
	border-bottom:solid 3px #c99a35;
}

.rankTop{
	box-sizing: border-box;
	border-left:solid 3px #c99a35;
	border-right:solid 3px #c99a35;
	border-bottom:solid 3px #c99a35;
}

.rankTop .sub h3{color:#005594;}

.rankTop .data dt {
	background-color:#ffce0c;
	color:#212121;
	}

@media screen and (min-width: 641px) {
	.contBox .sub h3{font-size:40px;}
	.contBox h4{font-size:32px;}
	.contBox .comment{font-size:17px;}
}