@charset "utf-8";

/* -------------------------------------------- */
/*  root
/* -------------------------------------------- */
:root{
	--bb-body-bg: #EEEEEE;
	--bb-bgcolor-01: #CECECE;
	--bb-bgcolor-02: #AEB2B5;
	--bb-bgcolor-03: #A3A49D;
	--bb-bgcolor-04: #881100;
	--bb-bgcolor-05: #3C3A3A;
	--bb-text-black: #222222;
	--bb-text-white: #FFFFFF;
	--bb-line: #222222;
	--bb-secondary:#194D08;
	--bb-secondary-hover:rgba(25, 77, 8, 0.12);
	--bb-nav-link-bg: rgba(255, 255, 255, 0.5);
	--bb-label-bg: rgba(255, 255, 255, 0.5);
	--bb-nav-link-bg-hover: var(--bb-secondary-hover);
	
	--bb-border-width: 1px;
	--bb-border-style: solid;
	--bb-border-color: var(--bb-line);

	--bb-transition-01: .4s ease-in-out;
	--bb-transition-02: .5s;
	--bb-transition-03: 1.5s;
	--bb-transition-04: 2s;

	--bb-section-margin-sp: 5.13%;
	--bb-section-margin-780: 60px;
	--bb-section-margin-1280: 100px;
	--bb-section-margin-1440: 120px;
}

/* -------------------------------------------- */
/*  base
/* -------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
/*	background-image: url("../img/noise.png");*/
	/*background-color: var(--bb-body-bg);
	mix-blend-mode: multiply;*/
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #222222;
}
main {
	overflow: hidden;
}
main.main_ja {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
main.main_ja strong {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
main.main_en {
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;	
}
time {
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.noto-serif-jp-normal {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

/* -------------------------------------------- */
/*  contents_area
/* -------------------------------------------- */
main section .section_inner,
.mv .inner,
.mv .wrap_about_overlay {
	width: calc(100% - (var(--bb-section-margin-sp) * 2));
	margin: 0 var(--bb-section-margin-sp);
}
@media screen and (min-width:781px) {
	main section .section_inner,
	.mv .inner,
	.mv .wrap_about_overlay {
		width: calc(100% - (var(--bb-section-margin-780) * 2));
		margin: 0 var(--bb-section-margin-780);
		max-width: 1279px;
	}
}
@media screen and (min-width:1280px) {
	main section .section_inner,
	.mv .inner,
	.mv .wrap_about_overlay {
		width: calc(100% - (var(--bb-section-margin-1280) * 2));
		margin: 0 var(--bb-section-margin-1280);
		max-width: 1280px;
	}
}
@media screen and (min-width:1440px) {
	main section .section_inner,
	.mv .inner,
	.mv .wrap_about_overlay {
		width: calc(100% - (var(--bb-section-margin-1440) * 2));
		margin: 0 var(--bb-section-margin-1440);
		max-width: 1440px;
	}
}
@media screen and (min-width:1820px) {
	main section .section_inner,
	.mv .inner,
	.mv .wrap_about_overlay {
		width: calc(100% - (var(--bb-section-margin-1440) * 2));
		margin: 0 auto;
		max-width: 1440px;

	}
}

/* --------------------------------------------
 * common (SP/PC)
 * -------------------------------------------- */
main section .section_inner {
	padding: 50px 0;
	position: relative;
	z-index: 10;
	text-align: left;
}
.section_inner .d-flex {
	display: flex;
	justify-content: space-between;
}
.link_more_red,
.link_more_white {
	padding-right: 8px;
	transition: var(--bb-transition-01);
	display: flex;
	align-items: center;
	gap: 8px;
}
.link_more_red::after,
.link_more_white::after {
	content: "";
  display: inline-block;
  width: 22px;
  height: 34px;
}
.link_more_red::after {
  background-image: url("../img/icon_arrow_red.svg");
}
.link_more_white::after {
  background-image: url("../img/icon_arrow_white.svg");
}
a:hover .link_more_red::after,
a:hover .link_more_white::after,
.link_more_red:hover::after,
.link_more_white:hover::after {
	transform: translate(6px, 0px);
}

#comment .comment_img img {
	border-radius: 8px;
}
#comment .comment_box {
	background-color: #CDCDCD;
	border-radius: 8px;
}
#comment .comment_box .comment_txt {
	margin-top: 24px;
	font-size: 14px;
	line-height: 28px;
}
#comment .comment_box .comment_title::after {
	content: url("../img/icon_material.svg");
	padding-left: 4px;
  /*display: inline-block;
  width: 22px;
  height: 34px;
  background-image: url("../img/icon_material.svg");*/
}

