@charset "utf-8";
main{
	overflow: hidden;
}
.quote {
	font-family: 'MinionPro-Regular', 'Times New Roman', serif;
	font-size: 22px;
	color: #CC8700;
	line-height: 1.2;
	position: relative;
	margin-bottom: 20px;
	text-align: justify;
}
.quote:before {
	content: '“';
	color: #000;
	font-size: 100px;
	position: absolute;
	left: -50px;
	top: -25px;
}
#tiles-wrapper {
	display: none;
}
#gallery {
	padding-top: 600px;
}
.bee3D--nav i {
	font-size: 56px;
	color: #CC8700;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
}
.bee3D--slide img {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	width: 90%;
}
.bee3D--inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}
.bee3D--nav {
	z-index: 2;
	height: 100%;
	width: 60px;
	left: 0;
}
.bee3D--nav__next {
	text-align: right;
	right: 0;
	left: initial;
}
/*----　アニメション -----*/
#wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
	opacity: .75

}
#wrap .b {
	position: absolute;
	top: -100px;
	background-color: #000;
	background-size: cover !important;
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-duration: 13s;
	-moz-animation-duration: 13s;
	animation-duration: 13s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.anime0 {
	-webkit-animation-name: flipInL;
	-moz-animation-name: flipInL;
	animation-name: flipInL;
}
.anime1 {
	-webkit-animation-name: flipInR;
	-moz-animation-name: flipInR;
	animation-name: flipInR;
}
.size0 {
	width: 100px;
	height: 89px;
}
.size1 {
	width: 150px;
	height: 134px;
}
.size2 {
	width: 200px;
	height: 177px;
}
.size3 {
	width: 250px;
	height: 223px;
}
.size4 {
	width: 300px;
	height: 265px;
}
 @keyframes flipInR {
 from {
 -webkit-transform: rotate3d(0, 1, 0, 0deg);
 -moz-transform: rotate3d(0, 1, 0, 0deg);
 transform: rotate3d(0, 1, 0, 0deg);
 -webkit-animation-timing-function: ease;
 -moz-animation-timing-function: ease;
 animation-timing-function: ease;
}
 5% {
}
to {
	-webkit-transform: rotate3d(1, 1, 1, 179deg);
	-moz-transform: rotate3d(1, 1, 1, 179deg);
	transform: rotate3d(1, 1, 1, 179deg);
}
}
 @-webkit-keyframes flipInR {
 from {
 -webkit-transform: rotate3d(0, 1, 0, 0deg);
 -moz-transform: rotate3d(0, 1, 0, 0deg);
 transform: rotate3d(0, 1, 0, 0deg);
 -webkit-animation-timing-function: ease;
 -moz-animation-timing-function: ease;
 animation-timing-function: ease;
}
 5% {
}
to {
	-webkit-transform: rotate3d(1, 1, 1, 179deg);
	-moz-transform: rotate3d(1, 1, 1, 179deg);
	transform: rotate3d(1, 1, 1, 179deg);
}
}

@keyframes flipInL {
 from {
 -webkit-transform: rotate3d(0, 1, 0, 0deg);
 -moz-transform: rotate3d(0, 1, 0, 0deg);
 transform: rotate3d(0, 1, 0, 0deg);
}
 5% {
}
to {
	-webkit-transform: rotate3d(1, 1, 1, -179deg);
	-moz-transform: rotate3d(1, 1, 1, -179deg);
	transform: rotate3d(1, 1, 1, -179deg);
}
}
 @-webkit-keyframes flipInL {
 from {
 -webkit-transform: rotate3d(0, 1, 0, 0deg);
 -moz-transform: rotate3d(0, 1, 0, 0deg);
 transform: rotate3d(0, 1, 0, 0deg);
}
 5% {
}
to {
	-webkit-transform: rotate3d(1, 1, 1, -179deg);
	-moz-transform: rotate3d(1, 1, 1, -179deg);
	transform: rotate3d(1, 1, 1, -179deg);
}
}
 @media only screen and (max-width: 768px) {
	#wrap{
		display: none;
	}
 }
 @media only screen and (max-width: 560px) {
#gallery {
	padding-top: 100%;
}
.bee3D--nav {
	top: 35%;
}
.bee3D--slide {
	width: 100%;
	margin-left: -50%;
	height: 50%;
}
.bee3D--shadow-wrapper {
	bottom: -80%;
}
.bee3D--slide img {
	width: 70%;
}
}