@charset "utf-8";
/*--------------------------------------------------
	基本情報
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color:#FFFFFF;
}

body{
	 min-width:100%;
}

img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

input {
	font-size: 16px;
	color: #000000;
}
textarea{
	font-size: 16px;
	color: #000000;
}

select{
	/*-webkit-appearance:none;*/
	font-size: 16px;
	color: #000000;
}
.lang select {
  position: fixed;
  z-index: 100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin:1% ;
  padding: 4px 8px;
  width: 180px;
  font-size: 16px;
  border-radius: 2px;
  border: none;
  color: rgba(162, 162, 162, 1.00);
  background-image: url(../../res/drop_icon.png);
  background-repeat: no-repeat;
  background-size: 15px 9px;
  background-position: right 10px center;
  background-color: rgba(0, 0, 0, 0.7);
}

/*背景関連*/
.bg1{
	min-width:100%;
	background-image: url("../res/Web_BG10.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.bg2{
	min-width:100%;
	background-image: url("../../res/Web_BG02.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.bg3{
	min-width:100%;
	background-image: url("../../res/Web_BG03.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.bgLine{
	min-width:100%;
	background-color:#333333;
}

.bgBlack{
	min-width:100%;
	background-color:#000000;
}


/*ロゴ画面*/
.pslogo{
	text-align:right;
}

.toplogo{
	margin: 0px auto;
	text-align:center;
	width:1000px;
	max-width: 100%;
	max-height: 40%;
}

.topLine{
	min-width:100%;
	background-image: url("../../res/hatsubai_base.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.topTxext{
	margin: 0px auto;
	text-align:center;
	height:300px;
	max-width: 100%;
	max-height: 40%;
}

/*コンテンツ共通部分*/
.contents{
	margin: 0 auto;
	width:1000px;
	max-width: 100%;
	text-align:center;
	position: relative;
}

.topics{
	margin: 0 auto;
	color:#66cdaa;
	text-align:center;
	height:40px;
	font-weight:bold;
}

.contentsTitle{
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
}

.contentsBanner{
	margin: 0 auto;
	padding-top: 5px;
	width:500px;
	max-width: 90%;
	height:35px;
	background-image: url("../../res/info_banner.png");
	background-repeat: no-repeat;
	text-align:center;
	font-weight:bold;
}
.contentsDate{
	margin: 0 auto;
}

.contentsItem{
	width:1000px;
	max-width: 100%;
	display: inline-block;
	position: relative;
	text-align:left;
	vertical-align: top;
}

.contentsText{
	width:1000px;
	max-width: 100%;
	display: inline-block;
	position: relative;
	text-align:center;
	vertical-align: top;
}

.contentsText .cRed{
	color:#FF0000;
	font-weight:bold;
}


.contentsInput{
	width:60%;
	display: inline-block;
	position: relative;
	text-align:left;
	vertical-align: top;
}


.contentsSpace{
	height:100px;
}

.video{
	max-width: 80%;
	margin: 0 auto;
	width:100%;					/*横幅いっぱいにwidthを指定*/
	padding-bottom: 46%;		/*高さをpaddingで指定(16:9)*/
	height:0px;					/*高さはpaddingで指定するためheightは0に*/
	text-align:center;
	position: relative;
}

.video iframe{
	position: absolute;
	text-align:center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h2{
	margin-top: 20px;
	text-align:left;
}

td{
	vertical-align: top;
	text-align:left;
}

.infoText{
	font-size: 16px;
	text-align:center;
}

/*Twitterアイコン変換用*/
.twitter{
	margin: 80px auto 40px;
	width: 50px;
	height: 50px;
	background-image: url("../../res/tw_icon_01.png");
}
.twitter a{
	display: block;
}
.twitter img{
	border: none;
}
.twitter a:hover{
	background: none;
}
.twitter a:hover img{
	visibility: hidden;
}
/* Modal */
.modal {
  position: fixed;
  display: none;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: 0;
  padding: 10%;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2em;
  font-weight: bold;
}
.modal img {
  width: 350px;
}
.modal .select {
  margin: 0 0 40px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: center;
}
.modal p {
  margin: 0 0 40px 0;
}
.modal .attn {
  color: #666;
  font-size: 14px;
}
.modal .btn {
  display: block;
  cursor: pointer;
  margin: 0 20px;
  border: 1px solid #666;
  padding: 12px 45px;
}
.modal .btn a {
  color: #FFF;
  text-shadow: rgba(187, 255, 0, 1) 0 0 5px;
	text-decoration: none;
}
.modal .btn a:hover {
  color: rgba(187, 255, 0, 1);
}
.modal .btn:hover {
  background-color: #111;
  color: rgba(187, 255, 0, 1);
}