@charset "utf-8";

/*---------------------------------------------------------------------------
全体の基本設定
---------------------------------------------------------------------------*/
body {
	/*余白設定*/
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	/*全体の文字色*/
	color: #f5f5f5;
	/*フォント種類*/
	font-family: "MS PMincho", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*文字サイズ*/
	font-size: 14px;
	/*行間*/
	line-height: 2;

}

h1,
h2 {
	/*余白設定*/
	margin: 0px;
	padding: 0px;
	/*文字サイズ*/
	font-size: 100%;
	font-weight: normal;
}

ul {
	list-style-type: none;
}

ol {
	padding-left: 40px;
	padding-bottom: 15px;
}

.invisible {
	display: none;
}

.visible {
	display: block;
}

.text_left {
	/*内容を左よせ*/
	text-align: left;
}

.text_center {
	/*内容を中央よせ*/
	text-align: center;
}



/*---------------------------------------------------------------------------
リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	/*リンクテキストの色*/
	color: #649df1;
	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	transition: 0.3s;
	cursor: pointer;
}

a:hover {
	color: #69c994;
	/*マウスオン時の文字色*/
}

/*---------------------------------------------------------------------------
コンテナ（ホームページを囲む一番外側のブロック）
---------------------------------------------------------------------------*/
#container {
	/*余白設定*/
	margin: 0 auto;
	padding: 0% 5%;
	/*背景色background: #000000;*/

	/*背景画像*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(back_01.jpg);
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;

}

/*---------------------------------------------------------------------------
ヘッダー設定
---------------------------------------------------------------------------*/
/*headerブロック*/
header {
	/*内容を中央よせ*/
	text-align: center;
}

/*---------------------------------------------------------------------------
フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	/*内容を中央よせ*/
	text-align: center;
	/*上、左右、下へのボックス内の余白*/
	padding: 30px 0px 10px;
}

footer a {
	text-decoration: none;
	border: none;
}

footer .pr {
	display: block;
}

/*---------------------------------------------------------------------------
コンテンツ設定
---------------------------------------------------------------------------*/
/*#contents {
	background: #242527;
}
*/

#contents h2 {
	clear: both;
	/*余白設定*/
	margin-bottom: 20px;
	/*上下、左右への余白*/
	padding: 10px 20px;
	/*文字色*/
	color: #ffffff;
	/*背景色*/
	background: #d8ece6;
}

/*---------------------------------------------------------------------------
トップ画像設定
---------------------------------------------------------------------------*/
.main_box {
	/*サイズ調整*/
	box-sizing: border-box;
	/*背景画像*/
	background-image: url();
	background-position: bottom center;
}

.main_img01 {
	/*サイズ調整*/
	box-sizing: border-box;
	height: 500px;
	max-width: 1500px;
	/*内容を中央よせ*/
	text-align: center;
	/*背景画像*/
	background-image: url(top_02.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	/*角丸のサイズ*/
	border-radius: 30px;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 0px 0px 0px 0px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 0% 0px 0px 0px;
	/* 水平方向の中央揃え */
	margin: 0 auto;
}

.main_img02 {
	/*サイズ調整*/
	width: auto;
}

.main_img03 {
	/*サイズ調整*/
	box-sizing: border-box;
	height: 500px;
	/*背景画像*/
	background-image: url(top_02.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	/*角丸のサイズ*/
	border-radius: 30px;
}

.main_img04 {
	/*サイズ調整*/
	box-sizing: border-box;
	background-size: 400px;
	width: 400;
	height: 400px;
	/*背景画像*/
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.imgover:hover {
	border-radius: 50%;
	transition: all 0.6s ease 0s;
}

.imgover:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
}

.imgout {
	border-radius: 50%;
	transition: all 0.6s ease 0s;
}

.imgover:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
}

/*---------------------------------------------------------------------------
マルチメニュー
---------------------------------------------------------------------------*/
.parent_menu1 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	/*水平方向中央揃え*/
	display: flex;
	overflow: hidden;
	/*内容を中央よせ*/
	text-align: center;
	/*背景画像*/
	background-image: url(images/sub_blood.png);
	background-repeat: no-repeat;
	background-position: top left 25%;
}

