/*画面全体の設定*/
body ,
html {
  height: 100%;
  background-color: #000;
  margin: 0px auto;
  font:  normal Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 20px;
  max-width: 100vw;
  display: block;
  background-image: url('./img/bk.png');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-size-adjust: none;

}

h1 {
	display: flex;
	justify-content: center;
	align-items: center;
 }
div {
	padding: 50px;
}

a {
	text-decoration: none;
}
a:hover{
  text-decoration: none;

}

a:link{
  color: #ffffff;
}
a:visited{
  color: #ffffff;
}
a:hover{
  color: #ffffff;
}
a:active{
  color: #ffffff;
}

h2 {
	text-align:center;
	background-color: #1C1542;
	padding: 20px;
}

section {
	padding: 30px;
	text-align:center;
}

p {
	margin: 0;
	padding: 0;
	text-align:center;
}

p.right {
	text-align: right;
}

footer {
	margin-top: 50px;
	font-size: 16px;
	text-align:center;
}


#white, #archive {
	color: #fff;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	position: relative;
	/* background: #1C1542; */
	/* padding: 50px; */
	/* font-size: 50px; */
}


.btn {
	height: 150px;
}

#info {
	/* background-color: #1C1542; */
	background-color: rgba(28, 21, 66 , 0.8);
	/* opacity: 0.8; */
	border: 1px solid #ffffff;
	/* color: red; */
	margin-bottom: 40px;
	/* display:flex */
}

/* #archive {
	background-color: rgba(28, 21, 66 , 0.8);
	border: 1px solid #ffffff;
	margin-bottom: 40px;
} */


.line {
	/* background-color: #ffe4c4; */
	padding: 0;
	display:flex
}

.line > div {
	padding: 10px;
	font-size: 20px;
}

.date {
	/* background-color: #daa520; */
}

.type {
	/* background-color: #2e8b57; */
	width: 160px;
}
/* お知らせ */
.notice 		{ background-color: #385a9a; }
/* アップデート */
.update 		{ background-color: #6b53a1; }
/* メンテナンス */
.maintenance	{ background-color: #7d3259; }
/* キャンペーン */
.campaign 		{ background-color: #505b78; }
/* 今月のprize */
.prize 			{ background-color: #43767e; }
/* その他 */
.ather 			{ background-color: #72788c; }

.new {
	/* background-color: #ff7f50; */
	color: #fff;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	position: relative;
}

.title {
	/* background-color: #ffd700; */
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.last { border-style: none;}

.space { margin-top: 20px}

.list {
	/* background-color: #ffd700; */
	padding: 0;
	text-align: right;
}

hr {
	border-top: 1px solid #ffffff;
	margin-bottom: 20px;
}

.link {
	/* background-color: #ffd700; */
	border-top: 1px solid #ffffff;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.info_head {
	/* background-color: #f0f8ff; */
	display: flex;
    justify-content: space-between;
	padding: 0;
}
.info_head > div { padding: 0; }

.info_type {
	width: 160px;
	text-align: center;
}


.info_head .info_type {
	/* background-color: #b0c4de; */

}

.info_head .info_date {
	/* background-color: #66cdaa; */

}

.info_title {
	/* background-color: #8fbc8f; */
	font-size: 30px;
	padding: 10px 0 50px;
	font-weight: bold;
}

.information {
	/* background-color: #ffc0cb; */
	padding: 0;
}


.information h2,.information h3,.information h4,.information h5,.information h6 {
	text-align:left;
}

.information p {
	margin: 0;
	padding: 0;
	padding-bottom: 1.6em;
	text-align:left;
}

.information p img{
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	text-align:left;
	max-width:100%;
	height:auto;
}




.info_img {
	/* background-color: #fdf5e6; */
	padding: 0;
	margin-top: 15px;
	/* opacity: 1; */
}

.info_img img {
	max-width:100%;

}

.tokusyo_title {
	/* background-color: #fdf5e6; */
	padding: 0 0 10px;
	/* font-size: 25px; */
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

.tokusyo_cont {
	/* background-color: #ffc0cb; */
	padding: 10px 0 20px;
}

/*固定する背景*/
/* div {
  box-sizing: border-box;
  color: #FFF;
  font-size: 5rem;
  display: flex;
  align-items: start;
  justify-content: center;
  height: 100%;
  padding: 5%;
  }
.parallax-bg {
  background-image: url('bk.png');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
} */