@charset "UTF-8";
/*
2026/05/22

*/


/********************/
/*	利用フォントクラス	*/

.hina_mincho_400 {
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.hina_mincho_500 {
  font-family: "Hina Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.hina_mincho_700 {
  font-family: "Hina Mincho", serif;
  font-weight: 700;
  font-style: normal;
}


/********************/
/*	コピーライト */
.cpr_001 {

	font-family: "noto Sans JP",sans-serif;

	font-size: 12px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 12px 0 12px 0;

/*
	color: #EFC858;
*/

}

/********************/
/*	画像などかさねるレイヤー設定　共通	*/

.ly_main_p_001 {
	position: relative;
	width: 100%;
}

.ly_ct_p_001 {	/* 重ねる画像設定 */
	position: absolute;	/*重ねたい子要素にabsolute*/
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);/*センター寄せの修正*/
	opacity: 0.8;

	zindex: 10;	/* 重ねる順番設定 */
}


.ly_ct_p_002 {	/* 重ねる画像設定 */
	/* 複数重なる設定する場合の予備 */
}


/********************/
/*	DESKTOP	*/

/* キャッチコピー */
.ct_text_font_001 {
/*
	font-family: "Hina Mincho", "Sawarabi Mincho","noto Serif JP",sans-serif;
*/
	padding: 0 0 0 0;
	margin: 32px 0 24px 0;
	text-align: center;

}

.ct_text_font_001 span{

/*
	color: #734B02;
	color: #000000;
	border-bottom: 2px solid #734B02;

*/
	color: #734B02;
	font-size: 42px;
	font-weight: 700;

	border-bottom: 2px solid #734B02;
}


.ct_text_font_002 {
	font-family: "Sawarabi Mincho","noto Serif JP",sans-serif;
/*
	color: #734B02;
	color: #A5843F;
*/
	color: #000000;

	font-size: 34px;
	font-weight: 700;

	text-align: left;

	padding: 0 0 0 0;
	margin: 0 auto 0;

	line-height: 1.4;

	max-width: 920px;

}

.ct_text_font_002 span{
	font-size: 24px;
	font-weight: 700;
}


/* 本コンテンツ内汎用文字設定 */
.ct_text_font_003 {
	font-family: "Sawarabi Mincho","noto Serif JP",sans-serif;
	font-size: 16px;

	padding: 0 0 0 0;
	margin: 0 0 0 0;

}



/*	ニュース欄スクロール設定	*/
.news_scroll_001 {
	height: 148px;
/*
	height: 256px;
*/

	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
}


/*	バナーエリア PC	*/
.bnr_sx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	width: 1080px;

	margin: 36px auto 0;
/*
	justify-content: space-between;
	justify-content: center;
	width: 100%;
	max-width: 100%;
*/
}

.bnr_sx img{
	display: block;

	width: 290px;	/* 1行3列:横に並べるバナー数を調整できる */

	padding: 0 0px 16px 0px;
/*
	max-width: 35%;
*/
}

.bnr_sx a {
	display: block;
}




/* 基本フォント体設定 */
.st_font_pt_001 {
	font-family: "Hina Mincho", "noto Serif JP","Roboto", sans-serif;
/*
	color: #734B02;
*/
}



