/* Reset */
* {
	margin: 0;
	padding: 0;
	border: none;
}
html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	border-collapse: collapse;
	border-spacing: 0;
	list-style-type: none;
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-size: inherit;
}
img {
	width: 100%;
}
body {
	background: url(../assets/images/top/bg_yosinogari_01.jpg) no-repeat center top;
	width: 100%;
	color: #555;
	font-size: 16px;
}
.pc {
	display: none;
}
.kr {
	display: inline;
	margin-right: -0.5em;
	font-size: inherit;
}
.kl {
	display: inline;
	margin-left: -0.5em;
	font-size: inherit;
}
.kc {
	display: inline;
	margin-left: -0.25em;
	margin-right: -0.25em;
	font-size: inherit;
}
#title {
	font-size: 38px;
	color: #fff;
	margin: 40px auto;
	padding-left: 3%;
}
#subtitle {
	color: #fff;
	text-align: justify;
	padding: 0 20px;
}
.award {
	padding: 0 20px;
	margin: 40px auto;
}
.shinbun {
	display: block;
	margin-bottom: 15px;
}
.shojo {
	width: 60%;
}
#newstext {
	margin: 100px 20px 0;
	padding: 40px 0;
	overflow: scroll;
	background-color: rgba(0, 0, 0, 0.7);
}
#newstextp {
	writing-mode: vertical-rl;
	height: 280px;
	text-align: justify;
	padding: 0 40px;
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
	line-height: 1.4;
	color: #eee;
}
#newstext .kr {
	margin: 0;
	margin-bottom: -0.5em;
}
#newstext .kl {
	margin: 0;
	margin-top: -0.5em;
}
#newstext .kc {
	margin: 0;
	margin-top: -0.25em;
	margin-bottom: -0.25em;
}
.tty {
	display: inline;
	text-combine: horizontal;
	-webkit-text-combine: horizontal;
	-epub-text-combine: horizontal;
	line-height: 1;
	letter-spacing: 1;
	-ms-writing-mode: lr-tb;
	-webkit-writing-mode: horizontal-tb;
	-o-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
}
.activePhoto {
	padding: 0 20px;
	margin-top: 100px;
}
.activePhoto img {
	margin-bottom: 15px;
}
#shinobu {
	padding: 0 20px;
	margin: 0;
}
.sinobupdf {
	margin: 80px 0;
}
#bunkazaiHP {
	text-align: left;
	display: block;
	margin: 30px 0;
}
.sinobu {
	text-align: justify;
	line-height: 1.5;
}
.shinobuh2 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.6;
}
#isekiPDF {
	margin: 80px 0;
	display: block;
}
.heritage {
	display: block;
	text-align: left;
	padding: 0 20px 10px;
	font-size: 14px;
}
.heritage a {
	color: inherit;
}
.thank {
	margin: 0 20px 30px;
	padding: 10px 0 0;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 14px;
}


#yt {
	margin: 80px auto;
}
#yt h2 {
	text-align: left;
}
#yt p {
	font-size: 14px;
	text-align: left;
}
#yt p .ib {
	display: inline-block;

}
#ytbox {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin-top: 30px;
}

#ytbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width:768px) {
	body {
		font-size: 18px;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	#title {
		font-size: 54px;
		margin: 80px auto 40px;
	}
	#subtitle {
		text-align: center;
		margin: 60px auto;
	}
	.award {
		display: flex;
		justify-content: center;
		padding: 0 30px;
		height: 33vw;
		max-height: 440px;
	}
	.award a {
		margin: 0;
		width: auto;
		display: inline;
	}
	.shinbun, .shojo {
		width: auto;
		height: 33vw;
		max-height: 440px;
		margin: 0;
		vertical-align: top;
	}
	.shinbun {
		display: block;
		margin: 0 30px 0 0;
	}
	#newstext {
		margin: 300px 30px 0;
		padding: 45px 40px;
	}
	.activePhoto {
		margin-top: 100px;
	}
	#newstextp {
		padding: 0;
		height: 290px;
		line-height: 1.6;
	}
	.activePhoto {
		padding: 0 30px;
	}
	.activePhotoLeft, .activePhotoright {
		display: flex;
		justify-content: space-between;
	}
	.activePhotoLeft img, .activePhotoright img {
		width: calc(50% - 10px);
	}
	.activePhoto img {
		margin-bottom: 20px;
	}
	#shinobu {
		padding: 0 30px;
	}
	.heritage {
		padding: 0 30px 10px;
	}
	.thank {
		padding: 10px 0 0;
		margin: 0 30px 60px;
	}
	.shinobuh2 {
		font-size: 20px;
	}
	#bunkazaiHP {
		text-align: right;
	}
	#yt {
		margin: 100px auto;
	}
	#ytbox {
		margin-top: 40px;
	}
	#yt p {
		font-size: 16px;
	}

}
@media screen and (min-width:930px) {
	#newstextp {
		height: 360px;
	}
}
@media screen and (min-width:1024px) {
	body {
		font-size: 20px;
	}
	#title {
		font-size: 70px;
		margin: 220px auto 40px;
	}
	#subtitle {
		margin: 60px auto 430px;
	}
	#newstext {
		margin: 60px 0 0;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#newstextp {
		height: 460px;
	}
	.activePhoto {
		padding: 0 80px;
		margin-top: 200px;
	}
	#shinobu {
		padding: 0 80px;
	}
	.sinobupdf {
		margin-bottom: 80px;
	}
	#isekiPDF {
		margin: 100px 0;
	}
	.heritage {
		padding: 0 80px 10px;
	}
	.thank {
		margin: 0 80px 80px;
	}
	.sinobupdf {
		margin: 100px 0;
	}
	.shinobuh2 {
		font-size: 22px;
		margin: 40px auto;
	}
	#yt {
		max-width: 650px;
		margin: 160px auto;
	}
}
@media screen and (min-width:1120px) {
	#newstext {
		margin: 80px auto;
		padding: 40px 0;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#newstextp {
		padding: 0;
		margin: 0;
	}
	#newstextp {
		height: 440px;
	}
}
@media screen and (min-width:1280px) {
	body {
		font-size: 20px;
	}
	#title {font-size: 75px;}
	.activePhoto {
		padding: 0;
		margin: 180px auto 0;
		width: 1100px;
	}
	#shinobu {
		margin: 100px auto 0;
		padding: 0;
		width: 1100px;
	}
	.sinobu {
		letter-spacing: 0.08em;
	}
	.heritage {
		width: 1100px;
		padding: 0 0 10px;
		margin: auto;
	}
	.thank {
		width: 1100px;
		margin: 0 auto 80px;
	}
	.shinobuh2 {
		font-size: 24px;
		margin: 60px auto;
	}
	#newstextp {
		height: 390px;
	}
}

@media screen and (min-width:1800px) {
	body {
		background-size: 100%;
	}

}