@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Karla:400,700);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Pacifico);*/

/*
font-family:'HelveticaNeueW01-85Heav';
font-family:'Helvetica W01 Light';
font-family:'Helvetica W01 Roman';
font-family:'Helvetica W01 Bold';
font-family:'Helvetica W01 Light Cn';
font-family:'Helvetica W01 Cm';
*/


/*same heghit */
.row-full-height { height: 100%; }
.col-full-height { height: 100%; vertical-align: middle; }
.row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; }
.col-height { display: table-cell; float: none !important; }

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

a { color: #333; 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; }

.bx-wrapper .bx-viewport { left: 0!important; border:none!important; box-shadow: none!important; }


/* header */
.header { width: 100%; position: fixed; z-index: 300; }
.header h1 { margin: 0; padding: 0 20px; line-height: 1em; }
.header h1 img {}

.header-nav { }
.header-nav ul { margin: 24px 0; padding: 0; list-style: none; text-align: right; }
.header-nav ul li { display: inline; margin: 0 12px; }
.header-nav ul li a { font-size: 3.2em; color: #FFF; font-family:'LunchBox W01 Regular'; padding: 8px; letter-spacing: 2px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); }

.menu-icon { text-align: right; z-index: 950; }
.menu-icon a { font-size: 3.2em; color: #FFF; padding: 14px 5px; display: inline-block; }
.menu-icon a.hover i { color: rgba(250,192,19,1); }

.info { width: 100%; position: fixed; z-index: 1000; background-color: rgba(0,0,0,0.6); bottom: 0; padding: 12px; color: #fff; font-size: 3.6em; }

/*
.bg-image { width: 100%; height: 100%; position: fixed; background: url(../images/_bg.jpg) no-repeat: ; center center; background-size: cover; }
*/

/*
navy : 0a172f 002868;
yellow : fac013;

pink : ec6a72;
l.gray : a1b2b5;
gray : 2f444e;
*/

/* main */
.main { position: relative; height: 100%; }
.section { padding: 0 0 36px; }
.section-image { height: 100%; border: #FFF solid 14px; padding: 0; background: #FFFFFF no-repeat center center; background-size: cover; }
.section-image .image { width: 100%; height: 100%; background: #FFFFFF no-repeat center center; background-size: cover; opacity: 0;  }
.section-navy { border-color: #1e3863; }
.section-yellow { border-color: #e8bf43; }

.section-image-1 { background-image: url(../images/image-1_blur.jpg); }
.section-image-2 { background-image: url(../images/image-2_blur.jpg); }
.section-image-3 { background-image: url(../images/image-3_blur.jpg); }
.section-image-4 { background-image: url(../images/image-4_blur.jpg); }
.section-image-5 { background-image: url(../images/image-5_blur.jpg); }
.section-image-6 { background-image: url(../images/image-6_blur.jpg); }
.section-image-7 { background-image: url(../images/image-7_blur.jpg); }
.section-image-8 { background-image: url(../images/image-8_blur.jpg); }
.section-image-1 .image { background-image: url(../images/image-1.jpg); }
.section-image-2 .image { background-image: url(../images/image-2.jpg); }
.section-image-3 .image { background-image: url(../images/image-3.jpg); }
.section-image-4 .image { background-image: url(../images/image-4.jpg); }
.section-image-5 .image { background-image: url(../images/image-5.jpg); }
.section-image-6 .image { background-image: url(../images/image-6.jpg); }
.section-image-7 .image { background-image: url(../images/image-7.jpg); }
.section-image-8 .image { background-image: url(../images/image-8.jpg); }

/* logo */
.section-top .image { display: table; width: 100%;  }
.section-top .image .section-logo { display: table-cell; text-align: center; vertical-align: middle; }
.section-top .image .section-logo img { width: 50%;}

/*
font-family:'LunchBox Slab W01 Light';
font-family:'LunchBox Slab W01 Regular';
font-family:'LunchBox Slab W01 Bold';
font-family:'LunchBox W01 Light';
font-family:'LunchBox W01 Regular';
font-family:'LunchBox W01 Bold';
*/

h3.section-title { font-family:'LunchBox Slab W01 Regular'; font-size: 4.2em; text-align: center; ; letter-spacing: 3px; margin: 36px 0; text-transform: uppercase; }


/* about */
.section-about { background: #1e3863; }
.section-about h3 { color: #4a6a9e; }
.section-about h2 { font-family:'LunchBox W01 Bold'; font-size: 5.4em; letter-spacing: 4px; color: #fac013; margin: 32px 0; }
.section-about p { font-size: 1.4em; color: #FFF; margin: 0 10px 0 0;  }
.section-about .review { padding: 24px 0; }
.section-about .review h3 { color:#fac013; font-size: 2.8em; font-family:'LunchBox W01 Bold'; }
.section-about .review .portrait { margin-bottom: 6px; }
.section-about .review .textby { margin-top: 8px; }

/* gallery */
.section-gallery { background: #e8bf43; }
.section-gallery h3 { color: #947927; }
.section-gallery .col { padding-bottom: 10px; }
.section-gallery .col:nth-child(6n+1) { clear: both; }

/* spec */
.section-spec { background: #1e3863; }
.section-spec h3 { color: #4a6a9e; }
.section-spec .image img { margin-bottom: 24px; }
.section-spec .text { padding:0 14px 14px; }

.section-spec h3.oac { font-size: 2.4em; font-family:'Helvetica W01 Roman'; color: #fac013; margin: 0 0 4px; }
.section-spec h4 { font-size: 3.6em; font-family:'Helvetica W01 Bold'; color: #fac013; margin: 0 0 6px; letter-spacing: 2px; }
.section-spec h4 .sml { font-size: 0.5em; font-family:'Helvetica W01 Light'; letter-spacing: 0; }
.section-spec h5 { font-size: 2.4em; font-family:'Helvetica W01 Bold'; color: #FFFFFF; margin: 0 0 24px; }
.section-spec h5 .sml { font-size: 0.6em;  font-family:'Helvetica W01 Light'}
.section-spec ul { padding: 0; margin: 0; list-style: none; }
.section-spec li { color: #FFF; font-size: 1.4em; margin-bottom: 6px; }
.section-spec li a { color: #FFF; text-decoration: underline; }
.section-spec li.buy-online { font-size: 1.4em;  }
.section-spec li.buy-online a { color: #1e3863; text-decoration: none; font-weight: 900; background: #fac013; border-radius: 6px; padding: 10px 32px; margin: 8px 0; display: inline-block; }

.section-spec .buy { padding: 18px; border: #4a6a9e solid 1px; margin: 14px 14px; border-radius: 6px; overflow: hidden; background: url(../images/buy-bg-ojisan.png) no-repeat right bottom; background-size: contain; }
.section-spec .buy .image { float: left; margin-right: 18px; width: 240px; display: none; }
.section-spec .buy .image img { margin-bottom: 0;}
.section-spec .buy ul {}
.section-spec .buy li {}
.section-spec .buy h5 { font-size: 1.4em; font-family:'Helvetica W01 Roman'; color: #FFF; display: inline-block; letter-spacing: 2px; margin: 0 0 4px; }
.section-spec .buy h4 { color: #DFF; font-size: 2.4em; margin: 4px 0 8px; }
.section-spec .buy h4 a { color: #FFF; }
.section-spec .buy p { font-size: 1.4em; color: #FFF; }
.section-spec .buy p a { color: #FFF; }
.section-spec .buy p.note { font-size: 1.6em; text-align: center; margin-bottom: 36px; }
.section-spec .buy p.map { margin-bottom: 0; }
.section-spec .buy p.map a { color:#002868; padding: 6px 18px; border-radius: 4px; border:#FFF solid 1px; display: inline-block; background-color: #FFF; }


.footer { padding: 20px; text-align: center; color: #FFF; background: #221; color: #666; }
.footer a { color: #666; }

/* ------------------------------------------------------------------------------------------------
Responsive
------------------------------------------------------------------------------------------------ */

/*
@media (max-width: @screen-xs-max) { 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
*/


/* xs, sm */
@media (max-width:991px) {

.section-top .image .section-logo img { width: 60%;}

}


/* xs */
@media (max-width: 767px) { 

.cover { background: rgba(0,34,64,0.9); position: fixed; width: 100%; height: 100%; z-index: 140; top: 0; }

.header { position: fixed; }
.header-nav { margin-right: 24px; display: none; z-index: 999;  }
.header-nav li { margin-bottom: 12px; }
.header-nav li a { float: right; display: inline-block; box-sizing: border-box; clear: right;}
.section-image { border-width: 5px; height: 260px; } 


/* about */
.section-about h2 { font-size: 3.6em; /*letter-spacing: 4px; color: #fac013; margin: 32px 0; */}
/*
.section-about { padding: 72px 0 32px; background: #002868; }
.section-about h3 { color: #4a6a9e; }
.section-about h2 { font-family:'LunchBox W01 Bold'; font-size: 5.4em; letter-spacing: 4px; color: #fac013; margin: 32px 0; }
.section-about p { font-size: 1.4em; color: #FFF; margin-bottom: 0;  }
*/

/* gallery */
.section-gallery .col:nth-child(3n+1) { clear: both; }
.section-gallery .col:nth-child(4n+1) { clear: none; }

/*
.section-gallery { background: #fac013; padding: 72px 0 32px; }
.section-gallery h3 { color: #947927; }
.section-gallery .col { padding-bottom: 10px; }
.section-gallery .col:nth-child(4n+1) { clear: both; }
*/

/* spec */

.section-spec h4 { font-size: 2.8em; }
.section-spec h4 .sml { }
.section-spec .text { padding:0 10px 14px; }
.section-spec li { font-size: 1.2em; }

.section-spec .buy { background-size: 50%;}
.section-spec .buy .image { width: 100%; margin-bottom: 18px; }
/*
.section-spec { padding: 72px 0 32px; background: #002868;  }
.section-spec h3 { color: #4a6a9e; }
.section-spec .image img { margin-bottom: 24px; }
.section-spec .text { padding:0 14px 14px; }

.section-spec h3.oac { font-size: 2.4em; font-family:'Helvetica W01 Roman'; color: #fac013; margin: 0 0 4px; }
.section-spec h4 { font-size: 3.6em; font-family:'Helvetica W01 Bold'; color: #fac013; margin: 0 0 6px; letter-spacing: 2px; }
.section-spec h4 .sml { font-size: 0.5em; font-family:'Helvetica W01 Light'; letter-spacing: 0; }
.section-spec h5 { font-size: 2.4em; font-family:'Helvetica W01 Bold'; color: #FFFFFF; margin: 0 0 24px; }
.section-spec h5 .sml { font-size: 0.6em;  font-family:'Helvetica W01 Light'}
.section-spec p { color: #FFF; font-size: 1.4em; }
*/



}

/* sm */
@media (min-width: 768px ) and (max-width:991px) {

.header-nav ul { margin: 32px 0;}
.header-nav ul li { margin: 0 8px; }
.header-nav ul li a { font-size: 2.4em; }

.section-image { height: 680px; } 

/*.section-gallery .col:nth-child(6n+1) { clear: none; }
.section-gallery .col:nth-child(3n+1) { clear: none; }
.section-gallery .col:nth-child(4n+1) { clear: clear; }*/

.section-spec .buy { background-size: 30%;}
}


/* md */
@media (min-width: 992px) and (max-width:1199px) {

	

}

/* lg */
@media (min-width: 1200px) {

}


/* ------------------------------------------------------------------------------------------------
Printing
------------------------------------------------------------------------------------------------ */
@media print {
	
}