.parent_menu2 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	/*水平方向中央揃え*/
	display: flex;
	overflow: hidden;
	/*内容を中央よせ*/
	text-align: center;
}

.parent_menu3 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	max-width: 900px;
	/*水平方向中央揃え*/
	overflow: hidden;
	display: flex;
	/*内容を中央よせ*/
	text-align: center;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.5);
}

.parent_menu4 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	max-width: 900px;
	/*水平方向中央揃え*/
	overflow: hidden;
	display: flex;
	/*内容を中央よせ*/
	text-align: left;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.5);

}


.child_menu5 {
	flex-grow: 1;
	float: center;
	width: 15%;
	min-width: 200px;
}

.child_menu16 {
	flex-grow: 1;
	float: center;
	width: 16%;
	min-width: 1%;
}

.child_menu20 {
	flex-grow: 1;
	float: center;
	width: 20%;
	min-width: 120px;
}

.child_menu25 {
	flex-grow: 1;
	float: center;
	width: 25%;
	min-width: 200px;
}

.child_menu75 {
	flex-grow: 1;
	float: center;
	width: 75%;
	min-width: 200px;
}

.child_menu80 {
	flex-grow: 1;
	float: center;
	width: 80%;
	min-width: 200px;
}

.child_menu84 {
	flex-grow: 1;
	float: center;
	width: 84%;
	min-width: 200px;
}

.child_menu30 {
	flex-grow: 1;
	float: center;
	width: 40%;
	min-width: 200px;
	max-height: 300px;
}

.child_menu40 {
	flex-grow: 1;
	float: center;
	text-align: center;
	width: 40%;
	min-width: 200px;
	/*上、左右、下へのボックス内の余白*/
	padding: 0px 5px 5px;
}

.child_menu50 {
	flex-grow: 1;
	float: center;
	width: 50%;
	min-width: 200px;
	/*上、左右、下へのボックス内の余白*/
	padding: 0px 5px 5px;
}

.child_menu60 {
	flex-grow: 1;
	float: center;
	width: 60%;
	min-width: 200px;
	/*上、左右、下へのボックス内の余白*/
	padding: 0px 5px 5px;
}

.child_menu68 {
	flex-grow: 1;
	float: center;
	width: 68%;
	min-width: 200px;
	/*上、左右、下へのボックス内の余白*/
	padding: 0px 5px 5px;
}

.child_menu70 {
	flex-grow: 1;
	float: center;
	width: 70%;
	min-width: 200px;
	max-height: 300px;
}



.child_correction_01 {
	transform: scale(0.9, 0.9);
}

.child_correction_02 {
	transform: scale(0.75, 0.75);
}

/*---------------------------------------------------------------------------
簡易アニメーション設定
---------------------------------------------------------------------------*/
.slidein {
	opacity: 0;
	transform: translate(0, 0);
	transition: all 1.0s;

	&.slidein-left {
		transform: translate(-100%, 0);
	}

	&.slidein-right {
		transform: translate(100%, 0);
	}

	&.slidein-up {
		transform: translate(0, -100%);
	}

	&.slidein-bottom {
		transform: translate(0, 100%);
	}

	&.scrollin {
		transform: translate(0, 0) !important;
		opacity: 1 !important;
	}
}

.scroll-space {
	box-sizing: border-box;
	padding-top: 300px;
	height: 1600px;
	color: #fff;
	overflow: hidden;

	.blue {
		background: #77BBCF;
		width: 200px;
		height: 200px;
		padding: 30px;
		margin: 0 auto 50px;
	}

	.pink {
		background: #FFB4B4;
		width: 200px;
		height: 200px;
		padding: 30px;
		margin: 0 auto 50px;
	}

	.yellow {
		background: #F8913C;
		width: 200px;
		height: 200px;
		padding: 30px;
		margin: 0 auto 50px;
	}

	.green {
		background: #26AA5A;
		width: 200px;
		height: 200px;
		padding: 30px;
		margin: 0 auto 50px;
	}
}

