@charset "UTF-8";

#title {
	background-image: url(../img/location/title.png);
}
#main h2 {margin-bottom: 0.5em;}
#main h3 br.sp {
	display: none;
}

.location #main p {
	margin-bottom: 30px;
}

.img {
	margin:0 auto 90px;
	position:relative;
	text-align:center;
}
.img img {
	width: 100%;
	margin-bottom: 10px;
}

br.br {
	display: none;
}

#main .hakata,
#main .tenjin {
	margin-bottom: 50px;
}
#main .hakata .img,
#main .tenjin .img {
	margin-bottom: 2px;
}
#main .hakata .img img,
#main .tenjin .img img {
	margin-bottom: 0;
}
#main .hakata ul.fbox li,
#main .tenjin ul.fbox li {
	width: calc(100% / 6);
	padding: 2px;
	box-sizing: border-box;
}
#main .hakata ul.fbox li:nth-child(1),
#main .tenjin ul.fbox li:nth-child(1) {
	padding-left: 0;
}
#main .hakata ul.fbox li:nth-child(6),
#main .tenjin ul.fbox li:nth-child(6) {
	padding-right: 0;
}

#main .info {
	letter-spacing:-0.4em;
	margin:0 -10px;
}
#main .info > div {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: calc(50% - 20px);
	margin: 0 10px;
}
#main .info h3 {
	font-size: 18px;
	line-height:1em;
	margin-bottom:1em;
	color: #FFF;
	font-weight:bold;
	box-sizing:border-box;
	padding:0.5em 0.5em 0.5em;
	background-color: #333;
}
.info ul {
	margin-bottom:15px;
}
.info li {
	font-size:14px;
	line-height:1.2em;
	position:relative;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom: 1px solid #666;
}
#main .info li p {
	font-size:14px;
	line-height:1.2em;
	margin:0;
}
#main .info li p br.nbr {
	display: none;
}
.info li span {
	display:block;
	position:absolute;
	color:#000;
	font-size:14px;
	line-height:1.2em;
	top:0;
	right:0;
	/* font-family:'Lato'; */
}
.info li br {
	display: none;
}

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

.hakata br.br2,.tenjin br.br2 {
	display: none;
}
	
}

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

#main h3 .sp {
	display: inline;
}
#main h3 br.pc,#main h3 br.br3 {
	display: none;
}
	
}

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

#main .info li p {
	font-size:12px;
}
.info li span {
	font-size:12px;
}
	
}

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

#main .info {
	margin: 0;
}
#main .info > div {
	display: block;
	width: 100%;
	margin: 0;
}
.img {
	margin-bottom: 60px;
}
#main .info h3 {
	font-size: 16px;
}
#main .hakata .img,
#main .tenjin .img {
	margin-bottom: 1px;
}
#main .hakata ul.fbox li,
#main .tenjin ul.fbox li {
	width: calc(100% / 3);
	padding: 1px;
	box-sizing: border-box;
}
#main .hakata ul.fbox li:nth-child(3n+1),
#main .tenjin ul.fbox li:nth-child(3n+1) {
	padding-left: 0;
}
#main .hakata ul.fbox li:nth-child(3n),
#main .tenjin ul.fbox li:nth-child(3n) {
	padding-right: 0;
}

}/* END max-width:768px; */

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

	.location #main p {
		margin-bottom: 1.5em;
	}
	.img {
		margin:0 auto 45px;
	}
	.info ul.mb0 {
		margin-bottom:0;
	}

}

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

#main .info h3 {
	font-size: 14px;
}
#main .hakata ul.fbox li,
#main .tenjin ul.fbox li {
	padding: 0.5px;
}

}

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

#main h3 br.br {
	display: inline;
}
	
#main .info li p {
	font-size:11px;
}
.info li br {
	display: inline;
}
.info li span {
	font-size:11px;
}
	
#main .info li p br.nbr {
	display: inline;
}
	
}