@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Roboto');


/*============================================================キャンペーンページ PC用============================================================*/
/*----------変数----------*/
/*----------フォント----------*/
/* ゴシック */
section,
section.related h3 div.date,
section h3 {
    font-family: 'Noto Sans JP.trailermovie.video.h360 ul', sans-serif;
}

/* 明朝 */
section.main-header div.ttl,
section h2,
section.character ul li.cha-box p.main-name,
section.character ul li.cha-box p.sub-name,
section.glovalNavi ul li p.menu-en,
section.glovalNavi ul li p.menu-jp,
section.related .related-ttl02 {
    font-family: ‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’, ‘HiraMinProN-W3’, ”メイリオ”, Meiryo, serif;
}

/* セリフ */
/*----------アンカーの微調整----------*/
section.sec01,
section.sec02,
section.sec03,
section.sec05,
section.sec06 {
    margin-top: 4%;
}

.sec03, .sec04 {
  padding: 70px 0;
  box-sizing: border-box;
}

.sp .sec03, .sp .sec04 {
  padding: 1% 0 4%;
  box-sizing: border-box;
}

.w970 {
  width: 970px;
  margin: 0 auto;
  text-align: center;
}

.sp .w970 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 4%;
  box-sizing: border-box;
}

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

.sp .pc-only {
  display: none;
}

.sp .sp-only {
  display: block;
}

section.sec01 h4,
section.sec02 h4,
section.sec03 h4,
section.sec04 h4,
section.sec05 h4,
section.sec06 h4 {
    text-align: center;
    margin-bottom: 1.8rem;
}

