@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  common.css
// style info :  スタイル指定
=================================================================== */
body > img {
	position: absolute;
	z-index: -1;
}

/**********
//general params
**********/
p {
    line-height: 2;
	letter-spacing: .1em;
}
.caption {
    font-size:10px;
    font-weight:400;
    color:#666;
    letter-spacing:0;
    line-height:2;
    text-align:left;
}

a {
    outline:none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
a:link,
a:visited {
    text-decoration: none;
}
a:active,
a:hover {
    text-decoration: none;
}

sup {
    vertical-align:super;
    font-size: .5em;
}

hr {
    margin: 0;
}

.ofh {
	overflow: hidden;
}

.mobile-visible {
	display: none;
}
.mobile .mobile-visible {
	display: block;
}

.responsiveContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.responsiveContainer .embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**********
//fit
**********/
.object-fit-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/*object-position: bottom;
	font-family: 'object-fit: cover; object-position: bottom;';*/
    max-width: inherit !important;
}

/**********
//fadeAnim
**********/
.fadeAnim {
    opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.fadeAnim.is_view {
    opacity: 1;
}
/**********
//fadeScaleAnim
**********/
.fadeScaleAnim {
    opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transform: scale(1.05);
}
.fadeScaleAnim.is_view {
    opacity: 1;
	transform: scale(1);
}
/**********
//fadeTextAnim
**********/
.fadeTextAnim > span {
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.fadeTextAnim > span.is_view {
	opacity: 1;	
}
.fadeTextAnim > span:nth-child(2n) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.fadeTextAnim > span:nth-child(3n+1) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}



/**********
//loading
**********/
#loadingWrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 10000;
	background: #fff;
	display: block;
}
#loadingWrap > div {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	margin: auto;
	padding: 0 15px;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
