@charset "UTF-8";
/*
============================================================

キャンペーンページ PC用
セレクタ指定は基本section以下から　.wrapperはセレクタの親から
============================================================
*/

/**/

/* ベースレイアウト PC
------------------------------------------------------------ */
article.contents {
    width: 970px;
    margin: 0 auto;
}
.sp article.contents {
    width: 100%;
    margin: 0 auto;
}
.pc section.main_bnr {
	margin-bottom:1em;
}
.pc section.main_bnr h1 {
	font-size:0;
}
.pc section.main_bnr h1 img {
}
.pc section.banner{
	margin:0 auto 1.5em;
	text-align:center;
}
.pc section.banner p{
	font-size:18px;
	font-weight:bold;
}

.pc section.trailer,
.pc section.story,
.pc section.introduction{
	width:970px;
	letter-spacing:-0.4em;
	margin:0 auto;
	background:#f9f9f9;
	padding:25px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.pc section.trailer div.jacket {
	width:220px;
	height:360px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	background:#FFF;
	padding:45px 0;
	text-align:center;
	margin-right:45px;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pc section.trailer div.jacket h2{
	font-size:16px;
}
.pc section.trailer div.jacket img{
	width:140px;
	margin:15px auto;
	display:block;
}
.pc section.trailer div.jacket a{
	font-size:13px;
}
.pc section.trailer div.trailermovie.video {
	width:640px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}

.pc section.story{
	margin-top:-3px;
}
.pc section.story div.txt{
	width:400px;
	height:500px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	background:#FFF;
	padding:20px;
	margin-right:20px;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pc section.story div.txt h3{
	margin-bottom:25px;
}
.pc section.story div.txt p{
	font-size:14px;
	line-height:1.8;
}
.pc section.story div.img{
	width:499px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}

.pc section.introduction{
	margin-top:-3px;
}
.pc section.introduction div.txt{
	width:390px;
	height:460px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	background:#FFF;
	padding:18px;
	margin-left:20px;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pc section.introduction div.txt p{
	font-size:14px;
	line-height:1.7;
}
.pc section.introduction div.img{
	width:509px;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}
.pc section.introduction p.cast{
	clear:both;
	letter-spacing:normal;
	line-height:1.8;
	color:#666;
	margin:10px 0;
}

.pc section.introduction p.copyright{
	clear:both;
	letter-spacing:normal;
	line-height:2;
	color:#666;
	font-size:10px;
}
.pc .trailermovie {
    display: inline-block;
    width: 640px;
}

.pc section.trailer {
    display: flex;
    justify-content: space-between;
}

/* ベースレイアウト SP
------------------------------------------------------------ */
.sp section img{
	width:100%;
}
.sp article h3{
	margin:1em;
}
.sp section.main_bnr {
	margin-bottom:1em;
}
.sp section.main_bnr h1 {
	font-size:0;
}
.sp section.main_bnr h1 img {
}
.sp section.banner{
	margin:0 auto 1.5em;
	text-align:center;
	width:80%;
}
.sp section.banner p{
	font-size:18px;
	font-weight:bold;
}

.sp section.trailer,
.sp section.story,
.sp section.introduction{
	margin:0 auto 2em;
	width:94%;
	letter-spacing:-0.4em;
	background:#f9f9f9;
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.sp section.trailer div.jacket {
	width:220px;
	letter-spacing: normal;
	display: block;
	vertical-align:top;
	background:#FFF;
	padding:10px 20px;
	text-align:center;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 auto 1em;
}

.sp section.trailer div.trailermovie.video {
	margin:0 auto;
	width:94%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	letter-spacing: normal;
	display: iblock;
	vertical-align:top;
}

.sp section.trailer div.jacket h2{
	font-size:16px;
}
.sp section.trailer div.jacket a{
	font-size:13px;
}
.sp section.story div.txt{
	letter-spacing: normal;
	display: block;
	vertical-align:top;
	background:#FFF;
	padding:20px;
	margin-bottom:1em;
}
.sp section.story div.txt h3{
	margin-bottom:25px;
}
.sp section.story div.txt p{
	font-size:14px;
	line-height:1.8;
}
.sp section.story div.img{

}

.sp section.introduction{
	margin-top:-3px;
}
.sp section.introduction div.txt{
	letter-spacing: normal;
	display: block;
	vertical-align:top;
	background:#FFF;
	padding:20px;
	margin-bottom:1em;
}
.sp section.introduction div.txt p{
	font-size:14px;
	line-height:1.7;
}
.sp section.introduction div.img{
	margin-bottom:1em;
}
.sp section.introduction p.cast{
	clear:both;
	letter-spacing:normal;
	line-height:1.8;
	color:#666;
	margin:10px 0;
}

.sp section.introduction p.copyright{
	clear:both;
	letter-spacing:normal;
	line-height:2;
	color:#666;
	font-size:10px;
}


/*============================================================

player fit

============================================================*/
.fitWindows header {
  display: none;
}
.fitWindows #globalNavi {
  display: none;
}
.fitWindows #headerUtility {
  display: none;
}
.fitWindows footer {
  display: none;
}
.fitWindows article.contents section,
.fitWindows section.cpnInfo,
.fitWindows article.contents h3{
  display: none;
  margin:0;
}
.fitWindows article.contents section.trailer{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.fitWindows div.container section.trailer div,
.fitWindows div.container section.trailer p{
  display: none;
}
.fitWindows article.contents section.trailer{
	background: none;
	padding:0;
	margin:0;
}

.fitWindows article.contents section.trailer div.trailermovie,
.fitWindows article.contents section.trailer li.player,
.fitWindows article.contents section.trailer div#silverlightControlHost {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin:0;
  padding:0;
}

.trailer .snapshot .control {
background: url(../img/play2.png) 50% 50%;
}


/*============================================================

cpnInfo

============================================================*/
.cpnInfo {
  margin: 0 auto;
}
.cpnInfo .header {
  margin-bottom: 1em;
}
.cpnInfo .header img {
  width: 100%;
}
.cpnInfo div.img {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.cpnInfo div.img div {
  background: #edecec;
}
.cpnInfo div.img div a {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 790px;
  margin-bottom: 2em;
}
.cpnInfo div.img img {
  width: 100%;
  margin-bottom: 1em;
}
.cpnInfo table {
  width: 100%;
  max-width:970px;
  margin: 1em auto;
}
.cpnInfo th {
  width: 20%;
  background: #eeeeee;
}
.cpnInfo  th.title {
background: #c01920;
color: #ffffff;
font-size: 150%;
text-align: center;
padding: 10px 0px 7px 0px;
}
.cpnInfo td {
  width: 80%;
}
.cpnInfo table, .cpnInfo th, .cpnInfo td {
border: 1px solid #cccccc;
padding: 15px;
vertical-align: middle;
text-align: left;
line-height: 1.5;
}
.cpnInfo table strong, .cpnInfo th strong, .cpnInfo td strong {
  display: block;
}
.cpnInfo table p, .cpnInfo th p, .cpnInfo td p {
  margin-bottom: 1em;
}
@media screen and (max-width: 641px) {
.cpnInfo table, .cpnInfo th, .cpnInfo td {
width: 94%;
border: none;
padding: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cpnInfo th, .cpnInfo td {
display: block;
width: 100%;
}
.cpnInfo td {
margin-bottom: 1em;
}
.cpnInfo  th.title {
font-size: 100%;
}
}