.info .wrap_info {
	display: flex;
	position: relative;
}
.info .wrap_info a:hover {
	opacity: 1;
}
.info .wrap_info_img {
	position: relative;
	z-index: 1;
}
.info .wrap_info_txt {
	background-color: var(--bb-bgcolor-02);
	display: flex;
	flex-direction: column;
	gap: 12px;
	border-radius: 8px;
	transition: var(--bb-transition-01);
}
.info .wrap_info.hover .wrap_info_txt {
	background-color: var(--bb-bgcolor-03);
}
.info .wrap_info_txt .info_tag span {
	color: #FFFFFF;
	padding: 8px;
	border-radius: 8px;
	display: inline-block;
}
.info .future_info .wrap_info_txt .info_tag span {
	background-color: var(--bb-bgcolor-04);
}
.info .current_info .wrap_info_txt .info_tag span {
	background-color: var(--bb-bgcolor-04);
}
.info .past_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.info .past_info .wrap_info_txt .info_tag span {
	background-color: var(--bb-bgcolor-05);
}
.info .wrap_info_txt .into_title {
	font-size: 28px;
	line-height: 1.2;
	color: #FFFFFF;
}
.info .future_info .wrap_info_txt .link_more_red {
	justify-content: flex-end;
}
.info .current_info .wrap_info_txt .link_more_red {
	justify-content: flex-end;
}
.info .wrap_info a:hover .wrap_info_txt .link_more_red {
	color: var(--bb-bgcolor-04);
}


.member .modal {
	display: none;
}
/* モーダルのスタイル調整 */
.modaal-content-container {
  padding: 0;
}
 
/* ✕ボタンの位置調整 */
.modaal-close {
  position: absolute;
  top: 0;
  right: 0;
}
  
/* ✕ボタンの色 */
.modaal-close:after, 
.modaal-close:before {
  background:#ccc;
  width: 2px;
  height: 32px;
  top: 10px;
}

.modaal-close:focus,
.modaal-close:hover {
	background: none;
}

/* ホバーしたときの✕ボタンの色 */
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
/*  background: #ca353b;*/
  background:#ccc;
}


.modaal-container {
	max-width: 698px;
}
.modaal-content-container {
  padding: 0;
}
.modaal-content-container .modal_bg_01 {
	background-color: var(--bb-bgcolor-04);
}
.modaal-content-container .modal_bg_02 {
	background-color: var(--bb-bgcolor-05);
/*	background-color: var(--bb-bgcolor-04);*/
}
.modaal-content-container .wrap_modal {
	display: flex;
}
.modaal-content-container .photo {
  width: 316px;
  margin: -48px 0 70px -48px;
}
.modaal-content-container .photo img {
  width: 100%;
}
.modaal-content-container .member_info {
	width: calc(100% - 316px);
	padding: 48px 0 48px 40px;
	color: #FFFFFF;
}
.modaal-content-container .name {
	font-size: 28px;
	line-height: 1.7;
}
.modaal-content-container .position {
	font-size: 14px;
	line-height: 1.7;
}
.modaal-content-container .affiliation {
	font-size: 14px;
	line-height: 1.7;
}
.modaal-content-container .intro_txt {
	margin-top: 24px;
	font-size: 14px;
	line-height: 1.7;
}
.modaal-content-container .link_more_white {
	font-size: 14px;
	line-height: 2;
	justify-content: flex-end;
}
@media screen and (max-width:780px){
	.modaal-container {
		max-width: calc(100vw - 40px);
	}
	.modaal-content-container .wrap_modal {
		display: flex;
		flex-direction: column;
	}
	.modaal-content-container .photo {
	  width: 66.666vw;
	  margin: -16px 0 0 -16px;
	}
	.modaal-content-container .member_info {
		width: 100%;
		padding: 24px;
		color: #FFFFFF;
	}
}


