@charset "utf-8";

@font-face {
	font-family: 'gsfont';
	src: url('fonts/gsfont.woff') format('woff')
}

/* 文書全体 */
* {
	margin: 0px;
}

/* 全てのスクリーンサイズで適用する設定 */
/* body */
body {
	font-family: "gsfont", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.max_width {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* header */
header {
	background-color: #0e0e2d;
	height: 140px;
	text-align: center;
}

#site_title {
	padding-top: 30px;
	color: #FFFFFF;
	font-size: 40px;
}

#menu_button {
	position: fixed;
	right: 0px;
	display: none;
}

/* nav */
#nav {
	position: fixed;
	top: 85px;
	left: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: rgba(14, 14, 45, 0.85);
	padding-top: 15px;
	padding-bottom: 15px;
}

#nav ul {
	padding: 0px;
	background-image: none;
	color: #FFFFFF;
	font-size: 1.3rem;
}

#nav ul li {
	list-style-type: none;
	display: inline-block;
}

#nav ul li a:link {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	border-bottom: 0px solid #424242;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 1rem;
	text-decoration: none;
	-webkit-transition: color 0.5s ease-in-out 0s;
	-moz-transition: color 0.5s ease-in-out 0s;
	-ms-transition: color 0.5s ease-in-out 0s;
	-o-transition: color 0.5s ease-in-out 0s;
	transition: color 0.5s ease-in-out 0s;
}

#nav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #B9B9B9;
	text-decoration: none;
}

/* article */
.content_wrap1 {
	background-color: #e8e8e8;
	padding: 15px 10px 30px 10px;
}

.content_wrap2 {
	background-color: #f9f9f9;
	padding: 15px 10px 30px 10px;
}

.content {
	display: inline-block;
	width: 100%;
	clear: both;
}

.content a:link {
	text-decoration: none;
	color: #515151;
	-webkit-transition: color 0.5s ease-in-out 0s;
	-moz-transition: color 0.5s ease-in-out 0s;
	-ms-transition: color 0.5s ease-in-out 0s;
	-o-transition: color 0.5s ease-in-out 0s;
	transition: color 0.5s ease-in-out 0s;
}

.content a:visited {
	color: #464646;
}

.content a:hover {
	color: #B5B5B5;
}

.content h1 {
	margin-left: 10px;
	margin-bottom: 15px;
	clear: both;
	font-size: 170%;
	font-weight: normal;
}

.content h2 {
	margin-left: 10px;
	padding-left: 5px;
	clear: both;
	font-size: 130%;
	font-weight: normal;
}

.content p {
	margin: 10px;
	padding-left: 5px;
}

img {
	border-style: none;
	max-width: 49%;
	height: auto;
	vertical-align: bottom;
}

.supplement {
	color: #464646;
	;
	/* 補足 */
}

.supplement2 {
	color: #464646;
	;
	/* 補足 */
	font-size: 14px;
}

.icons-container {
	display: flex;
	justify-content: center;

}

.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 0.3em;
	border: none;
	border-radius: 50%;
	background-color: #0e0e2d;
	font-size: 1em;
	color: #fff;
	font-size: 20px;
}


/* footer */
.footer_wrap {
	background-color: #0e0e2d;
	padding-top: 30px;
	padding-bottom: 30px;
}

footer {
	color: #FFFFFF;
	text-align: center;
}

footer p {
	margin: 10px;
}

footer a:link {
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color 0.5s ease-in-out 0s;
	-moz-transition: color 0.5s ease-in-out 0s;
	-ms-transition: color 0.5s ease-in-out 0s;
	-o-transition: color 0.5s ease-in-out 0s;
	transition: color 0.5s ease-in-out 0s;
}

footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

footer a:hover {
	color: #B9B9B9;
	text-decoration: none;
}

/* ボタン */
.button-55 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	margin: 0 auto;
	padding: 0.9em 2em;
	border: none;
	border-radius: 5px;
	background-color: #212160;
	font-size: 1em;
	color: #fff;
}

.button-55::after {
	width: 1.25em;
	height: 1.25em;
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
	content: '';
}

.button-55:hover {
	background-color: #0e0e2d;
}

/* アイコン */
.ri-shining-2-fill {
	margin-right: 4px;
}

.ri-discord-fill {
	margin-right: 8px;
}

/* リスト */
/* 全体のスタイル */
.list-container {
	display: flex;
	flex-wrap: wrap;
}

/* 左側の幅を固定するスタイル */
.list-container .left-column {
	flex: 0 0 140px;
	/* 左側の幅を固定 */
	max-width: 140px;
	/* 左側の最大幅を指定 */
	padding-left: 15px;
}

/* 右側のスタイル */
.list-container .right-column {
	flex: 1;
	/* 右側を残りのスペースを使って伸ばす */
}

/* 箇条書きリストのスタイル */
.list-container ul {
	margin-bottom: -5px;
	padding: 0;
	list-style-type: none;
}

.list-container ul li {
	margin-bottom: 8px;
}

/* 画像拡大 */
#lightbox .lb-container {
	padding: 0px;
}

#lightbox .lb-outerContainer {
	padding: 4px;
}