@charset "utf-8";
/*九州版マップ*/
.kyusyu_map{
	position:relative;
}
.link_icon{
	position: absolute;
    top: 10px;
    z-index: 10;
    margin: auto;
	width:98%;
    left: 0;
    right: 0;
	-webkit-tap-highlight-color:rgba(255,255,255,.6);
}
.link_icon a{
	float:left;
	width:15%;
	margin:0 1%;
	border-radius:150px;
	text-align:center;
	position:relative;
}
.link_icon a:before{
	content:" ";
	display:block;
	padding-top:100%;
}
.link_icon a:first-of-type{
	margin-left:0;
}
.link_icon a:last-of-type{
	margin-right:0;
}
.link_icon a p{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:85%;
	margin:auto;
	color:#fff;
}
.areaicon_link{
	background:#e7adc3;
}
.genreicon_link{
	background:#b5ddf2;
}
.workicon_link{
	background:#b388b6;
}
.newicon_link{
	background:#c5ddab;
}
.popularicon_link{
	background:#b7afd2;
}
.rankingicon_link{
	background:#f2c1a6;
}
.areaicon_link img{
	width:40%;
	margin:4px 30% 0;
}
.genreicon_link img{
	width:42%;
	margin:4px 29% 0;
}
.workicon_link img{
	width:60%;
	margin:8px 20% 0;
}
.newicon_link img{
	width:63%;
	margin:5px 18.5% 0;
}
.popularicon_link img{
	width:65%;
	margin:6px 17.5% 0;
}
.rankingicon_link img{
	width:62%;
	margin:5px 19% -4px;
}
#fukuoka_popup{
	position:absolute;
	z-index:100;
	top:20px;
	left:0;
	right:0;
	width: 250px;
    margin: auto;
    text-align: center;
	border-radius:3px;
    background: #fff;
    padding: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#fukuoka_popup > a{
	width: 109px;
    float: left;
    padding: 13px 3px;
	border-radius:40px;
    background: #e49d9f;
    color: #fff;
    font-size: 12px;
    margin: 4px;
}
/*ipad縦以上*/
@media screen and (min-width:768px){
	.q_head{
		height:707px !important;
	}
	.link_icon a p{
		top:20px;
	}
	.areaicon_link img{
		width:40%;
		margin:4px 30% 0;
	}
	.genreicon_link img{
		width:42%;
		margin:4px 29% 0;
	}
	.workicon_link img{
		width:60%;
		margin:8px 20% 0;
	}
	.newicon_link img{
		width:63%;
		margin:5px 18.5% 0;
	}
	.popularicon_link img{
		width:65%;
		margin:6px 17.5% 0;
	}
	.rankingicon_link img{
		width:62%;
		margin:5px 19% -4px;
	}
}
/*420px～350px*/
@media screen and (min-width:350px) and (max-width:420px) {
	.link_icon a p{
		font-size: 8px;
		-webkit-transform: scale(0.9);
		-webkit-transform-origin: 0 0;
		right:-10%;
	}
	.link_icon a p img{
	}
	.areaicon_link img{
		width:40%;
		margin:4px 30% 0;
	}
	.genreicon_link img{
		width:42%;
		margin:4px 29% 0;
	}
	.workicon_link img{
		width:60%;
		margin:8px 20% 0;
	}
	.newicon_link img{
		width:63%;
		margin:5px 18.5% 0;
	}
	.popularicon_link img{
		width:65%;
		margin:6px 17.5% 0;
	}
	.rankingicon_link img{
		width:62%;
		margin:5px 19% -4px;
	}
}
@media screen and (max-width:349px){
	.link_icon a p{
		font-size: 8px;
		-webkit-transform: scale(0.9);		
		-webkit-transform-origin: 0 0;
		right:-10%;
	}
}