/**
 * @license
 * MyFonts Webfont Build ID 2994785, 2015-03-20T06:40:46-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Burford-Line by Kimmy Design
 * URL: http://www.myfonts.com/fonts/kimmy/burford/line/
 * Copyright: Copyright (c) 2014 by Kimmy Design. All rights reserved.
 * Licensed pageviews: 20,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2994785
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2db261");
@font-face {font-family: 'Burford-Line';src: url('../webfonts/2DB261_0_0.eot');src: url('../webfonts/2DB261_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2DB261_0_0.woff2') format('woff2'),url('../webfonts/2DB261_0_0.woff') format('woff'),url('../webfonts/2DB261_0_0.ttf') format('truetype');}



body {
	margin: 0;
	padding: 0;
/* 	font-family: 'TBUDGothic SL', "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; */
	/* font-family: 'Toppan Bunkyu Mincho R', "游明朝体", "Yu Mincho", YuMincho, serif; */
    font-family: 'Shippori Mincho',serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
}
header {
	text-align: center;
	margin: 3rem 0 2rem 0;
}
h1 {
	font-weight: normal;
	margin: 0;
	font-size: 48px;
	font-family: 'Burford-Line';
/* 	letter-spacing: 2px; */
}
ul {
	list-style: none;
	margin: 1rem 0 0 0;
	padding: 0;
}
li {
	display: inline-block;
	margin: 0 0.8rem;
	font-size: 16px;
	padding-bottom: 4px;
	vertical-align: middle;
}
nav li img {
	vertical-align: middle;
}
p {
	font-size: 13px;
}
.select {
	border-bottom: 2px solid #ccc;
}
.Collage {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.Collage img {
	vertical-align: bottom;
	opacity: 0;
}
#portfolio {
	width: 960px;
	margin: 0 auto;
}
#portfolio ul {
	margin: 0;
	padding: 0;
}
#portfolio ul:after {
  content: "";
  clear: both;
  display: block;
}
#portfolio li {
	display: block;
	float: left;
	margin: 0;
	width: 200px;
	height: 200px;
	padding: 20px;
}
#portfolio li img {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#portfolio li img:hover {
	opacity: 0.6;
	}
footer {
	text-align: center;
	font-size: 13px;
	margin: 7rem 0 3rem 0;
}
html {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}

#gallery {
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	background-color: #5b5858;
}
#fade {
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
}


#wrapper3 {
/* 	display: none; */
	width: 100%;
	white-space: nowrap;
	vertical-align: middle;
/* 	height: 500px; */
	font-size: 0;
	line-height: 0;
}
#wrapper div,
#wrapper3 div {
	display: inline-block;
	width: 500px;
	height: 500px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	padding: 20px;
	line-height: 500px;
	border-collapse: collapse;
}
#wrapper div:first-child,
#wrapper3 div:first-child {
	margin-left: 0;
}
#wrapper img,
#wrapper3 img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#hidden {
	display: none;
}
svg path,
.svg {
	fill: #999;
	width: 16px;
	height: 16px;
}
.fancybox-margin {
	margin: 0 auto !important;
}

@media screen and (max-width: 640px) {
	#wrapper3 div {
	width: 250px;
	height: 250px;
}
}
.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #5b5858;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#profile {
	padding: 1em;
	text-align: center;
}
#profile h1 {
	/* font-family: 'Toppan Bunkyu Mincho R', "游明朝体", "Yu Mincho", YuMincho, serif; */
    font-family: 'Shippori Mincho',serif;
	font-size: 20px;
	margin: 0 auto;
}
#profile h2 {
	font-size: 13px;
	margin: 0 auto;
    font-weight: normal;
}
#profile ul {
	display: inline-block;
}
#profile ul,
#profile h1+p {
	margin-top: 3em;
}
#profile li {
	text-align: left;
	display: block;
}
iframe {
	background: #fff;
}
#profile,
#contact {
	background: #fff;
	text-align: center;
	display: table;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}