@charset "UTF-8";

/***** ボディ *****/
body {
	margin: 0;
	background-color: #000000;
	background-repeat:no-repeat;
    background-position: 50% 50%;
    background-attachment:fixed;
	-webkit-font-smoothing: subpixel-antialiased;/* safariだけ文字が細い */
}
	

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

a:hover {
	color:#777777;
}

{
/* コピー禁止*/
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none; 
}


/**** ヘッダ ****/
.nav_fr {
	display: grid;
	grid-template-columns: 1fr 10fr 1fr;
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 100%); /* グラデーション */
}
	
/* ナビ・メニューメニュー関係 */
.nav_left {  /* ナビ右 */
	grid-row: 1 / 2;
	grid-column: 1 /2;
	width: 100%; 
}

.nav_menu {  /* ナビメニュー */
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	width: 100%; /* ウィンドウ幅に合わせて伸縮 */
	mini-width: 0px; /* 最小サイズ */
	margin: auto; /* navの中央揃え */
	white-space: nowrap; /* 折り返し禁止 */
}

.nav_right {  /* ナビ右 */
	grid-row: 1 / 2;
	grid-column: 3 /4;
	width: 100%; 
}

.menu{  /* メニュー */
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	height: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /* liの数だけ1frを記載 */
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt"; /* 文字詰め */
	color: #ffffff;
	font-size: 0.9rem;
	line-height: 0.7rem;
	margin: 0 auto; /*  navの上のアキトル */
	display: flex; /*  横並び */
	justify-content:space-between; /*  均等配列 */
	align-items: center;  /* 上下中央 */
	padding: 0; /* 前の余白トル */
}

.menu li { /* リスト */
	list-style-type: none; /* 中黒トル */
	
}


/**** メイン ****/

/*** グリッドレイアウト ***/
.container {
	display: grid;
	grid-template-rows: 900px;
	grid-template-columns: 1fr;
	column-gap: 60px; /* グリッドの横方向のアキ */
	row-gap: 60px; /* グリッドの縦方向のアキ */
}

/** コンテンツ **/

/* プロフィール */
.pf_fr {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	/* 上下中央 */
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../image/body_001.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-shadow: 2px 2px 15px #000000;
}

.pf {/* プロフィール */
	line-height: 2.0rem;
	font-size: 1.5rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #ffffff;
	text-align: center;
}

.pf_name {/* プロフィール名前 */
	font-size: 3.0rem;
	line-height: 3.0rem;
	margin-bottom: 0.5rem; /* 名前の下のアキ */
	}

.mail {/* mail */
	margin: 0 auto; /*  navの上のアキトル */
	font-size: 1rem;
	}

/* ブックデザイン グリッドレイアウト*/
.bd_container  {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 1fr 5fr 5fr 1fr;
	grid-template-rows: 600px 600px 600px;
	column-gap: 30px; /* グリッドの横方向のアキ */
	row-gap: 30px; /* グリッドの縦方向のアキ */
	}

/* ブックデザイン */
.bd_fr {
	grid-row: 1 / 2;
	grid-column: 1 / 5;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 1fr 10fr 1fr;
	grid-template-rows: 1fr;
	}

.bd_ttl {/* ブックデザイン 文字 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 5; /* フレーム内の横位置 */
	margin-top: 2rem;
	letter-spacing: 0rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #ffffff;
	line-height: 5rem;
	text-align: left;
}

