@charset "UTF-8";

/*
font-family:'Helvetica LT W01 Light';
font-family:'Helvetica LT W01 Roman';
font-family:'Helvetica LT W01 Bold';
font-family:'Helvetica LT W01 Light Cond';
font-family:'Helvetica LT W01 Condensed';
font-family:'Helvetica Rounded LT W01 Bold';
font-family:'Helvetica LT W01 Bold Cond';
font-family:'Futura LT W01 Book';
font-family:'Futura LT W01 Light Oblique';
font-family:'Futura LT W01 Medium';
font-family:'Futura LT W01 Medium Oblique';
*/

/* ------------------------------------
vertical alignment styles
------------------------------------ */
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }

img { max-width: 100%; height: auto; }
html { height: 100%;  }
body { font-size: 10px; height: 100%; position: relative; background: #000; }


a, .a { color: #456823; outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:hover { text-decoration: none; cursor: pointer; color: #666; }

p a { text-decoration: underline; }

.fixed-header {}
.fixed-header .header { position: fixed; }
.fixed-header .main {  padding-top: 72px; }

.backstretch { width: 100%; height: 100%; position: fixed;  }

.youtube { display: none;  ___position: absolute; }

/* ------------------------------------
main
------------------------------------ */

.main { margin-top: 0; position: relative; height: 100%; background-color: rgba(0,0,0,0.2); } /* position: relative; height: 100%; */


/* ------------------------------------
header
------------------------------------ */

.header-image { display: block; position: absolute; top:0; width: 100%; height: 100%; background: url(../images/xs/10.jpg) center center; background-size: cover;}
.header-blank { width: 100%; height: 100%; display: table; text-align: center; }

.header-bluelug { text-align: center; margin: 0; position: absolute; top: 14px; width: 100%; }
.header-bluelug img { height: 22px; }

.header-title-row { display: table-row; height: 100%; }
.header-title { vertical-align: middle; margin: 0; display: table-cell; }
.header-title img { }

.header-text { position: relative; width: 100%; bottom: 56px;  }
.header-text p { font-size: 2.1em; margin: 0; font-weight: bold; text-align: center; color: #FFF; letter-spacing: 2px; font-family:'Futura LT W01 Book'; }


.front-scroll-down { width: 100%; height: 60px; text-align: center; position: fixed; bottom: 24px; z-index: 999; }
.front-scroll-down img { width: 95px; 
    -webkit-animation:blink 0.6s ease-in-out infinite alternate;
    -moz-animation:blink 0.6s ease-in-out infinite alternate;
    animation:blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}


img.responsive {}

.anim { transition: .8s; }
.anim-fadein { opacity: 0; transition: .8s; }
.anim-fadein-show { opacity: 1.0; }
.anim-delay-300 { transition-delay: 0.3s;  }
.anim-delay-600 { transition-delay: 0.6s;  }
.anim-delay-900 { transition-delay: 0.9s;  }
.anim-delay-1200 { transition-delay: 1.2s;  }
.anim-delay-1800 { transition-delay: 1.8s;  }
.anim-delay-2400 { transition-delay: 2.4s;  }


/* ------------------------------------
section
------------------------------------ */

.section { padding: 0; margin: 0; padding-bottom: 48px; background-color: rgba(0,0,0,1); }
.section.section-image { width: 100%; }
.section-image { height: 100%; padding: 0; background: rgba(33,33,33,1) no-repeat center center; background-size: cover;}
.col.section-image { }

.section-header { padding: 48px 0; }
.section-header p { text-align: center; }

h3.section-title-en { font-family:'Futura LT W01 Book'; font-weight: normal; color: #999; font-size: 2.0em; text-align: center; margin: 0 0 24px; } 

.section-blank { height: 780px; }
.section-blank-title { height: 820px; }
.section-blank-title-title { background: #938f89; text-align: center; padding: 128px 0; }

p { font-size: 1.4em; font-family: sans-serif; line-height: 1.8em; }

.section-body { margin: auto; }

/* ------------------------------------
section-image
------------------------------------ */
.section-image { height: 580px; }
.section-image-h { height: 800px; }

.section-image-align-top { background-position: center top; }
.section-image-align-bottom { background-position: center bottom; }
.section-image-align-left { background-position: left center; }
.section-image-align-right { background-position: right center; }

.col.section-image { height: 480px; }

/* ------------------------------------
intro
------------------------------------ */
.section-intro { padding: 24px 0; }

.section-intro h2,
.section-intro h3 { font-size: 1.0em; color: #FFF; margin: 0 0 12px; font-family:'Futura LT W01 Book'; }
.section-intro h2.section-intro-title .affinity { font-size: 1.8em;  }
.section-intro h2.section-intro-title .anthem { font-size: 3.6em; }
.section-intro h3 { font-size: 2.0em; }
.section-intro p { color: #CCC; font-size: 1.4em; line-height: 1.6em; }


/* ------------------------------------
movie
------------------------------------ */
.section-movie { padding: 32px 0; }


/* ------------------------------------
gallery
------------------------------------ */
.section-gallery { padding: 32px 0; }


/* ------------------------------------
spec
------------------------------------ */
.section-spec { padding: 24px 0; }
.section-spec .spec-table { margin-left: 10px;}
.section-spec h3 { color: #FFF; font-size: 2.4em; font-family:'Futura LT W01 Medium'; letter-spacing: 1px;  }
.section-spec h4 { color: #FFF; font-size: 1.8em; font-family:'Futura LT W01 Medium';}
.section-spec h4 .wo-tax { font-size: 0.8em; }
.section-spec table { width: 100%;  }
.section-spec table th, 
.section-spec table td { font-size: 1.4em; text-align: left; padding: 6px 8px; vertical-align: middle; color: #FFF; border-bottom: #333 solid 1px; }
.section-spec table th { font-weight: bold; }
.section-spec table td {  }
.section-spec table .brooklyn { font-size: 1.6em; }
.section-spec .img-wrapper { padding: 24px 0; }



/* ------------------------------------
common / title 
------------------------------------ */
.section-title {  display: table; }
.section-title .cell { width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: table-cell; vertical-align: middle; text-align: center; }
.section-title .title { color: #FFF; text-align: center; font-size: 2.8em; font-family:'Futura LT W01 Medium'; border-bottom: #FFF solid 2px; }

.page-navigation h4 { color: #FFF; font-family:'Futura LT W01 Book'; text-align: center; margin: 24px 0;}
.page-navigation .section-title { height: 180px;  }
.page-navigation .section-title .cell { }
.page-navigation .section-title .cell:hover { border: #FFF solid 8px; background-color: rgba(0,0,0,0.3); }
.page-navigation .section-title .title { font-size: 2.4em; border-bottom: #FFF solid 2px; }

.viewmore .button { padding: 8px 2em; display: inline-block; border: #FFF solid 3px; color: #FFF; text-align: center; font-size: 1.8em; font-family:'Futura LT W01 Medium'; }
.viewmore .button:hover,
.viewmore .button.isopen { background-color: rgba(255,255,255,1); color: #000; }


/* ------------------------------------
shop
------------------------------------ */

.section-shop { background: #000; padding-top: 32px; }

.section-shop .col:nth-child(4n+1) { clear: both; }
.section-shop .item { margin-bottom: 10px; height: auto; background: no-repeat;}
.section-shop .item a { color: #DDD; display: inline; }
.section-shop .item h3 { font-size: 1.4em; margin: 10px 0 6px; font-family:'Helvetica LT W01 Bold'; color: #FFF; }
.section-shop .item p { word-wrap: break-word; color: #DDD; font-size: 1.0em; line-height: 1.5em; }

.section-shop .item-online {}
.section-shop .item-online img { width: 100%; height: 480px; background: url(../images/shop-image-online.png) no-repeat center top; background-size:cover; }


/* ------------------------------------
footer
------------------------------------ */
.footer { padding: 20px; text-align: center;  background: #000; border-top: #333 solid 1px; color: #666; }
.footer a { color: #666; }