@charset "UTF-8";

/*common*/

html
{
height: 100%;
}
a:link {
	text-decoration: none;
	color: #00ffc6;
}

a:visited {
	text-decoration: none;
	color: #00ffc6;
}

a:hover {
	text-decoration: none;
	color: #FC0;
}
p
{
	margin-bottom: 1em;
}
p:last-child
{
	margin-bottom: 0;
}

/*PC--------------------------------------------------------------------------------------*/

/*navi*/

#navi-bar
{
	height: 50px;
	width: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
}
#navi-bar h1
{
	position: fixed;
	top: 5px;
	left: 10px;
}
#navi-bar .navi-icon-navi
{
	position: fixed;
	top: 10px;
	right: 45px;
	width: 30px;
	cursor: pointer;
	display: none;
}
#navi-bar .navi-icon-language
{
	position: fixed;
	top: 10px;
	right: 10px;
	width: 30px;
	cursor: pointer;
}
#navi-bar .navi-icon-navi img,
#navi-bar .navi-icon-language img
{
	width: 100%;
}
#navi-bar ul.navi
{
	position: absolute;
	top: 11px;
	right: 60px;
	margin: 0;
	padding: 0;
}
#navi-bar ul.navi li
{
	list-style: none;
	float: left;
	margin-left: 20px;
	font-size: 1.2em;
}
#navi-bar ul.navi li a:link
{
	color: #00ffc6;
	background-image:
	url(../images/common/navi_bg_lt.png),
	url(../images/common/navi_bg_rb.png);
	background-size:8px 8px,8px 8px;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left top,right bottom;
	padding: 0.2em 1em;
	display: block;
	background-color: rgba(255,255,255,0.2);
}
#navi-bar ul.navi li a:visited
{
	color: #00ffc6;
}
#navi-bar ul.navi li a:hover
{
	color: #fff;
	text-decoration: none;
	-moz-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	-webkit-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
}
#navi-bar ul.language
{
  display: none;
	position: absolute;
	top: 50px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 13em;
}
#navi-bar ul.language li
{
	list-style: none;
	float: none;
	margin-left: 0;
	font-size: 1em;
	text-align: center;
}
#navi-bar ul.language li a:link
{
	color: #ff2fd7;
	display: block;
	padding: 0.5em;
	background: rgba(255,255,255,0.8);
	margin-bottom: 1px;
}
#navi-bar ul.language li a:visited
{
	color: #ff2fd7;
}
#navi-bar ul.language li a:hover
{
	color: #fff;
	text-decoration: none;
	-moz-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	-webkit-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	background: rgba(255,255,255,0.9);
}

/*bg*/