.member .member_list {
	display: flex;
	flex-wrap: wrap;
	gap: 76px 32px;
	justify-content: center;
}
.member .member_list li {
	width: 198px;
	transition: var(--bb-transition-01);
}
.member .member_list li:nth-child(odd) {
	background-color: var(--bb-bgcolor-04);
}
.member .member_list li:nth-child(even) {
	background-color: var(--bb-bgcolor-05);
}
.member .member_list li.hover {
	box-shadow: 3.18428px 3.18428px 12.7371px rgba(0, 0, 0, 0.24);
}
.member .member_list li img {
	width: 100%;
}
.member .member_list li a {
	color: #FFFFFF;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.member .member_list li a:hover {
	opacity: 1;
}
.member .member_list li a:hover img {
	opacity: 1;
}
.member .member_list li .photo {
	margin: -36px 24px 20px -8px;
}
.member .member_list li .member_info {
	padding: 0 20px 20px 16px;
}
.member .member_list li .name {
	font-size: 18px;
	line-height: 2;
}
.member .member_list li .position {
	font-size: 14px;
	line-height: 1.5;
}
.member .member_list li .link_more_white {
	font-size: 14px;
	line-height: 2;
	justify-content: flex-end;
}
@media screen and (max-width:330px) {
	.link_more_red,
	.link_more_white {
		gap: 6px;
	}
	.member .section_inner .d-flex .section_contents {
/*		padding-top: 64px;*/
		margin-top: 64px;
	}
	.member .member_list {
		justify-content: space-between;
		gap: 40px;
	}
	.member .member_list li {
		width: 100%;
		margin: 0;
	}
	.member .member_list li a {
		display: flex;
	}
	.member .member_list li .photo {
		width: 30vw;
		margin: -16px 16px 16px -16px;
	}
	.member .member_list li .member_info {
		padding: 8px 8px 8px 0;
		width: calc(100% - 30vw);
	}
	.member .member_list li .name {
		font-size: 14px;
		line-height: 2;
	}
	.member .member_list li .link_more_white {
		margin-top: 2em;
	}
}
@media screen and (min-width:311px) and (max-width:780px) {
	.member .section_inner .d-flex .section_contents {
/*		padding-top: 64px;*/
		margin-top: 64px;
	}
	.member .member_list {
		justify-content: space-between;
		gap: 40px;
	}
	.member .member_list li {
		width: 100%;
		margin: 0;
	}
	.member .member_list li a {
		display: flex;
	}
	.member .member_list li .photo {
		width: 115px;
		margin: -16px 16px 16px -16px;
	}
	.member .member_list li .member_info {
		padding: 16px 16px 16px 0;
		width: calc(100% - 115px);
	}
	.member .member_list li .name {
		font-size: 14px;
		line-height: 2;
	}
	.member .member_list li .link_more_white {
		margin-top: 2em;
	}
}
@media screen and (min-width:781px) and (max-width:960px) {
	.member .member_list {
		justify-content: space-between;
		gap: 40px 32px;
	}
	.member .member_list li {
		width: calc((100% - 32px) / 2);
		margin: 0;
	}
	.member .member_list li a {
		display: flex;
	}
	.member .member_list li .photo {
		width: 115px;
		margin: -16px 16px 16px -16px;
	}
	.member .member_list li .member_info {
		padding: 16px 16px 16px 0;
		width: calc(100% - 115px);
	}
	.member .member_list li .name {
		font-size: 14px;
		line-height: 2;
	}
	.member .member_list li .link_more_white {
		margin-top: 2em;
	}
}
@media screen and (min-width:961px) and (max-width:1167px) {
	.member .member_list li:nth-child(1),
	.member .member_list li:nth-child(9) {
		margin-left: calc((100% - (198px * 2) - (32px * 1)) / 2);
	}
	.member .member_list li:nth-child(2),
	.member .member_list li:nth-child(10) {
		margin-right: calc((100% - (198px * 2) - (32px * 1)) / 2);
	}
}
@media screen and (min-width:1168px) and (max-width:1507px) {
	.member .member_list li:nth-child(1),
	.member .member_list li:nth-child(8) {
		margin-left: calc((100% - (198px * 3) - (32px * 2)) / 2);
	}
	.member .member_list li:nth-child(3),
	.member .member_list li:nth-child(10) {
		margin-right: calc((100% - (198px * 3) - (32px * 2)) / 2);
	}
}
@media screen and (min-width:1508px) {
	margin: 0;
}

.movie .movie_iframe_wrap {
	margin: 0 auto;
	width: 100%;
	line-height: 1;
	aspect-ratio: 16 / 9;
	position: relative;
}
.movie .movie_iframe_wrap .icon_play {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.movie .movie_iframe_wrap .icon_play::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("../img/icon_play.svg");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 5;
}
.movie .movie_iframe_wrap .icon_play.hidden{
    display: none;
}
.movie .movie_iframe_wrap iframe {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
	border-radius: 8px;
}
@media screen and (max-width:780px){
	.movie .movie_iframe_wrap .icon_play::before {
		background-size: 80px;
	}
}

#sound_source .section_contents {
	background-color: #CECECE;
	padding: 40px;
	border-radius: 8px;
}
#sound_source .wrap_sound .sound_info .sound_title::after {
	content: url("../img/icon_material.svg");
	padding-left: 4px;
}
#sound_source .wrap_sound_comment {
	background-color: #EEEEEE;
	border-radius: 8px;
}

/* --------------------------------------------
 * slick slider (SP/PC)
 * refs: https://www.granfairs.com/blog/entry-3196/
 * -------------------------------------------- */
/*.slider_wrap {
	position: relative;
}*/