.fadein {
	opacity: 0;
	transform: translate(0, 0);
	transition: all 1.5s;

	&.fadein-left {
		transform: translate(-30px, 0);
	}

	&.fadein-right {
		transform: translate(30px, 0);
	}

	&.fadein-up {
		transform: translate(0, -30px);
	}

	&.fadein-bottom {
		transform: translate(0, 30px);
	}

	&.scrollin {
		opacity: 1 !important;
		transform: translate(0, 0) !important;
	}
}

.scroll-space {
	box-sizing: border-box;
	padding-top: 300px;
	height: 700px;
	color: #fff;

	.blue {
		background: #77BBCF;
		width: 200px;
		height: 200px;
		padding: 30px;
		margin: 0 auto 50px;
	}
}

.blur {
	transition: all 0.5s;
	filter: blur(10px);

	&.scrollin {
		filter: blur(0);
	}
}

/*---------------------------------------------------------------------------
更新履歴用インラインボックス設定
---------------------------------------------------------------------------*/
.inline_box {
	/*上、左右、下へのボックス内の余白*/
	padding: 0px 2px 2px;
	/*サイズ調整*/
	width: 95%;
	min-height: 18rem;
	max-height: 24rem;
	/*その他*/
	overflow-y: scroll;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #912213 #c5aeae;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.5);
	/*border: 1px solid #cccccc;*/
	text-align: left;
	/*文字色*/
	color: #fff;
}

.inline_box::-webkit-scrollbar {
	width: 18px;
}

.inline_box::-webkit-scrollbar-track {
	background-color: #c5aeae;
}

.inline_box::-webkit-scrollbar-thumb {
	background-color: #912213;
}

.inline_box dl {
	/*上下、左右へのブロック内の余白*/
	padding: 0px 5px;
	/*ブロックの下(外側)に空ける余白*/
	margin-bottom: 2px;
}

/*日付設定*/
.inline_box dt {
	font-weight: bold;
	float: left;
	width: 8em;
}

/*記事設定*/
.inline_box dd {
	padding-left: 6em;
}



@media screen and (max-width:700px) {
	.gnav a {
		font-size: 14px;
		/*文字サイズ*/
	}
}


/*---------------------------------------------------------------------------
全体背景
---------------------------------------------------------------------------*/
.div_background_01 {
	/*背景画像*/
	background-image: url(images/back_img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

.div_background_02 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	max-height: 300px;
	/*水平方向中央揃え*/
	overflow: hidden;
	display: flex;
	/*内容を中央よせ*/
	text-align: center;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.78);
}

/*---------------------------------------------------------------------------
行文字
---------------------------------------------------------------------------*/
.div_linebox01 {
	clear: both;
	/*文字サイズ*/
	font-size: 32px;
	font-weight: bold;
	/*文字色*/
	color: #fff;
	/*内容を中央よせ*/
	text-align: center;
	/*ボックスの高さ*/
	height: 28px;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 15px 0px 0px 0px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 5px 0px 0px 0px;
}

.div_linebox02 {
	clear: both;
	/*文字サイズ*/
	font-size: 2rem;
	font-weight: bold;
	/*文字色*/
	color: #f3f4f5;
	/*内容を中央よせ*/
	text-align: center;
	/*内容を上下中央よせ*/
	vertical-align: middle;
	/*ボックスの高さ*/
	height: 3rem;
	/*背景色*/
	/* background: #dfe1e2; */
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 15px 10px 15px 10px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 0x 0px 0px 0px;
	/*角丸のサイズ*/
	border-radius: 10px;
}

/*---------------------------------------------------------------------------
区分け画像・文字の設定
---------------------------------------------------------------------------*/

.div_textbox01 {
	clear: both;
	/*文字色*/
	color: #e2e2e2;
	/*水平方向中央揃え*/
	display: flex;
	overflow: hidden;
	/*内容を中央よせ*/
	text-align: center;
	/*内容を上下中央よせ*/
	vertical-align: middle;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 5px 10px 5px 10px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 0x 0px 0px 0px;
}

