@charset "UTF-8";

html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
    color: #666;
    font-family: "Helvetica Neue", "Avenir Next", "Century Gothic", Arial, Helvetica,　"Hiragino Sans", "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    font-weight: 100;
    letter-spacing: 0.07em;
}

a, a:link, a:visited, a:hover, a:active {
	color: #666;
	font-weight: 100;
	text-decoration: none;
}


header {
	padding: 130px 0 80px 0;
	letter-spacing: 0.1em;
}

@media screen and (min-width : 768px){
header {
	padding: 130px 0 80px 0;
	letter-spacing: 0.1em;
}
}


.copy {
    margin: 13em 0 5em 0;
}


img {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

.font-06 {font-size:0.4em}
.font-07 {font-size:0.5em}
.font-08 {font-size:0.65em}
.font-10 {font-size:0.8em}
.font-12 {font-size:1em}
.font-16 {font-size:1.3em}
.font-18 {font-size:1.45em}
.font-20 {font-size:1.6em}
.font-24 {font-size:1.9em}

@media screen and (min-width : 768px){
.font-06 {font-size:0.6em}
.font-07 {font-size:0.7em}
.font-08 {font-size:0.8em}
.font-10 {font-size:1.0em}
.font-12 {font-size:1.2em}
.font-16 {font-size:1.6em}
.font-18 {font-size:1.8em}
.font-20 {font-size:2.0em}
.font-24 {font-size:2.4em}
}


/* --- top page --- */

.jumbotron {
    position: relative;
    height: 100vh;
    min-height: 300px;
    background: none;
}

.col-4,.col-sm-3,.col-md-2 {
	padding:0px;
}




/* --- photo page--- */

.lightbox a img {
	transition: 0.5s;
}

.lightbox a:hover img {
	cursor: zoom-in;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}





#loader-bg {
  background-color: #fff;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 2000;
}
#loader-bg img {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2001;
}



/* --- menu --- */

.menu-name {
	color: #666;
    font-size: 1.5em;
    position: fixed;
    top: 20px;
    left: 30px;
}

@media screen and (min-width : 768px){
.menu-name {
	color: #666;
	font-size: 1.8em;
	position: fixed;
	top: 20px;
	left: 30px;
}
}

.nav-bg {
	height:100px;
	background: linear-gradient(rgba(255,255,255,0.95),80%,rgba(255,255,255,0));
	z-index: 9;
}



/* --- Profile page --- */




/* --- Contact page --- */