/*	news
============================== */
body.news article {
}
body.news article h2.title {background-image: url("../img/bg_h2.png"),url("../img/bg_h2.png"); background-repeat: repeat-x,repeat-x; background-position: left bottom, left top; text-align: left; margin-bottom: 1em; color: #000; padding:15px 20px 20px; line-height: 1.4em;}

body.news .date {
color: #f7439c;
font-family: vdl-megag, sans-serif;
font-style: normal;
font-weight: bold;
display: block; font-size: 0.7em;
}

body.news article h3{ color: #009277; font-size: 1.1em; padding-bottom: 5px;}
section.txtArea {line-height: 2.0em; padding:0.5em 0.5em 1.5em;}
.catch { font-size: 1.3em; line-height: 1.7em; font-weight: bold; text-align: center; color:#009277;}

.bansenBox { border-bottom: dotted 2px #ffcce4;}
.bansenTit { text-align: center; font-size: 1.4em; line-height: 1.7em; padding: 1em 0 0em;}
.bansen section.txtArea .txt { margin-bottom: 5px;}

.infoArea { border: solid 2px #ffcce4; padding: 1em; margin: 0 0em; line-height: 1.5em;}
.infoArea h4 { padding-bottom: 0.2em;}
.infoArea div { margin-bottom: 1em;}
.infoArea p, .infoArea dl { padding: 0.2em 1em 0;}
.campaignArea p.txt{ padding: 0 1em 0;}
.infoArea dd {margin-inline-start: 0px;}
.infoArea dl dt, .infoArea dl dd { display: inline-block; vertical-align: top; padding: 0 0 10px 0; }

.campaignArea { border: solid 2px #ffcce4; padding: 0.5em 1em 1em; margin: -1em 0em 1em; line-height: 1.5em;}
.campaignArea .period { font-size:1.15em; color: #d84f8f; padding: 0.2em 1em;}

.phArea { margin:0 auto 15px auto; text-align:center; }
.ph, .mov { margin:auto; border: 2px solid #ed549a; padding: 8px;}
.ph p { position:relative; width:100%; height:0; }
.ph p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; /*background-color:#f0f3f7;*/ background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.mov { width:600px; margin:0 auto 15px auto; }

@media all and (max-width: 767px) {
body.news article { margin-bottom: 1.5em; }
body.news article h2 { padding: 15px 15px 20px;}
body.news article h3{font-size: 1.05em;}
section.txtArea {line-height:1.8em;}
.catch { font-size: 1.1em; line-height: 1.5em; margin-top:0.5em; }

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

.bansenBox { font-size: 0.9em;}
.bansenTit { font-size: 1.2em; line-height: 1.5em;}
	
.infoArea p, .infoArea dl { padding: 0.2em 0em 0;}	
.infoArea dl dt { width:30%;}
.infoArea dl dd { width: 70%;}
	
.campaignArea {padding:0.5em; margin: -0.5em 0.5em 1em;}
.campaignArea .period { font-size:1.1em; padding: 0.2em 0.5em;}

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

@media all and (min-width: 768px) {
  body.news article {
    padding: 0;
    margin-bottom: 3em;
  }
section.txtArea .add { margin-top: -25px; padding: 0 10px;}	
.bansenAdd {margin-bottom: 3em; margin-top: -1.5em; padding: 0 10px;}
	
.infoArea dl dt { width:200px;}
.infoArea dl dd { width: 600px;}

}

/*	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;
}