.div_textbox02 {
	width: 48em;
	margin: 0 auto;
	/*内容を中央よせ*/
	text-align: center;
}

.div_textbox03 {

	margin: 0 auto;
	/*内容を右よせ*/
	text-align: right;
	flex-grow: 1;
}

.div_textbox04 {
	max-width: 3em;
	min-width: 3em;
	margin: 0 auto;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
}

.div_textbox05 {
	margin: 0 auto;
	/*内容を左よせ*/
	text-align: left;
	flex-grow: 1;
}






/*---------------------------------------------------------------------------
ツイッター埋め込み画像の設定
---------------------------------------------------------------------------*/
.div_twitterimg01 {
	display: flex;
}

.div_twitterimg02 {
	width: 300px;
	height: 300px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 5px 0px 0px 10px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 0x 0px 0px 0px;
}

.div_twitterimg03 {
	height: 170px;
	width: 170px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 2px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 2px;
}

.div_twitterimg04 {
	display: flex;
	align-items: flex-end;
}

.div_twitterimg05 {
	width: 150px;
	height: 150px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 5px 0px 0px 10px;
	/*ブロックの内側に空ける余白(上・右・下・左)*/
	padding: 0x 0px 0px 0px;
}

.div_participants_01 {
	display: flex;
	color: #e7eaec;
	font-weight: 600;
	font-size: 28px;
	height: 45px;
}

.div_participants_02 {
	text-align: left;
	color: #e7eaec;
	font-weight: 300;
	font-size: 14px;
	height: 55px;
}

.twitterimg {
	/*サイズ調整*/
	max-width: 300px;
	max-height: 300px;
	min-width: 200px;
	min-height: 300px;
	width: 100%;
	height: 100%;
	object-fit: cover;

	/*角丸のサイズ*/
	border-radius: 20px;
}


.twitterimg_02 {
	/*サイズ調整*/
	max-width: 190px;
	max-height: 190px;
	min-width: 60px;
	min-height: 190px;
	width: 100%;
	height: 100%;
	object-fit: cover;

	/*角丸のサイズ*/
	border-radius: 20px;
}

.twitterimg_03 {
	/*サイズ調整*/
	max-width: 150px;
	max-height: 150px;
	min-width: 120px;
	min-height: 150px;
	width: 100%;
	height: 100%;
	object-fit: cover;

	/*角丸のサイズ*/
	border-radius: 12px;
}

.parent_menu01 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	/*水平方向中央揃え*/
	overflow: hidden;
	display: flex;
	/*内容を中央よせ*/
	text-align: left;
}

.child_menu01 {
	flex-grow: 1;
	float: left;
	width: 20%;
	min-width: 120px;
	max-width: 200px;
}

.child_menu02 {
	flex-grow: 1;
	float: left;
	width: 80%;
	min-width: 240px;
}

.child_menu03 {
	flex-grow: 1;
	float: left;
	width: 30%;
	min-width: 80px;
	max-width: 180px;
}

.red {
	color: #ff6666;
	font-weight: 600;
	font-size: 16px;
}

.twitter {
	transform: scale(0.6);
	/* サイズの拡大縮小の基準位置を決めるcss */
	transform-origin: left top;
	float: center;
}

/* .dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 120px;
}

.dd {
	float: left;
	margin-left: 1em;
} */

/*---------------------------------------------------------------------------
全体背景
---------------------------------------------------------------------------*/

/*fjsmu*/
.ancher_01 {
	/* ヘッダーの高さを入力（アンカー用調整） */
	content: '';
	padding-top: 8px;
	margin-top: -8px;
}

/*fjsmu*/
.div_background_01 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/865993776178708480/1701168376/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;


}

