@charset "UTF-8";
/*-------------------------------
共通設定
--------------------------------*/
article.contents {
	width: 970px;
	margin: 0 auto;
}
.sp article.contents {
	width: 100%;
	margin: 0 auto;
}
#ffm000021 .container {
	width: 100%;
	margin: 0 auto 100px;
	background: #03192a url(/static/cpn/ffm000021/img/mainBg_02.jpg) repeat;
	color: #fff;
}
.sp#ffm000021 .container {
	width: 100%;
	margin: 0 auto;
}

#globalNavi.naviFixed {
	display: none;
}
#ffm000021 .container a:hover {
	opacity: .6;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		  -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
}
.present .presentBox h4 a:hover{
		opacity: .6;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		  -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
}
div.top {
	position: fixed;
	right: 10px;
	bottom: 100px;
	margin: -3em 0 1em 0;
	text-align: right;
}
/* 画像が暗いので弱めに個別調整 */
#ffm000021 .snapshot .control {
	opacity: .3;
}
#ffm000021 .snapshot .control:hover {
	opacity: 1;
}
/*----------------------------------------------
section #hederG
----------------------------------------------*/
.buyNow {
	margin: 35px 0;
	text-align: center;
}
section.glovalNavi ul {
	display: -webkit-box;
	display:         flex;
	display: -webkit-flex;

	-webkit-box-pack: justify;
			  justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
section.glovalNavi ul li {
	display: inline-block;
	line-height: 0;
	-webkit-box-flex: 1;
	flex: auto;
	-webkit-flex: auto;
	height: 60px;
}

section.glovalNavi ul li a {
	display: block;
	color: #fff;
	font-size: 21px;
	line-height: 60px;
	position: relative;
	padding-left: 27px;
	z-index: 999;
}
/*section.glovalNavi ul li a:before {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 50%;*/
	/*   background: -webkit-gradient(radial, 49% 50%, 0, 49% 50%, 123, color-stop(.88, rgba(255, 255, 255, 0)), color-stop(.00, #fff));
	background: -webkit-radial-gradient(49% 50%, circle, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 88%);
	background:    -moz-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);
	background:      -o-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);
	background:     -ms-radial-gradient(49% 50%, circle, rgba(255, 255, 255, 0) 0%, #fff 88%);
	background:         radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);*/
/*	background: -webkit-gradient(radial, 49% 50%, 0, 49% 50%, 123, color-stop(1.00, #fff), color-stop(.48, rgb(255, 255, 255)), color-stop(.00, #fff));
	background: -webkit-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, .56) 48%, rgba(255, 255, 255, 0) 100%);
	background:    -moz-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
	background:      -o-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
	background:     -ms-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
	background:         radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
	box-shadow: 0 0 10px #fff;
	content: "";
}*/
#ffm000021 section.glovalNavi ul li a:hover{
	opacity:1;
}
section.glovalNavi ul li a:hover:after {
   display: inline-block;
   content: url(/static/cpn/ffm000021/img/light.png);
   width: 213px;
   height: 55px;
   position: absolute;
   left: -17px;
   top: 0;
   z-index: -1;
}
section.glovalNavi ul li a:before {
   display: inline-block;
   content: url(/static/cpn/ffm000021/img/kirakira.png);
   width: 60px;
   height: 60px;
   position: absolute;
   left: -17px;
   top: 0;
   -webkit-animation: blink 4s linear 0s infinite;
   -moz-animation: blink 4s linear 0s infinite;
   -ms-animation: blink 4s linear 0s infinite;
   -o-animation: blink 4s linear 0s infinite;
   animation: blink 4s linear 0s infinite;
   z-index: 0;
}
section.glovalNavi ul li a:hover:before {
	-webkit-animation: star 1s ease-in-out 0s 1;
		-moz-animation: star 1s ease-in-out 0s 1;
		 -ms-animation: star 1s ease-in-out 0s 1;
		  -o-animation: star 1s ease-in-out 0s 1;
			  animation: star 1s ease-in-out 0s 1;
}
section.glovalNavi ul {
	box-sizing: border-box;
	width: 970px;
	margin: 0 auto 3px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
/*----------------------------------------------
section.trailer
----------------------------------------------*/
section.trailer,
section.introdct,
section.story,
section.chara,
section.related_works {
	margin-bottom: 2px;
	padding-top: 20px;
	background: #fff url(/static/cpn/ffm000021/img/str_gr.jpg) repeat-x;
	color: #000;
	text-align: center;
}
.trailTTL h1,
.trailTTL h2,
.introdct h1,
.introdct h2,
.introdct h3,
.story h1,
.story h2,
.chara h1,
.related_works h1 {
	overflow: hidden;
	height: 36px;
	background: url(/static/cpn/ffm000021/img/trailer.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
.trailTTL h2 {
	height: 73px;
	margin: 20px 0;
	background: url(/static/cpn/ffm000021/img/trailttl.png) no-repeat center;
}
.trailermovie.video.h360 {
	width: 820px;
	margin: 0 auto 5px;
}
.tralerAria li:first-child {
	margin-right: 8px;
}
p.movieTtl {
	padding-bottom: 34px;
	font-size: 18px;
	text-align: center;
}
.tralerAria {
	width: 820px;
	margin: 0 auto;
	letter-spacing: -.4em;
}
.tralerAria li {
	display: inline-block;
	width: 405px;
	letter-spacing: 0;
}
.tralerAria li a {
	display: block;
	position: relative;
}
.tralerAria li a:after {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/cpn/ffm000021/img/plev.png) no-repeat center 40%;
	background-size: 70px;
	content: "";
}
/*----------------------------------------------
section.introdct
----------------------------------------------*/

section.introdct h1 {
	margin-bottom: 30px;
	background: #fff url(/static/cpn/ffm000021/img/introduction.png) no-repeat;
}
section.introdct h2 {
	height: 43px;
	background: #fff url(/static/cpn/ffm000021/img/introTtl1.png) no-repeat center;
}
section.introdct h3 {
	height: 57px;
	margin-bottom: 30px;
	background: #fff url(/static/cpn/ffm000021/img/introTtl2.png) no-repeat center;
}
.introFig {
	padding: 0 30px 50px;
	text-align: left;
}

.introFig div {
	display: inline-block;
	width: 350px;
	vertical-align: top;
}
.introFig div.introTxt {
	width: 534px;
	margin-right: 20px;
	font-size: 17px;
	line-height: 1.8;
}

p.movieIntro {
	margin-bottom: 20px;
}
/*----------------------------------------------
section.story
----------------------------------------------*/

section.story h1 {
	margin-bottom: 20px;
	background: url(/static/cpn/ffm000021/img/storyTtl.png) no-repeat;
}
section.story h2 {
	margin-bottom: 30px;
	background: url(/static/cpn/ffm000021/img/storytext.png) no-repeat center;
}

p.storyDetail {
	width: 904px;
	margin: 0 auto 20px;
	font-size: 17px;
	text-align: left;
	line-height: 1.8;
}
.movieCap {
	padding-bottom: 50px;
}
/*----------------------------------------------
section.chara
----------------------------------------------*/
section.chara h1 {
	margin-bottom: 25px;
	background: url(/static/cpn/ffm000021/img/chara.png) no-repeat;
}
/*----------------------------------------------
section.related_works
----------------------------------------------*/
section.related_works h1 {
	margin-bottom: 25px;
	background: url(/static/cpn/ffm000021/img/relatedMovie.png) no-repeat;
}
section.related_works h2 {
	margin-bottom: 25px;
	font-size: 26px;
}
/*----------------------------------------------
section.related_works_list
----------------------------------------------*/

.appearancePerson {
	display: -webkit-box;
	display:         flex;
	display: -webkit-flex;
	padding: 0 30px;
	text-align: left;

			  flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
			  justify-content: space-around;
	-webkit-justify-content: space-around;
			  flex-wrap: wrap;
	-web-kit-flex-wrap: wrap;
}
.appearancePerson figcaption {
	width: 93%;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}

.appearancePerson figure:last-child {
	margin-right: 33%;
}
.appearancePerson figure {
	display: inline-block;
	width: 33%;
	margin-bottom: 40px;
	-webkit-box-flex: 1;
	flex: auto;
	-webkit-flex: auto;
	vertical-align: top;
}
span.character.name {
	display: block;
	color: #f0141e;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
}
.related_Marvel {
	display: -webkit-box;
	display:         flex;
	display: -webkit-flex;
	padding-bottom: 25px;

			  flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
			  justify-content: space-around;
	-webkit-justify-content: space-around;
}
.related_Marvel dl {
	display: inline-block;
	width: 19%;
	vertical-align: top;
	letter-spacing: -1px;
	font-size: 90%;
	margin-bottom: 1%;
}

.related_Marvel dt img {
	width: 76%;
	margin-bottom: 14px;
	border: solid 1px #000;
	-webkit-box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
		-moz-box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
			  box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
}
.present_list {
	display: -webkit-box;
	display:         flex;
	display: -webkit-flex;
	width: 880px;
	height: 269px;
	margin: 0 auto 30px;
	padding: 15px;
	background: #fff;
	text-align: center;

	-webkit-box-pack: justify;
			  justify-content: space-around;
	-webkit-justify-content: space-around;
}
.present_list figcaption {
	width: 100%;
	margin-bottom: 15px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}
.present figure {
	display: inline-block;
	width: 20%;

	-webkit-box-flex: 1;
			  flex: auto;
	-webkit-flex: auto;
}
section.present {
	margin-top: 1%;
	margin-bottom: 2%;
	border: solid 4px #f0141e;
	border-top: none;
}
.presentBox {
	width: 100%;
	padding-top: 20px;
	background: url(/static/cpn/ffm000021/img/str_red.jpg) repeat-x;
}
.presentBox h1,
.presentBox h2 {
	overflow: hidden;
	height: 36px;
	margin-bottom: 35px;
	background: url(/static/cpn/ffm000021/img/present.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
.present .presentBox h2 {
	background: url(/static/cpn/ffm000021/img/present.png) no-repeat;
}
.present .presentBox h2 {
	height: 87px;
	background: url(/static/cpn/ffm000021/img/preTxt_1.png) no-repeat center;
}
h3.presenttxt {
	width: 895px;
	height: 48px;
	margin: 0 auto 30px;
	font-size: 17px;
	line-height: 1.7;
}
.present .presentBox h4 {
	text-align: center;
}

p.limitted {
	margin-bottom: 22px;
	font-size: 17px;
	text-align: center;
}
.into_copyright {
	text-align: center;
	line-height: 2;
	font-size: 90%;
}
.pc p.movieIntro_3 {
    letter-spacing: 1px;
    margin: 2% 0;
    font-size: 110%;
}
/*--------------------------------------------------------------
	 SP
---------------------------------------------------------------*/
@media screen and (max-width:641px) {
			#ffm000021 img {
				width: 100%;
			}
			/*----------------------------------------------
			section #hederG
			----------------------------------------------*/
			 .buyNow {
				margin: 3% 2%;
				text-align: center;
			}
			 section.glovalNavi ul {
				display: -webkit-box;
				display:         flex;
				display: -webkit-flex;

				-webkit-box-pack: justify;
						  justify-content: flex-start;
				-webkit-justify-content: flex-start;
			}
			 section.glovalNavi ul li {
				display: inline-block;
				line-height: 0;

				-webkit-box-flex: 1;
						  flex: auto;
				-webkit-flex: auto;
			}
			 section.glovalNavi ul li a {
				display: block;
				color: #fff;
				color: #fff;
				font-size: 22px;
				line-height: 44px;
			}
			 section.glovalNavi ul li a:before {
				display: inline-block;
				width: 1em;
				height: 1em;
				border-radius: 50%;
				/*   background: -webkit-gradient(radial, 49% 50%, 0, 49% 50%, 123, color-stop(.88, rgba(255, 255, 255, 0)), color-stop(.00, #fff));
				background: -webkit-radial-gradient(49% 50%, circle, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 88%);
				background:    -moz-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);
				background:      -o-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);
				background:     -ms-radial-gradient(49% 50%, circle, rgba(255, 255, 255, 0) 0%, #fff 88%);
				background:         radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, 0) 88%);*/
				background: -webkit-gradient(radial, 49% 50%, 0, 49% 50%, 123, color-stop(1.00, #fff), color-stop(.48, rgb(255, 255, 255)), color-stop(.00, #fff));
				background: -webkit-radial-gradient(49% 50%, circle, #fff 0%, rgba(255, 255, 255, .56) 48%, rgba(255, 255, 255, 0) 100%);
				background:    -moz-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
				background:      -o-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
				background:     -ms-radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
				background:         radial-gradient(49% 50%, circle, #fff 0%, #fff 48%, #fff 100%);
				box-shadow: 0 0 1% #fff;
				content: "";
			}
			 section.glovalNavi ul li a:before {
				-webkit-animation: star 1s ease-in-out 0s 1;
					-moz-animation: star 1s ease-in-out 0s 1;
					 -ms-animation: star 1s ease-in-out 0s 1;
					  -o-animation: star 1s ease-in-out 0s 1;
						  animation: star 1s ease-in-out 0s 1;
			}
			 section.glovalNavi ul {
				box-sizing: border-box;
				width: 97%;
				margin: 0 auto 3px;
				border-top: 2px solid #fff;
				border-bottom: 2px solid #fff;
			}
			/*----------------------------------------------
			section.trailer
			----------------------------------------------*/
			 section.trailer,
			 section.introdct,
			 section.story,
			 section.chara,
			 section.related_works {
				margin-bottom: 2px;
				padding: 2% 0 1%;
				padding-top: 3%;
				background: #fff url(/static/cpn/ffm000021/img/str_gr.jpg) repeat-x;
				color: #000;
				text-align: center;
			}
			 .trailTTL h1,
			 .trailTTL h2,
			 .introdct h1,
			 .introdct h2,
			 .introdct h3,
			 .story h1,
			 .story h2,
			 .chara h1,
			 .related_works h1 {
				overflow: hidden;
				height: 5vw;
				background: url(/static/cpn/ffm000021/img/trailer.png) no-repeat;
				background-size: contain;
				text-indent: 100%;
				white-space: nowrap;
			}
			 .trailTTL h2 {
				height: auto;
				margin: 2% 0;
				background: url(/static/cpn/ffm000021/img/trailttl.png) no-repeat center;
				background-size: contain;
			}
			#ffm000021 div.container article.contents section.trailer div.trailermovie {
				width: 96%;
				margin: 0 auto 5px;
				line-height: 0;
			}
			 .tralerAria li:first-child {
				margin-right: 8px;
			}
			 p.movieTtl {
				display: inline-block;
				width: 40%;
				padding: 6% 0 0 2%;
				padding-bottom: 3%;
				font-size: 18px;
				font-size: 114%;
				text-align: center;
				text-align: left;
				vertical-align: top;
			}
			 .tralerAria {
				width: 96%;
				margin: 0 auto;
				letter-spacing: -.4em;
			}
			 .tralerAria li {
				display: block;
				width: 100%;
				letter-spacing: 0;
			}
			 .tralerAria li a {
				display: inline-block;
				position: relative;
				width: 60%;
			}
			 .tralerAria li a:after {
				display: inline-block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(/static/cpn/ffm000021/img/plev.png) no-repeat center 40%;
				background-size: 40px;
				content: "";
			}
			/*----------------------------------------------
			section.introdct
			----------------------------------------------*/

			 section.introdct h1 {
				margin-bottom: 3%;
				background: #fff url(/static/cpn/ffm000021/img/introduction.png) no-repeat;
				background-size: contain;
			}
			 section.introdct h2 {
				height: 6vw;
				background: #fff url(/static/cpn/ffm000021/img/introTtl1.png) no-repeat center;
				background-size: contain;
			}
			 section.introdct h3 {
				height: 7.9vw;
				margin-bottom: 3%;
				background: #fff url(/static/cpn/ffm000021/img/introTtl2.png) no-repeat center;
				background-size: contain;
			}
			 .introFig {
				padding: 0 3% 5%;
				text-align: left;
			}
			 .introFig div {
				display: inline-block;
				width: 100%;
				vertical-align: top;
			}
			 .introFig div.introTxt {
				width: 100%;
				margin-right: 2%;
				font-size: 96%;
				line-height: 1.6;
			}
			 p.movieIntro {
				margin-bottom: 2%;
			}
			/*----------------------------------------------
			section.story
			----------------------------------------------*/

			 section.story h1 {
				margin-bottom: 2%;
				background: url(/static/cpn/ffm000021/img/storyTtl.png) no-repeat;
				background-size: contain;
			}
			 section.story h2 {
				margin-bottom: 3%;
				background: url(/static/cpn/ffm000021/img/storytext.png) no-repeat center;
				background-size: contain;
			}
			 p.storyDetail {
				width: 90%;
				margin: 0 auto 2%;
				font-size: 96%;
				text-align: left;
				line-height: 1.6;
			}
			 .movieCap {
				padding-bottom: 5%;
				letter-spacing: -.4em;
			}
			 .movieCap img {
				width: 50%;
				letter-spacing: 0;
			}
			 .movieCap img:first-of-type {
				width: 100%;
			}
			/*----------------------------------------------
			section.chara
			----------------------------------------------*/
			 section.chara h1 {
				margin-bottom: 2%;
				background: url(/static/cpn/ffm000021/img/chara.png) no-repeat;
				background-size: contain;
			}
			/*----------------------------------------------
			section.related_works
			----------------------------------------------*/
			 section.related_works h1 {
				margin-bottom: 2%;
				background: url(/static/cpn/ffm000021/img/relatedMovie.png) no-repeat;
				background-size: contain;
			}
			 section.related_works h2 {
				margin-bottom: 2%;
				font-size: 120%;
			}
			/*----------------------------------------------
			section.related_works_list
			----------------------------------------------*/
			 
			 .appearancePerson {
				display: -webkit-box;
				display:         flex;
				display: -webkit-flex;
				padding: 0 1%;
				text-align: left;

						  flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-webkit-box-pack: justify;
						  justify-content: space-around;
				-webkit-justify-content: space-around;
						  flex-wrap: wrap;
				-web-kit-flex-wrap: wrap;
			}
			 .appearancePerson figcaption {
				width: 93%;
				color: #333;
				font-size: 83%;
				font-weight: normal;
				line-height: 1.6;
			}
			 .appearancePerson figure:last-child {
				margin-right: 34%;
			}
			 .appearancePerson figure {
				display: inline-block;
				width: 30%;
				margin-right: 1%;
				margin-bottom: 4%;

				-webkit-box-flex: 1;
						  flex: auto;
				-webkit-flex: auto;
			}
			 span.character.name {
				display: block;
				color: #f0141e;
				font-size: 93%;
				font-weight: bold;
				line-height: 1.3;
			}
			 .related_Marvel {
				display: -webkit-box;
				display:         flex;
				display: -webkit-flex;
				padding-bottom: 2%;

						  flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-webkit-box-pack: justify;
						  justify-content: space-around;
				-webkit-justify-content: space-around;
			}
			 .related_Marvel dl {
				display: inline-block;
				width: 30%;
				font-size: 90%;
				margin-bottom: 3%;
			}
			 .related_Marvel dl:last-child {
				margin-right: 66%;
			}
			 .related_Marvel dt img {
				width: 76%;
				margin-bottom: 14px;
				border: solid 1px #000;
				-webkit-box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
					-moz-box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
						  box-shadow: 5px 5px 1px rgba(150, 150, 150, .65);
			}
			 .present_list {
				display: -webkit-box;
				display:         flex;
				display: -webkit-flex;
				width: 88%;
				height: auto;
				margin: 0 auto 3%;
				padding: 15px;
				background: #fff;
				text-align: center;

				-webkit-box-pack: justify;
						  justify-content: space-around;
				-webkit-justify-content: space-around;
						  flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
			}
			 .present_list figcaption {
				width: 100%;
				margin-bottom: 15px;
				color: #333;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.6;
			}
			 .present figure {
				display: inline-block;
				width: 40%;

				-webkit-box-flex: 1;
						  flex: auto;
				-webkit-flex: auto;
			}
			 section.present {
				margin-top: 1%;
				margin-bottom: 2%;
				border: solid 4px #f0141e;
				border-top: none;
			}
			 .presentBox {
				width: 100%;
				padding-top: 2%;
				background: url(/static/cpn/ffm000021/img/str_red.jpg) repeat-x;
			}
			 .presentBox h1,
			 .presentBox h2 {
				overflow: hidden;
				height: 36px;
				margin-bottom: 3%;
				background: url(/static/cpn/ffm000021/img/present.png) no-repeat;
				background-size: contain;
				text-indent: 100%;
				white-space: nowrap;
			}
			 .present .presentBox h2 {
				background: url(/static/cpn/ffm000021/img/present.png) no-repeat;
			}
			 .present .presentBox h2 {
				height: 10.5vw;
				background: url(/static/cpn/ffm000021/img/preTxt_1.png) no-repeat center;
				background-size: contain;
			}
			 h3.presenttxt {
				width: 89%;
				height: auto;
				margin: 0 auto 3%;
				font-size: 100%;
				line-height: 1.7;
			}
			 .present .presentBox h4 {
				padding: 2%;
				text-align: center;
			}
			 p.limitted {
				margin-bottom: 2%;
				font-size: 17px;
				text-align: center;
			}
			 .into_copyright {
				text-align: center;
				line-height: 2;
			}
			section.detailPageonly img{
				width:100%;
			}
			section.detailPageonly.present figure img {
			    width: 60%;
			}

}
/*----------------------------------------------
section #hederG
----------------------------------------------*/

/*============================================================
player fit
============================================================*/
.fitWindows header {
	display: none;
}
.fitWindows #globalNavi {
	display: none;
}
.fitWindows #headerUtility {
	display: none;
}
.fitWindows footer {
	display: none;
}
.fitWindows article.contents section {
	display: none;
	margin: 0;
}
.fitWindows article.contents section div#movieInfo .trailTTL {
	display: none;
	margin: 0;
}
.fitWindows article.contents section.trailer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.fitWindows article.contents section.trailer h2,
.fitWindows div.container section.trailer div.txt,
.fitWindows div.container section.trailer div.notice {
	display: none !important;
}
.fitWindows article.contents section.trailer {
	margin: 0;
	padding: 0;
	background: none;
}
.fitWindows article.contents section.trailer div.trailermovie,
.fitWindows article.contents section.trailer li.player {
	display: block;
}
.fitWindows article.contents section.trailer div.trailermovie,
.fitWindows article.contents section.trailer li.player,
.fitWindows article.contents section.trailer div#silverlightControlHost {
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.fitWindows .container div#movieInfo {
	display: block;
	width: 100%;
}
.fitWindows #Rak_Showtime_Top_FBanner {
	display: none;
}

/* cpnInfo
------------------------------------------------------------*/
.cpnInfo table a{border-bottom:1px solid #ff5722;color:#5eb5f8}.cpnInfo{margin:0 auto 20px}.cpnInfo .header{margin-bottom:1em}.cpnInfo .header img{width:100%}.cpnInfo div.img{max-width:980px;width:100%;margin:0 auto}.cpnInfo div.img div{background:#edecec}.cpnInfo div.img div a{display:block;max-width:790px;width:80%;margin:0 auto 2em}.cpnInfo div.img img{width:100%;margin-bottom:1em}.cpnInfo table{max-width:970px;width:100%;margin:0 auto}.cpnInfo th{width:20%;background:#0d426b}.cpnInfo .title{max-width:970px;width:100%;margin:0 auto;padding:10px 0 7px;background:#c01920;color:#fff;font-size:130%;text-align:center}.cpnInfo td{width:80%}.cpnInfo table,.cpnInfo td,.cpnInfo th{padding:15px;border:1px solid #ccc;text-align:left;vertical-align:middle;line-height:1.5}.cpnInfo table strong,.cpnInfo td strong,.cpnInfo th strong{display:block}.cpnInfo table p,.cpnInfo td p,.cpnInfo th p{margin-bottom:1em}@media screen and (max-width:641px){.cpnInfo table,.cpnInfo td,.cpnInfo th{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:94%;padding:5px;border:none}.cpnInfo td,.cpnInfo th{display:block;width:100%}.cpnInfo td{margin-bottom:1em}.cpnInfo .title{margin:0 auto 2%;font-size:100%}#ffm000021 .container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}
@keyframes star{0%{transform:translate(0,0)}100%{opacity:0;transform:translate(8em,0)}}@-moz-keyframes star{0%{-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(8em,0)}}@-webkit-keyframes star{0%{-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(8em,0)}}@-o-keyframes star{0%{-o-transform:translate(0,0)}100%{opacity:0;-o-transform:translate(8em,0)}}@-ms-keyframes star{0%{-ms-transform:translate(0,0)}100%{opacity:0;-ms-transform:translate(8em,0)}}@-webkit-keyframes blink{0%{content:url(/static/cpn/ffm000021/img/kirakira_r.png)}100%{opacity:0;content:url(/static/cpn/ffm000021/img/brink_wh.png)}}@keyframes blink{0%{content:url(/static/cpn/ffm000021/img/kirakira_r.png)}100%{opacity:0;content:url(/static/cpn/ffm000021/img/brink_wh.png)}}@-moz-keyframes blink{0%{content:url(/static/cpn/ffm000021/img/kirakira_r.png)}100%{opacity:0;content:url(/static/cpn/ffm000021/img/brink_wh.png)}}




/*detailPageonly*/
section.present.detailPageonly {
    background: #03192a;
    color:#fff;
}
section.cpnInfo.detailPageonly th {
    background: #edecec;
}
section.present.detailPageonly p.atten a {
    display: inline-block;
    width: 15em;
    color: #fff;
    border: 2px solid #771E2B;
    border-radius: 2px;
    margin-left: 38%;
    line-height: 44px;
    text-align: center;
    margin-bottom: 2%;
}
section.present.detailPageonly p.atten {
    text-align: right;
    padding-right: 1em;
}