section.sec01 h4.ttl-trailor {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/trailor/ttl-trailor.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

section.sec02 h4 {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/intro/ttl-intro.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

section.sec03 h4 {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/story/ttl-story.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

section.sec04 h4 {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/cast/ttl-cast.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

section.sec05 h4 {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/present/ttl-present.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

section.sec06 h4 {
  height: 76px;
  background: url(/static/cpn/ffm000043/img/related/ttl-related.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec01 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-trailor.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec02 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-intro.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec03 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-story.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec04 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-cast.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec05 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-present.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}

.sp section.sec06 h4 {
  margin-top: 2rem;
  height: 0;
  padding-bottom: 12%;
  background: url(/static/cpn/ffm000043/img/nav-related.png) center 0 no-repeat;
  background-size: auto 100%;
  text-indent: -200%;
}



/*----------sp画像調整----------*/
.sp img {
    width: 100%;
}

/*----------hover 透過----------*/

/*a:link, a:active, a:visited {
  color: #fff;
}
*/


/*----------共通----------*/

html {
  font-size: 100%;
  /* つまり16px */
}

/* body {font-size: 16px;} */
/* 16px */

body .container section h5.red {
    background: #f33a03;
}

body .container .btn01 {
    margin: 0 auto 100px;
    text-align: center;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.float-left {
  float: left;
  margin-right: 18px;
}

.float-right {
  float: right;
  margin-left: 18px;
}

.sp .float-left {
  float: none;
  margin-right: 0;
}

.sp .float-right {
  float: none;
  margin-left: 0;
}
.coming-soon {
  color: #fff;
  margin-top: 20px;
  padding: 50px 20px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  border: 2px solid #fff;
}

/*----------フォント----------*/

body .container section .txt20 {
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
}

body .container section .txt20 span {
    color: #fdaf3c;
}

body .container section .caution {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

body .container section .caution .ver02 {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}



a:hover img {
    opacity: .8;
}

a:hover {
  text-decoration: none;
  opacity: .8;
}

/*-------------------------------
ボタン
--------------------------------*/
.button {
    display: block;
    width: 60%;
    margin: 80px auto;
    margin-bottom: 20px;
    padding: 24px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 36px;
    line-height: .8;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: .15s;
    -webkit-transition-property: background-color;
    -ie-border-radius: 5px;
}

.button p {
    z-index: 100;
    display: inline-block;
    margin-left: 30px;
    color: #fff;
    vertical-align: middle;
}


.icon {
    float: right;
    width: 34px;
    height: 34px;
    border-radius: 23px;
    background: #fff;
    -ie-border-radius: 23px;
}

.arrow {
    width: 0;
    height: 0;
    margin: 8px 0 0 13px;
    border-width: 9px 9px 9px 13px;
    border-style: solid;
    -webkit-border-style: solid;
    -moz-border-style: solid;
    -ie-border-style: solid;
}

.arrow .com {
    margin: 10px 0 0 14px;
}

.color {
    border-radius: 10px;
    background-color: #c00;
    box-shadow: 0 5px 0 0 #640000;
    text-align: center;
}

.color:hover {
    box-shadow: 0 2px 0 #640000;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.color .arrow {
    border-color: transparent transparent transparent #c00;
}

.sp .button {
    display: block;
    width: 82%;
    margin: 5% auto 0;
    margin-bottom: 10%;
    padding: 6% 4%;
    text-align: left;
    text-decoration: none;
    font-size: 26px;
    line-height: 1;
}

.sp .button p {
    z-index: 100;
    display: inline-block;
    margin-left: 0;
    color: #fff;
    vertical-align: middle;
}

.sp .icon {
    float: right;
    width: 34px;
    height: 34px;
    border-radius: 23px;
    background: #fff;
    -ie-border-radius: 23px;
}

.sp .arrow {
    width: 0;
    height: 0;
    margin: 8px 0 0 13px;
    border-width: 9px 9px 9px 13px;
    border-style: solid;
    -webkit-border-style: solid;
    -moz-border-style: solid;
    -ie-border-style: solid;
}

.sp .arrow .com {
    margin: 10px 0 0 14px;
}

.sp .color {
    border-radius: 10px;
    background-color: #c00;
    box-shadow: 0 5px 0 0 #640000;
    text-align: center;
}

.sp .color:hover {
    box-shadow: 0 2px 0 #640000;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.sp .color .arrow {
    border-color: transparent transparent transparent #c00;
}

/*-------------------------------------------
--------------------START--------------------
-------------------------------------------*/
/*----------body----------*/
body .container {
    background: url(/static/cpn/ffm000043/img/bg-pattern01.jpg), url(/static/cpn/ffm000043/img/bg-pattern02.jpg), url(/static/cpn/ffm000043/img/bg-pattern02.jpg), #000;
    background-position: center top, center 850px, center 1700px;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

/*-------------------------------
header
--------------------------------*/

/*---- pc ----*/
.main-img {
    height: 546px;
    margin: 0 auto;
    background: url(/static/cpn/ffm000043/img/header-img_pc.jpg) center 0 no-repeat;
    text-align: center;
}

.main-area h4 {
  text-indent: -200%;
  height: 65px;
  margin: 0 auto;
  background: url(/static/cpn/ffm000043/img/copy.png) center 0 no-repeat;
}

.main-contents {
  margin: 0 auto;
  padding-bottom: 80px;
}


/*---- sp ----*/
.sp .main-img {
    width: 100%;
    height: 0;
    padding-bottom: 61%;
    margin: 0 auto;
    background: url(/static/cpn/ffm000043/img/header-img_sp.jpg) center 0 no-repeat;
    background-size: 100% auto;
    text-align: center;
}

.sp .main-area h4 {
  text-indent: -200%;
  height: 0;
  padding-bottom: 21%;
  margin: 0 auto;
  background: url(/static/cpn/ffm000043/img/copy_sp.png) center 0 no-repeat;
  background-size: 100% auto;
}

.sp .main-contents {
  margin: 0 auto;
  padding-bottom: 8%;
}


/*-------------------------------
nav
--------------------------------*/

/*---- pc ----*/
#gnav {
  display:flex;
  flex-flow :row wrap;
  justify-content:flex-start;
  margin: 0.8rem auto;
  padding: 0;
  box-sizing: border-box;
}

#gnav li {
  width : 33.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}

#gnav li a {
  display: block;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  margin-right: 16px;
  padding: 12px 2px;
  border-radius: 8px;
}

#gnav li:nth-child(3n+3) a {
  margin-right: 0;
}

#gnav li a img {
  width: 100%;
}

#gnav li:last-child {
  margin-right: 0;
}

.arrow-down {
  margin: 0 auto;
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid;
  border-color:  transparent transparent #333 #333;
  transform: rotate(-45deg);
}

/*---- sp ----*/
.sp #gnav {
  display:flex;
  flex-flow :row wrap;
  justify-content:space-between;
  margin: 0.4rem auto;
  padding: 0 2%;
  box-sizing: border-box;
}

.sp #gnav li {
  width : 20%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(98% / 2);
  width: calc(98% / 2);
}


/*-------------------------------
trailor
--------------------------------*/

/*---- pc ----*/
#trailor {
  text-align: center;
}

.lead-txt {
  margin-bottom: 48px;
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 45px;
}

/*---- sp ----*/
.sp #trailor {
  text-align: center;
}

.sp .lead-txt {
  margin-bottom: 1.2rem;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2rem;
}