.slider_wrap .logo {
	position: absolute;
	/*left: 0;
	right: 0;
	top: 50%;*/
	left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
	display: flex;
	justify-content: center;
	z-index: 12;
}
.slider_wrap .icon_scroll {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
	display: flex;
	justify-content: center;
	z-index: 12;
}
.mv_slider {
  opacity: 0;
  transition: opacity .5s linear;
}
.mv_slider::before{
  background-color: rgba(60, 58, 58, 0.4);
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 11;
}
.mv_slider.slick-initialized {
  opacity: 1;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-slide img {
  margin: auto;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}
/*@media screen and (max-width:780px){
	.slick-slide img {
		height: calc(100vh - 24px - 24px);
		object-fit: cover;
	}
}*/



/* -------------------------------------------- */
/*  SP
/* -------------------------------------------- */
@media screen and (max-width:780px){
	.show_sp {display: inline-block;}
	.show_pc {display: none;}

	body {
		background-image: url("../img/bg_body_sp.png");
		padding-top: 0!important;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	body::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100vw;
		height: 100vh;

		/*background-image: url("../img/bg_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;*/
	}
	img {
		max-width: 100%;
	}

	.slider_wrap {
		position: relative;
	}

	.header.open {
		transition: opacity 0.5s ease;
	}
	.header .hamburger {
		position: fixed;
		top: 38px;
		right: 32px;
		width: 32px;
		padding: 8px;
		box-sizing: content-box;
		cursor: pointer;
		z-index: 20;
		mix-blend-mode: difference;
	}
	.hamburger span {
		display: block;
		height: 1px;
		width: 100%;
		background-color: #FFF;
		transition: 0.4s;
	}
	.hamburger span:not(:first-child) {
		margin-top: 12px;
	}
	.hamburger.active span:nth-child(1) {
		transform: rotate(45deg) translate(4px, 3px);
	}
	.hamburger.active span:nth-child(2) {
		transform: rotate(-45deg) translate(6px, -6px);
	}

	.header .wrap_menu {
		position: fixed;
		z-index: 19;
		width: 100vw;
		height: 100vh;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.5s ease;
		padding: 64px 10.25% 32px;
		overflow-y: scroll;
	}
	.header.open .wrap_menu {
		opacity: 1 !important;
		pointer-events: auto !important;
		background-image: url("../img/bg_body_sp.png");
		background-color: #EEEEEE;
/*		overflow: scroll;*/
	}
	/*.header.open .wrap_menu .menu_inner {
		height: 734px;
		overflow-y: scroll;
	}*/
	.header nav ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.header nav ul li {
		width: 100%;
		display: flex;
	}
	.header nav li a {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.header nav li a:hover {
		opacity: 1;
	}
	.header nav.anchor {
		margin-top: 48px;
	}
	.header nav.anchor ul {
		gap: 4px;
	}
	.header nav.anchor ul li a {
		padding: 10px 0;
	}
	.header nav.official_01 {
		margin-top: 64px;
	}
	.header nav.official_01 ul li {
		border-bottom: var(--bb-border-width) var(--bb-border-style) var(--bb-line);
	}
	.header nav.official_01 ul li:first-child {
		border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-line);
	}
	.header nav.official_01 ul li a {
		padding: 10px 8px 10px 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.fixed .pos_fixed {
		position: fixed;
		width: calc(100vw - 5.13% - 5.13%);
		top: 24px;
/*		background-color: #000;*/
		overflow: hidden;
		z-index: 11;
	}
	#mv .inner {
		margin-top: 131.53846154vw !important;
		position: relative;
	}
	.wrap_about {
		position: relative;
		z-index: 11;
	}
	.wrap_about .about {
		color: #FFF;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9), 0px 0px 8px rgba(0, 0, 0, 0.25);
	}
	.pos_fixed #about_overlay {
		position: absolute;
		top: 100%;
		color: #FFF;
		z-index: 11;
	}


	main {

	}

	.section_inner .d-flex .section_title {
		width: 12.3077vw;
	}
	.section_inner .d-flex .section_contents {
		width: calc(100% - 12.3077vw - 10.2564vw);
		margin-top: 32px;
	}

	#mv .section_inner {
		padding-top: 24px;
	}
	#mv .section_inner .inner {
		width: 100%;
		margin: 0;
	}
	.about {
		padding-top: 80px;
		width: 88.57%;
		margin: 0 auto;
	}
	.about .about_title h1 {
		font-size: 20px;
		font-weight: normal;
		line-height: 1.2;
	}
	.about .about_title h1 span {
		font-size: 48px;
	}
	.about .about_txt {
		margin-top: 24px;
	}
	#comment {
		margin-top: 80px;
	}
	#comment .comment_box {
		padding: 32px 24px 24px;
		margin-top: -8.205vw;
		margin-left: 5.1282vw;
		position: relative;
	}
	#comment .comment_box .comment_title {
		font-size: 24px;
		line-height: 30px;
	}
	#comment .comment_box .comment_txt {
		margin-top: 18px;
	}

	.info .wrap_info {
		display: flex;
		flex-direction: column;
	}
	.info .wrap_info_txt {
		padding: 38px 24px 24px;
	}
	.info .wrap_info_txt .info_tag {
		font-size: 14px;
	}
	.info .wrap_info_txt .info_tag span {
		padding: 4px 8px;
	}
	.info .wrap_info_txt .into_title {
		font-size: 20px;
	}
	.info .wrap_info_txt .into_date {
		font-size: 14px;
	}
	.info .future_info .wrap_info {
		right: 3.895%;
	}
	.info .current_info .wrap_info {
		right: 3.895%;
	}
	.info .future_info .wrap_info .wrap_info_txt {
		background-image: url("../img/icon_info_material_sp.svg");
		background-position: right 4px top 0;
		background-repeat: no-repeat;
	}
	.info .current_info .wrap_info .wrap_info_txt {
		background-image: url("../img/icon_info_material_sp.svg");
		background-position: right 4px top 0;
		background-repeat: no-repeat;
	}
	.info .past_info {
		gap: 40px;
		margin-top: 40px;
	}
	.info .past_info .wrap_info .wrap_info_txt {
		padding: 48px 24px 24px;
		border-radius: 0 0 8px 8px;
	}
	.info .past_info .wrap_info .info_img {
		margin-left: -10px;
		margin-bottom: -10px;
		position: relative;
	}
	.info .past_info .wrap_info .info_img img {
		border-radius: 8px;
	}
	
	.info .past_info .wrap_info:nth-child(odd) {
		right: 25%;
	}

	#sound_source .section_contents {
		padding: 32px 24px;
	}
	#sound_source .wrap_sound {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	#sound_source .wrap_sound .sound_info {
		width: 100%;
	}
	#sound_source .wrap_sound .sound_info .sound_title {
		font-size: 17px;
		line-height: 30px;
		padding-bottom: 8px;
		border-bottom: 1px solid #A3A49D;
	}
	#sound_source .wrap_sound .sound_info .sound_description {
		margin-top: 8px;
		font-size: 14px;
		line-height: 28px;
	}
	#sound_source .wrap_sound .sound_iframe_wrap {
		width: 100%;
	}
	#sound_source .wrap_sound_comment {
		padding: 16px;
	}
	#sound_source .wrap_sound_comment .sound_comment_title {
		font-size: 16px;
		line-height: 24px;
	}
	#sound_source .wrap_sound_comment .sound_comment_txt {
		font-size: 14px;
		line-height: 22px;
		margin-top: 8px;
	}

	/*#official_02 .section_inner .d-flex {
		justify-content: flex-end;
	}*/
	#official_02 .section_inner {
		padding-top: 14px;
	}
	#official_02 .section_inner .d-flex .section_contents {
		width: 100%;
		padding-top: 0;
	}
	#official_02 .link_list {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	#official_02 .link_list li {
		width: 100%;
		border-top: 1px solid #CECECE;
		border-bottom: 1px solid #CECECE;
	}
	#official_02 .link_list li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 16px;
	}
	#official_02 .link_list li a:hover .link_more_red {
		color: var(--bb-bgcolor-04);
	}














	/*.official .wrap_visit_chiyoda {
	    background: url('../img/bg_visit_chiyoda.png') right -20px bottom no-repeat #fff;
	    background-size: 150% auto;
	    width: 100%;
	    margin: 100px auto 150px;
	    padding: 52px 20px;
	}
	.official .visit_chiyoda_logo img {
	    max-width: 240px;
	}
	.official .visit_chiyoda_text {
	    font-size: 1.4rem;
	    margin-top: 24px;
	}
	.official .visit_chiyoda_text a {
	    color: #053BA2;
	    text-decoration: underline;
	}
	.official .visit_chiyoda_text a:hover {
	    text-decoration: none;
	}
	.official .visit_chiyoda_btn_title {
	    font-size: 1.8rem;
	    font-weight: bold;
	    margin-top: 32px;
	}
	.official .btn {
	    background-color: #FDDF3A;
	    color: #053BA2;
	    width: 220px;
	    height: 58px;
	    line-height: 58px;
	    margin: 15px auto 0;
	    filter: unset;
	}
	.official .btn::before,
	.official .btn::after {
	    content: "";
	    width: 9px;
	    height: 2px;
	    display: inline-block;
	    border-radius: 2px;
	    background: #053BA2;
	    position: absolute;
	    right: 20px;
	}
	.official .btn::before {
	    top: 24px;
	    transform: rotate(45deg);
	}
	.official .btn::after {
	    top: 30px;
	    transform: rotate(-45deg);
	}*/
} /* end @media */





