@charset "utf-8";



/* --------------------------------------------------

special共通

-------------------------------------------------- */


.posts h3{
	margin-bottom:30px;
}

.posts{
	margin-bottom:20px;
}

.section{
	margin-bottom:20px;
}

.section p,
.intro p{
	text-align:justify;
	text-justify: inter-ideograph;
}

.posts .btnArea{
	width:100%;
	margin-top:20px;
}
.posts .btnAreaR{
	text-align:right;
}

.author{
  clear: both;
  padding: 1em;
  margin-bottom: 0;
  border-top: #CCC dashed 1px;
  border-bottom: #CCC dashed 1px;
}
.author p{
	font-size:.9em;
  margin-bottom: 0;
}

.centred{
	width:800px;
	margin:0 auto;
	margin-bottom:20px;
}

.credit{
	padding:30px;
	font-size:.9em;
}

.credit .photo{
	padding:30px 0;
}

.intro{
	font-weight:bold;
	color:#666;
	line-height:2;
}

.wideL{
	margin-left:-29px;
}

.wideR{
	margin-right:-29px;
}

.wideTop{
	margin-top:-28px;
}

.section ul{
	margin-bottom:20px;
}

.hightlight{
	background:#F5F5F5;
	padding:40px 40px 20px 40px;
	margin-top:30px;
}

.hightlight h3{
	font-weight:bold;
	font-size:1.5em;
	color:#666;
}

a.btnTweet{
	display:inline-block;
	border:#55ACEF solid 2px;
	background:url(https://visit-nagasaki.com/special/beach2016/img/icon_tweet.png) no-repeat 10px center;
	padding:10px;
	padding-left:45px;
	color:#55ACEF;
	font-weight:bold;
}
a.btnVine{
	display:inline-block;
	border:#00B386 solid 2px;
	background:url(https://visit-nagasaki.com/special/beach2016/img/icon_vine.png) no-repeat 10px center;
	padding:10px;
	padding-left:45px;
	color:#00B386;
	font-weight:bold;
}

a.btnTweet:hover,
a.btnVine:hover{
	opacity:0.7;
}


/* --------------------------------------------------

beach2016

-------------------------------------------------- */

#beach2016{
	-webkit-text-size-adjust: 100%;
}


#beach2016 .btnMore {
	display:inline-block;
  padding: 0 30px;
	margin:0 5px;
  clear: both;
  background:#990000;
}

#beach2016 .btnMore:hover {
  background: rgba(153,0,0, 0.3);
}

#beach2016 .intro{
	position:relative;
}
#beach2016 .map {
	background:url(https://visit-nagasaki.com/special/beach2016/img/bg_map.png) no-repeat center top;
	width:100%;
	height:580px;
}

#beach2016 .map a{
	position:absolute;
}

#beach2016 .map #btn01{
	right:659px;
	top:110px;
}
#beach2016 .map #btn02{
	left:-10px;
	top:177px;
}
#beach2016 .map #btn03{
	left:285px;
	top:236px;
}
#beach2016 .map #btn04{
	left:217px;
	top:350px;
}
#beach2016 .map #btn05{
	left:455px;
	top:412px;
}
#beach2016 .map #btn06{
	left:739px;
	top:420px;
}
#beach2016 .map #btn07{
	left:118px;
	top:494px;
}
#beach2016 .map #btn08{
	left:375px;
	top:449px;
}
#beach2016 .map #btn09{
	left:575px;
	top:460px;
}
#beach2016 .map #btn10{
	left:575px;
	top:488px;
}
#beach2016 .map #btn11{
	left:365px;
	top:498px;
}

#beach2016 .intro p{
	position:absolute;
	width:600px;
	left:0;
	top:0;
}

#beach2016 .beachNav li{
	float:left;
	margin-bottom:20px;
}

.spot-box{
	background:#EBF9FE;
	padding:50px 30px 10px;
	margin-right:-29px;
	margin-left:-29px;
	margin-bottom:30px;
}
.spot-title{
	font-weight:bold;
	font-size:1.5em;
	color:#74A7DA;
}