/*	スタッフコメントリンク	*/
.st_op_001 {
/* グラデーション下線 */
	background: linear-gradient(transparent 82%, #F2A29B 94%);
/*
	text-decoration:underline;
*/

/*
#F2A29B
#F26B6B
#FCD55B 
*/

}


/*	NEWマーク系帯	******************/
/*	newマーク系　コメントあり	*/
.news_mark_001 { /*	シンプル下線のみ*/
/*
	text-decoration:underline;
*/
}

/*	newマーク系　コメントあり１	*/
.news_mark_002 {
	position: relative;	/*	表示する位置をきめるための設定 */
}
.news_mark_002::before {　	/*	任意のテキストマークを表示する */
	position: absolute;

	content: "新着";

	top: 0px;
	left: 0px;
	background-color: #A5843F;

	padding: 2px 4px 4px 4px;

	font-family: "Hina Mincho","noto Serif JP",sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
/*
	transform: rotate(-10deg);
*/
}



/*	newマーク系　コメントあり２	*/
.news_mark_003 {
	position: relative;	/*	表示する位置をきめるための設定 */
}
.news_mark_003::after {　	/*	任意のテキストマークを表示する */
	position: absolute;
	content: "New";
	top: 0px;
	left: -16px;
	background-color: #F26B6B;

	padding: 2px 4px 2px 4px;

	font-family: "Sawarabi Mincho","noto Serif JP",sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #ffffff;

	transform: rotate(-10deg);
}



/*	縦書き設定	*/
.text_rl_001 {
	display: inline-block;
	writing-mode: vertical-rl; /* 縦書き、かつ行は　右から左 */
/*

writing-mode: vertical-lr;
縦書き、かつ左から右に行が流れる。

*/
}

.textbox_001 {
	text-align: center;
	display: flex;

	font-family: 'M PLUS Rounded 1c';
	transform: rotateZ(0.03deg);
/*
	width: 100%;
	position: absolute;
	right: 50%;

	margin: 0 auto 0;
*/
}

	/* イントロダクション用 PC*/
.text_rl_002 {
	display: inline-block;
	writing-mode: vertical-rl; /* 縦書き、かつ行は　右から左 */
	column-count: 1;

}

.textbox_002 {
	text-align: center;
	display: block;

	font-family: 'M PLUS Rounded 1c';
	transform: rotateZ(0.03deg);

/*
	width: 100%;
	position: absolute;
	right: 50%;

	margin: 0 auto 0;
*/
}

/* 汎用文字装飾 */
.textbox_003 { /* 赤帯で金文字 */
	color: #A5843F;
	font-weight: 900;
	font-size: 24px;
	background-color: #e60012;
	


	padding: 8px 4px 8px 4px;
/*
	width: 100%;
	color: #A5843F;
	border: 1px solid #e60012;

*/
}

.textbox_004 { /* 主にコメント氏名設定 */
	color: #000000;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.1em;

	text-align: center;

/*
	color: #A5843F;


*/
}

.textbox_005 { /* 主にコメントタイトル */
	color: #A5843F;
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 0.05em;

	border-bottom: 1px solid #A5843F;

	width: 84%;
	margin: 0 auto 0;
	padding: 8px 24px 8px 24px;

/*
	color: #A5843F;
	text-decoration:underline solid #A5843F;


*/
}


.textbox_006 { /* 主にコメント本文 */
	color: #000000;
	font-size: 17px;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;

	width: 84%;
	margin: 0 auto 0;
	padding: 8px 24px 8px 24px;


/*
	color: #A5843F;


*/
}

.textbox_007 { /* 主にコメントタイトル */
	color: #A5843F;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;

	border-bottom: 1px solid #A5843F;

	width: 40%;
	margin: 0 auto 0;
	padding: 0px 24px 0px 24px;

/*
	color: #A5843F;
	text-decoration:underline solid #A5843F;


*/
}


.textbox_008 { /* 主にクレジット　氏名用 */
	color: #000000;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;

	width: 100%;
	margin: 0 auto 0;
	padding: 0px 24px 0px 24px;


/*
	color: #A5843F;


*/
}


.textbox_009 { /* 汎用 */
	text-align: center;
	margin: 0px auto 0;
	font-size: 24px;
	width: 100%

}


/* 汎用文字装飾 */
.textbox_010 { /* 赤帯で金文字 横書き */
	color: #A5843F;
	font-weight: 900;
	font-size: 24px;
	background-color: #e60012;
	border: 1px solid #A5843F;

	padding: 0px 12px 0px 12px;
}



/*	マウスオーバー時の効果設定	*/
a {
	transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}

a:hover {
/* ぼかし
	filter: opacity(100%) blur(2px);
*/
}

/*	原作本画像表示１	*/
.pic_pt_001 {

}

.pic_pt_001 ul {
	display: flex;

	justify-content: space-between;
	align-items: center;

	margin: 36px auto 0;
	width: 60%;
}


.pic_pt_001 img{
	display: block;

	width: 90%;	/* 1行3列:横に並べるバナー数を調整できる */

	padding: 0px 0px 0px 0px;
	margin: 0 auto 0;
/*
	max-width: 35%;
*/
}


/*	原作本画像表示２	*/
.pic_pt_002 {

}

.pic_pt_002 ul {
	display: flex;

	justify-content: space-between;
	align-items: center;

	margin: 36px auto 0;
	width: 90%;

	flex-wrap: wrap; /* 改行許可 */
}


.pic_pt_002 li {
	width: 14%;
}


.pic_pt_002 img{
	display: block;

	width: 90%;

	padding: 0px 0px 0px 0px;
	margin: 2px auto 2px;
/*
	max-width: 35%;
*/
}



/*	バナー画像表示１ 関連 ST	*/
.bn_pt_001 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto 0;

	max-width: 740px;
	width: 100%;

}

