@charset "utf-8";



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

special共通

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


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

.posts{
	margin-bottom:20px;
}

.section{
	margin-bottom:40px;
}

.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(http://visit-nagasaki.com/special/silence2017/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(http://visit-nagasaki.com/special/silence2017/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;
}


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

silence2017

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

#silence2017{
	-webkit-text-size-adjust: 100%;
}
#silence2017 .megaPhoto{
	margin-bottom:-2px;
	left: 1px;
}
#silence2017 .megaPhoto .photo{
	width:1017px;
}
#silence2017 .btnMore {
	display:inline-block;
  padding: 0 30px;
	margin:0 5px;
  clear: both;
  background:#454046;
}
#silence2017 .btnMore:hover {
  background: rgba(69, 64, 64, 1);
}

#silence2017 .intro{
	position:relative;
}
#silence2017 .intro a:link{
	color:#007ACC;
	text-decoration: none;
}
#silence2017 .intro a:hover{
	color:#9A203E;
	text-decoration:none;
}
#silence2017 .map {
	background:url(http://visit-nagasaki.com/special/silence2017/img/bg_map.png) no-repeat center top;
	height:700px;
	margin-right: -29px;
	margin-left: -29px;
	margin-top: -29px;
}

#silence2017 .map a{
	position:absolute;
}

#silence2017 .map #btn01{
	right: 32px;
	top: 400px;
}
#silence2017 .map #btn02{
	left: 425px;
	top: 420px;
}
#silence2017 .map #btn03{
	left: 565px;
	top: 200px;
}

#silence2017 .intro p{
	position:absolute;
	width:360px;
	left:0;
	top:29px;
	color:#fff;
}
#silence2017 .intro p:nth-child(2){
	position:absolute;
	width:360px;
	left:0;
	top:360px;
}
#silence2017 .beachNav li{
	float:left;
	margin-bottom:20px;
}

#silence2017 .spot-box{
	background:#BDBBAA;
	padding:50px 30px 10px;
	margin:-29px -29px 30px -29px;
}
#silence2017 .spot-title{
	font-weight:bold;
	font-size:1.5em;
	color:#333333;
}
#silence2017 .notice{
	text-align:right;
}
#silence2017 .goto_map {
	background:url(http://visit-nagasaki.com/special/silence2017/img/goto_map.png) no-repeat center top;
	width:100%;
	height:580px;
}
#silence2017 .caption_wrapper{
	width:960px;
	overflow:hidden;
	margin-bottom:0;
}
#silence2017 .caption_wrapper li{
	display:block;
	float:left;
	text-align:right;
	width:316px;
	line-height: 1.6;
	}
#silence2017 .photo p{
	display:block;
	float:left;
	text-align:right;
	width:320px;
	line-height: 1.6;
	}
#silence2017 .goto_map p {
	width:355px;
}
#silence2017 .photo p:last-child{
	width:340px;
}
#silence2017 .photo img:last-child{
	margin-bottom:0px;
}