@charset "utf-8";

/*PCにあたるcss*/
@media (min-width: 834px){
	#page-title, .news-entry-icon, .news-entry-header {
		display: none;
	}
	#container {
		width: 1100px;
		margin: 0 auto;
		padding-bottom: 3em;
	}
	#fvBox {
		margin: 50px 0;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#fvBox::after {
		content: "";
		display: block;
		clear: both;
	}
	#fvBox #box1 {
		float: left;
		width: 770px;
		height: 207px;
	}
	#fvBox #box1 h2 {
		font-size: 280%;
		color: #383838;
		line-height: 1.3;
		padding-right: 0.5em;
	}
	#fvBox #box3 {
		float: left;
		width: 770px;
		height: 193px;
		background-color: #25a8eb;
		color: #FFFFFF;
	}
	#fvBox #box3 dd {
		padding: 1em 0;
		margin: 0 18px;
		border-top: 1px solid #FFFFFF;
	}
	#fvBox #box2 {
		float: right;
		width: 330px;
		height: 400px;
	}
	#bodyTxt {
		font-size: 110%;
	}
	#bodyTxt::after {
		content: "";
		display: block;
		clear: both;
	}
	#bodyTxt h3 {
		color:#00008b;
		font-size:115%;
		font-weight:bold;
		margin-top: 2em;
		margin-bottom: 0.5em;
		clear: both;
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	#bodyTxt p {
		margin-bottom: 1em;
		text-indent: 1em;
	}
	#bodyTxt a {
		text-decoration: underline;
	}
	#bodyTxt img {
		width: auto;
	}
	#bodyTxt .imgLeft {
		width: 40%;
		float: left;
		padding-right: 6em;
		padding-bottom: 1em;
		clear: both;
	}
	#bodyTxt .imgCenter {
		max-width: 80%;
		margin: 0 auto;
		text-align: center;
		clear: both;
	}
	#bodyTxt .imgRight {
		width: 40%;
		float: right;
		padding-left: 6em;
		padding-bottom: 1em;
		clear: both;
	}
	#bodyTxt .imgLeft, #bodyTxt .imgCenter, #bodyTxt .imgRight {
		font-style: oblique;
		font-size: 80%;
		font-weight: bold;
	}
	#bodyTxt .flexList {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#bodyTxt .flexList li {
		padding: 5px 10px;
		margin: 0 5px 10px;
		text-align: center;
		font-style: oblique;
		font-size: 80%;
		font-weight: bold;
	}
	.trailer-link {
		display: none;
	}
}
/*PCにあたるcss ここまで*/

/*SPにあたるcss*/
@media (max-width: 833px){
	#page-title, .news-entry-icon, .news-entry-header {
		display: none;
	}
	#container {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 3em;
	}
	#fvBox {
		margin: 1em 0;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#fvBox #box1 {
		padding: 0 1em;
	}
	#fvBox #box1 h2 {
		font-size: 200%;
		color: #383838;
		line-height: 1.3;
	}
	#fvBox #box1 h2 br {
		display: none;
	}
	#fvBox #box2 {
		width: 60%;
		margin: 1em auto;
	}
	#fvBox #box3 {
		background-color: #25a8eb;
		color: #FFFFFF;
	}
	#fvBox #box3 dt {
		padding: 0.5em 0 0.5em 0.5em;
	}
	#fvBox #box3 dd {
		padding: 0.5em 0;
		margin: 0 1em;
		border-top: 1px solid #FFFFFF;
	}
	#bodyTxt {
		padding: 0 1em;
		font-size: 110%;
	}
	#bodyTxt h3 {
		color:#00008b;
		font-size:115%;
		margin-top: 2em;
		margin-bottom: 0.5em;
		font-weight:bold;
		clear: both;
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	#bodyTxt p {
		margin-bottom: 1em;
		text-indent: 1em;
	}
	#bodyTxt a {
		text-decoration: underline;
	}
	#bodyTxt .imgLeft, #bodyTxt .imgCenter, #bodyTxt .imgRight {
		font-style: oblique;
		font-size: 80%;
		font-weight: bold;
		margin: 1em;
	}
	#bodyTxt .flexList {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#bodyTxt .flexList li {
		padding: 5px 10px;
		margin: 0 5px 10px;
		text-align: center;
		font-style: oblique;
		font-size: 80%;
		font-weight: bold;
	}
	.trailer-link {
		display: none;
	}
}
/*SPにあたるcss ここまで*/