#trailor img {
  width: 80%;
  margin-bottom: 1rem;
}



/*-------------------------------
intro
--------------------------------*/

/*---- pc ----*/
.intro-box {
  margin-bottom: 2rem;
}

.intro-box-area {
  color: #fff;
  text-align: left;
}

.intro-box-area h5 {
  font-size: 1.3rem;
  color: #5ba72e;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.into-explaination {
  margin-top: 0.2rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2rem;
}

.remarkable-caution {
  display: block;
  font-size: 0.9rem;
}

/*---- sp ----*/
.sp .intro-box img {
    margin-bottom: 1rem;
}



/*-------------------------------
story
--------------------------------*/

/*---- pc ----*/
#story {
  height: 590px;
  background: url(/static/cpn/ffm000043/img/story/bg-story.png) center top no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;
}

.story-box {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2.2rem;
  text-align: left !important;
}

#story-img {
  width: 970px;
  display:flex;
  flex-flow :row wrap;
  justify-content:space-between;
  margin: 30px auto 46px;
}

#story-img li {
  width : 20%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(98% / 5);
  width: calc(98% / 5);
}

#story-img li img {
  width: 100%;
}

/*---- sp ----*/
.sp #story {
  height: 0;
  padding-bottom: 174%;
  background: url(/static/cpn/ffm000043/img/story/bg-story.png) center top no-repeat;
  -webkit-background-size:100% auto;
  background-size: contain;
}

.sp #story-img {
  width: 92%;
  margin: 0 auto;
  display:flex;
  flex-flow :row wrap;
  justify-content: start;
  margin: 1.2rem auto 46px;
}

.sp #story-img li {
  width : 33.33333%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(98% / 3);
  width: calc(98% / 3);
  /* margin-bottom: 0.4rem; */
  /* margin-right: 0.4rem; */
}

/*-------------------------------
cast
--------------------------------*/

/*---- pc ----*/
#cast {
  background: url(/static/cpn/ffm000043/img/cast/bg-cast02.jpg) center top repeat-y;
  -webkit-background-size: 130% auto;
  background-size: 130% auto;
}

.cast-box {
  text-align: left;
  display: flex;
  flex-flow :row wrap;
  justify-content:space-between;
}

.cast-box li {
  margin-bottom: 0.6rem;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.8rem;
}

.cast-box li:last-child,
.cast-box li:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0;
}

.story-director {
  margin-top: 1rem;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.8rem;
  text-align: left;
}

.cast-box li img {
  font-size: 1rem;
  width: 184px;
  margin-right: 18px;
}

.cast-box li:nth-child(even) {
  width: 768px;
}

.cast-box li:nth-child(even) h5 {
  color: #d86400;
  font-size: 1.4rem;
  margin-bottom: 0.3rem;
}


/*---- sp ----*/

.sp .cast-box {
  text-align: left;
  display: block;
  flex-flow :row wrap;
  justify-content:space-between;
}

.sp .cast-box li:nth-child(odd) {
  float: left;
  margin-right: 4%;
  margin-bottom: 2%;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.8rem;
  width: 40%;
}

.sp .cast-box li:nth-child(odd) img {
  float: left;
  width: 100%;
}

.sp .cast-box li:nth-child(even) {
  margin: 0 auto 1.2rem;
  width: 100%;
  text-align: left;
}

.sp .cast-box li:nth-child(even):after {
    display: block;
    content: "";
    clear: both;
}

