/* WEB FONTS
======================================== */
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600);

/* RESET
======================================== */
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block; 
}								  
ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
img{
	vertical-align:bottom;
}
::selection {background: #05270e; color: #fff;}
::-moz-selection {background: #05270e; color: #fff;}


/* Common
======================================== */
body{
	font-family:"Hiragino Kaku Gothic Pro", "?9?柴?閫 Pro W3", ?～?芥, Meiryo, "嚗哨撲 嚗啜?瑯???, ", "Helvetica Neue", ", Helvetica, Arial, sans-serif";
	text-align:center;
	font-size:14px;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}
p{
	line-height:1.8;
}

/* clear */
.clearFix:after{
	content:".";clear:both;display:block;line-height:0;height:0;visibility:hidden;
}
.clearFix{
	zoom:1;
}

/* link */
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

/* header */
#header{
	position:fixed;
	z-index:9999;
}
#header h1{
	position:absolute;
	top:30px;
	left:30px;
}
#gnav{
	position:absolute;
	bottom:30px;
	left:30px;
}
#gnav li{
	font-family:"Poppins", Arial, serif; font-weight:500;
	letter-spacing:0.2em;
	font-size:18px;
}
#gnav li a{
	color:#fff;
}
#gnav li + li{
	margin-top:3px;
}
#gnav li .ico_insta{
	margin-top:14px;
}
#gnav li a {
	line-height:1;
	position: relative;
	display: inline-block;
	white-space:nowrap;
}
#gnav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
}
@media screen and (min-width: 769px) {
#gnav li a {
	transition: .3s;
}
#gnav li a::after {
	transition: .3s;
}
#gnav li a:hover::after {
	width: 100%;
}
#gnav li a.insta:hover::after {
	width: 0%;
}
}
#gnav li a.on::after {
	width: 100%;
}

/* footer */
.index-page #footer{
	position:absolute;
	font-family:"Poppins", Arial, serif; font-weight:400;
	letter-spacing:0.1em;
	font-size:13px;
	color:#fff;
	bottom:30px;
	right:30px;
}
#contents-area #footer{
	padding:50px 0 50px 0;
	width:85%;
	margin:0 auto;
	text-align:left;
	font-family:"Poppins", Arial, serif; font-weight:400;
	letter-spacing:0.1em;
	font-size:13px;
	color:#fff;
}


/* lower contents */
#photo-area .page-tit{
	display:none;
}

.ver_pc{display:block;}
.ver_sp{display:none;}



/* Responsive Styles
======================================== */
@media only screen and (max-width:1080px) {
}
@media screen and (min-width: 769px) {
	#gnav{ display:block !important;}
}
@media only screen and (max-width: 768px) {
.ver_pc{display:none;}
.ver_sp{display:block;}

/* header */
#header{
	position:absolute;
	z-index:9999;
	width:100%;
}
#header h1{
	position:absolute;
	top:30px;
	left:30px;
}
#gnav{
	position:absolute;
	top:30px;
	right:30px;
	left:auto;
}
#gnav li{
	font-family:"Poppins", Arial, serif; font-weight:500;
	letter-spacing:0.1em;
	font-size:18px;
	text-align:right;
	display:block;
}

/* Menu Link */
#menuLink{
	position:absolute;
	width:30px;
	height:30px;
	z-index:999;
	top:40px;
	right:30px;
}


/* footer */
.index-page #footer{
	position:absolute;
	font-family:"Poppins", Arial, serif; font-weight:400;
	letter-spacing:0.1em;
	font-size:13px;
	color:#fff;
	bottom:30px;
	right:0;
	text-align:center;
	width:100%;
}

/* lower contents */
.contents_arrow{
	position:absolute;
	width: 24px;
	height: 24px;
	left:35px;
	bottom:46px;
}
.contents_arrow a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
#photo-area .page-tit{
	display:block;
	position:absolute;
	font-family:"Poppins", Arial, serif; font-weight:500;
	letter-spacing:0.1em;
	font-size:30px;
	color:#fff;
	right:30px;
	bottom:32px;
	line-height:1;
}
.section h2{
	display:none;
}
}