/* -------------------------------------------- */
/*  PC
/* -------------------------------------------- */
@media (min-width: 781px) {
	.show_sp {display: none;}
	.show_pc {display: inline-block;}
	body {
		background-image: url("../img/bg_body_pc.png");
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
		left: 0;
		top: 0;
	}
	.header a {
		display: block;
		position: relative;
	}
	.header a:hover {
		opacity: 1;
	}
	.header a:hover img {
		opacity: 1;
	}
	.header nav.anchor {
		display: flex;
		justify-content: center; 
		position: absolute;
		left: 24px;
		right: 24px;
		top: 48px;
		z-index: 12;
	}
	.header nav.anchor ul {
		display: flex;
		gap: 16px;
	}
	.header nav.anchor a {
		color: #FFFFFF;
	}
	.header nav.anchor a::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #FFFFFF;
		bottom: -3px;
		transform: scale(0, 1);
		transform-origin: right top; /*‰äÐÎ£¨¥¢¥ó¥À©`¥é¥¤¥ó¤ÎÉìéL£©¤ÎÔ­µã¤¬a¥¿¥°£¨¸÷¥á¥Ë¥å©`£©¤ÎÓÒ¶Ë*/
		transition: transform 0.3s;  /*‰äÐÎ¤Î•rég*/
	}
	.header nav.anchor a:hover::after {
		transform: scale(1, 1);     /*¥Û¥Ð©`áá¡¢xÝS·½Ïò¤Ë1£¨ÏàŒ‚Ž£©ÉìéL*/
		transform-origin: left top; /*×ó¤«¤éÓÒ¤ËÏò¤«¤¦*/
	}

	.header nav.official_01 {
		position: absolute;
		right: 40px;
		top: 44px;
		z-index: 12;
	}
	.header nav.official_01 a {
		color: #FFFFFF;
		display: flex;
	}
	.header nav.official_01.show_pc a {
		font-family: "Noto Sans JP", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}



	/*.header nav ul li {
		border-bottom: var(--bb-border-width) var(--bb-border-style) var(--bb-line);
	}
	.header nav li a {
		width: 187px;
		height: 64px;
		padding-right: 45px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		background-color: var(--bb-nav-link-bg);
	}
	.header nav li a:hover {
		background-color: var(--bb-nav-link-bg-hover);
		opacity: 1;
	}
	.header nav li a:hover img {
		filter: invert(24%) sepia(64%) saturate(573%) hue-rotate(60deg) brightness(90%) contrast(102%);
	}
	.header nav li a::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background-image: url("../img/ico_arrow_down.svg");
		background-size: 24px 24px;
		position: absolute;
		right: 16px;
	}
	.header nav li a:hover::after {
		background-image: url("../img/ico_arrow_down_hover.svg");
	}*/
	.fixed .pos_fixed {
		position: fixed;
		width: calc(100vw - 24px - 24px);
		top: 24px;
/*		background-color: #000;*/
		overflow: hidden;
		z-index: 11;
	}
	.fixed .header nav.anchor {
		position: fixed;
	}
	.fixed .header nav.official_01 {
		position: fixed;
	}
	#mv .inner {
		margin-top: 54.42708333vw;
		position: relative;
	}
	.wrap_about {
		position: relative;
	}
	.pos_fixed #about_overlay {
		position: absolute;
		top: 100%;
		color: #FFF;
		z-index: 11;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9), 0px 0px 8px rgba(0, 0, 0, 0.25);
	}
	/*.wrap_about #about_overlay {
		position: absolute;
		top: 100px;
		color: #fff;
		z-index: 11;
	}*/

	#mv {
		margin: 24px;
	}
	#mv .section_inner {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	.about {
		padding-top: 200px;
		margin-top: -100px;
		width: 712px;
		margin-left: calc(100vw - 712px - 25vw)
	}
	.about .about_title h1 {
		font-size: 32px;
		font-weight: normal;
		line-height: 1.2;
	}
	.about .about_title h1 span {
		font-size: 64px;
	}
	.about .about_txt {
		margin-top: 30px;
		font-size: 18px;
		line-height: 40px;
	}
	#comment {