.earth-wrap
{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.earth-wrap .earth 
{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.earth-wrap .earth img
{
	width: 100%;
}

/*base*/

#wrap
{
	max-width: 1000px;
	width: 100%;
	margin: 50px auto 0 auto;
	z-index: 10;
	overflow: hidden;
	position: relative;
	flex: 1 0 auto;
	min-height: 0%;
}
.sl-wrap
{
	margin: 0 auto!important;
}
#footer-wrap
{
	border-top: 2px solid #00ffc6;
	padding: 15px 0 0 0;
	z-index: 10;
	position: relative;
	background: rgba(255,255,255,0.7);
	box-sizing: border-box;
}
#footer-wrap .footer
{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 1em auto;
	position: relative;
	height: 36px;
	overflow: hidden;
}
#footer-wrap .footer ul.banner
{
	list-style: none;
	left: 0;
	position: absolute;
}
#footer-wrap .footer ul.banner li
{
	float: left;
	margin-right: 1.5em;
}
#footer-wrap .footer ul.sns
{
	list-style: none;
	right: 0;
	position: absolute;
}
#footer-wrap .footer ul.sns li
{
	float: left;
	margin-left: 10px;
	width: 36px;
}
#footer-wrap .footer ul.sns li img
{
	width: 100%;
}
#copyright
{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	z-index: 10;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: rgba(0,0,0,0.8);
	font-size: 0.9em;
	box-sizing: border-box;
}
.btn01 a
{
	background-image:
	url(../images/common/btn_frame_lt.png),
	url(../images/common/btn_frame_rb.png);
	background-size:23px 23px,23px 23px;
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	padding: 1em;
	display: block;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 1.1em;
	border: 1px solid #00ffc6;
}
.btn02 a
{
	background-image:
	url(../images/common/btn_frame_lt.png),
	url(../images/common/btn_frame_rb.png);
	background-size:23px 23px,23px 23px;
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	padding: 1em;
	display: block;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 1.1em;
	border: 1px solid #00ffc6;
	margin-top: 0.5em;
}
.btn01 a:hover,
.btn02 a:hover
{
	text-decoration: none;
	background-color: rgba(0,0,0,0.7);
	color: #ff2fd7;
}
.contents-wrap
{
	background: rgba(0,0,0,0.3);
	border: 1px solid #2424b8;
	margin-bottom: 30px;
}
.contents
{
	padding: 30px;
	width: 100%;
	box-sizing: border-box;
}
h3
{
	background-color: rgba(36,36,184,0.7);
	background-image: url(../images/common/h3.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.8em 1em;
}
h4
{
	margin-bottom: 1.5em;
	font-size: 1.1em;
	color: #fc0;
}
h4.cs
{
	text-align: center;
	margin-bottom: 0!important;
}

/*top*/

#header
{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 47%;
	position: relative;
	background: url(../images/top/logo.png) no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.reserve
{
	width: 50%;
	margin: 0 auto 50px auto;
}
.select-text
{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 50px auto;
	text-align: center;
}
.select-btn
{
	width: 50%;
	margin: 0 auto 50px auto;
}
.select-btn div
{
	margin-top: 10px;
}
dl#information
{
	width: 500px;
	height: 200px;
	background: rgba(0,0,0,0.5);
	overflow: auto;
	overflow-x: visible;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto 50px auto;
	border: 1px solid #fff;
}
dl#information dt
{
	float: left;
	width: 8em;
	text-align: left;
	color: #00ffc6;
}
dl#information dd
{
	margin: 0 0 0 8em;
	text-align: left;
}
#movie-wrap
{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}
#movie-wrap .movie
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie-wrap .movie iframe
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#spec-wrap
{
	text-align: center;
	margin-bottom: 50px;
}
.spec dl
{
	display: inline-block;
	-moz-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	-webkit-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
}
.spec dt
{
	float: left;
	width: 6em;
	font-weight: bold;
	text-align: left;
	color: #FFFF00;
}
.spec dd
{
	margin: 0 0 0 6em;
	text-align: left;
}

/*about*/

h2.about
{
	width: 100%;
	height: 107px;
	background: url(../images/about/heading.png) no-repeat center;
	text-indent: -9999px;
	margin: 30px 0 30px 0;
}
ul.sub-navi
{
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
	table-layout: fixed;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	margin-bottom: 30px;
}
ul.sub-navi li
{
	display: table-cell;
	list-style: none;
	border-right: 1px solid #2424b8;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
}
ul.sub-navi li:first-child
{
	border-left: 1px solid #2424b8;
}
ul.sub-navi li a
{
	display: block;
	text-align: center;
	padding: 0.5em;
}
ul.lo3c
{
	width: 103%;
	margin-right: -3%;
	overflow: hidden;
}
ul.lo3c li
{
	width: 30.33333%;
	float: left;
	margin-right: 3%;
	list-style: none;
}
ul.lo3c li img
{
	width: 100%;
}
ul.lo3c li span,
ul.lo2c li span
{
	padding-top: 0.5em;
	display: block;
}
ul.lo2c
{
	width: 103%;
	margin-right: -3%;
	overflow: hidden;
}
ul.lo2c li
{
	width: 47%;
	float: left;
	margin-right: 3%;
	list-style: none;
}
ul.lo2c li img
{
	width: 100%;
}
.lo1c
{
	margin-bottom: 3%;
}
.lo1c img
{
	width: 100%;
}
dl.lo1c-list
{
	display: inline-block;
}
dl.lo1c-list dt
{
	float: left;
	width: 19em;
	text-align: left;
	color: #ff2fd7;
}
dl.lo1c-list dd
{
	margin: 0 0 0 19em;
	text-align: left;
}
dl.lo1c-list2
{
	display: inline-block;
	margin-top: 3%;
}
dl.lo1c-list2 dt
{
	float: left;
	width: 10em;
	text-align: left;
	color: #ff2fd7;
}
dl.lo1c-list2 dd
{
	margin: 0 0 0 10em;
	text-align: left;
}

/*products*/

h2.products
{
	width: 100%;
	height: 107px;
	background: url(../images/products/heading.png) no-repeat center;
	text-indent: -9999px;
	margin: 30px 0 30px 0;
}
.products-box
{
	width: 100%;
	overflow: hidden;
}
.products-box .pic
{
	width: 40%;
	float: left;
}
.products-box .pic img
{
	width: 100%;
}
.products-box .text
{
	width: 57%;
	float: right;
}
.products-box .text h4
{
	border-bottom: 1px solid #00ffc6;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.products-box .text ul
{
	margin-left: 1.5em;
}
dl.lo1c-list3
{
	margin-bottom: 1em;
}
dl.lo1c-list3 dt
{
	float: none;
	width: 100%;
	text-align: left;
	color: #ff2fd7;
}
dl.lo1c-list3 dd
{
	margin: 0 0 0.5em 0;
	text-align: left;
}


/*special*/

h2.special
{
	width: 100%;
	height: 107px;
	background: url(../images/special/heading.png) no-repeat center;
	text-indent: -9999px;
	margin: 30px 0 30px 0;
}

/*MOBILE--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1000px) {

/*base*/
	
	#wrap
{
	width: 100%;
	margin: 50px auto 0 auto;
	z-index: 10;
	padding: 0 10px;
	box-sizing: border-box;
}
#footer-wrap .footer ul.banner
{
	left: 10px;
}
#footer-wrap .footer ul.sns
{
	right: 10px;
}
	
}

@media only screen and (max-width: 600px) {

/*navi*/

#navi-bar .navi-icon-navi
{
	position: fixed;
	top: 10px;
	right: 45px;
	width: 30px;
	cursor: pointer;
	display: block;
}
#navi-bar ul.navi
{
  display: none;
	position: absolute;
	top: 50px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 13em;
}
#navi-bar ul.navi li
{
	list-style: none;
	float: none;
	margin-left: 0;
	font-size: 1em;
	text-align: center;
}
#navi-bar ul.navi li a:link
{
	color: #ff2fd7;
	display: block;
	padding: 0.5em;
	background: rgba(255,255,255,0.8);
	margin-bottom: 1px;
}
#navi-bar ul.navi li a:visited
{
	color: #ff2fd7;
}
#navi-bar ul.navi li a:hover
{
	color: #fff;
	text-decoration: none;
	-moz-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	-webkit-text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	text-shadow: 2px 2px 2px #796caf,
             -2px 2px 2px #796caf,
             2px -2px 2px #796caf,
             -2px -2px 2px #796caf;
	background: rgba(255,255,255,0.9);
}
	
/*base*/

#footer-wrap .footer
{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 10px auto;
	position: relative;
	height: 25px;
}
#footer-wrap .footer ul.banner li
{
	float: left;
	margin-right: 10px;
	height: 25px;
}
#footer-wrap .footer ul.banner li img
	{
		height: 100%;
	}
#footer-wrap .footer ul.sns li
{
	float: left;
	margin-left: 5px;
	width: 25px;
}
#copyright
{
	padding: 10px;
	text-align: left;
}
.btn01 a
{
	padding: 0.5em 1em;
}
.contents-wrap
{
	background: rgba(0,0,0,0.3);
	border: 1px solid #2424b8;
	margin-bottom: 10px;
}
.contents
{
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
h4
{
	margin-bottom: 1em;
	font-size: 1.1em;
}

/*top*/	
	
#header
{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 66.666666666%;
	position: relative;
	background: url(../images/top/logo2.png) no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
}
.reserve
{
	width: 70%;
	margin: 0 auto 30px auto;
}
.select-btn
{
	width: 70%;
	margin: 0 auto 50px auto;
}
dl#information
{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	overflow: auto;
	overflow-x: visible;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto 30px auto;
	border: 1px solid #fff;
}
dl#information dt
{
	float: none;
	width: auto;
	color: #00ffc6;
	text-align: left;
}
dl#information dd
{
	margin: 0;
	text-align: none;
}
#movie-wrap
{
	margin: 0 auto 2em auto;
}
#spec-wrap
{
	text-align: center;
	margin-bottom: 30px;
}
.spec dt
{
	float: none;
	width: auto;
	font-weight: bold;
	text-align: left;
}
.spec dd
{
	margin: 0 0 0 0;
	text-align: left;
}

/*about*/

h2.about
{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 16.86956%;
	position: relative;
	background: url(../images/about/heading2.png) no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
ul.sub-navi
{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	table-layout: auto;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	margin-bottom: 10px;
}
ul.sub-navi li
{
	display: block;
	list-style: none;
	border-right: 1px solid #2424b8;
	vertical-align: middle;
	box-sizing: border-box;
	width: 50%;
	float: left;
}
ul.sub-navi li:nth-child(odd)
{
	border-left: 1px solid #2424b8;
}
ul.sub-navi li a
{
	display: block;
	text-align: center;
	padding: 0.5em;
}
ul.lo3c
{
	width: 100%;
	margin-right: 0;
	overflow: hidden;
}
ul.lo3c li
{
	width: 100%;
	float: left;
	margin-right: 0;
	list-style: none;
	margin-bottom: 10px;
}
ul.lo3c li:last-child
{
	margin-bottom: 0;
}
ul.lo2c
{
	width: 100%;
	margin-right: 0;
	overflow: hidden;
}
ul.lo2c li
{
	width: 100%;
	float: none;
	margin-right: 0;
	list-style: none;
	margin-bottom: 10px;
}
ul.lo2c li:last-child
{
	margin-bottom: 0;
}
dl.lo1c-list2
{
	display: inline-block;
	margin-top: 10px;
}
dl.lo1c-list dt,
dl.lo1c-list2 dt
{
	float: none;
	width: 100%;
	text-align: left;
	color: #ff2fd7;
}
dl.lo1c-list dd,
dl.lo1c-list2 dd
{
	margin: 0;
	text-align: left;
}
	
/*products*/

h2.products
{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 16.86956%;
	position: relative;
	background: url(../images/products/heading2.png) no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
.products-box .pic
{
	width: 100%;
	float: none;
	margin-bottom: 1em;
}
.products-box .text
{
	width: 100%;
	float: none;
}
.products-box .text h4
{
	border-bottom: 1px solid #00ffc6;
	padding-bottom: 0.8em;
}
	
/*special*/

h2.special
{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 16.86956%;
	position: relative;
	background: url(../images/special/heading2.png) no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
	
}