.sp .cast-box li:nth-child(even) h5 {
  color: #d86400;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}

.sp .story-director {
  text-align: left;
}


/*-------------------------------
present
--------------------------------*/

/*---- pc ----*/

.present-box01 {
    position: relative;
    height: 820px;
    background: url(/static/cpn/ffm000043/img/present/present01.png) center top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.present-box02 {
    position: relative;
    height: 840px;
    background: url(/static/cpn/ffm000043/img/present/present02.png) center top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.square_btn01, .square_btn02 {
    position: absolute;
    bottom: 4rem;
    left: 32%;
    display: inline-block;
    padding: 1.2rem 3rem 1rem;
    text-decoration: none;
    background: #54a425;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 8px #397614;
    border-radius: 8px;
}
.square_btn01:active, .square_btn02:active {/*ボタンを押したとき*/
    opacity: 1 !important;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

/*---- sp ----*/
.sp .present-box01 {
    position: relative;
    height: 0;
    padding-bottom: 190%;
    background: url(/static/cpn/ffm000043/img/present/present01_sp.png) center top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.sp .present-box02 {
    position: relative;
    height: 0;
    padding-bottom: 184%;
    background: url(/static/cpn/ffm000043/img/present/present02_sp.png) center top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.sp .square_btn01, .sp .square_btn02 {
    width: 54%;
    position: absolute;
    bottom: 1.6rem;
    left: 10%;
    display: inline-block;
    padding: 1.2rem 3rem 1rem;
    text-decoration: none;
    background: #54a425;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 8px #397614;
    border-radius: 8px;
}

.sp .square_btn01:active, .sp .square_btn02:active {/*ボタンを押したとき*/
    opacity: 1 !important;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

/*-------------------------------
related
--------------------------------*/

/*---- pc ----*/

.related-box {
  display:flex;
  flex-flow :row wrap;
  justify-content: start;
  margin-top: 1rem;
}

.related-box li {
  width : 20%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(98% / 5);
  width: calc(98% / 5);
  margin-right: 1%;
}

.related-box li:nth-child(5n+5) {
  margin-right: 0;
}

.related-box li a {
  display: block;
  font-size: 0.8rem;
}

.related-box li figcaption {
  margin-top: 0.4rem;
  line-height: 1.2rem;
}

.copyright {
  margin-top: 7rem;
  color: #ce6311;
}


/*---- sp ----*/

.sp .related-box {
  display:flex;
  flex-flow :row wrap;
  justify-content: start;
  margin-top: 1rem;
}

.sp .related-box li {
  width : 50%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(96% / 2);
  width: calc(96% / 2);
  margin-right: 2%;
  margin-bottom: 3%;
}

.sp .related-box li:nth-child(5n+5) {
  margin-right: 0;
}

.sp .related-box li a {
  display: block;
  font-size: 0.9rem;
}

.sp .related-box li figcaption {
  margin-top: 0.4rem;
  line-height: 1.2rem;
}

.sp .copyright {
  margin-top: 5%;
  color: #ce6311;
}


/* pagetop */
#pagetop{
    position:fixed;
    right: 2rem;
    bottom: 2rem;
    cursor:pointer;
    z-index: 10;
}






/* /section.related */
/*----------------------------------------------
    cpnInfo
----------------------------------------------*/
.cpnInfo {
    margin: 0 auto;
    padding: 20px 0;
    background: #fff;
    color: #333;
}

.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;
    margin-bottom: 2em;
}

.cpnInfo div.img img {
    width: 100%;
    margin-bottom: 1em;
}

.cpnInfo table {
    max-width: 970px;
    width: 100%;
    margin: 1em auto;
}

.cpnInfo th {
    width: 20%;
    background: #eee;
}

.cpnInfo th.title {
    padding: 10px 0 7px 0;
    background: #c01920;
    color: #fff;
    text-align: center;
    font-size: 150%;
}

.cpnInfo td {
    width: 80%;
}

.cpnInfo table,
.cpnInfo th,
.cpnInfo td {
    padding: 15px;
    border: 1px solid #ccc;
    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;
}

.sp.cpnInfo {
    width: 96%;
    margin: 0 auto;
    background: #fff;
    color: #333;
}

.cpnInfo table,
.cpnInfo th,
.cpnInfo td {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: none;
}

.cpnInfo th,
.cpnInfo td {
    display: block;
    width: 100%;
}

.cpnInfo td {
    margin-bottom: 1em;
}

.cpnInfo th.title {
    font-size: 87%;
}

/*----------------------------------------------
    section.trailer
----------------------------------------------*/

div#movieInfo {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 2vw;
    text-align: center;
}

.sp div#movieInfo {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2vw;
    text-align: center;
}

.trailermovie.video.h360 ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.movieInfo {
    width: 96%;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 1.5px;
    font-weight: 400;
    font-size: 98%;
    line-height: 1.5;
}

/*-------------------------------
TOPへもどる
--------------------------------*/
div.top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 200;
    margin: -3em 0 1em 0;
    text-align: right;
}

.anqure {
    display: none;
}

/*============================================================キャンペーンページ SP用============================================================*/
/*============================================================
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 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    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;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.fitWindows .container div#movieInfo {
    display: block;
    width: 100%;
}

.fitWindows #Rak_Showtime_Top_FBanner {
    display: none;
}

/*# sourceMappingURL=maps/style.css.map */


.cl-wh,a.cl-wh:link, a.cl-wh:active, a.cl-wh:visited{
  color: #fff;
}

/* .cl-wh02,a.cl-wh02:link, a.cl-wh02:active, a.cl-wh02:visited{
  color: #fff;
  text-decoration: underline;
} */
