@charset "utf-8";



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

special共通

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


.posts{
	margin-bottom:20px;
}
.section p,
.intro p{
	text-align:justify;
	text-justify: inter-ideograph;
}
.btnArea{
	width:100%;
	margin-top:20px;
}

.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;
}

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

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

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

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


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

silence

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

#silence{
	-webkit-text-size-adjust: 100%;
}
#silence .caption{
	font-size:1rem;
	font-family: 'arial', serif;
	color:#FFF;
	line-height:1.2;
	text-align:left !important;
}
#silence .megaPhoto{
	margin-bottom:0;
}
#silence .posts{
	border:#000;
	border-radius:0;
	background:#1B1B1B;
	color:#FFF;
	padding:50px 100px;
	font-family: 'Lusitana', serif;
}
#silence .posts p{
	text-align:justify;
	text-justify: inter-ideograph;
}
#silence .posts a{
	text-decoration:underline;
	color:#FFF;
}
#silence .posts .btnTop{
	text-align: right;
	padding:20px 0;
}
#silence .btnTop a{
	display:inline-block;
	background:#474747;
	text-decoration:none;
	height:50px;
	width:50px;
	line-height:50px;
	vertical-align: top;
	text-align:center;
	border-radius:25px;
}
#silence a.heritageTop{
	width:150px;
	margin-right:10px;
}
#silence blockquote{
	width:100%;
	font-size:3rem;
	line-height:4rem;
	margin-top:50px;
}
#silence .posts blockquote p{
	text-align:center;
	padding-top:30px;
}
#silence .silenceNav{
	overflow:hidden;
	position:relativee;
	margin-bottom:80px;
}
#silence .silenceNav li{
	width:32%;
	margin:.5%;
	float:left;
}
#silence .silenceNav a{
	text-align:center;
	color:#FFF;
	font-size:2.5rem;
	font-family: 'Cinzel', serif;
	display:block;
	box-sizing:border-box;
	border:#4C4C4B solid 1px;
	padding:10px 20px;
	transition:linear .2s;
	text-decoration:none;
}
#silence .silenceNav a:hover{
	background:#4C4C4B;
}
#silence h3{
	font-size:3rem;
	text-align:center;
	border-bottom:#4C4C4B solid 1px;
	padding-bottom:1rem;
	font-family: 'Cinzel', serif;
	margin-bottom:5rem;
}
#silence h4{
	font-size:2.6rem;
	text-align:center;
	margin-bottom:2rem;
	font-family: 'Cinzel', serif;
}
#silence .section{
	margin-bottom:2rem;
}

/* story */


#silence .movie p{
	text-align:center;
}

#silence .spotList{
	line-height:1.3;
	text-align:center;
}
#silence .spotList figure{
	width:333px;
	margin:.5%;
	display:inline-block;
	vertical-align:top;
}
#silence .spotList figcaption{
	font-weight:bold;
	display:inline-block;
	padding:1rem 0;
	text-align:left;
}
#silence .otherMovies{
	background:#474747;
	margin:0 -10px;
	padding:20px 20px 0 20px;
	position: relative;
	overflow:hidden;
}
#silence .otherMovies figure{
	width:25%;
	display:block;
	float:left;
	vertical-align:top;
	text-align:center;
}
#silence .otherMovies figcaption{
	display:inline-block;
	padding:1rem 0;
}
#silence .otherMovies figure span{
	height:4rem;
}
#silence .otherMovies figure a,
#silence .otherMovies figure span{
	display:block;
	line-height:1.2;
}
#silence .otherMovies p a{
	clear:both;
	display:block;
	background:#1B1B1B;
	border:#4C4C4B solid 1px;
	text-decoration:none;
	text-align:center;
	line-height:1.2;
	padding:10px;
	transition:linear .2s;
}
#silence .otherMovies h4{
	line-height:1.4;
	font-size:2.5rem;
	margin-bottom:30px;
}
#silence .otherMovies h4 span{
	display:block;
	font-size:1.5rem;
	font-family: 'Lusitana', serif;
}