/*kajatony*/
.div_background_02 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1114518198156578818/1670220890/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*NIY*/
.div_background_03 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/2241164113/1398360277/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*ウサホリ*/
.div_background_04 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/3737041992/1587650921/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*牛土*/
.div_background_05 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/951135819049283584/1530901682/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*海源*/
.div_background_06 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/4654062925/1612843444/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*キヨナッツ*/
.div_background_07 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1372182513821519880/1761132134/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*さわららど*/
.div_background_08 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1381178244498513921/1748398922/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*砂*/
.div_background_09 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/24903901/1753271898/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*すてる子*/
.div_background_10 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1881696457457291264/1751108637/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*ぢせ*/
.div_background_11 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/29186094/1724939777/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*堂後イデア*/
.div_background_12 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1071288179137728514/1738695444/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*なないろのかび*/
.div_background_13 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1377216819790942213/1660285287/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*ねるぞう*/
.div_background_14 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/2258884646/1768659653/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*まぐにすと*/
.div_background_15 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1179358925109379072/1764952382/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*味噌ぱん*/
.div_background_16 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/156893649/1508010142/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*義貞*/
.div_background_17 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1289509331021398016/1761872093/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*我楽々(がらら)*/
.div_background_18 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/1070670780957024256/1737873534/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

/*ゾウノセ*/
.div_background_19 {
	/*背景画像*/
	background-image: url("https://pbs.twimg.com/profile_banners/376865848/1462345265/1500x500");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000b00;
	color: #fff;
}

.div_background_g01 {
	/*余白設定*/
	margin: 0 auto;
	/*サイズ調整*/
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	max-height: 300px;
	/*水平方向中央揃え*/
	overflow: hidden;
	display: flex;
	/*内容を中央よせ*/
	text-align: center;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.78);
}

/*---------------------------------------------------------------------------
オンマウス、フェード設定
---------------------------------------------------------------------------*/
.item_box * {
	box-sizing: border-box;
}

.item_box {
	width: auto;
	height: auto;
	max-width: 300px;
	margin: 0 auto;
	/* 幅調整 */
}

.item_link {
	display: block;
	max-width: 150px;
}

.item_content_01 {
	position: relative;
	overflow: hidden;
	max-width: 150px;
}

.item_content_02 {
	position: relative;
	overflow: hidden;
}

.item_image img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.item_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* background-color: rgba(0, 0, 0, 0.8); */

}

.item_mask-text {
	position: absolute;
	top: 85%;
	left: 0;
	width: 100%;
	max-width: 200px;

	padding: 0em;
	font-size: 2em;
	font-weight: bold;

	text-align: center;
	transform: translateY(-20%);

	background-color: rgba(0, 0, 0, 0.35);

	color: #ffffff;
	-webkit-text-stroke: 1px #c0c0c0;
	text-shadow: 3px 3px #131414;

	font-family: serif;

	/*角丸のサイズ*/
	border-radius: 0 0 20px 20px;
}

.item_mask-text_02 {
	position: absolute;
	top: 85%;
	left: 0;
	width: 100%;
	padding: 0em;
	font-size: 1.2em;
	font-weight: bold;

	text-align: center;
	transform: translateY(-20%);

	background-color: rgba(0, 0, 0, 0.35);

	color: #ffffff;
	text-shadow: 3px 3px #131414;

	font-family: serif;

	/*角丸のサイズ*/
	border-radius: 0 0 12px 12px;
}

.item_text {
	margin-top: 10px;
	text-align: center;
}

.item_box .item_link:hover .item_mask {
	opacity: 1;
}

/* -fade-in */
.item_box.-fade-in .item_mask {
	transition: opacity 1.0s ease;
}

/*---------------------------------------------------------------------------
切り替えパネル
---------------------------------------------------------------------------*/
#screen_a {
	display: block;
}

#screen_b {
	display: none;
}

.btn01 {
	display: flex;
	justify-content: center;
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: .3em 2em;
	border: none;
	border-bottom: 2px solid #e6edf3;
	background-color: transparent;
	color: #06183d;
	font-weight: 500;
	font-size: 1em;
}

.btn01::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	transform: scaleX(0);
	transform-origin: center left;
	width: 100%;
	height: 2px;
	background-color: #2589d0;
	content: '';
	transition: transform .3s ease;
}

.btn01:hover::after {
	transform: scaleX(1);
}