/*		margin-top: 120px;*/
		margin-top: 250px;
		position: relative;
		z-index: 11;
	}
	#comment .comment_img {
		float: left;
		width: 62%;
	}
	#comment .comment_img img {
		width: 100%;
	}
	#comment .comment_box {
		float: right;
		padding: 40px;
		width: 75%;
		margin-top: -5vw;
	}
	#comment .comment_box .comment_title {
		font-size: 28px;
		line-height: 30px;
	}

	.section_inner .d-flex .section_title {
		width: 82px;
	}
	.section_inner .d-flex .section_contents {
		width: calc(100% - 82px - 68px);
/*		background-color: #ffff00;*/
		padding-top: 80px;
	}

	.info .section_inner {
		margin-top: 100px;
	}
	.info .wrap_info_txt {
		padding: 40px;
	}
	.info .future_info .wrap_info:nth-child(odd) {
		left: 3.5vw;
	}
	.info .future_info .wrap_info:nth-child(even) {
		left: 0;
	}
	.info .current_info .wrap_info:nth-child(odd) {
		left: 3.5vw;
	}
	.info .current_info .wrap_info:nth-child(even) {
		left: 0;
	}
	.info .future_info .wrap_info_txt {
		width: 46.875vw;
		max-width: 100%;
	}
	.info .current_info .wrap_info_txt {
		width: 46.875vw;
		max-width: 100%;
	}
	.info .future_info .wrap_info .wrap_info_txt {
		background-image: url("../img/icon_info_material_pc.svg");
		background-position: right 24px top 0;
		background-repeat: no-repeat;
	}
	.info .current_info .wrap_info .wrap_info_txt {
		background-image: url("../img/icon_info_material_pc.svg");
		background-position: right 24px top 0;
		background-repeat: no-repeat;
	}
	.info .past_info {
		gap: 88px;
		margin-top: 64px;
	}
	.info .past_info .wrap_info:nth-child(odd) {
		left: 6.2vw;
	}
	.info .past_info .wrap_info:nth-child(even) {
		left: 0;
	}
	.info .past_info .wrap_info .info_img {
		width: 41.25vw;
	}
	.info .past_info .wrap_info .info_img img {
		width: 100%;
	}
	.info .past_info .wrap_info_txt {
		width: 26.875vw;
		max-width: 344px;
		position: absolute;
		left: 35.9375vw;
		bottom: -24px;
		z-index: 2;
	}



	#sound_source .wrap_sound {
		display: flex;
		gap: 24px;
	}
	#sound_source .wrap_sound .sound_info {
		width: 300px;
		padding-bottom: 24px;
	}
	#sound_source .wrap_sound .sound_info .sound_title {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #A3A49D;
	}
	#sound_source .wrap_sound .sound_info .sound_description {
		margin-top: 12px;
		font-size: 14px;
		line-height: 28px;
	}
	#sound_source .wrap_sound .sound_iframe_wrap {
		min-width: 350px;
		width: calc(100% - 300px - 24px);
	}
	#sound_source .wrap_sound_comment {
		padding: 24px;
	}
	#sound_source .wrap_sound_comment .sound_comment_title {
		font-size: 20px;
		line-height: 1.5;
	}
	#sound_source .wrap_sound_comment .sound_comment_txt {
		font-size: 14px;
		line-height: 2;
		margin-top: 8px;
	}
	


	#official_02 .section_inner .d-flex {
		justify-content: flex-end;
	}
	#official_02 .section_inner .d-flex .section_contents {
		padding-top: 0;
	}
	#official_02 .link_list {
		display: flex;
		gap: 24px;
	}
	#official_02 .link_list li {
		width: 50%;
		max-width: 344px;
		border-top: 1px solid #CECECE;
		border-bottom: 1px solid #CECECE;
	}
	#official_02 .link_list li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 25px 16px;
	}
	#official_02 .link_list li a:hover .link_more_red {
		color: var(--bb-bgcolor-04);
	}


	/*.official .wrap_visit_chiyoda {
	    background: url('../img/bg_visit_chiyoda.png') center bottom no-repeat #fff;
	    width: 720px;
	    min-height: 467px;
	    margin: 100px auto 200px;
	    padding: 56px 40px 42px;
	}
	.official .visit_chiyoda_text {
	    font-size: 1.6rem;
	    margin-top: 32px;
	}
	.official .visit_chiyoda_text a {
	    color: #053BA2;
	    text-decoration: underline;
	}
	.official .visit_chiyoda_text a:hover {
	    text-decoration: none;
	}
	.official .visit_chiyoda_btn_title {
	    font-size: 2.4rem;
	    font-weight: bold;
	    margin-top: 48px;
	}
	.official .btn {
	    background-color: #FDDF3A;
	    color: #053BA2;
	    width: 265px;
	    height: 58px;
	    line-height: 58px;
	    margin: 15px auto 0;
	    filter: unset;
	}
	.official .btn::before,
	.official .btn::after {
	    content: "";
	    width: 9px;
	    height: 2px;
	    display: inline-block;
	    border-radius: 2px;
	    background: #053BA2;
	    position: absolute;
	    right: 40px;
	}
	.official .btn::before {
	    top: 24px;
	    transform: rotate(45deg);
	}
	.official .btn::after {
	    top: 30px;
	    transform: rotate(-45deg);
	}*/
} /* end @media */