/* author */
#silence .aboutEndo {
	padding:0 70px;
}
#silence .aboutEndo .photo{
	padding-top:30px;
	padding-right:10px;
}
#silence .aboutEndo h4{
	clear:both;
	margin-top:60px;
}
#silence .aboutEndo h5{
	font-size:2rem;
	margin-bottom:1rem;
	line-height:1;
}
#silence .aboutEndo .row{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#silence .aboutEndo .col{
	width:300px;
	margin:0 20px;
}
#silence .aboutWork h4{
	margin-bottom:100px;
}
#silence .aboutWork h4{
	margin-bottom:70px;
}
#silence .aboutTxt{
	float:left;
	width:420px;
	padding-right:20px;
	margin-left:-30px;
	margin-bottom:145px;
	font-size:1.6rem;
}
#silence .chronology{
	float:right;
	width:418px;
	padding-left:20px;
	border-left:#fff solid 2px; 
	margin-right:-30px;
}
#silence .chronology h5{
	line-height:1.4;
	font-size:1.8rem;
	margin-bottom:30px;
}
#silence .chronology em{
	line-height:1.4;
	font-size:1.4rem;
	font-style: normal;
	color:#66CCFF;
	display:block;
	font-family: 'arial', serif;
}
#silence .chronology em.normal{
	font-style:italic;
	color:#fff;
	display:inline;
}
#silence .chronology dl{
	width:100%;
	position:relative;
	clear:both;
}
#silence .chronology dt{
	margin-right:1rem;
	width:35px;
	float:left;
	line-height:1.2;
}
#silence .chronology .point:after{
	content:"";
	position:absolute;
	left:-29px;
	top:0;
	width:16px;
	height:16px;
	background:#FFF;
	border-radius:8px;
}
#silence .chronology dd{
	font-size:1.3rem;
	line-height:1.2;
	font-family: 'arial', serif;
	width:350px;
	display:block;
	float:left;
	margin-bottom:1rem;
}
#silence .works{
	float:left;
	width:420px;
	padding-right:20px;
	margin-left:-30px;
}
#silence .works div{
	border-top:#4C4C4B solid 1px;
}
#silence .works h5{
	margin-top:20px;
	text-align:center;
	font-size:2rem;
	line-height:1.4;
}
#silence .works h5 em{
	display:block;
	font-size:1.2rem;
	line-height:1.4;
}
#silence .works strong{
	display:block;
	font-weight:normal;
	text-align:center;
	margin-bottom:1.5rem;
}
#silence .works p{
	display:inline-block;
	line-height:1.4;
	margin-bottom:1rem;
	font-family: 'arial', serif;
	font-size:1.2rem;
}
#silence .works .work01{
	padding-bottom:20px;
}
#silence .works .work02{
	padding:20px 0;
	padding-bottom:35px;
}
#silence .works .work03{
	padding:50px 0;
}
#silence .mapHeritage{
	background:url(img/bg_map.png) no-repeat left bottom;
	width:828px;
	height:363px;
	position:relative;
}
#silence .mapLink {
	position:relative;
}
#silence .mapLink li{
	list-style:none;
}
#silence .mapLink li a{
	display:block;
	background:#1B1B1B;
	border:#4C4C4B solid 1px;
	text-decoration:none;
	text-align:center;
	line-height:1.2;
	padding:10px 50px;
	transition:linear .2s;
}
#silence .mapLink li a:hover{
	background:#4C4C4B;
}
#silence .mapLink li a span{
	display:block;
}
#silence .mapLink #link01{
	position:absolute;
	left: 381px;
	top: 167px;
}
#silence .mapLink #link02{
	position:absolute;
	left: 118px;
	top: 321px;
}
#silence .mapLink #link03{
	position:absolute;
	left: 380px;
	top: 320px;
}
#silence .mapLink #link04{
	position:absolute;
	left: 346px;
	top: 65px;
}
#silence .mapLink #link05{
	position:absolute;
	left: 23px;
	top: 163px;
}
/* author */

#silence .silencSpot {
	overflow:hidden;
	position:relative;
}
#silence .silencSpotCol2 {
	overflow:hidden;
	position:relative;
}
#silence #area04{
	float:left;
	width:388px;
}
#silence #area05{
	float:right;
	width:388px;
}
#silence #area05 .fukidashi{
	position:absolute;
	right:7px;
	top:180px;
}
#silence .silencSpotTtl{
	border:#FFF solid 1px;
	line-height:1;
	display:table;
	width:100%;
	box-sizing:border-box;
}
#silence .silencSpotTtl span{
	display:table-cell;
	border-right:1px solid #fff;
	padding:15px 0;
	width:200px;
}
#silence .silencSpotTtlOther{
	border:#FFF solid 1px;
	line-height:1;
	display:table;
	width:100%;
	box-sizing:border-box;
	font-size:2rem;
}
#silence .silencSpotTtlOther span{
	display:table-cell;
	border-right:1px solid #fff;
	padding:15px 0;
	width:100px;
}
#silence .silencSpot figure{
	width:388px;
	float:left;
	position:relative;
	margin:20px 0;
	padding-bottom:20px;
	border-bottom:#4C4C4B solid 1px;
}
#silence .silencSpot figure:nth-child(odd){
	float:right;
}
#silence .silencSpot figure.fL{
	float:left ;
}
#silence .silencSpot figure.fR{
	float:right ;
}
#silence .silencSpot figcaption{
	text-align:center;
	vertical-align: middle;
	line-height:1.2;
	padding:10px 0;
	font-family: 'Cinzel', serif;
}
#silence .silencSpot figure p{
	display:inline-block;
	line-height:1.4;
	margin-top:1.5rem;
	font-family: 'arial', serif;
	font-size:1.2rem;
	margin-bottom:0;
}
#silence .silencSpot figure p img{
	float:left;
	margin-right:1rem;
}
#silence .silencSpot figure strong{
	display:block;
}
#silence .silencSpot figure a{
	display:block;
	font-family: 'arial', serif;
	font-size:1.2rem;
}
#silence .silencSpot .fukidashi{
	position:absolute;
	right:7px;
	top:30px;
}
#silence .posts .otherSpot{
	text-align:center;
}
#silence .otherSpot span{
	display:inline-block;
	border:#4C4C4B solid 1px;
	padding:0 20px;
}