#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
.kv_area {
	padding:20px 0 45px;
}

.kv_area h2 img {
	width:100%;
	height:auto;
}

.top_area1 .block1 {
	background: url('../images/top/sp_top_area1back.jpg') no-repeat center bottom;
	background-size: 325px 131px;
	padding:0 0 185px;
	position: relative;
}

.listblock_wrap {
	margin:0 0 35px;
}

.listblock_wrap h2 {
	padding:30px 0;
	line-height:1.2;
	text-align: center;
	background-color: #FFF;
	letter-spacing: -8px;
	font-size:3.6rem;
	font-family: "TA-omusubi", serif;
}

.listblock_wrap h2 strong {
	display: block;
	letter-spacing: -10px;
}
				
.listblock_wrap .list_block {
	padding:25px 15px 0;
}

@media screen and (min-width: 350px) {	

	.listblock_wrap h2 {
		padding:40px 0;
		font-size:4.0rem;
	}
				
	.listblock_wrap .list_block {
		padding:25px 25px 0;
	}	
}
				
.listblock_wrap .list_block h3 {
	overflow: hidden;
	background: url('../images/top/sp_top_area1stitle1.png') no-repeat center top;
	background-size: 55px 73px;
	padding: 75px 0 0;
	height: 0!important;
}
			
.listblock_wrap .list_block.east h3 {
	background-image: url('../images/top/sp_top_area1stitle2.png');
}
	
.rank_box {
	margin:0;
	font-size:1.4rem;
}

.rank_box a {
	display: block;
	padding:55px 0 0;
	position: relative;
}
	
.rank_box h4 {
	position: absolute;
	top:-10px;
	left:0;
	overflow: hidden;
	background: url('../images/common/icon_rank1.png') no-repeat;
	background-size: 110px auto;
	padding: 76px 0 0;
	width:110px;
	height: 0!important;
}

.rank_box.rank2 h4 {
	background-image: url('../images/common/icon_rank2.png');
}

.rank_box.rank3 h4 {
	background-image: url('../images/common/icon_rank3.png');
}
						
.rank_box .image {
	margin:0 10px 15px;
}
					
.rank_box .image img {
	width:100%;
	height:auto;
}

.rank_box .title {
	margin:0 0 10px;
	line-height:1.4;
	font-size:1.8rem;
	font-weight: bold;
}

.rank_box .ex {
	margin:0 0 5px;
}
	
.rank_box .more {
	font-size:1.5rem;
	text-align: right;
}

.rank_box .more b {
	display: inline-block;
	padding:0 2px;
	position: relative;
}

.rank_box .more b::after {
	position: absolute;
	left:0;
	bottom:-1px;
	content: '';
	width:100%;
	height:10px;
	background-color: #fff102;
	z-index:-1;	
}

.top_area2 .block1 {	
	border-top:1px solid #4b4b4b;
	margin:0 15px;
	padding:55px 0 35px;
	position: relative;
}

@media screen and (min-width: 350px) {	
				
	.top_area2 .block1 {
		margin:0 25px;
	}
}
	
.top_area2 h2 {
	margin:0 0 40px;
	text-align: center;
	font-size:3.0rem;
	font-family: "TA-omusubi", serif;
	letter-spacing: -2px;
}

.top_area2 .ex p {
	line-height:1.8;
}

.top_area2 .ex p img {
	margin:15px 0 0;
	width:100%;
	height:auto;
}

.top_area3 .block1 {	
	border-top:1px solid #4b4b4b;
	margin:0 15px;
	padding:60px 0 70px;
}

@media screen and (min-width: 350px) {	
				
	.top_area3 .block1 {
		margin:0 25px;
	}
}
	
