/*
 * Template Name: Arc.en.Ciel
 * Template URI: https://arc.en.ciel.luxe
 * Description: Arc.en.Ciel - Responsive Template
 * Author: lumiere noire
 * Author URI: https://le.ciel.luxe
 */

/* Global styles*/
html {
	width: 100vw;
	margin: 0;
	overflow-y: scroll;
}
body {
	width: 100vw;
	margin: 0;
	text-align: left;
	font-family: 'MixFont';
	font-size: 1.5vh;
	color: #999;
	background: #fafafa;
	overflow: hidden;
}
:root {
	width: 100vw;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
:root body {
	position: absolute;
}
::-webkit-scrollbar {
	width:0;
	height:0;	
}
#top-header {
	display: inline-block;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100vw;
	height: 15.5vh;
	background: #fafafa;
}
#top-header-logo {
	display: inline-block;
	position: fixed;
	z-index: 11;
	top: 1.5vh;
	left: 2.75vw;
	width: 90vw;
	height: 12.5vh;
    	background: url(/assets/img/logos/logo.png) no-repeat left center;
	background-size: contain;
}
#navi-bg-block {
	position: fixed;
	z-index: 10;
	top: 15.5vh;
	left: 0;
	width: 100vw;
	height: 6.5vh;
	background: #fff url(/assets/img/pattern.png);
	/*border-bottom: 0.1vh solid #666;*/
	/*border-top: 0.1vh solid #666;*/
}
#navi-bg-block-download {
	position: fixed;
	z-index: 10;
	top: 15.5vh;
	left: 0;
	width: 100vw;
	height: 6.5vh;
	background: #fff url(/assets/img/pattern.gif);
	/*border-bottom: 0.1vh solid #666;*/
	/*border-top: 0.1vh solid #666;*/
}
#navi-logo-block {
	display: inline-block;
	opacity: 1.0;
	position: fixed;
	z-index: 11;
	top: 16vh;
	left: 4vw;
	width: 12vw;
	height: 5.5vh;
	background: url(/assets/img/logos/sublogo.png) no-repeat left center;
	background-size: contain;
}
#navi-text-block {
	display: inline-block;
	position: fixed;
	z-index: 11;
	top: 18.5vh;
	left: 8vw;
	width: 100vw;
	font-family: 'mistral';
	color: #fff;
	line-height: 1vh;
	/*text-shadow:0.375vw 0.15vw 0.45vw #000;*/
}
#navi-text-block .menu1 {
	display: inline-block;
	width: 25vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block .menu1 a {
	color: #333; 
}
#navi-text-block .menu1 a:hover {
	color: #27bad2; 
}
#navi-text-block .menu2 {
	display: inline-block;
	width: 18.5vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block .menu2 a {
	color: #333; 
}
#navi-text-block .menu2 a:hover {
	color: #27bad2; 
}
#navi-text-block .menu3 {
	display: inline-block;
	width: 19.5vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block .menu3 a {
	color: #333; 
}
#navi-text-block .menu3 a:hover {
	color: #27bad2; 
}
#navi-text-block .menu4 {
	display: inline-block;
	width: 23vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block .menu4 a {
	color: #333; 
}
#navi-text-block .menu4 a:hover {
	color: #27bad2; 
}
#navi-text-block-download {
	display: inline-block;
	position: fixed;
	z-index: 11;
	top: 18.5vh;
	left: 8vw;
	width: 100vw;
	font-family: 'mistral';
	color: #fff;
	line-height: 1vh;
	/*text-shadow:0.375vw 0.15vw 0.45vw #000;*/
}
#navi-text-block-download .menu1 {
	display: inline-block;
	width: 25vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block-download .menu1 a {
	color: #fff; 
}
#navi-text-block-download .menu1 a:hover {
	color: #27bad2; 
}
#navi-text-block-download .menu2 {
	display: inline-block;
	width: 18.5vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block-download .menu2 a {
	color: #fff; 
}
#navi-text-block-download .menu2 a:hover {
	color: #27bad2; 
}
#navi-text-block-download .menu3 {
	display: inline-block;
	width: 19.5vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block-download .menu3 a {
	color: #fff; 
}
#navi-text-block-download .menu3 a:hover {
	color: #27bad2; 
}
#navi-text-block-download .menu4 {
	display: inline-block;
	width: 23vw;
	margin: 0 auto;
	text-align: right;
	font-family: 'Giddyup Std';
	font-size: 4vh;
	color: #fff; 
}
#navi-text-block-download .menu4 a {
	color: #fff; 
}
#navi-text-block-download .menu4 a:hover {
	color: #27bad2; 
}
#headerdwn {
	position: fixed;
	z-index: 10;
	top: 22vh;
	left: 0;
	text-align: left;
	Width: 100vw;
	height: 4.9vh;
	color: #666;
	line-height: 5.4vh;
	background: #fff url(/assets/img/pattern.png);
	border-bottom: 0.1vh solid #666;
}
#headerdwn .dwn1 {
	display: inline-block;
	text-align: center;
	width: 16vw;
	font-family: 'Giddyup Std';
	font-size: 3.5vh;
	color: #fff; 
	line-height: 0;
}
#headerdwn .dwn1 a {
	color: #333; 
}
#headerdwn .dwn1 a:hover {
	color: #27bad2; 
}
#headerdwn .dwn2 {
	display: inline-block;
	text-align: center;
	width: 16vw;
	font-family: 'Giddyup Std';
	font-size: 3.5vh;
	color: #fff; 
	line-height: 0;
}
#headerdwn .dwn2 a {
	color: #333; 
}
#headerdwn .dwn2 a:hover {
	color: #27bad2; 
}
#headerdwn .dwn3 {
	display: inline-block;
	text-align: center;
	width: 16vw;
	font-family: 'Giddyup Std';
	font-size: 3.5vh;
	color: #fff; 
	line-height: 0;
}
#headerdwn .dwn3 a {
	color: #333; 
}
#headerdwn .dwn3 a:hover {
	color: #27bad2; 
}
#headerdwn .dwn4 {
	display: inline-block;
	text-align: center;
	width: 16vw;
	font-family: 'Giddyup Std';
	font-size: 3.5vh;
	color: #fff; 
	line-height: 0;
}
#headerdwn .dwn4 a {
	color: #333; 
}
#headerdwn .dwn4 a:hover {
	color: #27bad2; 
}
#headerdwn .dwn5 {
	display: inline-block;
	text-align: center;
	width: 16vw;
	font-family: 'Giddyup Std';
	font-size: 3.5vh;
	color: #fff; 
	line-height: 0;
}
#headerdwn .dwn5 a {
	color: #333; 
}
#headerdwn .dwn5 a:hover {
	color: #27bad2; 
}
#navi-bg-block2 {
	opacity: 1;
	position: fixed;
	z-index: 11;
	top: 27vh;
	left: 0;
	width: 100vw;
	height: 4.9vh;
	background: #fff;
	border-bottom: 0.4vh solid #eee;
}
#navi-bg-block3 {
	opacity: 1;
	position: fixed;
	z-index: 12;
	top: 32.1vh;
	left: 0;
	width: 100vw;
	height: 3.9vh;
	background: #fff;
	border-bottom: 0.2vh solid #eee;
}
#maincontent {
	margin-top: 36vh;
	width: 100vw;
	height: 100vh;
	overflow-x: scroll;
	overflow-y: scroll;
}
h2 {
	display: inline-block;
	margin: 1vh 0 0 0;
	text-align: left;
	width: 100vw;
	font-family: 'mistral';
	font-size: 4vh;
	color:#999;
	line-height: 4vh;
	text-decoration:none;
}
h2 a {
	color: #27cae2;
	text-decoration: none;
}
h2 a:hover {
	color: #999;
	text-decoration: none;
}
h3 {
	margin: 3vh auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 2vh;
	font-weight: 400;
	color: #27cae2;
}
#frame-x {
	display: inline-block;
	margin-top: 36vh;
	margin-left: 0;
	width: 100vw;
	font-family: 'MixFont';
	overflow-x: scroll;
	overflow-y: scroll;
}
        a { color: #777; text-decoration: none; }
	a:hover { text-decoration: none; }
        b { color : white; background-color : #999; }
	HR { color : #999; }
	strong { font-weight: 700; }
	table tr th { font-family: 'Giddyup Std'; font-size: 3vh; color: #27cae2; }
	table td { padding: 0 2vh; font-size: 2vh; }
	table td pre { font-family: 'MixFont'; }
	table td a { color: #777; text-decoration: none; }
	table td a:hover { color: #27bad2; }
#header {
	position:fixed;
	z-index: 0;
	top: 15.5vh;
	left: 0;
	Width: 100vw;
	text-align: center;
}
#header copyright {
	display: none;
	margin: 0 auto;
	Width: 100vw;
	color: #fff;
	text-align: center;
}
#header-inner-bg {
	display: flex;
	align-items: center;
	Width: 100vw;
	height:76vh;
	/*background: url(/assets/img/pattern.png);*/
	/*-moz-box-shadow: 0 0.1vw 0.5vw 0 rgba(0,0,0,.3) inset;*/
	/*-webkit-box-shadow: 0 0.1vw 0.5vw 0 rgba(0,0,0,.3) ins*/
}
#header-inner-bg p {
	opacity: 0.75;
	margin-top: -40vh;
	margin-right: 10vw;
	text-align: right;
	Width: 100vw;
	font-family: 'Hannari', 'Hannari', 'Nico Moji', 'cwTeXYen', 'mistralregular', 'Microsoft YaHei';
	font-weight: 1000;
	color: #fff;
	line-height: 5vh;
	/*text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;*/
	/*text-shadow: 1px 1px 1px #888;*/
}
#copyright{
	padding-top: 94.25vh;
	margin: 0 auto;
	Width: 100vw;
	font-family: 'Lato', sans-serif;
	font-size: 2vh;
	font-weight: 400;
	color: #777;
	text-align: center;
}
#frame-y {
	display: inline-block;
	margin-top: 28vh;
	margin-left: 0;
	width: 100vw;
	height: 62.9vh;
	font-family: 'MixFont';
	overflow-x: scroll;
	overflow-y: scroll;
}