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

キャンペーンページ PC用

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


/* ベースレイアウト PC
------------------------------------------------------------ */

body#jfm000011 {
   /* background: url(/static/cpn/jfm000011/img/bg_main.jpg) repeat 0 0; */
}
body#jfm000011 .cpnInfo {
   background-color: #fff;
   color: #333;
}
body#jfm000011 footer {
   margin-top: -12px;
   background-color: #fff;
}
body#jfm000011 .container {
   width: 100%;
   margin: 0 auto;
   background: url(/static/cpn/jfm000011/img/bg_main.jpg) repeat 0 0;
}
body#jfm000011.sp .container {
   width: 100%;
   background: url(/static/cpn/jfm000011/img/bg_main.jpg) repeat 0 0;
}
body#jfm000011.sp {
   width: 100%;
   background: url(/static/cpn/jfm000011/img/bg_main_sp_03.jpg) repeat 0 0;
   background-size: 20%;
}
.pc article.contents div.wrapper {
   width: 970px;
   padding: 0;
   color: #fff;
}
.pc section {
   margin-bottom: 20px;
   box-shadow: 0 2px 1px rgba(0, 0, 0, .4);
}
.clearfix:before,
.clearfix:after {
   display: block;
   visibility: hidden;
   height: 0;
   content: "\0020";
}
.clearfix:after {
   clear: both;
}
.clearfix {
   zoom: 1;
}
span.yeHl {
   display: block;
   margin: 0 auto;
   padding: 0;
   text-shadow: #e93079 1px 1px 0, #ce2c6c -1px 1px 0, #e93079 1px -1px 0, #e93079 -1px -1px 0;
   color: #fff;
   font-size: 26px;
   text-align: center;
   letter-spacing: 0;

   filter: dropshadow(color=#e93079,offX= 0,offY=-1)
   dropshadow(color=#e93079,offX= 1,offY= 0)
   dropshadow(color=#e93079,offX= 0,offY= 1)
   dropshadow(color=#e93079,offX=-1,offY= 0);
   -webkit-text-stroke-color: #e93079;
   -webkit-text-stroke-width: 0;
}
.sp span.yeHl {
   margin: 0 auto;
   padding: 2% 0;
   text-shadow: 0 0 0 #ce2c6c;
   color: #fff;
   font-size: 135%;
   font-weight: bold;
   letter-spacing: 0;

   -webkit-text-stroke-color: #e93079;
   -webkit-text-stroke-width: 1px;
}
section.pastWork dl dd span.pastCpn a {
   display: block;
   width: 385px;
   height: 56px;
   border-radius: 2px;
   background-color: #c31301;
   -webkit-box-shadow: 0 1px 3px rgba(4,4,4,.3);
     -moz-box-shadow: 0 1px 3px rgba(4,4,4,.3);
         box-shadow: 0 1px 3px rgba(4,4,4,.3);
   text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
}
/*-----------------------------------------------------------------
section.info
-------------------------------------------------------------------*/
section.main_bnr {
   height: 996px;
   text-align: center;
}
h1 img {
   box-shadow: 0 2px 1px rgba(0, 0, 0, .4);
}
/*-----------------------------------------------------------------
section.info
-------------------------------------------------------------------*/


section.info {
   padding-top: 7px;
   background-color: #000;
   background-image: url(/static/cpn/jfm000011/img/bg_detainTop.png);
   background-repeat: repeat-x;
   background-position: 0 0;
   text-align: center;
}
section.info p.toDetail {
   margin-top: -15px;
   padding: 0 25px 25px;
}
section.info h2 {
   padding: 15px 0;
}
section.info h4 {
   margin-bottom: 15px;
}
section.info .btnAria p {
   display: inline-block;
   width: 425px;
   height: 84px;
   margin: 0 15px 35px;
}
section.info .btnAria a:hover,
section.pastWork dl dd span a:hover {
   opacity: .8;
   text-decoration: none;
   zoom: 1;

      filter: alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}
/*------------------------------------------------------------
      section.movieDetail
------------------------------------------------------------ */
section.movieDetail {
   width: 960px;
   height: 166px;
   margin-bottom: 0;
   padding: 15px 10px 0 0;
   background: #000 url(/static/cpn/jfm000011/img/trailerTtl.jpg) no-repeat 0 0;
   text-align: right;
}
.trailermovie {
    background: #000;
}
/*------------------------------------------------------------
      section.trailer
------------------------------------------------------------ */
section.trailer {
   background: #000;
}
.trailermovie.video.h360 {
    background: #000;
    text-align: center;
}
section.trailer .trailermovie.video {
   width: 785px;
   height: auto;
   margin: 0 auto;
   padding: 40px 0;
}
section.trailer .video #silverlightControlHost {
   height: auto;
}
section.trailer li.videoBox.snapshot.active img {
   width: 785px;
   height: auto;
   vertical-align: bottom;
}
/*------------------------------------------------------------
      section.introduction
------------------------------------------------------------ */
section.introduction {
   padding: 1px 0 20px;
   background: url(/static/cpn/jfm000011/img/bg_intro.jpg) repeat 0 0;
}
section.introduction .movieIntroduction h2 {
   margin: 4px 5px 50px;
}
section.introduction p.movieImage {
   display: inline-block;
   width: 450px;
   padding-left: 30px;
}
section.introduction dl.moviedetailTxt {
   display: inline-block;
   width: 420px;
   margin: 0 30px;
   vertical-align: top;
}
section.introduction .moviedetailTxt dt {
   margin-bottom: 20px;
   padding: 15px  15px 22px;
   background: #000;
   color: gold;
   font-size: 19px;
   font-weight: bold;
   text-align: left;
   line-height: 1.5;
}
section.introduction .moviedetailTxt dd {
   font-size: 14px;
   line-height: 1.8;
   letter-spacing: .1em;
}
section.introduction .moviedetail {
   margin-bottom: 70px;
}
section.introduction div.story {
   padding-top: 55px;
   background: url(/static/cpn/jfm000011/img/bg_story.jpg) no-repeat center -1px;
   text-align: center;
}
section.introduction p.storyTxt {
   width: 780px;
   margin: 470px auto 0;
   padding-bottom: 95px;
   font-size: 14px;
   text-align: left;
   line-height: 2.2;
   letter-spacing: .1em;
}
/*------------------------------------------------------------
      section.pastWork
------------------------------------------------------------ */

section.pastWork {
   margin-bottom: 0;
}
section.pastWork .pastWImage p {
   display: inline-block;
   width: 480px;
}
section.pastWork dl.pastWTxt {
   display: inline-block;
   width: 420px;
   vertical-align: top;
}
section.pastWork dl.pastWTxt dt {
   margin: 30px 30px 40px;
   font-size: 36px;
   font-weight: bold;
   text-align: center;
}
section.pastWork dl.pastWTxt dd {
   font-size: 14px;
   line-height: 2;
   letter-spacing: .1em;
}
section.pastWork dl dd span.detailBtn a {
   display: block;
   width: 385px;
   height: 56px;
   margin-top: 20px;
   border-radius: 2px;
   background-color: #ffc926;
   background-image: -webkit-linear-gradient(bottom, #ffc926, #ffca2b 37%, #fffae9);
   background-image:    -moz-linear-gradient(bottom, #ffc926, #ffca2b 37%, #fffae9);
   background-image:      -o-linear-gradient(bottom, #ffc926, #ffca2b 37%, #fffae9);
   background-image:     -ms-linear-gradient(bottom, #ffc926, #ffca2b 37%, #fffae9);
   background-image:         linear-gradient(to top, #ffc926, #ffca2b 37%, #fffae9);
   -webkit-box-shadow: 0 1px 3px rgba(4,4,4,.3);
     -moz-box-shadow: 0 1px 3px rgba(4,4,4,.3);
         box-shadow: 0 1px 3px rgba(4,4,4,.3);
   text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
   color: #111;
   font-size: 30px;
   text-align: center;

   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffc926', endColorstr='#fffae9');
}
section.pastWork dl dd span.pastCpn a {
   display: block;
   width: 385px;
   height: 56px;
   border-radius: 2px;
   background-color: #c31301;
   -webkit-box-shadow: 0 1px 3px rgba(4,4,4,.3);
     -moz-box-shadow: 0 1px 3px rgba(4,4,4,.3);
         box-shadow: 0 1px 3px rgba(4,4,4,.3);
   text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
   color: #fff;
   font-size: 30px;
   text-align: center;
}
section.pastWork .pastWImage {
   padding: 40px 30px;
   background: #5f9746;
}
section.pastWork dl.pastWTxt_2 {
   display: inline-block;
   width: 420px;
   vertical-align: top;
}
section.pastWork dl.pastWTxt_2 dt {
   margin: 30px 30px 8px;
   font-size: 36px;
   font-weight: bold;
   text-align: center;
}
section.pastWork dl.pastWTxt_2 dd {
   font-size: 14px;
   line-height: 2;
   letter-spacing: .1em;
}
section.pastWork_2 .pastWImage {
   padding: 40px 30px;
   background: #5f9746;
}
section.pastWork .otherIntroduction {
   padding: 65px 30px 40px;
   background: #23a0b6;
}
section.pastWork .otherIntroduction dt {
   display: inline-block;
   width: 440px;
}
section.pastWork .otherIntroduction dd {
   display: inline-block;
   width: 455px;
   padding: 5px;
   text-shadow: 0 2px 0 rgba(6, 50, 114, .8);
   font-size: 30px;
   font-weight: bold;
   vertical-align: top;
}
section.copyRight {
   height: 3em;
   margin: 0;
   padding: 1em;
   background: #fff;
   color: #333;
}
/*----sp-------------------------------------------------------*/
.sp section.main_bnr {
   height: auto;
}
.sp body#jfm000011 .container {
   width: 100%;
}
.sp article.contents div.wrapper {
   width: 100%;
   padding: 0;
   color: #fff;
}
.sp section {
   margin-bottom: 2%;
}
.clearfix:before,
.clearfix:after {
   display: block;
   visibility: hidden;
   height: 0;
   content: "\0020";
}
.clearfix:after {
   clear: both;
}
.clearfix {
   zoom: 1;
}
.sp img {
   width: 100%;
}
/*-----------------------------------------------------------------
.sp section.info
-------------------------------------------------------------------*/
.sp section.info {
   padding-top: 7px;
}
.sp section.info p.toDetail {
   padding: 5%;
}
.sp section.info p.toDetail img {
   /* width:70%; */
   ;
}
.sp section.info h2 {
   padding: 1% 3%;
}
.sp section.info h4 {
   margin-bottom: 1%;
   padding: 1% 3%;
}
.sp section.info .btnAria p {
   display: inline-block;
   width: 70%;
   height: 19.7%;
   height: 86%;
   margin: 0 1% 3%;
}
.sp section.info .btnAria a:hover,
.sp section.pastWork dl.pastWTxt dd span.detailBtn a:hover,
.sp section.pastWork .otherIntroduction dt a:hover {
   opacity: .8;
   text-decoration: none;
   zoom: 1;

      filter: alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}
/*------------------------------------------------------------
      .sp section.movieDetail
------------------------------------------------------------ */
.sp section.movieDetail {
   width: 98%;
   height: 17%;
   margin-bottom: 0;
   padding: 2% 2% 4% 0;
   background: url(/static/cpn/jfm000011/img/trailerTtl_sp.jpg) no-repeat 0 0;
   background-size: contain;
   text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
   color: #feda00;
   font-size: 120%;
}
.sp section.movieDetail h2 {
   width: 77%;
   height: 20%;
   padding-left: 23%;
   font-size: 100%;
}
/*------------------------------------------------------------
      .sp section.trailer
------------------------------------------------------------ */

.sp section.trailer .trailermovie.video {
   width: 80%;
   height: 66%;
   margin: 0 auto;
   padding: 4% 0;
   text-align: center;
}
.sp section.trailer .video #silverlightControlHost {
   height: 400px;
}
.sp section.trailer li.videoBox.snapshot.active img {
   width: 85%;
   height: auto;
   margin: 0 auto;
   vertical-align: bottom;
}
/*------------------------------------------------------------
      .sp section.introduction
------------------------------------------------------------ */
.sp section.introduction {
   padding: 1px 0 2%;
   background-color: #4f332b;
   background-image: -webkit-linear-gradient(top, #5a4b24, #897c59);
   background-image:    -moz-linear-gradient(top, #5a4b24, #897c59);
   background-image:      -o-linear-gradient(top, #5a4b24, #897c59);
   background-image:     -ms-linear-gradient(top, #5a4b24, #897c59);
   background-image:         linear-gradient(to bottom, #5a4b24, #897c59);
}
.sp section.introduction .movieIntroduction h2 {
   margin: 4px 5px 5%;
}
.sp section.introduction p.movieImage {
   display: inline-block;
   width: 85%;
   margin: 0 0 0 7%;
   padding-left: 0;
}
.sp span.trailCaption {
   display: block;
   color: #fff;
   font-size: 85%;
}
.sp section.introduction dl.moviedetailTxt {
   display: inline-block;
   width: 85%;
   margin: 0 0 0 7%;
   vertical-align: top;
}
.sp section.introduction .moviedetailTxt dt {
   margin-bottom: 2%;
   padding: 2%;
   background: #000;
   color: #feda00;
   font-size: 100%;
   font-weight: bold;
   text-align: left;
   line-height: 1.5;
}
.sp section.introduction .moviedetailTxt dd {
   font-size: 100%;
   line-height: 1.3;
   letter-spacing: .1em;
}
.sp section.introduction .moviedetail {
   margin-bottom: 7%;
}
.sp section.introduction div.story {
   padding-top: 3%;
   background: url(/static/cpn/jfm000011/img/bg_papper.png) no-repeat center 68%;
   background-size: contain;
   text-align: center;
}
.sp section.introduction div.story h3 {
   width: 60%;
   margin: 0 auto;
}
.sp section.introduction p.storyTxt {
   width: 92%;
   margin: 0 auto 0;
   padding: 34% 0 14%;
   background: url(/static/cpn/jfm000011/img/bg_story_sp.png) no-repeat center 0;
   background-size: 76%;
   color: rgba(72, 64, 40, .7);
   font-size: 93%;
   text-align: left;
   line-height: 1.3;
   letter-spacing: .1em;

   -webkit-text-stroke-width: 1px;
}
/*------------------------------------------------------------
      .sp section.pastWork
------------------------------------------------------------ */

.sp section.pastWork {
   margin-bottom: 0;
}
.sp section.pastWork .pastWImage p {
   display: inline-block;
   width: 65%;
   margin: 2% 0 2% 17%;
}
.sp section.pastWork dl {
   display: inline-block;
   width: 85%;
   margin: 0 0 0 7%;
   vertical-align: top;
}
.sp section.pastWork dl dt {
   margin: 3% 3% 4%;
   font-size: 200%;
   font-weight: bold;
   text-align: center;
}
.sp section.pastWork dl dd {
   font-size: 100%;
   line-height: 1.3;
   letter-spacing: 1px;
}
.sp section.pastWork dl dd span.detailBtn a,
.sp section.pastWork dl dd span.pastCpn a {
   display: block;
   width: 95%;
   height: 5%;
   margin-top: 2%;
   padding: 3%;
   font-size: 150%;
}
.sp section.pastWork .pastWImage {
   padding: 4% 3%;
   background: #5f9746;
}
.sp section.pastWork .otherIntroduction {
   padding: 8% 3% 3%;
   background: #23a0b6;
}
.sp section.pastWork .otherIntroduction dt {
   display: inline-block;
   width: 80%;
   margin: 0 0 0 10%;
}
.sp section.pastWork .otherIntroduction dd {
   display: inline-block;
   width: 100%;
   margin: 1% 0 0;
   padding: 5px;
   text-shadow: 0 1px 0 rgba(6, 50, 114, .8);
   font-size: 118%;
   font-weight: bold;
   vertical-align: top;
}
.sp section.copyRight {
   height: 2em;
   margin: 0;
   padding: 1em;
   background: #fff;
   color: #333;
}
/*------------------------------------------------------------
      .sp section.trailer
------------------------------------------------------------ */
.sp section.trailer {
   width: 98%;
   margin: 0 auto 3%;
   padding-bottom: 0;
}
.sp .trailermovie.video {
   width: 83%;
   height: 67%;
   margin: 0 auto;
}
.sp li.videoBox.snapshot.active img {
   vertical-align: bottom;
}
/*============================================================

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

cpnInfo

============================================================*/
.cpnInfo{margin:0 auto}.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:#eee}.cpnInfo th.title{padding:10px 0 7px;background:#c01920;color:#fff;font-size:150%;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 th.title{font-size:100%}}
/*terumae*/