/*---------------------------------------------------------------------------

---------------------------------------------------------------------------*/
.intro_text {
	flex-grow: 1;
	float: center;
	/*内容を中央よせ*/
	text-align: center;
	/*文字サイズ*/
	font-size: 18px;
	/*文字色*/
	color: #fff;
}

.prof_icon {
	width: 160px;
	height: 160px;
	float: right;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 20px 0px 0px 0px;
}

.prof_name {
	/*文字サイズ*/
	font-size: 22px;
	/*文字色*/
	color: #fff;
	margin-bottom: 8px;
	text-align: left;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 20px 0px 0px 5px;

}

.prof_detail {
	/*文字サイズ*/
	font-size: 16px;
	/*文字色*/
	color: #fff;
	margin-bottom: 8px;
	text-align: left;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 0px 0px 0px 5px;
}

.prof_sns {
	/*文字サイズ*/
	font-size: 16px;
	/*文字色*/
	color: #fff;
	margin-bottom: 8px;
	text-align: right;
	/*ブロックの外側に空ける余白(上・右・下・左)*/
	margin: 0px 0px 0px 5px;
}

.img_icon {
	/*サイズ調整*/
	width: 160px;
	height: 160px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
}

.img_icon_fix1 {
	/*サイズ調整*/
	height: 300px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
}

.img_icon_fix2 {
	/*サイズ調整*/
	width: 300px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
}

.img_icon_fix3 {
	/*サイズ調整*/
	width: 240px;
	height: 240px;
	/*内容を中央よせ*/
	text-align: center;
	flex-grow: 1;
	float: center;
}

.article_btn01 {
	display: inline-block;
	/*内容を中央よせ*/
	text-align: left;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	/*border: 1px solid #fff;*/
	border: none;
	width: 80%;
	min-width: 720px;
	padding: 10px 20px;
	margin: 5px 0;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;

	&.slide-bg {
		position: relative;
		overflow: hidden;
		/*ローカルスタックコンテキストを生成する。１以上の整数なら何でも良い。*/
		z-index: 10;

		&::before {
			content: '';
			display: inline-block;
			height: 100%;
			width: 100%;
			background-color: rgba(255, 255, 255, 0.8);
			position: absolute;
			top: 0;
			left: 0;
			transform: translateX(-100%);
			transition: transform 0.5s;
			/*負の値にして、ボタンの文字列（ラベル）より下になる様にする。*/
			z-index: -1;
		}

		&:hover {
			color: #000;

			&::before {
				transform: none;
			}
		}
	}
}

.article_btn02 {
	font-size: 16px;
}

.article_style {
	display: inline-block;
	/*内容を中央よせ*/
	text-align: left;
	/*背景色*/
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	/*border: 1px solid #fff;*/
	border: none;
	width: 90%;
	min-width: 720px;
	padding: 10px 20px;
	margin: 5px 0;
	font-weight: 400;
	font-size: 14px;
}

.article_style b.article_title {
	font-weight: 800;
	font-size: 18px;
}

.article_style b {
	font-weight: 600;
	font-size: 16px;
}

.article_style b.red {
	color: #ff6666;
	font-weight: 600;
	font-size: 16px;
}

.article_style b.green {
	color: #99ff99;
	font-weight: 600;
	font-size: 16px;
}

.article_style b.blue {
	color: #9999ff;
	font-weight: 600;
	font-size: 16px;
}

.article_style b.gray {
	color: #444444;
	font-weight: 400;
	font-size: 12px;
}

/*---------------------------------------------------------------------------
◆ライトボックス処理
---------------------------------------------------------------------------*/
/* Preload images */
body:after {
	content: url(images/lb_close.png) url(images/lb_loading.gif) url(images/lb_prev.png) url(images/lb_next.png);
	display: none;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 4px;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(images/lb_loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container>.nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(images/lb_prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(images/lb_next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(images/lb_close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/*画面幅580px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:680px) {

	/*全体の設定
---------------------------------------------------------------------------*/
	/* body {
		font-size: 10px;
		line-height: 1.5;
	} */

}