@media (min-width: 781px) and (max-width: 1200px) {
	/*.mv .illust_01 {
		left: -50px;
		width: 16.94444444%;
	}
	.mv .illust_02 {
		width: 15.27777778%
	}
	.mv .illust_03 {
		right: 0;
		top: calc(100vw * 0.05);
		width: 16.52777778%;
	}
	.mv .section_title {
		width: 74%;
	}
	.topics .section_inner,
	.special .section_inner,
	.live .section_inner,
	.event .section_inner,
	.place .section_inner,
	.goods .section_inner,
	.short_drama .section_inner {
		justify-content: space-between;
	}
	.topics .section_contents,
	.special .section_contents,
	.live .section_contents,
	.event .section_contents,
	.place .section_contents,
	.goods .section_contents,
	.short_drama .section_contents {
		margin-left: 20px;
	}*/
}
@media (min-width: 781px) and (max-width: 1040px) {
	/*.intro .section_title {
		margin-left: calc(100vw * 0.15);
	}
	.intro .intro_text {
		width: calc(100vw * 0.46730769);
	}
	.topics .section_contents {
		margin-right: 0;
	}
	.special .section_contents {
		width: calc(100vw * 0.8);
	}
	.special .special_lead_01 img {
		width: 100%;
	}
	.special .special_saiken_outline {
		width: 486px;
		margin: 72px auto 0;
	}
	.special .special_saiken_outline .flex_box {
		flex-direction: column;
		gap: 24px;
	}
	.special .special_saiken_outline .flex_box.flex_column {
		flex-direction: column;
	}
	.event .event_list li {
		width: calc(100vw * 0.35);
	}
	.event .event_list li.event_01 {
		margin-top: calc(100vw * 0.10480769);
	}
	.event .event_list li.event_02 {
		margin-top: calc(100vw * 0.22019231);
	}
	.event .event_title {
		font-size: 1.8rem;
	}
	.event .event_list dl {
		font-size: 1.6rem;
	}
	.place .place_text {
		width: calc(100vw * 0.33);
		margin-top: calc(100vw * 0.06923077);
	}
	.place .place_list li:nth-of-type(1) img {
		width: calc(100vw * 0.56538462);
	}
	.place .place_list li:nth-of-type(2) {
		top: calc(100vw * 0.22980769);
	}
	.place .place_list li:nth-of-type(2) img {
		width: calc(100vw * 0.40769231);
	}
	.place .place_list li:nth-of-type(3) {
		top: calc(100vw * 0.48076923);
		right: calc(100vw * 0.09615385);
	}
	.place .place_list li:nth-of-type(3) img {
		width: calc(100vw * 0.27115385);
	}
	.short_drama .section_contents {
		width: calc(100vw * 0.85961538);
		gap: calc(100vw * 0.075);
	}
	.short_drama .text_wrap ul {
		gap: calc(100vw * 0.015);
		margin-top: calc(100vw * 0.05769231);
	}
	.short_drama .text_wrap ul li.show_pc {
		display: none !important;
	}
	.short_drama .text_wrap ul li.show_sp {
		display: inline-block !important;
	}
	.short_drama .text_wrap ul li img {
		width: calc(100vw * 0.13942308);
	}

	.info img {
		width: calc(100vw * 0.85);
	}*/
}
@media screen and (min-width:781px) and (max-width:850px) {
	.about {
		margin-left: -38px;
		width: 700px;
	}
}
@media screen and (min-width:781px) and (max-width:900px) {
	#sound_source .wrap_sound .sound_iframe_wrap {
		min-width: 200px;
	}
}
@media screen and (min-width:781px) and (max-width:960px) {
	.header a {
		font-size: 14px;
	}
	.header nav.official_01 a {
		padding-right: 0;
	}
	.info .wrap_info_txt {
		padding: 24px;
		gap: 10px;
	}
	.info .wrap_info_txt .info_tag {
		font-size: 14px;
	}
	.info .wrap_info_txt .into_title {
		font-size: 18px;
	}
	.info .wrap_info_txt .into_date {
		font-size: 14px;
	}
	.info .past_info .wrap_info_txt {
		left: 34vw;
	}
}

