/*	news
============================== */
body.news article {
	background-color: #fff;
    box-sizing: border-box;
	border: solid 4px #000;
}
body.news article h2.title { border-bottom: solid 4px #000; padding: 15px 6em 15px 30px; text-align: left; font-size:1.5em; position: relative;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}

body.news .date {font-family: rig-shaded-bold-face, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 0.8em;
background: linear-gradient(transparent 30%, #fefd02 30%); padding:0 15px 5px;
position: absolute; top:0.5em; right:0px;}

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

body.news article h3{ font-size: 1.8em; line-height: 1.6em; text-align: center;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}
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;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}
.bansenDate { color: #d90000;}
.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; border: solid 3px #000; }
.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 {display: block;
border: solid 4px #000; background-color: #fff;
padding: 10px 10px; margin:0 auto; width:20em; font-size:1.2em;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;
text-align:center;}

.btnBlock { text-align: center; padding: 1em;}

@media all and (min-width: 768px) {
.multiple {display: inline-block; margin: 0 1em;}
.multiple .btn { width:15em; }
}

.interview { display: block; padding-bottom: 1em;}
.interview .interviewQ {color:#e50505;}

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

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

body.news .date {
font-size: 0.8em;
background: linear-gradient(transparent 30%, #fefd02 30%); padding:0 10px 2px;
position: absolute; top:0em; right:0px;}

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:100%; margin:0 auto 1em; }
	
	.btn {  width:90%; height: auto!important;}
	.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 {}
.commentBlock h2 {background: linear-gradient(transparent 20%, #fefd02 20%); padding:0 25px 10px; display: inline-block; margin-bottom: 15px; font-size: 1.8em; line-height: 1.0em;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}
.commentBlock h2 .small { font-size: 0.8em;}

@media all and (min-width: 768px) {
	.commentBlock .comment {display: block;}	
}

@media all and (max-width: 767px) {
.commentBlock {}
.commentBlock h2 { font-size: 1.6em; display: block; text-align: center;}
}