.bn_pt_001_item_001 {
	width: 49%;	/* ２列 1行に表示するバナーの数を調整 その１　*/

	padding: 6px 0px 6px 0px;
/*
	background: orange;
	border: 1px solid #000;

*/

}

.bn_pt_001_item_002 {
	width: 100%;	/* １列　1行に表示するバナーの数を調整　その２ */
	padding: 6px 0px 6px 0px;

}

.bn_pt_001_item_003 {
	width: 33%;	/* 3列　1行に表示するバナーの数を調整　その３ */
	padding: 6px 0px 6px 0px;

}

.bn_pt_001_item_001 img{
	display: block;

	width: 100%;

	padding: 0px 0px 0px 0px;
	margin: 0 auto 0;

	border: 1px solid #A5843F;

/*
	max-width: 35%;
*/
}

.bn_pt_001_item_002 img{
	display: block;

	width: 100%;

	padding: 0px 0px 0px 0px;
	margin: 0 auto 0;

	border: 1px solid #A5843F;


/*
	max-width: 35%;
*/
}

.bn_pt_001_item_003 img{
	display: block;

	width: 100%;

	padding: 0px 0px 0px 0px;
	margin: 0 auto 0;

	border: 1px solid #A5843F;


/*
	max-width: 35%;
*/
}

/*	バナー画像並び表示１ 関連 ED	*/


#credits .flex-box{
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
	align-items: center;

}



/*	基本	*/
.class_name_00X {
	
}

/********************/
/* 文字装飾 */
.text_bg_p_001 { /* 文字に画像を貼り付ける */
	color: rgba(0, 0, 0, 0);
	background-image: url("../img/bg/tks_bg_p002_v004.jpg");
	background-clip: text;

}


/********************/
/*	MOBILE	*/