#progressBarWrap {
	background: #ddd;
	margin: 30px auto 0;
	max-width: 100px;
}
.progressBar {
	display: block;
	background: #222;
	height: 1px;
}
.progressTxt {
	display: block;
	color: #222;
	font-weight: 700;
	line-height: 2;
	height: 20px;
	margin-top: 10px;
}
.introText {
	display: block;
	font-size: 18px;
	line-height: 2;
	margin-top: 30px;
}
.introText .fadeTextAnim {
	opacity: 0;
}
.introText .fadeTextAnim.is_view {
	opacity: 1;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.introText {
	line-height: 1.6;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

/**********
//layout
**********/
.siteLinkItems {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 50;
	background: rgba(255,255,255,1);
	text-align: center;
	max-width: 400px;
	width: 100%;
}
.siteLinkItems > li {
	position: relative;
	display: inline-block;
	width: 50%;
}
.siteLinkItems > li a {
	display: block;
	background: rgba(255,255,255,1);
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}
.siteLinkItems > li a.sales {
	background: #838043;
	color: rgba(255,255,255,1);
}
.siteLinkItems > li a.un {
	background: #80214d;
	color: rgba(255,255,255,1);
}
.siteLinkItems > li a.sales:hover {
	background: rgba(255,255,255,1);
	color: #838043;
}
.siteLinkItems > li a.un:hover {
	background: rgba(255,255,255,1);
	color: #80214d;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.siteLinkItems {
	top: auto;
	bottom: 0;
	max-width: 100%;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.effectWrap {
	position: relative;
	z-index: 10;
	top: 100vh;
}

.contentsWrap {
}
.contentsWrapInner {
	background: rgba(241,241,241,1);
}
.contentsWrapInnerSecond {
	padding-top: 160px;
}

.sectionHdd {
	font-size: 36px;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 1em;
}
.sectionSubHdd {
	font-size: 18px;
}
.bodyTextLarge {
	font-size: 18px;
	margin-bottom: 1em;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.contentsWrapInnerSecond {
    padding-top: 80px;
}
.sectionHdd {
    font-size: 30px;
    line-height: 1.6;
}
.bodyTextLarge {
	font-size: 15px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.sectionItem {
	position: relative;
	padding-top: 160px;
	padding-bottom: 160px;
}
.sectionItem::before {
	content: '';
	position: absolute;
	top: -80px;
	left: 50%;
	z-index: 1;
	background: rgba(104,84,0,1);
	height: 0;
	width: 1px;
	transform: translateX(-50%);
	transition: all 1s ease;
}
.sectionItem.is_view::before {
	height: 160px;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.sectionItem {
	padding-top: 80px;
	padding-bottom: 80px;
}
.sectionItem::before {
	top: -40px;
}
.sectionItem.is_view::before {
	height: 80px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.bnrWrap {
    display: block;
    padding: 160px 20px 0;
    text-align: center;
    margin-bottom: -40px;
}
@media only screen and (max-width: 767px) {
 .bnrWrap {
    padding: 80px 15px 0;
    margin-bottom: -20px;
}  
    
}

.introSection {
	text-align: center;
}
.introSection.sectionItem::before {
	display: none;
}
.introSection .sectionHdd .fadeTextAnimItem02 > span:nth-of-type(1) {
	margin-left: -.5em;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.introSection .sectionHdd .fadeTextAnimItem02 > span:nth-of-type(1) {
	margin-left: 0;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.featureSection .sectionHdd {
	text-align: center;
}
.featureSection .sectionHdd > span:nth-of-type(4) {
	margin-left: -.5em;
}
.featureSection::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	right: 0;
	bottom: 0;
	background: rgba(104,84,0,.05);
	transition: all 1s ease;
}
.featureSection.is_view::after {
	left: 40%;
}
.featureSectionInner {
	position: relative;
	margin-left: 5vw;
	z-index: 10;
}
.featureItem {
	display: flex;
	margin-bottom: 60px;
}
.featureItemDetails {
	background: rgba(255,255,255,1);
	text-align: center;
}
.featureItemDetails > .featureItemDetailsInner {
	display: block;
	padding: 100px 2vw;
}
.featureItemName {
	font-size: 36px;
	line-height: 1;
	letter-spacing: .3em;
}
.featureItemName::after {
	content: attr(data-featureItemName);
	display: block;
	color: rgba(128,33,77,1);
	font-size: 11px;
	line-height: 1;
	letter-spacing: .4em;
	margin: 2em auto;
}
.featureItemName + p {
	margin-bottom: 2em;
}
.featureItemImg {
	display: block;
	text-align: center;
}
.featureItemImg img {
	height: 200px;
	width: auto;
}
@media only screen and (max-width: 991px) {
.featureItem {
	display: block;
}
.featureSection.is_view::after {
    left: 20%;
}
.featureSectionInner {
    margin-left: 5vw;	
    margin-right: 5vw;
}
.featureItemDetailsImg {
	height: 65vw;
}
.featureItemDetails > .featureItemDetailsInner {
    padding: 60px 2vw;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.featureItem {
    margin-bottom: 5vw;
}
.featureItemDetails > .featureItemDetailsInner {
    padding: 40px 2vw;
}
.featureItemName {
    font-size: 26px;
}
.featureItemImg img {
	height: 160px;
	width: auto;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.photoGallerySection {
	text-align: center;
	padding-bottom: 0;
}
.photoGallerySection .sectionHdd .fadeTextAnim02 > span:nth-of-type(1) {
	margin-left: -.5em;
}
.photoGallerySection .sectionHdd .fadeTextAnim03 > span:nth-of-type(1) {
	margin-left: -.5em;
}
.photoGalleryItem {
	padding: 1px;
}
.photoGalleryItem a {
	position: relative;
	display: block;
	height: 418px;
	overflow: hidden;
}
.photoGalleryItem .dummyImg {
	position: relative;
	display: block;
	height: 418px;
	overflow: hidden;
}
.photoGalleryItem a:hover .hoverItem {
	opacity: 1;
}
.photoGalleryItem a img {
	transition: all 1s ease;
}
.photoGalleryItem a:hover img {
	transform: scale(1.1);
}
.hoverItem {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	text-align: center;
	background: rgba(0,0,0,.6);
	opacity: 0;
	transition: all 1s ease;
}
.mobile .hoverItem {
	display: none;
}
.hoverItem .hoverItemDetails {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: rgba(255,255,255,1);
	transform: translateY(-50%);
}
.hoverItem .hoverItemDetails p {
	line-height: 1;
}
.hoverItem .hoverItemDetails p:nth-of-type(1) {
	font-size: 18px;
}
.hoverItem .hoverItemDetails p:nth-of-type(1) span {
	display: block;
	font-size: 14px;
	margin-bottom: .5em;
}
.hoverItem .hoverItemDetails p:nth-of-type(1)::after {
	content: '';
	display: block;
	background: rgba(255,255,255,1);
	margin: 1.5em auto;
	height: 2px;
	width: 20px;
}
@media only screen and (max-width: 1680px) {
.photoGalleryItem a, .photoGalleryItem .dummyImg {
    height: 300px;
}
}
@media only screen and (max-width: 1440px) {
.photoGalleryItem a, .photoGalleryItem .dummyImg {
    height: 260px;
}
}
@media only screen and (max-width: 991px) {
.photoGallerySection .sectionHdd .fadeTextAnim02 > span:nth-of-type(1) {
	margin-left: 0;
}
}
@media only screen and (max-width: 768px) {
.photoGalleryItem a, .photoGalleryItem .dummyImg {
    height: 200px;
}
}
@media only screen and (max-width: 767px) {
.photoGallerySection .sectionHdd .fadeTextAnim03 > span:nth-of-type(1) {
	margin-left: 0;
}
.hoverItem .hoverItemDetails p:nth-of-type(1) {
    font-size: 16px;
	line-height: 1.3;
}
.hoverItem .hoverItemDetails p:nth-of-type(1) span {
    font-size: 12px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.movieGallerySection {
	position: relative;
	text-align: center;
	color: rgba(255,255,255,1);
}
.movieGallerySection::before {
	display: none;
}
.movieGallerySection::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: rgba(0,0,0,.5);
	transition: all 1s ease;
}
.movieGallerySection > div {
	position: relative;
	z-index: 10;
}
.movieGallerySection a {
	display: block;
	transition: all 1s ease;
}
.movieGallerySection a:hover {
	transform: scale(.95);
}
.movieGallerySection .sectionSubHdd {
	margin-bottom: 5em;
}



/*.movieGallerySection iframe {
    width: 100%;
    height: 240px;
}*/
.movieName {
	font-size: 12px;
	margin-top: 1em;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
    .movieGallerySection .row div:nth-of-type(n+1) {
    margin-top: 20px;
    
}
.movieGallerySection a {
	margin-bottom: 20px;
}
    
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.membershipSection {
	text-align: center;
}
.membershipSection.sectionItem {
	padding-bottom: 0;
}
.membershipLogo {
	display: block;
	text-align: center;
	margin-bottom: 60px;
}
.membershipSection .sectionHdd .fadeTextAnimItem02 > span:nth-of-type(1) {
	margin-left: -.5em;
}
.membershipSection .sectionHdd .fadeTextAnimItem02 > span:nth-of-type(5) {
	margin-left: -.5em;
}
.membershipSection .sectionBodyText {
	margin-bottom: 80px;
}
.membershipSectionInner {
	position: relative;
	margin-left: 5vw;
	margin-right: 5vw;
}
.membershipItem > div {
	padding: 1px;
}
.membershipItem > div .membershipItemInner {
	background: rgba(255,255,255,1);
	padding: 50px 1em;
}
.membershipItem > div .membershipItemInner figure {
	margin-bottom: 30px;
}
.membershipItem > div .membershipItemInner p {
	font-size: 18px;
	line-height: 1.6;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.membershipItem > div .membershipItemInner {
	padding: 30px 1em;
}
.membershipItem > div .membershipItemInner p {
    font-size: 16px;
}
.membershipSection .sectionBodyText {
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.siteLinkSection {
	text-align: center;
}
.siteLinkSection.sectionItem {
	padding-top: 100px;
	padding-bottom: 100px;
}
.siteLinkSection.sectionItem::before {
	display: none !important;
}
.siteLinkSectionInner {
	position: relative;
	margin-left: 5vw;
	margin-right: 5vw;
}
.siteLinkBtn {
	position: relative;
	display: block;
	color: #fff;
	font-size: 16px;
    line-height: 1.4;
	height: 120px;
	transition: all 1s ease;
	border: #fff solid 1px;
}
.siteLinkBtn > span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 0 1em;
	transform: translateY(-50%);
}
.siteLinkBtn.sales {
	border-color: #838043;
	background: #838043;
}
.siteLinkBtn.un {
	border-color: #80214d;
	background: #80214d;
}
.siteLinkBtn:hover {
	background: rgba(255,255,255,1);
}
.siteLinkBtn.sales:hover {
	color: #838043;
}
.siteLinkBtn.un:hover {
	color: #80214d;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
.siteLinkBtn.sales {
	margin-bottom: 5vw;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.siteLinkSection.sectionItem {
    padding-top: 60px;
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

.footerLinkSection {
}
.footerLinkSection.sectionItem {
	padding-top: 0;
	padding-bottom: 100px;
}
.footerLinkSection.sectionItem::before {
	display: none !important;
}
.footerLinkSectionInner {
	position: relative;
	font-size: 12px;
	margin-left: 5vw;
	margin-right: 5vw;
}
.footerLinkSectionItems {
	margin-bottom: 60px;
}
.footerLinkSectionItems:nth-of-type(2) {
	margin-bottom: 0;
}
.footerLinkSection hr {
	margin-bottom: 60px;
}
.footerLinkSectionHdd {
	margin-bottom: 2em;
}
.footerLinkSectionHdd a {
	color: #222;
}
.footerLinkSectionSubHdd {
	margin-bottom: 1em;
}
.footerLinkSectionSubHdd a {
	color: #222;
}
.footerLinkSectionSubHdd + ul li {
	margin-bottom: 1em;
}
.footerLinkSectionSubHdd + ul li a {
	color: #222;
	opacity: .6;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
.footerLinkSection.sectionItem {
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}




.contentsDetails {
	position: relative;
	margin: auto;
	margin-bottom: 120px;
	max-width: 1024px;
}

/**********
//renewal page
**********/
html.renewalPage {
    height: auto !important;
}
body#renewalPage {
    height: auto !important;
	padding-bottom: 0 !important;
}
.renewalWrap {
	position: relative;
	height: 100vh;
}
.renewalWrap::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	background: rgba(104,84,0,.05);
}
.renewalWrap > div {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 10;
	transform: translateY(-50%);
	text-align: center;
    padding: 0 9vw;
}
.renewalWrap h1 {
	margin-bottom: 30px;
}
.renewalWrap h1 + p {
	margin-bottom: 30px;
}
.goTopBtn {
	display: block;
	background: rgba(0,0,0,1);
	color: #fff;
	height: 60px;
	line-height: 60px;
	max-width: 300px;
	margin: auto;
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}

/**********************************
//youtube background
**********************************/
#video-background,
#video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
} 
#video-background {
	margin-left: -5%;
  z-index: -1;
} 
#video-overlay {
  z-index: 2;
}

@media only screen and (max-width: 768px) {
#video-background,
#video-overlay {
  position: fixed;
  top: -10% !important;
}
}


.headerLogo {
    position: fixed;
    top: 25px;
    left: 30px;
    z-index: 999;
    width: 100%;
}

.headerLogo figure {

    max-width: 196px;
}

@media only screen and (max-width: 767px) {
    
.headerLogo {
    top: 20px;
    left: 20px;
}
    
    
    
.headerLogo figure {

    max-width: 140px;
}  
}





/**********************************
//kvImg
**********************************/
#kvImg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: url(../../../img/pages/top/kvImg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#kvImg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,.2);
}
@media only screen and (max-width: 768px) {
#kvImg {
  position: fixed;
}
}


.kv_movieOpan {
    display: inline-block;
}


.backgroundMedia .mainImageTextWrap {
position: absolute;
        right: 30px;
    bottom: 50px;
    z-index: 3;
    color: #fff;
    font-size: 3.8rem;
    line-height: 1.3;
    text-align: left;
	text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
}
@media only screen and (max-width: 768px) {
    .backgroundMedia .mainImageTextWrap {
    bottom: 130px;
    }
}

@media only screen and (max-width: 768px) {
    .backgroundMedia .mainImageTextWrap {
    right: 15px;
    bottom: 100px;
}
}

.backgroundMedia .mainImageTextWrap .mainImageTitle {
	letter-spacing: .1em;
        margin-bottom: 15px;
        font-weight: normal;
    font-size: 3.2rem;
}
.backgroundMedia .mainImageTextWrap .mainImageText {
	    font-size: 1.8rem;
	color: #fff;
	letter-spacing: .1em;
}
@media only screen and (max-width: 767px) {
    .backgroundMedia .mainImageTextWrap {
    bottom: 80px;
}
.backgroundMedia .mainImageTextWrap .mainImageTitle {
	    font-size: 2rem;
    margin-bottom: 10px;
}
.backgroundMedia .mainImageTextWrap .mainImageText {
	        font-size: 1.3rem;
}
    
    
}
.movieBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.75);
    z-index: 999;
    transition: .2s;
}
.movieBox.open {
    display: block;
}
.movieBoxWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    margin: 0 auto;
    display: flex;
        flex-wrap: wrap;
    justify-content: space-between;
}
.movieBox .movieBoxWrap > div {
    width: calc(100% / 3);
        padding: 15px;
}
.movieBox .movieBoxWrap .movieName {
    margin-top: 0.6em;
    color: #fff;
    text-align: center;
}

.movieBox::before, .movieBox::after {
  content: "";
    position: absolute;
    top: 40px;
    right: 40px;
    width: 3px;
    height: 30px;
    background: #fff;
    z-index: 2;
}
 
.movieBox::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.movieBox::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

@media only screen and (max-width: 768px) {
.movieBox .movieBoxWrap > div {
    width: calc(100% / 2);
}
    
}
@media only screen and (max-width: 767px) {
    
    .movieBoxWrap {
    padding: 30px;
}
    
    
.movieBox .movieBoxWrap > div {
    width: 100%;
    padding: 4px
}
 .movieBox .movieBoxWrap > div:nth-of-type(n+1) {
     margin-top: 10px;
}   
}



html.fixed, html.fixed body{
    overflow: hidden !important;
}