@media (min-width: 781px) and (max-height: 420px) {
	/*.header nav {
		position: fixed;
		right: 0;
		top: 0;
	}
	.header nav li a {
		height: calc(100vh / 5);
	}*/
} /* end @media */
@media (min-width: 781px) and (max-height: 930px) {
	/*.mv .illust_02 {
		left: 0;
		top: 65%;
	}*/
} /* end @media */

@media screen and (max-width:330px){
	/*nav img {
		height: 11px;
	}*/
	/*.intro .d-flex {
		display: flex;
		flex-direction: column;
		margin-top: 200px;
		margin-bottom: 200px;
		padding-top: 60px;
	}
	.movie {
		margin: 30px -20px 0;
	}
	.special .backnumber_list .backnumber .backnumber_img {
		width: calc(100% - 10em - 20px);
	}
	.special .backnumber_list .backnumber .backnumber_info {
		width: 10em;
	}
	.special .backnumber_list .backnumber .backnumber_title {
		font-size: 14px;
	}
	.special .btn_detail_wrap a.btn_detail {
		width: 130px;
		height: auto;
	}
	.short_drama .text_wrap ul {
		width: 280px;
	}
	.short_drama .text_wrap ul li {
		width: calc((280px - 30px) / 2);
	}
	.short_drama .text_wrap ul li img {
		width: 125px;
	}*/
}