.top_area3 h2 {
	margin:0 0 40px;
	text-align: center;
	font-size:3.0rem;
	font-family: "TA-omusubi", serif;
	letter-spacing: -2px;
}
				
	.prof_box {
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: 106px 106px;
		margin:0 0 35px;
		padding: 0 0 0 115px;
		min-height:106px;
		font-size: 1.3rem;
	}
	
	.prof_box.prof1 {
		background-image: url('../images/top/sp_top_area3icon1.png');
	}
	
	.prof_box.prof2 {
		background-image: url('../images/top/sp_top_area3icon2.png');
	}
	
	.prof_box.prof3 {
		background-image: url('../images/top/sp_top_area3icon3.png');
		margin:0;
	}
	
	.prof_box h3 {		
		margin:0 0 5px;
		line-height:1.0;
		font-size:2.5rem;
		font-family: "TA-omusubi", serif;
		letter-spacing: -4px;
	}
	
	.prof_box p {
		letter-spacing: -0.5px;
	}


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

	/* 
	========================================================================== */
	.kv_area {
		background: url('../images/top/kv_image.jpg') no-repeat center bottom 80px;
		background-size: 976px 686px;
		margin:0 auto;
		padding:85px 0 50px;
		width:1000px;
		border-bottom:1px solid #989896;
	}
	
	.kv_area.v2 {
		background: url('../images/top/kv_image2.jpg') no-repeat center bottom 80px;
		background-size: 1000px 700px;
	}
	
	.kv_area h2 {
		overflow: hidden;
		background: url('../images/top/kv_logo.png') no-repeat center top;
		background-size: 182px 744px;
		padding: 920px 0 0;
		height: 0!important;
	}
	
	.kv_area.v2 h2 {
		overflow: hidden;
		background: url('../images/top/kv_logo2.png') no-repeat center top;
		background-size: 185px 725px;
	}
	
	.top_area1 .block1 {
		background: url('../images/top/top_area1back.jpg') no-repeat center bottom;
		background-size: 1000px 180px;
		padding:35px 20px 60px;
	}
	
	.listblock_wrap {
		background: url('../images/top/top_area1back2.png') repeat-y center top;
		background-size: 1000px 100px;
		margin:0 0 80px;
		position: relative;
	}
	
	.listblock_wrap h2 {
		position: absolute;
		top:0;
		left:475px;
		padding:0;
		line-height:50px;
		width:50px;
		background-color: transparent;
		letter-spacing: 0;
		font-size:5.0rem;
		font-family: "TA-omusubi2", serif;
	}
	
	.listblock_wrap h2 strong {
		display: inline;
		letter-spacing: 0;
	}
				
	.listblock_wrap .list_block {
		padding:5px 0 0;
		width:410px;
		float:left;
	}
				
	.listblock_wrap .list_block.east {
		float:right;
	}
				
	.listblock_wrap .list_block h3 {
		background: url('../images/top/top_area1stitle1.png') no-repeat center top;
		background-size: 70px 96px;
		padding: 95px 0 0;
	}
				
	.listblock_wrap .list_block.east h3 {
		background-image: url('../images/top/top_area1stitle2.png');
	}
	
	.rank_box a {
		padding:70px 0 0 30px;
	}
	
	.east .rank_box a {
		padding:70px 30px 0 0;
	}
	
	.rank_box h4 {
		background-size: 146px 97px;
		padding: 97px 0 0;
		width:146px;
	}
	
	.east .rank_box h4 {
		left:auto;
		right:0;
	}
						
	.rank_box .image {
		margin:0 0 15px;
	}
	
	.rank_box .title {
		margin:0 0 5px;
		font-size:2.0rem;
	}
	
	.rank_box .more {
		font-size:1.3rem;
	}
	
	.east .rank_box .more {
		text-align: left;
	}
	
	.top_area2 .block1 {	
		margin:0 auto;
		padding:50px 0 50px 295px;
		width:1000px;
	}
	
	.top_area2 h2 {
		position: absolute;
		top:125px;
		left:0;
		margin:0;
		letter-spacing: -1px;
	}
	
	.top_area2 .ex p {
		line-height:2.0;
	}
	
	.top_area3 .block1 {	
		margin:0 auto;
		padding:40px 0 65px;
		width:1000px;
	}
	
	.top_area3 h2 {
		margin:0 0 50px;
		letter-spacing: 0;
	}
				
	.prof_box {
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: 112px 140px;
		padding: 10px 0 0 130px;
		width: 370px;
		min-height:150px;
		font-size: 1.4rem;
		float:left;
	}
	
	.prof_box.prof1 {
		background-image: url('../images/top/top_area3icon1.jpg');
	}
	
	.prof_box.prof2 {
		background-image: url('../images/top/top_area3icon2.jpg');
		background-size: 118px 140px;
		padding: 10px 0 0 135px;
	}
	
	.prof_box.prof3 {
		background-image: url('../images/top/top_area3icon3.jpg');
		width: 260px;
	}
	
	.prof_box h3 {
		display: none;
	}
	
	.prof_box p {
		letter-spacing: -0.5px;
	}
}