@charset "utf-8";

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

	/* html{
		overflow:auto;
	}
	body {
		overflow: hidden;
	}
	a:hover img,
	img.overimg {
	opacity: 1.0 !important;
	} */
	.onlyPc {
		display: none;
	}
	.no-links {
		pointer-events: none;
	}

	/* ----------------------------------------
		#container 
	---------------------------------------- */

	#container {
		position: relative;
	}


	/* ----------------------------------------
		header
	---------------------------------------- */
	header {
		position: fixed;
		left: auto;
		z-index: 1000;
		background: #333333;
		box-sizing: border-box;
	}


	header#masthead {
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: 70px;
		color: #FFFFFF;
		position: relative;
		z-index: 12;
		background: #000000;
		box-sizing: border-box;
	}
	header#masthead a:link,
	header#masthead a:visited,
	header#masthead a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	header#masthead .site_title a img.logo {
		position: absolute;
		top: 10px;
		left: 3%;
		width: 95px;
		height: auto;
	}
	header#masthead .site_title a div {
		position: absolute;
		top: 9px;
		left: 5%;
		margin: 0;
		padding-left: 50px;
		font-family: '游明朝','Hiragino Mincho Pro','HGP明朝E','HGS明朝E','MS PMincho',serif;
		font-size: 1.4375rem;
		letter-spacing: 0.05em;
		color: #333333;
		z-index: 2;
		transition: all .25s ease-out;
	}
	header#masthead .site_title a span {
		position: absolute;
		bottom: 8px;
		left: 5%;
		font-size: 0.625rem;
		letter-spacing: 0.02em;
		color: #3972B7;
	}


	/* ---- #nav_global ------- */

	/* header#masthead ul {
		display: inherit;
	} */

	#nav_global {
		display: none;
	}
	#rwdMenuWrap {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	#rwdMenuWrap #switchBtnArea {
		/* width: 100%; */
		height: 70px;
		position: relative;
		top: 0;
		box-sizing: border-box;
		/* border: 1px solid white; */
	}
	#rwdMenuWrap #switchBtnArea #switchBtn {
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 35px;
		height: 35px;
		display: block;
		text-align: center;
		position: absolute;
		/* border: 1px solid yellow; */
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span {
		left: 0;
		width: 30px;
		height: 3px;
		display: block;
		position: absolute;
		background-color: #FFFFFF;
		transition: all 0.2s linear;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {top:5px;transform: rotate(0);}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {top:15px;transform: scale(1);}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {top:25px;transform: rotate(0);}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:15px;transform: rotate(-45deg);}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {top:15px;transform: rotate(45deg);}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose:after {
		position: fixed;
		top: 70px;
		bottom: -50px;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content: "";
		background: rgba(0,0,0,0.8);
		z-index: 15;
	}
	header#masthead #rwdMenuWrap #navWrap {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		display: none;
		z-index: 99;
		text-align: center;
		padding: 0 0 5em 0;
		background: #1A191C;
		/* height: calc(max-content - 70px); */
	}
	header#masthead #rwdMenuWrap ul {
		margin: 0;
		padding: 0;
		width: 100%;
		/* height: 100%; */
		overflow-y: auto;
	}
	header#masthead ul li {
		/* margin: auto; */
		padding: 0;
		width: 100%;
		text-align: center;
	}
	header#masthead ul li a {
		margin: 0;
		padding: 1em 0;
		display: block;
		line-height: 1.4;
		border-bottom: 1px solid #464647;
	}
	header#masthead ul li a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	header#masthead #rwdMenuWrap ul li ul {
		border-bottom: 1px solid #464647;
	}
	header#masthead ul li ul li a:link {
		padding: 12px 0;
		font-size: 0.875rem;
		color: #939393;
		background: #000000;
	}
	header#masthead ul li ul li:last-child a {
		border-bottom: none;
	}
	header#masthead ul li ul li a:visited,
	header#masthead ul li ul li a:active {
		color: #939393;
	}




	/* ------.language------------ */

	header#masthead ul.language {
		/*  */
		-js-display: flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		/* 20230830追加：言語選択欄を一旦消すため */
		display: none;
	}
	/** 言語選択ボタンの設定 */
	header#masthead ul.language li {
		/*width: 50%;*/
		/* width: 33.3%; */
		width: 25%;
		background: #000;
	}
	header#masthead ul.language li a {
		color: #878787;
		border-right: 1px solid #464647;
	}
	/*header#masthead ul.language li:nth-child(odd) a {
		border-right: 1px solid #464647;
	}*/
	header#masthead ul.language li:last-child a {
		border-right: none;
	}
	header#masthead.jp ul.language li.jp,
	header#masthead.en ul.language li.en,
	header#masthead.ko ul.language li.ko,
	header#masthead.zh ul.language li.zh {
		background: #370D25;
	}


	/* ------.language------------ */

	header#masthead ul.sns {
		display: none;
	}


	/* ----------------------------------------
		#p_title
	---------------------------------------- */

	#p_title {
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		padding: 25px 0 20px;
		width: 100%;
		color: #000000;
		text-align: center;
		background: #D9E9EC;
	}
	#p_title h1 {
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 1.3;
		z-index: 1;
	}
	#p_title h1 span {
		display: block;
		font-size: 0.875rem;
		color: #5D75B8;
	}




	/* ----------------------------------------
		#content
	---------------------------------------- */

	#content {
		margin: 0;
		padding: 30px 5% 50px;
		width: 100%;
		word-wrap: break-word;
		overflow: hidden;
	}
	#content p,
	div.group p {
		font-size: 1rem;
		margin: 0 0 1em;
	}
	#content img {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 100%;
		height: auto;
	}
	#content section:after,
	#content div.group:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
	#content li a {
		display: block;
	}
	.inner {
		padding: 0 5%;
	}
	.photo_box img {
		margin:10px auto;
	}
	.full_sp {
		margin-left: -5% !important;
		margin-right: -5% !important;
		padding: 0;
		width: 110% !important;
	}



	/* ----------------------------------------
		footer
	---------------------------------------- */

	footer#mastfoot {
		width: 100%;
		height: fit-content;
		position: relative;
		color: #FFFFFF;
		background: #000000;
		box-sizing: border-box;
	}

	footer#mastfoot > div {
		width: min-content;
		margin: auto;
	}

	footer#mastfoot a:link,
	footer#mastfoot a:visited,
	footer#mastfoot a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	footer#mastfoot a:hover {
		text-decoration: none;
	}

	/* ------.sns------------ */

	footer#mastfoot ul.sns {
		position: relative;
		padding-bottom: 20px;
		z-index: 3;
		-js-display: flex;
		display: flex;
		justify-content: center;
	}
	footer#mastfoot ul.sns li a {
		display: inline-block;
		margin-left: 10px;
		width: 35px;
		height: 35px;
		background: #878787;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-js-display: flex;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		transition: all .25s ease-out;
	}
	footer#mastfoot ul.sns li a:hover {
		background: #545454;
	}
	footer#mastfoot ul.sns a i {
		color: #000000;
		font-size: 1.375rem;
		transition: all .25s ease-out;
	}
	footer#mastfoot ul.sns a:hover i {
		color: #FFFFFF;
	}

	/* ------.sponsorship------------ */

	footer#mastfoot ul.sponsorship {
		padding-bottom: 20px;
	}
	footer#mastfoot ul.sponsorship li {
		margin: 0 10px 10px;
	}
	footer#mastfoot ul.sponsorship li img {
		max-width: 250px;
		width: 100%;
	}
	footer#mastfoot ul.sponsorship li.sponsor04 img {
		max-width: 40px;
	}
	footer#mastfoot .add {
		padding-bottom: 20px;
		font-size: 0.75rem;
	}
	footer#mastfoot small {
		/* display: block; */
		position: absolute;
		font-size: 0.6875rem;
		background: #1A191C;
		width: 100%;
		left: auto;
		bottom: 0;
		padding: 0.5em 0;
		/* margin-left: -5% !important; */
		/* margin-right: -5% !important; */
		/* width: 110% !important; */
	}

	/* ------#pagetop------------ */

	#pagetop a {
		display: block;
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		width: 50px;
		height: 50px;
		margin: auto;
		text-align: center;
		text-decoration: none;
		background: #000000;
		z-index: 2;
		-js-display: flex;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#pagetop a i {
		color: #878787;
		font-size: 1.75rem;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transition: all .25s ease-out;
	}
	#pagetop a:hover i {
		color: #FFFFFF;
	}

	/**=========================================
		Basic Layout Design Pattern
	*/
	h2 {
		font-size: 1em;
	}

	/* p {
		padding: 0 0 1.5em;
	} */

	/**=========================================
		Table Design Pattern
	*/
	.t-type-a {
		/* border-collapse: separate;
		border-spacing: 3px; */
		margin: 1em 0 1em -1.5em;
	}
	/* .t-type-a th {
		color: #e4007f;
		background: #ffd7ed;
		padding: 0.5em 1em;
	}
	.t-type-a td {
		background: white;
		padding: 0.5em 1em;
	} */

	.t-type-a th, .t-type-a td {
		display: block;
	}

	.t-type-b {
		/* width: 100%; */
		border: 1px solid #999;
		border-width: 3px 0 0;
	}

	.t-type-b td {
		/* vertical-align: top;
		padding: 0.5em 1em;
		border-top: 1px dashed #333;
		line-height: 1.5; */
		display: block;
	}

	.t-type-b td {
		border-top: none;
		border-bottom: 1px dashed #333;
	}

	.t-type-b td[rowspan] {
		display: none;
	}

	.t-type-b td:last-child {
		border-bottom: 3px solid #999;
	}

	.t-type-b td.td-b-include {
		font-weight: bold;
	}

	.t-type-b td.td-b-include::before {
		content: "2021年";
	}

	.t-type-b td.td-b-ex {
		border-bottom: 1px dashed #333;
	}

	/**=========================================
		INDEX:ver.2021
	*/
	.h1-index {
		font-size: 1em;
		/* padding: 1.5em 0;
		background: url(../img/index/h1-image.png) no-repeat;
		margin-bottom: 1em; */
		background-size:contain;
	}
	/* .h1-index > small {
		display: block;
		font-size: 0.8em;
	} */
	.enclose-a {
		/* border: 3px solid  #e4007f; */
		padding: 0.5em 1em;
		margin: 0 -1em 0;
		/* background: white; */
	}

	

	/**=========================================
		Columns
	*/
	.c-2cols {
		display: block;
	}

	.c-2cols > * {
		display: block;
	}

	.c-2cols > *:first-child {
		font-weight: bold;
	}

	.c-2cols > *:last-of-type {
		padding-bottom: 0.5em;
	}

	/* 暫定設定 */
	.c-ex-zan {
		width: 100%;
	}

	
	/**=========================================
		table-cell:ver.2021
	*/
	.columns {
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.columns > * {
		display: table-cell;
		vertical-align: middle;
	}


	/**=========================================
		List Design Pattern
	*/
	/* .list-a > li {
		padding-left: 1.3em;
		text-indent: -1.3em;
		margin-bottom: 0.5em;
	}
	.list-a > li::before {
		content: "●";
		padding-right: 0.3em;
	}

	.list-b {
		margin-left: 1.3em;
	}

	.list-b > li {
		list-style-type: decimal;
	} */

	/**=========================================
		Button Design Pattern
	*/
	/* .button-type-a {
		display: block;
		background: #0055ff;
		text-align: center;
		padding: 1em;
		border-radius: 3em;
		font-size: 0.8em;
		margin-bottom: 1.5em;
	} */

	/* a:link.button-type-a {
		color: white;
	} */

	/* .button-type-a > * {
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		border-bottom: 1px solid white;
		margin: 0 0 0.3em;
	} */

	/**=========================================
		COM
	*/
	.w-middle {
		width: 100%;
	}

	/* スマホ画面の時のみ表示する */
	.display_sp {
		display: block;
	}

	/* PC画面の時のみ表示する */
	.display_pc {
		display: none;
	}

	.enclose-a {
		margin: 0;
	}


	.enclose-inner-b > b {
		display: block;
	}

	.flex-com {
		display: block;
	}

	.flex-com img {
		width: 100%;
		height: auto;
	}

	/**=========================================
	インデックス用
	*/
	.grid2x2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		justify-content: space-around;
		align-items: center;
		margin: -2em 0 0;

		/* border: 1px solid red; */
	}

	.grid2x2 > * {
		flex-basis: 48.5%;
		display: block;
		font-size: 0.8em;
		/* height: auto; */
	}

	.grid2x2 > *:nth-child(3), .grid2x2 > *:nth-child(4) {
		margin: 1em 0 0;
	}

	.grid2x2 > *:nth-child(odd) {
		margin-right: 1em;
	}

	.grid2x2 > * > a {
		display: block;
		width: 100%;
	}

	.off-btn {
		height: 200px;
		padding-top: 70px;
		/* border: 1px solid red; */
	}

	.grid2x2 > *:nth-child(3) {
		padding-top: 80px;
	}
	
	.indexx2 {
		width: 100%;
		height: 150px;
	}

	/* .indexx2 figure {
		height: auto;
	} */

	.indexx2 img, .indexx2 a {
		height: 150px;
	}

	.indexx2 a {
		text-align: center;
		display: block;
		padding-top: calc(50% - 0.5em);
		font-size: 0.8em;
	}

	/* .indexx2 > *:nth-child(2) {
		width: 55%;
	} */
	/* 春期特別公演 */
	/* .indexx2 > *:nth-child(2) > a {
		padding-top: calc(50% - 2em);
	} */
	/* 『踊る。秋⽥賞』コンペティション募集要項 */
	/* .indexx2:nth-child(2) > *:nth-child(2) > a {
		padding-top: calc(50% - 3em);
	} */

	/* .indexx2 img {
		height: 50px;
	}  */

	.grid-index {
		display: block;
	}
	
	.indexx3 .link03, .indexx3 .link04 {
		height: 150px;
		color: white;
		text-align: center;
		font-size: 0.8em;
	}
	
	/**=========================================
	パンくずリスト:ver.2021
	*/
	.breadcrumbs-container {
		padding: 10px 10px 0;
		margin-bottom: -2em;
	}
	.breadcrumbs {
		margin: 0;
		width: 100%;
		font-size: 0.7em;
	}


	#pdf-container {
		width: 100%;
		height: 100%;
	}


	.content.ex {
		padding:4em 2em;
	}


	.content-area.lowerpages {
		padding: 80px 0 70px;
	}


	.h1-default {
		height: 70px;
		padding: 0 20px;
		font-size: 1em;
		background: #CA0C3A;
		/*  */
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.responce-img {
		display: block;
		width: 100%;
		/* height: fit-content; */
		height: auto;
		position: relative;
		overflow: hidden;
	}

}


@media screen and (min-width:481px) and ( max-width:768px) { 

	.onlySp2 {
		display: none;
	}

}