@charset"utf-8";
/*
PLUSi Web Site ver.1  --  Primary CSS
Latest Updated : 25 Jul. 2018
*/

/**
 * Table of Contents
 *
 * 1.0 - Typography
 * 2.0 - Alignment
 * 3.0 - Links
 * 4.0 - Navigations
 * 5.0 - layout
 * 6.0 - Clearfix
 * 7.0 - Forms
 *
 */

/* **************************************************************************** */
/*
/* 1.0 Typography
/*
/* **************************************************************************** */


/**
 * 1.1 Import fonts
 */
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');




/**
 * 1.2 Typo
 */

body,
button,
input,
select,
textarea {
	font-family: 'Lato', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 1.3rem;
	line-height: 1;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 { margin-top:0 !important;}

h1	{ font-size:3rem;}
h2	{ font-size:2.6rem;}
h3	{ font-size:2rem;}
h4	{ font-size:1.6rem;}
h5	{ font-size:1.4rem;}
h6	{ font-size:1.4rem;}

article h1,
article h2 { margin:2em 0 1.5em; text-align:center; line-height:1.35;}
article h3,
article h4,
article h5,
article h6 { margin:2em 0 1em; line-height:1.35;}

section h1:first-child, section h2:first-child, section h3:first-child, section h4:first-child, section h5:first-child, section h6:first-child,
.content h1:first-child, .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child,
.page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child,
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child,
.section-content h1:first-child, .section-content h2:first-child, .section-content h3:first-child, .section-content h4:first-child, .section-content h5:first-child, .section-content h6:first-child 
{ margin-top:0 !important;}

p {}
article p { margin-bottom:1.6em; line-height:1.8;}

b,
strong 	{ font-weight: 700;}

em		{ font-style: normal;}

dfn,
cite,
i { font-style: italic;}

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p { margin-bottom: 1.6667em;}
blockquote > p:last-child { margin-bottom: 0;}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: normal;
	margin: 0;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins 	{ background-color: #fff9c0; text-decoration: none;}

sup,
sub 	{ font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup		{ bottom: 1ex;}
sub		{ top: .5ex;}

small	{ font-size: 75%;}

big		{ font-size: 125%;}




/**
 * - 1.3 Lists
 */

ul,
ol { margin: 1.6em 0 1.6em; list-style-position:outside; line-height:1.5;}

ul { margin-left:0.7em; list-style: none;}

ol { margin-left:1.5em; list-style: decimal;}

li > ul,
li > ol {
	margin: 1em 0 1em 1.3333em;
}
li > ol li:before { content:''; width:0; height:0; border:0 !important;}

nav ul { margin:0;}
h1 + ul,
h2 + ul,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
h1 + ol,
h2 + ol,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol { margin-top:0 !important;}

.page-content ul li,
.entry-content ul li,
.section-content ul li { position:relative; margin:0 0 0.8em; padding-left:10px;}
.page-content ul li:before,
.entry-content ul li:before,
.section-content ul li:before { position:absolute; content:''; top:6px; left:0; width:3px; height:3px; border:solid transparent; border-width:4px 0px 4px 7px; border-left-color:#000;}
.page-content ol li,
.entry-content ol li,
.section-content ol li { position:relative; margin:0 0 0.8em;}

dl { margin-bottom: 1.6em; line-height:1.5;}
dt { font-weight: bold;}
dd { margin-bottom: 1.6em;}



/**
 * - 1.4 Table
 */

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse:collapse;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td { padding: 0.4em; text-align:left; color:#111; font-weight:normal;}
th { border-width: 0 1px 1px 0; font-weight: 700;}
td { border-width: 0 1px 1px 0;}

caption { margin:0.2em 0; color:#666; caption-side:bottom;}

thead th { vertical-align:middle; font-weight:bold; background-color:#DCC9B4;}
thead td { vertical-align:middle;}

tbody th { vertical-align:middle; background-color:#E7E0D7;}
tbody td { vertical-align:middle; border-color:#ccc; border-width:1px 1px 1px 1px;}

tfoot 	 { border-top:3px double #999;}
tfoot th { vertical-align:middle; font-weight:bold; background-color:#DCC9B4;}
tfoot td { vertical-align:middle;}

table ul,
table ol { margin:.6em 0 .6em 0em; list-style-position:outside; line-height:1.25;}
table ul li:before { top:4px !important;}

table.text-align-center,
table.text-align-center th,
table.text-align-center td,
tr.center th,
tr.center td { text-align:center;}



/**
 * - 1.5 Elements
 */

::selection {background:#CDD3CD; color:#fff;}
::-moz-selection { background:#CDD3CD; color:#fff;}

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}
hr.none { background-color:transparent;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.image img { width:100%;}

figure 		{}
figcaption 	{}

del { opacity: 0.8;}




/**
 * - 1.6 Decoration
 */

.attention { color:#f00;}
.note		{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.caption	{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.wp-caption-text{ margin:0.8rem 1.2rem 1.6rem; font-size:13px; font-size:1.3rem; line-height:1.5 !important; color:#666;}

.border 	{ border-bottom:1px solid #999;}
.bordered 	{ padding:0.8em; border:1px solid #6699FF; border-radius:5px;}
.filled		{ padding:0.5em 0.8em; background-color:#ededed;}
.filledwrap .filled { background-color:#fff;}

/* color */
.dark	{ color:#000;}
.pale	{ color:#999;}

/* family */
.serif	{ font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sans	{ font-family: "Lato", Helvetica, sans-serif;}

/* style */
.normal	{ font-style: normal;}
.italic	{ font-style: italic;}




/* **************************************************************************** */
/*
/* 2.0 Alignments
/*
/* **************************************************************************** */

.alignleft {
	display: inline;
	float: left;
	margin:0 2.6rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin:0 0 1rem 2.6rem;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1rem;
}

.left	{ text-align:left;}
.right	{ text-align:right;}
.center	{ text-align:center;}



/* **************************************************************************** */
/*
/* 3.0 Links
/*
/* **************************************************************************** */

a {
	color: #333;
	text-decoration: none;
	outline:none;
	transition:all 0.3s ease;
}

a:hover,
a:focus {
	color: #B77E3D;
}

article a { color:#fff;}
article a:hover,
article a:focus,
article a:active { text-decoration:underline;}



/* **************************************************************************** */
/*
/* 4.0 Navigation
/*
/* **************************************************************************** */


/**
 * - global navigation
 */

.drawer-nav { z-index:1002 !important; width:24rem !important;}
.drawer--right .drawer-nav { right: -24rem !important;}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0 !important;
}
.drawer--right.drawer-open .drawer-hamburger {
  right: 24rem !important;
}
.drawer-hamburger	{ z-index:1003 !important; padding-right:2rem !important; width:50px !important;}
.drawer-open .drawer-hamburger	{}
.drawer-nav .drawer-menu 	{ padding:4rem 0;}
.drawer-nav .drawer-menu li	{ font-size:2rem;}
.drawer-nav .drawer-menu li a	{}



/**
 * - Buttons
 */

.btn	{}
.btn a	{ display:inline-block; margin-bottom:1rem; padding:1.8rem 5rem; color:#fff; border:1px solid #fff;}
.btn a:hover { text-decoration:none; background-color:rgba(0,0,0,.2);}


/**
 * - nextprevnav
 */
.nextprevnav { display:none;}
.nextprevnav .nav-prev,
.nextprevnav .nav-next	{ position:fixed; top:36%; left:5%; z-index:101; width:160px; height:200px; font-size:0;}
.nextprevnav .nav-next	{ left:auto; right:5%;}
.nextprevnav .nav-prev a,
.nextprevnav .nav-next a	{ position:absolute; left:0; right:0; display:block; width:160px; height:200px;}
.nextprevnav .nav-prev a:before { position:absolute; top:50%; right:0; content:''; width:140px; border-top:1px solid rgba(0,0,0,.8);}
.nextprevnav .nav-prev a:after { position:absolute; top:50%; left:38px; content:''; margin:-49px 0 0; width:99px; height:99px; border:solid rgba(0,0,0,.8); border-width:1px 0 0 1px; transform:rotate(-45deg);}
.nextprevnav .nav-next a:before { position:absolute; top:50%; left: 0; content:''; width:140px; border-top:1px solid rgba(0,0,0,.8);}
.nextprevnav .nav-next a:after { position:absolute; top:50%; right:38px; content:''; margin:-49px 0 0; width:99px; height:99px; border:solid rgba(0,0,0,.8); border-width:1px 1px 0 0; transform:rotate(45deg);}

.nextprevnav .nav-prev a:hover { left:-20px;}
.nextprevnav .nav-next a:hover { left:auto; right:-20px;}




/* **************************************************************************** */
/*
/* 5.0 layout
/*
/* **************************************************************************** */

body{
	text-align:center;
	background:#fafafa;
}

.not	{ margin-top:0 !important; vertical-align:top;}
.nor	{ margin-right:0 !important;}
.nob	{ margin-bottom:0 !important;}
.nol	{ margin-left:0 !important;}

.nobt	{ border-top:none !important;}
.nobr	{ border-right:none !important;}
.nobb	{ border-bottom:none !important;}
.nobl	{ border-left:none !important;}

.bt		{ border-top:1px solid #ccc !important;}
.br		{ border-right:1px solid #ccc !important;}
.bb		{ border-bottom:1px solid #ccc !important;}
.bl		{ border-left:1px solid #ccc !important;}

.hide	{ display:none;}
.pc		{ display:block;}
.check { position:fixed; z-index:9999;}



/**
 * - 5.1 loading
 */

#loading { 
	position:absolute; top:0; left:0; z-index:9999;
	width:100%; height:100%; 
	background-color:#fff; background-color:rgba(255,255,255,.9);
}
#loading .animation {
	display:block;
	position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; border:1px solid #C6B199;
	width:50px; height:50px; overflow:hidden;
	animation: loading 1s ease 0s infinite;
}
@keyframes loading {
    0% { transform:rotate(0); }
  100% { transform:rotate(360deg); }
}




/**
 * - 5.2 wrapper Include
 */

#wrapper 		{}
#headerwrap 	{ position:relative; }
#containerwrap 	{ position:relative; background-color:#fafafa;}
#footerwrap 	{ position:relative; background-color:#fafafa;}



/**
 * - 5.3 Header Include
 */

#header 	{ position:relative; z-index:1; min-height:220px; overflow:hidden;}
	.site-header{ position:absolute; top:20px; left:5%;}
	.site-header .site-title	{
		position:relative;
		margin:0; padding:0; width:60px; height:auto; 
	}
	.site-header .site-title a	{ display:block;}
	#header .billboard { position:relative; overflow:hidden;}
	#header video { position:relative; top:0; left:0; width:100%; height:auto;}

	.headernav { padding:1.4rem 0 2.4rem; text-align:right;}
	.headernav-title	{ position:relative; margin:0 10% 20px 0; line-height:1; font-size:5.5rem; font-weight:900;}
	.headernav-title:after	{ position:absolute; bottom:0; right:-10%; content:''; width:10%; height:0; border-bottom:1px solid #000;}
	.headernav ul		{ margin:0 10% 20px; display:inline-block; text-align:right;}
	.headernav ul li	{ margin:0 0 5px; font-size:1.3rem; font-weight:700;}
	.headernav ul li a	{ display:block; position:relative; left:0;}
	.headernav ul li a:hover { left:-20px;}

	.seemore		{ position:absolute; z-index:10; bottom:2rem; left:50%; padding:0 1.5em 0 0; letter-spacing:0.05em; overflow:hidden;}
	.seemore a		{}
	.seemore a:hover	{}
	.seemore a:after	{ position:absolute; top:5px; right:5px; content:''; margin:-4px 0 0; width:7px; height:7px; border:solid #000; border-width:0 1px 1px 0; transform:rotate(45deg);}
	.seemore a:hover:after	{ animation: seem 1s linear 0s infinite forwards}

	.home #header {}
	.home .home-description { display:none; text-align:left; line-height:1.5; color:#fff;}
	.home .home-description .hd1	{ font-size:1.8rem;}
	.home .home-description .hd2	{ font-size:1.8rem;}
	.home .home-description .hd3	{ font-size:1.3rem;}
	.home .home-description .hd4	{ font-size:1.3rem;}
	.home .headernav ul		{ text-align:left;}

	.page-record .headernav	{ position:relative;}
	.page-contact .headernav { position:absolute; z-index:99; top:50%; width:100%; right:0;}

@keyframes seem {
	0% { top:5px}
	50%{ top:20px;}
	51%{ top:-20px;}
	100%{ top:5px}
}




/**
 * - 5.4 container Include
 * #container > article > .content
 * 	.page-header
 * 	.page-title	
 * 	.page-content
 * 
 * #container > section > .content
 * 	.section-header	{}
 * 	.section-title	{}
 * 	.section-content{}
 * 
 */

#container	{ position:relative; z-index:10; background-color:#C6B199;}
.content	{}

article			{ margin:0 10% 0 10%; padding:100px 0; text-align:left; color:#fff;}
section			{ position:relative;}
.page-content section 	{}

.page-header	{ margin:0 0 5rem;}
.page-title		{ margin:0; text-align:left; font-size:5.5rem; line-height:1;}
.page-content	{}

.section-header	{}
.section-title	{}
.section-content{}

.nav-close { position:absolute; top:2rem; right:2rem; width:50px; height:50px; font-size:0;}
.nav-close a { display:block; width:50px; height:50px; position:relative;}
.nav-close a:before	{ position:absolute; top:0; left:50%; content:''; width:5px; height:50px; background-color:#fff; transform:rotate(45deg); transition:all 0.3s ease;}
.nav-close a:after	{ position:absolute; top:0; left:50%; content:''; width:5px; height:50px; background-color:#fff; transform:rotate(-45deg); transition:all 0.3s ease;}
.nav-close a:hover:before	{ transform:rotate(-45deg);}
.nav-close a:hover:after	{ transform:rotate(45deg);}



/**
 * - 5.5 footer Include
 */

#footer 	{}

.site-footer	{ margin:0; padding:4rem 0 4rem; font-size:1.2rem; text-align:left; color:#fff; background-color:#C6B199;}
.footer-contact	{ text-align:center;}
	.footer-contact p	{ margin:0 0 1rem;}
	.footer-contact .btn a { position:relative; padding:2rem 8rem; color:#fff; transition:all 0.3s ease;}
	.footer-contact .btn a:hover { background-color:rgba(0,0,0,.2);}
	.footer-contact .btn a:before{ position:absolute; top:calc(50% - 2px); right:2.5rem; content:''; width:5px; height:5px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg); transition:all 0.3s ease;}
	.footer-contact .btn a:after { position:absolute; top:calc(50% - 2px); right:3rem; content:''; width:5px; height:5px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg); transition:all 0.2s ease;}
	.footer-contact .btn a:hover:before	{ right:2rem;}
	.footer-contact .btn a:hover:after	{ right:2.5rem;}


.footer-sns	{ margin:4rem 0;}
	.footer-sns ul	{ text-align:center; font-size:0;}
	.footer-sns li	{ display:inline-block; margin:0 1rem;}
	.footer-sns li a	{ display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; background-size:50px 50px; background-color:rgba(0,0,0,.5); border-radius:5px;}
	.footer-sns li.sns-tw a	{ background-image:url(../img/common/icon-tw.png);}
	.footer-sns li.sns-ig a	{ background-image:url(../img/common/icon-ig.png);}
	.footer-sns li.sns-fb a	{ background-image:url(../img/common/icon-fb.png);}
#copyright	{ margin:2rem 0; padding:0; text-align:center; font-size:1rem; letter-spacing:0.1rem;}





/**
 * - 5.6 Column Layout
 */

.borderwrap { padding:24px; border:1px solid #ccc; border-radius:4px;}
	.borderwrap h1:first-child,
	.borderwrap h2:first-child,
	.borderwrap h3:first-child,
	.borderwrap h4:first-child,
	.borderwrap h5:first-child,
	.borderwrap h6:first-child { margin-top:0 !important;}

.filledwrap { padding:24px; background-color:#f0f0f0; border-radius:4px;}
	.filledwrap h1:first-child,
	.filledwrap h2:first-child,
	.filledwrap h3:first-child,
	.filledwrap h4:first-child,
	.filledwrap h5:first-child,
	.filledwrap h6:first-child { margin-top:0 !important;}




/* **************************************************************************** */
/*
/* 6.0 - clearfix
/*
/* **************************************************************************** */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .clearfix, *:first-child+html .clearfix { zoom: 1; } /* IE6,IE7 */  

.content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .content,*:first-child+html .content { zoom: 1; } /* IE6,IE7 */

p:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html p,*:first-child+html p { zoom: 1; } /* IE6,IE7 */





/* **************************************************************************** */
/*
/* 7.0 Forms
/*
/* **************************************************************************** */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 1em 4em;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #666; background-color:rgba(0,0,0,.5);
	border:0; border-radius:5px;
	-webkit-appearance: button;
	cursor:pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(0,0,0,.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin:0 0 0.8rem;
	padding: 0.375em;
	width: 100%;
	border-radius:3px;
}

textarea {
	width:100% !important;
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

label	{ margin:0 0 0.5rem;}
label a { text-decoration:underline;}

/* radio button decoration */
.label-radio input[type="radio"]{
	display:none;
}
.label-radio{
	display:inline-block; position:relative; margin:0 20px 0.5rem 0;
	font-weight:normal; letter-spacing:0;
	cursor:pointer;
}
.label-radio.hide{ margin:0;}
.label-radio .lever:before{
	content:'';
	display:inline-block; vertical-align:middle;
	margin:-2px 6px 0 0; width:24px; height:24px;
	background-color:rgba(255,255,255,.5); border:2px solid #fff; border-radius:20px;
	-webkit-transition:all 800ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 800ms cubic-bezier(1, 0, 0, 1); transition:all 800ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:before{
	background:#fff; border-color:#ccc; opacity:1; 
	transform:scale(1);
}
.label-radio .lever:after{
	content:'';
	position:absolute; top:-2px; left:8px;
	width:10px; height:18px;
	border-right:2px solid #c00; border-bottom:2px solid #c00;
	transform:rotate(-200deg); opacity:0;
	-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 400ms cubic-bezier(1, 0, 0, 1); transition:all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:before{
	border-color:#fff;
}
.label-radio input[type="radio"]:checked + .lever:after{
	opacity:1;
	transform:rotate(40deg);
}


/* checkbox decoration */
.label-checkbox input[type="checkbox"]{
	display:none;
}
.label-checkbox{
	display:inline-block; position:relative; margin-right:20px;
	font-weight:normal; letter-spacing:0;
	cursor:pointer;
}
.label-checkbox.hide{ margin:0;}
.label-checkbox .lever:before{
	content:'';
	display:inline-block; vertical-align:middle;
	margin:-2px 6px 0 0; width:24px; height:24px;
	background-color:rgba(255,255,255,.5); border:2px solid #fff; border-radius:20px;
	-webkit-transition:all 800ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 800ms cubic-bezier(1, 0, 0, 1); transition:all 800ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
	background:#fff; border-color:#ccc; opacity:1; 
	transform:scale(1);
}
.label-checkbox .lever:after{
	content:'';
	position:absolute; top:-2px; left:8px;
	width:10px; height:18px;
	border-right:2px solid #c00; border-bottom:2px solid #c00;
	transform:rotate(-200deg); opacity:0;
	-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 400ms cubic-bezier(1, 0, 0, 1); transition:all 400ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
	border-color:#fff;
}
.label-checkbox input[type="checkbox"]:checked + .lever:after{
	opacity:1;
	transform:rotate(40deg);
}







/* **************************************************************************** */
/*
/* 14.0 - Media Queries
/*
/* **************************************************************************** */

@-ms-viewport 	{ width: device-width;}
@viewport 		{ width: device-width;}


/**
/*  >= 480px                             */
@media screen and (max-width: 480px) {

	#headerwrap.show{ top:0 !important;}
	#headerwrap.furl{ top:0 !important;}

}

/**
/*  480 <=                              */
@media screen and (min-width: 480px) {
}



/**
/*  768 <=                              */
@media screen and (min-width: 768px) {

	.pc 	{ display:block;}
	.spn	{ display:none;}

	/** - header  **/
	.headernav { padding:1.4rem 0 1.4rem;}
	.headernav-title	{ margin:0 60px 20px 0; font-size:5.5rem;}
	.headernav-title:after	{ bottom:0; right:-60px;  width:60px;}
	.headernav ul		{ margin:0 60px 20px;}

	.page-record .headernav	{ position:absolute; z-index:99; top:50%; right:0;}
	.page-contact .headernav { position:absolute; z-index:99; top:50%; right:0;}

	.drawer-overlay { background-color: rgba(0, 0, 0, 0) !important;}


	/** - footer  **/

	/** 
	/* #container  **/
	article			{ margin:0 10% 0 23%; padding:100px 0;}


}



/**
/*  1024px <=                          */
@media screen and (min-width: 1024px) {

	body,
	button,
	input,
	select,
	textarea { font-size:14px; font-size: 1.4rem;}

	/**
	 *  - Typography 	**/
	h1	{ font-size:3rem;}
	h2	{ font-size:2.6rem;}
	h3	{ font-size:2rem;}
	h4	{ font-size:1.6rem;}
	h5	{ font-size:1.5rem;}
	h6	{ font-size:1.4rem;}

	/**
	 *  - .drawer-nav 	**/
	.drawer-nav { width:23% !important;}
	.drawer--right .drawer-nav { right: -23% !important;}
	.drawer--right.drawer-open .drawer-nav,
	.drawer--right .drawer-hamburger,
	.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	  right: 0 !important;
	}
	.drawer--right.drawer-open .drawer-hamburger {
	  right: 23% !important;
	}


	/**
	 *  - header 		**/
	 #header 	{ min-height:320px; max-height:100%;}
	.home #header { margin:0 23% 0 0;}

	.headernav { padding:1.4rem 0; width:77%; text-align:right;}
	.page-record .headernav { margin:0 23% 0 0;}
	.page-record .headernav:after { position:absolute; top:0; right:0; z-index:2; content:''; width:0; height:200%; border-left:1px solid #000;}
	.page-contact #header { margin:0 23% 0 0;}
	.page-contact .headernav:after { position:absolute; top:0; right:0; z-index:2; content:''; width:0; height:200%; border-left:1px solid #000;}


	/**
	 *  - footer 		**/
	.site-footer	{ margin:0 23% 0 0;}


	/**
	 *  - container 	**/
	#container	{ position:relative; margin:0 23% 0 0; background-color:#C6B199;}
	.nav-close	{ width:80px; height:80px;}
	.nav-close a { width:80px; height:80px;}
	.nav-close a:before	{ width:5px; height:80px;}
	.nav-close a:after	{ width:5px; height:80px;}

	/* #container > article
	 */
	article {}
		.page-header	{ margin:2rem 0 6rem;}
		.page-content	{ margin:0 auto 6rem; padding:0; max-width:1000px;}
		.narrow .page-content 	{ padding:0; max-width:800px;}



}



/* 1280px =<                            */
@media screen and (min-width: 1280px) {

	.nextprevnav { display:block;}

	.page-contact #container	{ margin:0 23% 0 20%;}
	.page-contact article		{ margin:0; padding:100px 0;}

	.page-contact .site-footer	{ margin:0 23% 0 20%;}

}