@charset "UTF-8";

.tz_toparea{
	width: 100%;
	height: auto;
	background-image: url("../images/tz_topbg02_01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@font-face
{
font-family: ラノベPOPフォント;
src: url('https://cdn.leafscape.be/NovelPOP/novelpop_web.woff2')
     format("woff2");
}

.top_ttl{
	font-family: ラノベPOPフォント;
	font-size: 50px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 100px;
}

.top_text01{
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	padding: 30px 0 30px 0;
}

.top_mov{
	padding-bottom: 120px;
}

.top_mov iframe{
	width: 720px;
	height: 405px;
}

.tz_area02{
	background-color: #FFFFFF;
}

.tz_area02_ttl{
	font-family: ラノベPOPフォント;
	font-size: 40px;
	text-align: center;
	color: #00000;
	padding-top: 120px;
}

.tz_area02_text01{
	font-size: 23px;
	line-height: 1.6;
	text-align: center;
	color: #000000;
	padding: 30px 0 120px 0;
}

.tz_area03{
	background-color: #333333;
	padding-bottom: 120px;
}

.tz_area03_ttl{
	font-family: ラノベPOPフォント;
	font-size: 40px;
	text-align: center;
	color: #FFFFFF;
	padding: 120px 0 40px 0;
}

.tzarea03_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
/*  grid-gap: 30px;*/
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.tzarea03_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}
.tzarea03_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.tzarea03_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
@media only screen and (max-width: 813px) {
.tzarea03_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
/*  grid-gap: 30px;*/
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.tzarea03_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}
.tzarea03_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea03_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

.ch_banner img{
	display: block;
	width: 100%;
	height: auto;
}


.tz_area03_text01{
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 20px;
}

.tz_area04{
	background-color: #FFFFFF;
}

.tz_area04_ttl{
	font-family: ラノベPOPフォント;
	font-size: 40px;
	text-align: center;
	color: #000000;
	padding: 120px 0 30px 0;
}

.tzarea04_contents01_g5 > .grid_container {
	display: -ms-grid;
	display: grid;
/*  grid-gap: 30px;*/
  -ms-grid-columns: 20% 20% 20% 20% 20%;
  grid-template-columns: 20% 20% 20% 20% 20%;
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.tzarea04_contents01_g5 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;　/* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_04 {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4 / 5;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_05 {
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-column: 5 / 6;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
@media only screen and (max-width: 813px) {
.tzarea04_contents01_g5 > .grid_container {
	display: -ms-grid;
	display: grid;
/*  grid-gap: 30px;*/
  -ms-grid-columns: 33% 33% 33%;
  grid-template-columns: 33% 33% 33%;
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.tzarea04_contents01_g5 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 40px 15px;
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
	.tzarea04_contents01_g5 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.tzarea04_contents01_g5 > .grid_container > .grid_item_05 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

.tz_m-ponde{
	border-top: 5px #00bfff solid;
	border-bottom: 5px #00bfff solid;
}

.tz_m-umito{
	border-top: 5px #07d807 solid;
	border-bottom: 5px #07d807 solid;
}

.tz_m-heytyu{
	border-top: 5px #f8333c solid;
	border-bottom: 5px #f8333c solid;
}

.tz_m-tamuu{
	border-top: 5px #f3dc1f solid;
	border-bottom: 5px #f3dc1f solid;
}

.tz_m-doragon{
	border-top: 5px #d44808 solid;
	border-bottom: 5px #d44808 solid;
}

.tz_m-name{
	font-size: 24px;
	text-align: center;
	color: #000000;
	padding: 20px 0 20px 0;
}

.tz_m-line{
	width: 100%;
	height: 1px;
	background-color: #d6d6d6;
}

.tz_m-sns{
	padding: 20px 0;
}

.tz_footline{
	width: 100%;
	height: 1px;
	background-color: #333333;
	margin-top: 120px;
}

.tz_cl{
	font-size: 12px;
	text-align: center;
	color: #333333;
	padding: 30px 0;
}