@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Vollkorn SC');
/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: 'Vollkorn SC', serif;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
/*    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;*/
}

/*@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	-webkit-text-size-adjust: none;
}
body {
	background: #000;
	font-family: 'Vollkorn SC', serif;
	font-size: 12pt;
	font-weight: 200;
	line-height: 1.2em;
	color: #fff;
	background-size: 100% auto;
}
body.is-loading * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}
#mainV{
	width:100%;
	height:auto;
}
#mainV img{
	width:100%;
	height:auto;
}
#logoarea {
	width: 76%;
	padding-top:15%;
	margin: 0 auto 20px;
}
#logoarea h1 {
	width:100%;
	height:auto;
}

#logoarea h1 img {
	width:100%;
	height:auto;
}
#selectbtn {
	width: 76%;
	height:auto;
	margin:45px auto 0;
}
#selectbtn ul {
	width: 100%;
	list-style:none;
}
#selectbtn ul li{
width:48%;
display: inline-block;
text-align:center;
}
/* Button */
input[type="button"],  input[type="submit"],  input[type="reset"],  button,  .button {
	text-align: center;
	position: relative;
	display: inline-block;
/*	border-radius: 0.35em;*/
	color: #fff !important;
	text-decoration: none;
	padding: 0.3em 1em; 
/*	border: 1px solid #888;*/
	cursor: pointer;
/*	background-color: #333;*/
	-moz-transition: background-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	border-style: 0;
	text-shadow: 1px 1px 2px #000;
	opacity: 0.8;
}
input[type="button"]:hover,  input[type="submit"]:hover,  input[type="reset"]:hover,  button:hover,  .button:hover {
	background-color: #444;
	opacity: 0.8;
/*	border: 1px solid #fff;*/
}

@media screen and (min-width:600px) and ( max-width:959px) {
body{
	font-size: 13pt;
	line-height: 1.7em;
	background: url(../img/index_sp.jpg) top center no-repeat #000;
	background-size: cover;

}
#mainV{
	display:none;
}
#logoarea {
	width: 200px;
	padding-top:10%;
	margin: 0 20px 0 60%;
}
#logoarea h1 {
	width:100%;
	height:auto;
}

#logoarea h1 img {
	width:100%;
	height:auto;
}
#selectbtn {
	width: 200px;
	height:auto;
	margin:0 0 0 60%;
}
#selectbtn ul {
	width: 100%;
	list-style:none;
}
#selectbtn ul li{
width:48%;
display: inline-block;
text-align:center;
}
/* Button */
input[type="button"],  input[type="submit"],  input[type="reset"],  button,  .button {
	text-align: center;
	position: relative;
	display: inline-block;
/*	border-radius: 0.35em;*/
	color: #fff !important;
	text-decoration: none;
	padding: 0.3em 1em;
/*	border: 1px solid #888;*/
	cursor: pointer;
/*	background-color: #333;*/
	-moz-transition: background-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	border-style: 0;
	text-shadow: 1px 1px 2px #000;
	opacity: 0.8;
}
input[type="button"]:hover,  input[type="submit"]:hover,  input[type="reset"]:hover,  button:hover,  .button:hover {
	background-color: #444;
	opacity: 0.8;
/*	border: 1px solid #fff;*/
}
}
@media screen and (min-width:960px) and ( max-width:1280px) {
	body {
	font-size: 13pt;
	line-height: 1.7em;
	background: url(../img/index_bg.jpg) top center no-repeat #000;
	background-size:100% auto;
	
}
#mainV{
	display:none;
}
#logoarea {
	width: 300px;
	padding-top:5%;
	margin: 0 20px 0 60%;
}
#logoarea h1 {
	width:100%;
	height:auto;
}

#logoarea h1 img {
	width:100%;
	height:auto;
}
#selectbtn {
	width: 300px;
	height:auto;
	margin:0 0 0 60%;
}
#selectbtn ul {
	width: 100%;
	list-style:none;
}
#selectbtn ul li{
width:48%;
display: inline-block;
text-align:center;
}
/* Button */
input[type="button"],  input[type="submit"],  input[type="reset"],  button,  .button {
	text-align: center;
	position: relative;
	display: inline-block;
/*	border-radius: 0.35em;*/
	color: #fff !important;
	text-decoration: none;
	padding: 0.3em 1em;
/*	border: 1px solid #888;*/
	cursor: pointer;
/*	background-color: #333;*/
	-moz-transition: background-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	border-style: 0;
	text-shadow: 1px 1px 2px #000;
	opacity: 0.8;
}
input[type="button"]:hover,  input[type="submit"]:hover,  input[type="reset"]:hover,  button:hover,  .button:hover {
	background-color: #444;
	opacity: 0.8;
/*	border: 1px solid #fff;*/
}
}
@media screen and (min-width:1281px) {
body {
	font-size: 13pt;
	line-height: 1.7em;
	background: url(../img/index_bg.jpg) top center no-repeat #000;
	background-size:100% auto;
	
}
#mainV{
	display:none;
}
#logoarea {
	width: 300px;
	padding-top:5%;
	margin: 0 20px 0 60%;
}
#logoarea h1 {
	width:100%;
	height:auto;
}

#logoarea h1 img {
	width:100%;
	height:auto;
}
#selectbtn {
	width: 300px;
	height:auto;
	margin:0 0 0 60%;
}
#selectbtn ul {
	width: 100%;
	list-style:none;
}
#selectbtn ul li{
width:48%;
display: inline-block;
text-align:center;
}
/* Button */
input[type="button"],  input[type="submit"],  input[type="reset"],  button,  .button {
	text-align: center;
	position: relative;
	display: inline-block;
/*	border-radius: 0.35em;*/
	color: #fff !important;
	text-decoration: none;
	padding: 0.3em;
/*	border: 1px solid #888;*/
	cursor: pointer;
/*	background-color: #333;*/
	-moz-transition: background-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	border-style: 0;
	text-shadow: 1px 1px 2px #000;
	opacity: 0.8;
}
input[type="button"]:hover,  input[type="submit"]:hover,  input[type="reset"]:hover,  button:hover,  .button:hover {
	background-color: #444;
	opacity: 0.8;
/*	border: 1px solid #fff;*/
}
}