﻿@charset "utf-8";


/************* langage **************/

input.bi {
	display: none;
}

input.bi[id="lang-jp"]:checked ~ *:lang(en),
input.bi[id="lang-jp"]:checked ~ * *:lang(en) {
	display: none;
}

input.bi[id="lang-en"]:checked ~ *:lang(jp),
input.bi[id="lang-en"]:checked ~ * *:lang(jp) {
	display: none;
}

label {
	margin-left: 1em;
	font-family: 'boston', sans-serif;
}



/************* simulator **************/

div.sim {
	width: 100%;
	position: relative;
	margin: 2em auto;
}

div.sim img {
	width: 100%;
}

div.floor {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
}

div.floor img {
	width: 100%;
}

div.selector {
	width: 100%;
	margin: 0 auto;
}

div.selector a {
	margin: 0 0.5em;
	cursor: pointer;
}

div.selector ul {
	display: block;
	float: left;
	margin-right: 2em;
}

div.selector ul li {
	display: inline-block;
}

@media screen and (max-width: 640px){
	div.selector a {
		margin: 0 0.4em 2em;
		cursor: pointer;
	}

	div.selector ul li {
		padding-bottom: 2em;
	}

}


/************* tab **************/

.tab-menu {
	width: 80%;
	margin: 0 auto;
	padding: 1.5em 0;
}

.tab-menu li {
	float: left;
	position: relative;
	width: 16.6%;
	list-style: none;
	text-align: center;
	font-size: 120%;
}

@media screen and (max-width: 640px){
	.tab-menu {
		width: 100%;
		padding: 1em 0;
	}
	.tab-menu li{
		width: 50%;
		padding: 0.2em 0;
		font-size: 110%;
	}
}


.tab-menu li a {
	text-decoration: none;
	color: #999;
}

.tab-menu .current a:link,
.tab-menu .current a:visited,
.tab-menu .current a:hover {
	font-weight: bold;
	color: #333;
}

.tab-menu {
	overflow: hidden;
	zoom: 1;
}

.tab-menu:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}


/************* fadein **************/

.fadein {
    opacity : 0.1;
    transform : translate(0, 100px);
    transition : all 600ms;
}
 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

#effect2 > div .fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
}

#effect2 > div .fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
}