@media only screen and (max-width: 812px) {


/* キャッチコピー */
	.ct_text_font_001 {
		padding: 0 0 0 0;
		margin: 0 0 24px 0;
		text-align: center;

	}

	.ct_text_font_001 span{
		font-size: 8.75vw;
		font-weight: 700;
/*
		font-size: 32px;
*/

	}
	.ct_text_font_002 {
		padding: 0 0 0 0;
		margin: 0 0 0 0;

		font-size: 14px;
		font-weight: 500;

		text-align: left;

		line-height: 1.4;


	}

	.ct_text_font_002 span{
		font-size: 16px;
		font-weight: 700;
	}


	/* 本コンテンツ内汎用文字設定 */
	.ct_text_font_003 {
		font-size: 12px;

		padding: 0 0 0 0;
		margin: 0 0 0 0;

	}




	/*	ニュース欄スクロール設定	*/
	.news_scroll_001 {
		height : 198px;
		overflow : auto;
		overflow-y : scroll;
		overflow-x : hidden;
	}


	/*	バナーエリア SP	*/
	.bnr_sx {
		display: block;

		width: 90%;

		padding: 12px 0 12px 0px;
		margin: 16px auto 0;

	}

	.bnr_sx img{
		display: block;

		width: 100%;
		padding: 0 0px 12px 0px;

	}



/*	newマーク系	*/
	.news_mark_002 {

	}
	.news_mark_002::before {
		top: 0px;
		left: 0px;

		padding: 1px 4px 1px 4px;

		font-size: 8px;
/*
		transform: rotate(-8deg);
*/
	}


	/*	縦書き設定	*/
		/* イントロダクション用 PC*/
	.text_rl_002 {
		column-count: 2;
	}


	/*	原作本画像表示1	*/
	.pic_pt_001 {
		margin: 16px auto 0;
		width: 100%;
	}

	.pic_pt_001 ul{

		margin: 36px auto 0;
		width: 100%;

	}


	.pic_pt_001 li {
	}


	.pic_pt_001 img{
		display: block;

		width: 90%;

		padding: 0px 0px 0px 0px;
		margin: 0 auto 0;
	/*
		max-width: 35%;
	*/
	}



	/*	原作本画像表示2 シリーズ	*/
	.pic_pt_002 {
		margin: 16px auto 0;
		width: 100%;
	}

	.pic_pt_002 ul{

		justify-content: left;
		margin: 36px auto 0;
		width: 100%;

	}


	.pic_pt_002 li {
		width: 20%;
	}


	.pic_pt_002 img{
		display: block;

		width: 90%;

		padding: 0px 0px 0px 0px;
		margin: 2px auto 2px;
	/*
		max-width: 35%;
	*/
	}


	/*	バナー画像表示１ 関連 ST	*/
	.bn_pt_001 {

	}

	.bn_pt_001_item_001 {
		width: 100%;	/* 1行に表示するバナーの数を調整 */
		padding: 4px 0px 4px 0px;

	/*
		background: orange;
		border: 1px solid #000;

	*/

	}

	.bn_pt_001_item_002 {
		width: 100%;	/* 1行に表示するバナーの数を調整 */
		padding: 4px 0px 4px 0px;
	}

	.bn_pt_001_item_003 {
		width: 100%;	/* 1行に表示するバナーの数を調整 */
		padding: 4px 0px 4px 0px;
	}

	.bn_pt_001_item_001 img{
		width: 90%;
		padding: 0px 0px 0px 0px;
		margin: 0 auto 0;
	/*
		display: block;

		max-width: 35%;
	*/
	}
	.bn_pt_001_item_002 img{
		width: 90%;
		padding: 0px 0px 0px 0px;
		margin: 0 auto 0;
	/*
		display: block;

		max-width: 35%;
	*/
	}

	.bn_pt_001_item_003 img{
		width: 90%;
		padding: 0px 0px 0px 0px;
		margin: 0 auto 0;
	/*
		display: block;

		max-width: 35%;
	*/
	}

	/*	バナー画像表示１ 関連 ED	*/


/* 汎用文字装飾 */
	.textbox_003 { /* 赤帯で金文字 */

		font-size: 16px;
		

		padding: 8px 4px 8px 4px;
	/*

	*/
	}

	.textbox_004 { /* 主にコメント氏名設定 */
		color: #000000;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 0.05em;

		text-align: center;
		width: 100%;

	/*
		color: #A5843F;


	*/
	}

	.textbox_005 { /* 主にコメントタイトル */
		color: #A5843F;
		font-size: 16px;
		font-weight: 900;
		letter-spacing: 0.05em;

		border-bottom: 1px solid #A5843F;

		width: 100%;
		margin: 0 auto 0;
		padding: 8px 0px 8px 0px;

	/*
		color: #A5843F;
		text-decoration:underline solid #A5843F;


	*/
	}

	.textbox_006 { /* 主にコメント本文 */
		color: #000000;
		font-size: 12px;
		font-weight: 500;
		text-align: left;
		letter-spacing: 0.1em;

		width: 100%;
		margin: 0 auto 0;
		padding: 8px 4px 8px 4px;


	/*
		color: #A5843F;


	*/
	}


	.textbox_007 { /* 主にコメントタイトル */
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.1em;


		width: 96%;
		padding: 0px 12px 0px 12px;

	}


	.textbox_008 { /* 主にクレジット　氏名用 */
		font-size: 10px;
		padding: 0px 12px 0px 12px;


	}


	.textbox_009 { /* 汎用 */
		font-size: 16px;

	}


/* 汎用文字装飾 */
	.textbox_010 { /* 赤帯で金文字 */

		font-size: 16px;
		

		padding: 0px 8px 0px 8px;
	/*

	*/
	}


#credits .flex-box{
	margin-bottom: 16px;

}


/* 基本 */
	.class_name_00X {
		
	}





}/*	@media only screen and (min-width: 812px)	*/