.bd_ttl_gd {/* ブックデザイン グラデーション */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 5; /* フレーム内の横位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
}

.bd_img {/* ブックデザイン 画像 */
	grid-row: 1 / 2;
	grid-column: 1 / 5;
	background-image: url(../image/body_001.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/* 文字組み */
.tt_fr {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 1fr 5fr;
	grid-template-rows: 1fr;
	}

.tt_ttl {/* 文字組み 文字*/
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	margin-top: 2rem;
	letter-spacing: 0rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #ffffff;
	line-height: 5.5rem;
	text-align: left;
}

.tt_img {/* 文字組み 画像 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background-image: url(../image/body_004.jpg);
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 0 10px 10px #cccccc;
	border-radius: 10px;
}

.tt_ttl_gd {/* 文字組み グラデーション */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
	border-radius: 10px;
}


/* 図解 */
.dia_fr {/* 図解 */
	grid-row: 2 / 3;
	grid-column: 3 / 5;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 5fr 1fr;
	grid-template-rows: 1fr;
	}

.dia_ttl {/* 図解 文字*/
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 2; /* フレーム内の横位置 */
	margin-top: 1.75rem;
	margin-left: -0.25rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #ffffff;
	line-height: 6rem;
	text-align: left;
}

.dia_img {/* 図解 画像 */
	grid-row: 1 / 2; /* フレーム内の位置 */
	grid-column: 1 / 2; /* フレーム内の位置 */
	background-image: url(../image/body_006.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
	
.dia_ttl_gd {/* レタッチ 文字 グラデーション */
	grid-row: 1 / 2; /* フレーム内の位置 */
	grid-column: 1 / 2; /* フレーム内の位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
}

/* レタッチ */
.rt_fr {/* 図解 */
	grid-row: 3 / 4;
	grid-column: 1 / 3;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 1fr 5fr;
	grid-template-rows: 1fr;
	}

.rt_ttl {/* レタッチ 文字 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	margin-top: 1rem;
	margin-left: -1.5rem;
	letter-spacing: 0rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #FFFFFF;
	line-height: 5rem;
	text-align: left;
}

.rt_ttl_gd {/* レタッチ 文字 グラデーション */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
}

.rt_img_4 {/* レタッチ 画像 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background-image: url(../image/body_007_04.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

.rt_img_3 {/* レタッチ 画像 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background-image: url(../image/body_007_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

.rt_img_2 {/* レタッチ 画像 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background-image: url(../image/body_007_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

.rt_img_1 {/* レタッチ 画像 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 3; /* フレーム内の横位置 */
	background-image: url(../image/body_007_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

/* 編集 */
.ed_fr {/* 編集 */
	grid-row: 3 / 4;
	grid-column: 3 / 5;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 5fr 1fr;
	grid-template-rows: 1fr;
	}

.ed_ttl {/* 編集 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 2; /* フレーム内の横位置 */
	margin-top: 1.75rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #ffffff;
	line-height: 6rem;
	text-align: left;
}

.ed_ttl_gd {/* レタッチ 文字 グラデーション */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 2; /* フレーム内の横位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
}

.ed_img {/* 編集 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 2; /* フレーム内の横位置 */
	background-image: url(../image/body_007_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/* 龍の波紋 */
.dg_fr {/* 龍の波紋 */
	grid-row: 3 / 4;
	grid-column: 1 / 2;
	display: grid; /* フレーム内のグリッド */
	grid-template-columns: 1fr 10fr 1fr;
	grid-template-rows: 1fr;
	
	}

.dg_ttl {/* 龍の波紋 */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 2 / 5; /* フレーム内の横位置 */
	margin-top: 1.75rem;
	letter-spacing: 0rem;
	font-family: "Shuei ShogoMincho Sen";
	font-feature-settings: "palt";
	color: #FFFFFF;
	line-height: 6rem;
	text-align: left;
}

.dg_ttl_gd {/* レタッチ 文字 グラデーション */
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 4; /* フレーム内の横位置 */
	background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 40%); /* グラデーション */
}


.dg_img {/* 龍の波紋 画像*/
	grid-row: 1 / 2; /* フレーム内の縦位置 */
	grid-column: 1 / 4; /* フレーム内の横位置 */
	background-image: url(../image/body_007_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
}






/* ブックデザイン字詰め */

.bd_ch_1 {margin: -1rem;
	font-size: 10rem;
	letter-spacing: -2.2rem;
}
.bd_ch_2 {font-size: 6rem; 
	letter-spacing: -1.5rem;
}
.bd_ch_3 {font-size: 10rem; 
	letter-spacing: -2rem;
}
.bd_ch_4 {
	font-size: 10rem;
	letter-spacing: -1.8rem;
}
.bd_ch_5 {font-size: 10rem; 
	letter-spacing: -2.5rem;
}
.bd_ch_6 {font-size: 10rem; 
	letter-spacing: -2.3rem;
}
.bd_ch_7 {font-size: 10rem; 
	letter-spacing: 0rem;
}


/* 文字組み */
.tt_ch_1 {font-size: 10rem; 
	letter-spacing: -0.7rem;
}
.tt_ch_2 {font-size: 10rem; 
	letter-spacing: -0.6rem;
}
.tt_ch_3 {font-size: 10rem; 
	letter-spacing: -1.6rem;
}
.tt_ch_4 {font-size: 10rem; 
	letter-spacing: 0rem;
}


/* 図解詰め */
.dia_ch_1 {font-size: 10rem; 
	letter-spacing: -0.5rem;
}
.dia_ch_2 {font-size: 10rem; 
	letter-spacing: -0.5rem;
}


/* レタッチ */
.rt_ch_1 {font-size: 11rem; 
	letter-spacing: -3.5rem;
	}
.rt_ch_2 {font-size: 10rem; 
	letter-spacing: -2.2rem;
}
.rt_ch_3 {font-size: 6rem; 
	letter-spacing: -2rem;
}
.rt_ch_4 {
	font-size: 10rem;
	letter-spacing: -0.4rem;
}

/* 編集 */
.ed_ch_1 {font-size: 10rem; 
	letter-spacing: -0.8rem;
	}
.ed_ch_2 {font-size: 10rem; 
	letter-spacing: -0rem;
}

/* 龍の波紋 */
.dg_ch_1 {font-size: 10rem; 
	letter-spacing: -1.0rem;
	}
.dg_ch_2 {font-size: 6rem; 
	letter-spacing: -1.0rem;
	vertical-align: 1.5rem;
}
.dg_ch_3 {font-size: 10rem; 
	letter-spacing: -0.5rem;

}
.dg_ch_4 {font-size: 10rem;
	letter-spacing: -0rem;
	font-family: "Shuei ShogoMincho Sen";
}