/*	news
============================== */
body.news article {
background-color: #fff;
    box-sizing: border-box;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
body.news article h2.title { background-color: #000; background-image: url(../img/bg_headline.png); background-repeat: repeat; background-position: center top; border: solid 5px #000; padding: 15px 30px; text-align: left; color: #fff; font-size:1.5em}

body.news .date { color: #edc437; display: block; font-size: 0.7em; }

.newsBlock {padding:30px 40px 30px;}

body.news article h3{ font-size: 1.5em; line-height: 1.8em; font-weight: bold; text-align: center;}
section.txtArea { padding:0.5em 0 1.5em; line-height: 2.0em;}

.bansenBox { border-bottom: solid 1px #000; margin-bottom: 1.5em;}
.bansenTit { font-size: 1.4em; line-height: 1.7em;}
.bansenDate { color: #9f000b;}
.bansen section.txtArea .txt { margin-bottom: 5px;}

.phArea { margin:0 auto 15px auto; text-align:center; }
.ph, .mov { margin:auto; }
.ph p { position:relative; width:100%; height:0; }
.ph p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.mov { width:600px; margin:0 auto 15px auto; }

.btn{background-color:#9f000b; color: #fff; font-weight: bold; padding: 10px 10px; display:block; margin:0 auto; width:20em; font-size:1.2em; text-align:center;}
.btn:hover{background: #be353e; }

.btnBlock { text-align: center}
.multiple {display: inline-block; margin: 0 1em;}
.multiple .btn { width:10em; }

.logo_anzen { margin: 0 auto;}
.logo_anzen img { width: 100%;}

@media all and (max-width: 767px) {
body.news article { margin-bottom: 1.5em; }
body.news article h2.title { padding: 5px 15px; font-size:1.3em}

.newsBlock {padding:1em;}
	
body.news article h3{ font-size: 1.2em; line-height: 1.5em; }

section.txtArea .add { margin-top: -15px; padding: 0 10px;}

.bansenBox { font-size: 0.9em;}
.bansenTit { font-size: 1.2em; line-height: 1.5em;}

.phArea { width:100%; margin:0 0% 15px 0%; }
.ph { width:auto!important; height:auto!important; }
.mov { width:90%; margin:0 auto 1em; }
	
	.btn {  width:90%;}
	.multiple {margin:0.5em auto;}
	
	.logo_anzen {width:95%;}
}

@media all and (min-width: 768px) {
  body.news article {
    padding: 0;
    margin-bottom: 3em;
  }
section.txtArea .add { margin-top: -25px; padding: 0 10px;}	
	
	.logo_anzen {width:500px;}
}

/*	trailer
============================== */
@media all and (max-width: 767px) {
	#trailer, .emb {
		width: 100%;
		position: relative;
		padding: 56.25% 0 0;
		height: 0;
		overflow: hidden;
		height: auto;
		/* margin: 0 auto 1em; */
		box-shadow: none;
	}
	#trailer iframe, .emb iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
  .ph_cut {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
	#trailer {
		width: 600px;
		height: 338px;
		margin: 0 auto;
	}
}

.disc li {
  text-align: left;
}


/*	comment
============================== */
.commentBlock { border: double 3px #d7ac00; padding: 30px 50px 30px; margin-top: 1em;}
.commentBlock h2 {margin-bottom: 0.5em;}
.commentBlock h2 span { font-size:1.4em;}

@media all and (max-width: 767px) {
.commentBlock {padding: 1em 1.5em 1em; margin-top: 0.5em;}
.commentBlock h2 span { font-size:1.2em; line-height: 1.6em;}
}