@charset "utf-8";
/******************************
共通機構
*******************************/
/**** 骨格 *****/
main, section{
	width: 100%;
	margin: auto;
	box-sizing:border-box;
}
[class^="oth"]{
	margin: auto;
}
@media screen and (max-width: 699px) {
	[class^="oth"]{padding: 1rem 4% 4rem;}
	[class^="oth"] section{margin-bottom: 5rem;}
	#othNo{padding: 0;}
}
@media screen and (min-width: 700px) {
	[class^="oth"]{
		padding: 2rem 2rem 8rem;
	}
	[class^="oth"] section{margin-bottom: 8rem;}
}
@media screen and (min-width: 1200px) {
	[class^="oth"]{
		width: 1000px;
		padding: 5rem 0 8rem;
	}
	[class^="oth"] section{
		margin: 8rem 0 10rem;
	}
	.oth1100{width: 1100px;}
	.oth1200{width: 1200px;}
}

.MNbtn{margin: auto;}
.MNbtn a{
	color: hsl(0, 0%, 100%);
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 150%;
	padding:3rem 0;
	margin: auto;
	box-shadow:
	 0px 0px 0px 1px hsl(222, 40%, 33%) inset,
	 0px 0px 0px 6px hsl(0, 0%, 100%) inset,
	 0px 4px 4px hsla(0, 0%, 0%, .2);
	background: linear-gradient(to bottom, hsla(196, 90%, 35%, 0), hsla(196, 90%, 35%, 1));
	background-color: hsl(222, 40%, 33%);
	display: inline-block;
	transition: all 0.3s;
}
.MNbtn a:hover{
	background-color: hsl(205, 70%, 42%);
}
@media screen and (max-width: 699px) {
	.MNbtn a{
		font-size: 4.2vw;
		width: 300px;
		padding:2rem 0;
		box-shadow:
			0px 0px 0px 1px hsl(222, 40%, 33%) inset,
			0px 0px 0px 4px hsl(0, 0%, 100%) inset,
			0px 4px 4px hsla(0, 0%, 0%, .2);
	}
}
@media screen and (min-width: 700px) {
	.MNbtn a{
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (min-width: 1200px) {
	.MNbtn a{
		width: 500px;
	}
}
/******************************
TOP
*******************************/
/****swiper****/
.bgbase{
	position: relative;
}
.swp-container{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.swp-container h1.iizk01{
	font-weight: 900;
	line-height: 110%;
	white-space: nowrap;
	position: absolute;
}
.swp-container h1.iizk01 span{
	font-size: .27em;
	line-height: 135%;
	margin-top: .6em;
	display: block;
}
.swp-container .a-type h1.iizk01{
	color: hsl(13, 25%, 11%);
	position: absolute;
	top: 47%;
	left: 50px;
	transform: translateX(0) translateY(-50%);
}
.swp-container .b-type h1.iizk01, .swp-container .d-type h1.iizk01{
	color: hsl(0, 0%, 100%);
	position: absolute;
	top: 29%;
	left: 50px;
	transform: translateX(0) translateY(-50%);
}
.swp-container .c-type h1.iizk01{
	color: hsl(13, 25%, 11%);
	position: absolute;
	top: 29%;
	left: 50px;
	transform: translateX(0) translateY(-50%);
}

.swiper-slide {width: 100%;}
.swiper-slide img{
	width: 100%;
	object-fit: cover;
}
.bgnews{
	width: 100%;
	text-align: center;
	background: hsla(33, 43%, 49%, .7);
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.bgnews img{
	position: absolute;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
}
.bgnews a{
	color: hsl(0, 0%, 100%);
	text-decoration: none;
	line-height: 135%;
	border: 1px solid hsl(0, 0%, 100%);
	display: inline-block;
	transition: .3s all;
	background: hsla(0, 0%, 0%, 0);
	white-space: nowrap;
}
.bgnews a:hover{
	background: hsla(0, 0%, 0%, .3);
}
@media screen and (max-width: 699px) {
	.swp-container h1.iizk01{
		font-size: 10vw;
	}
	.swp-container .a-type h1.iizk01,
	.swp-container .b-type h1.iizk01,
	.swp-container .c-type h1.iizk01,
	.swp-container .d-type h1.iizk01{
		top: 25%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.swp-container .a-type h1.iizk01{top: 32%;}
	.swiper-slide img{
		aspect-ratio: 365 / 554;
	}
	.bgnews{
		padding: 7em 0 2em;
	}
	.bgnews img{
		height: 180px;
		top: -95px;
	}
	.bgnews a{
		font-size: 1.1em;
		padding: 1em 2em;
	}
}
@media screen and (min-width: 700px) {
	.swp-container h1.iizk01{
		font-size: 10vw;
	}
	.swiper-slide img{
		height: 1350px;
	}
	.bgnews{
		padding: 12em 0 4em;
	}
	.bgnews img{
		height: 340px;
		top: -170px;
	}
	.bgnews a{
		font-size: 1.4em;
		padding: 1em 3em;
	}
}
@media screen and (min-width: 1200px) {
	.swp-container h1.iizk01{
		font-size: 5.5em;
	}
	.swp-container .a-type h1.iizk01{
		left: calc((100% - 1200px) / 2 + 50px);
	}
	.swp-container .b-type h1.iizk01{
		left: calc((100% - 1200px) / 2 + 50px);
	}
	.swp-container .c-type h1.iizk01{
		left: calc((100% - 1200px) / 2 + 50px);
	}
	.swp-container .d-type h1.iizk01{
		left: calc((100% - 1200px) / 2 + 50px);
	}
}

/* バナーリスト */
section.bnrdtl{
	padding: 0 1.5em;
	margin: 4em auto;
	box-sizing: border-box;
}
ul.bnrlst{
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}
ul.bnrlst li{
	text-align: center;
	padding: 0;
	margin: 0;
}
ul.bnrlst li a{
	color: hsl(0, 0%, 100%);
	font-size: 1.4em;
	font-weight: 700;
	text-decoration: none;
	line-height: 135%;
	padding: 1.2em 0;
	border: 1px solid hsl(0, 0%, 100%);
	box-sizing: border-box;
}
ul.bnrlst li:first-child {
	background: url(../img/top/bnr01.jpg) center center;
	background-size: 100% auto;
	position: relative;
}
ul.bnrlst li:nth-child(2) {
	background: hsl(31, 89%, 22%);
}
ul.bnrlst li:last-child {
	background: hsl(42, 100%, 41%);
}
ul.bnrlst li:first-child a span{
	padding: 1em 2em;
	background: hsla(327, 87%, 34%, .7);
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	white-space: nowrap;
}
ul.bnrlst li a{
	transition: .3s all;
}
ul.bnrlst li a:hover{
	background: hsla(0, 0%, 100%, .3);
}
ul.bnrlst li a{
	width: 100%;
	height: 100%;
	display: block;
}
@media screen and (max-width: 699px) {
	ul.bnrlst{
		padding: 0 4%;
		display: flex;
		flex-direction: column;
	}
	ul.bnrlst li{
		margin: .5em 0;
	}
	ul.bnrlst li:first-child {
		aspect-ratio: 16 / 8;
	}
}
@media screen and (min-width: 700px) {
	ul.bnrlst{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 1em 2.5em;
	}
	ul.bnrlst li:first-child {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
		position: relative;
	}
	ul.bnrlst li:nth-child(2) {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}
	ul.bnrlst li:last-child {
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 1200px) {
	section.bnrdtl{
		width: 1000px;
	}
}

/******************************
飯塚文化連盟LP
*******************************/
#ica{
	color: hsl(0, 0%, 0%);
	text-align: center;
}
.icapic img{
	width: 100%;
	object-fit: cover;
}
.mnkvsal{
	background: hsl(0, 0%, 100%);
	position: relative;
}
.mnkvsal::after{
	content: "";
	width: 100%;
	background: hsl(47, 66%, 69%);
	position: absolute;
	top: 0;
	left: 0;
}
.mnkvsal img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	z-index: 1;
}
.sbkvsal{
	background: hsl(0, 0%, 100%);
	position: relative;
}
.sbkvsal img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(0);
}
#ica section{
	padding: 1rem 0;
}
#ica section > div{
	margin: auto;
}
#ica section h1{
	font-size: 1.4em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin: 3em 0;
}
#ica section h1 strong{
	color: hsl(47, 66%, 65%);
	line-height: 100%;
	margin-bottom: 1.5rem;
	display: block;
}
@media screen and (max-width: 699px) {
	.icapic img{
		height: 250px;
	}
	.mnkvsal{
		height: 240px;
	}
	.mnkvsal::after{
		height: 140px;
	}
	.mnkvsal img{
		height: 160px;
		top: 100px;
	}
	.sbkvsal{
		height: 80px;
	}
	.sbkvsal img{
		height: 160px;
		top: -40px;
	}
}
@media screen and (min-width: 700px) {
	.icapic img{
		height: 400px;
	}
	.mnkvsal{
		height: 530px;
	}
	.mnkvsal::after{
		height: 300px;
	}
	.mnkvsal img{
		height: 330px;
		top: 180px;
	}
	.sbkvsal{
		height: 270px;
	}
	.sbkvsal img{
		height: 330px;
		top: -70px;
	}
}
@media screen and (min-width: 1200px) {
	.icapic img{
		height: 550px;
	}
}

/******************************
飯塚文化連盟について
*******************************/
#ica section.about{
	width: 100%;
	text-align: left;
	padding: .1em 0 4em;
	margin: auto;
	background: hsl(0, 0%, 100%);
}
section.about h1 strong{
	font-size: 3.5em;
	line-height: 135%;
}
@media screen and (max-width: 699px) {
	section.about > div{
		padding: 0 6%;
	}
	section.about h1 strong{
		font-size: 3em;
		line-height: 135%;
	}
}
@media screen and (min-width: 700px) {
	section.about > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.about > div{
		width: 1000px;
		padding: 0;
	}
}

dl.izkdtl{
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.izkdtl > dt{
	color: hsl(28, 48%, 39%);
	font-weight: 700;
	line-height: 135%;
	width: 150px;
	padding: 1em 1.5em;
}
dl.izkdtl > dt:nth-of-type(odd){
	background: hsl(40, 33%, 95%);
}
dl.izkdtl > dt:last-of-type{
	margin-bottom: 0;
}
dl.izkdtl > dd{
	line-height: 135%;
	width: calc(100% - 150px);
	padding: 1em 1.5em;
}
dl.izkdtl > dd:nth-of-type(odd){
	background: hsl(40, 33%, 95%);
}
dl.izkdtl > dd:last-of-type{
	margin-bottom: 0;
}
dl.izkdtl > dd > dl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.izkdtl > dd > dl > dt{
	font-weight: 700;
	margin-bottom: 1em;
}
dl.izkdtl > dd > dl > dd{
	margin-bottom: 1em;
}
dl.izkdtl > dd table{
	width: 100%;
  border-collapse: collapse;
	margin: 1em 0;
}
dl.izkdtl > dd th{
	font-weight: normal;
	vertical-align: top;
	padding: .5rem 1rem;
	text-align:center;
	white-space: nowrap;
  border-bottom:1px solid hsl(0, 0%, 0%);
  border-right:1px solid hsl(0, 0%, 0%);
}
dl.izkdtl > dd td{
	padding: .5rem 1rem;
  border-bottom:1px solid hsl(0, 0%, 0%);
  border-right:1px solid hsl(0, 0%, 0%);
}
dl.izkdtl > dd td:last-child{
  border-right:0;
}
dl.izkdtl > dd th:last-child{
  border-right:0;
}
dl.izkdtl > dd table dl{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.about .lkbtn_brown a{
	margin: 0;
}
@media screen and (max-width: 699px) {
	dl.izkdtl > dt{
		width: 100px;
		padding: .7em 0 .7em 1em;
	}
	dl.izkdtl > dd{
		width: calc(100% - 100px);
		padding: .7em 1em .7em 0;
	}
	dl.izkdtl > dd > dl{
		flex-direction: column;
	}
	dl.izkdtl > dd > dl > dt, dl.izkdtl > dd > dl > dd{
		width: 100%;
	}
	dl.izkdtl > dt.wide100, dl.izkdtl > dd.wide100{
		width: 100%;
	}
	dl.izkdtl > dd table dl{
		flex-direction: column;
	}
}
@media screen and (min-width: 700px) {
	dl.izkdtl > dd > dl > dt{
		width: 180px;
	}
	dl.izkdtl > dd > dl > dd{
		width: calc(100% - 180px);
	}
	dl.izkdtl > dd table dl dt{
		width: 80px;
	}
	dl.izkdtl > dd table dl dd{
		width: calc(100% - 80px);
	}
}
@media screen and (min-width: 1100px) {
	dl.izkdtl > dd table{
		width: 80%;
	}
}

/******************************
加盟団体｜飯塚文化連盟
*******************************/
#ica section.member{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 5em;
}
section.member h1 strong{
	line-height: 135%;
}
@media screen and (max-width: 699px) {
	section.member > div{
		padding: 0 4%;
	}
	section.member h1 strong{
		font-size: 2em;
	}
}
@media screen and (min-width: 700px) {
	section.member > div{
		padding: 0 6%;
	}
	section.member h1 strong{
		font-size: 2em;
	}
}
@media screen and (min-width: 1100px) {
	section.member > div{
		width: 1000px;
		padding: 0;
	}
	section.member h1 strong{
		font-size: 2.5em;
	}
}

table.memorgtbl{
	width: 100%;
	margin: 3em 0;
}
table.memorgtbl th{
	font-weight: normal;
	white-space: nowrap;
}
table.memorgtbl thead{
	background: hsl(0, 0%, 100%);
}
table.memorgtbl th, table.memorgtbl td{
	text-align: center;
	padding: 0 .5em;
}
table.memorgtbl th:nth-child(5), table.memorgtbl td:nth-child(5),
table.memorgtbl th:nth-child(6), table.memorgtbl td:nth-child(6){
	text-align: left;
}
table.memorgtbl tbody tr:nth-child(even){
	background: hsl(0, 0%, 100%);
}
dl.memdwn{
	text-align: center;
	margin: 3em auto;
}
dl.memdwn ul{
	padding: 0;
	margin: 0 auto;
	display: flex;
	list-style: none;
}
dl.memdwn ul li{
	margin: .5em 0;
}
dl.memdwn ul a{
	color: hsl(0,0%,100%);
	font-size: 1.1em;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	padding: .5em;
	margin: 0;
	width: 100%;
	background-color:hsl(28, 48%, 39%);
	border-radius: .4em;
	display:inline-block;
	box-sizing:border-box;
	transition:0.3s ease-in;
}
@media screen and (max-width: 699px) {
	table.memorgtbl{
		font-size: .7em;
		margin: 2em 0;
	}
	dl.memdwn ul{
		width: 70%;
	}
	dl.memdwn ul{
		flex-direction: column;
	}
}
@media screen and (min-width: 700px) {
	dl.memdwn ul{
		width: 80%;
		flex-direction: row;
		justify-content: space-between;
	}
	dl.memdwn ul li{
		width: calc(100% / 2 - 1em);
	}
}
@media screen and (min-width: 1100px) {
	dl.memdwn ul{
		width: 60%;
	}
}


/******************************
飯塚総合文化祭について
*******************************/
#ica section.festival{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 5em;
	background: hsl(0, 0%, 100%);
}
section.festival h1 strong{
	font-size: 2.4em;
	line-height: 135%;
	white-space: nowrap;
}
section.festival h2{
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	line-height: 135%;
	margin: 5em 0 1.5em;
}
@media screen and (max-width: 699px) {
	section.festival > div{
		padding: 0 6%;
	}
	section.festival h1 strong{
		font-size: 1.6em;
	}
	section.festival h2{
		margin: 2em 0 1em;
	}
}
@media screen and (min-width: 700px) {
	section.festival > div{
		padding: 0 6%;
	}
	section.festival h1 strong{
		font-size: 2em;
	}
}
@media screen and (min-width: 1300px) {
	section.festival > div{
		width: 1300px;
		padding: 0;
	}
	section.festival h1 strong{
		font-size: 2.4em;
	}
}


.oldlst {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
	position: relative;
}
.prvnxt{
	position: relative;
	margin-bottom: 3em;
}
.prvnxt #prev, .prvnxt #next {
	display: inline-block;
	color: hsl(26, 49%, 31%);
	text-decoration: none;
	padding: .5em;
	position: absolute;
	z-index: 1;
	transition: .3s all;
	border-radius: .4em;
}
.oldlst #prev{left: 0;}
.oldlst #next{right: 0;}
.oldlst #prev:hover, .oldlst #next:hover {
	color: hsl(26, 61%, 20%);
}
.oldlst ul.oldnumb{
	width: 100%;
	margin: 1.5em auto;
}
.oldlst ul.oldnumb li a{
	color: hsl(44, 26%, 67%);
	border-right: 2px solid hsl(44, 26%, 67%);
}
.oldlst ul.oldnumb > li > a:hover{
	color: hsl(26, 49%, 31%);
}
.oldlst ul.oldnumb > li > a.active{
	color: hsl(26, 49%, 31%);
}
@media screen and (max-width: 699px) {
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1100px) {
	.oldlst ul.oldnumb{
		width: 700px;
	}
}





dl.fesdtl{
	width: 100%;
	background: hsl(48, 65%, 82%);
}
dl.fesdtl > dt{
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	padding: .3em 0;
	margin-bottom: .5em;
	border-bottom: 1px solid hsl(0, 0%, 0%);
}
dl.fesdtl > dd{
	font-weight: 700;
	line-height: 135%;
}
dl.fesdtl > dd > dl{
	line-height: 135%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.fesdtl ul{
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
dl.fesdtl ul li{
	text-align: center;
	padding: 0;
	margin: .5em 0;
	box-sizing: border-box;
}
dl.fesdtl ul li a{
	color: hsl(0, 0%, 100%);
	font-weight: 700;
	text-decoration: none;
	padding: 1em ;
	display: block;
	border-radius: .4em;
}
dl.fesdtl ul li:first-child a{
	background: hsl(36, 49%, 59%);
}
dl.fesdtl ul li:last-child a{
	background: hsl(26, 19%, 56%);
}
@media screen and (max-width: 699px) {
	dl.fesdtl{
		padding: 1em;
	}
	dl.fesdtl > dt{
		font-size: 2em;
	}
	dl.fesdtl > dd{
		padding: 0 1em;
	}
	dl.fesdtl > dd > dl{
		font-size: 1.2em;
	}
	dl.fesdtl > dd > dl > dt{
		width: 70px;
	}
	dl.fesdtl > dd > dl > dd{
		width: calc(100% - 70px);
	}
	dl.fesdtl ul{
		width: 80%;
		margin: 1em auto 0;
		flex-direction: column;
	}
}
@media screen and (min-width: 700px) {
	dl.fesdtl{
		padding: 3em;
	}
	dl.fesdtl > dt{
		font-size: 2.5em;
	}
	dl.fesdtl > dd{
		padding: 0 1em;
	}
	dl.fesdtl > dd > dl{
		font-size: 1.4em;
	}
	dl.fesdtl > dd > dl > dt{
		width: 100px;
	}
	dl.fesdtl > dd > dl > dd{
		width: calc(100% - 100px);
	}
	dl.fesdtl ul{
		margin: 2em 0 0;
	}
	dl.fesdtl ul li{
		width: calc(100% / 2 - .5em);
	}
}
@media screen and (min-width: 1200px) {
	dl.fesdtl{
		padding: 3em 10em;
	}
	dl.fesdtl > dt{
		font-size: 3em;
	}
	dl.fesdtl > dd{
		padding: 0 4em;
	}
	dl.fesdtl ul{
		padding: 0 2em;
	}
	dl.fesdtl ul li{
		padding: 1em;
	}
}


table[class^="festbl"]{
	width: 100%;
	margin: 3em auto;
}
table[class^="festbl"] th{
	font-weight: 700;
	white-space: nowrap;
}
table[class^="festbl"] thead{
	color: hsl(28, 48%, 39%);
	background: hsl(0, 0%, 100%);
}
table[class^="festbl"] th, table[class^="festbl"] td{
	padding: 0 .5em;
}
table.festbl01 thead tr{
	background: hsl(78, 55%, 85%);
}
table.festbl01 tbody tr:nth-child(even){
	background: hsl(78, 55%, 85%);
}
table.festbl02 thead tr{
	background: hsl(40, 33%, 95%);
}
table.festbl02 tbody tr:nth-child(even){
	background: hsl(40, 33%, 95%);
}
table.festbl03 thead tr{
	background: hsl(48, 82%, 89%);
}
table.festbl03 tbody tr:nth-child(even){
	background: hsl(48, 82%, 89%);
}
@media screen and (max-width: 699px) {
	table[class^="festbl"]{
		font-size: .8em;
		line-height: 135%;
		margin: 1em auto;
	}
	table[class^="festbl"] th, table[class^="festbl"] td{
		padding: .5em;
	}
	table[class^="festbl"] td:last-child span{
		display: block;
	}
}
@media screen and (min-width: 700px) {
	table[class^="festbl"] td:last-child{
		position: relative;
	}
	table[class^="festbl"] td:last-child span{
		float: right;
	}
}
@media screen and (min-width: 1100px) {
	table[class^="festbl"]{
		width: 1000px;
	}
}

/******************************
文連ニュース｜バックナンバー
*******************************/
#ica section.news{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 5em;
}
section.news h1 strong{
	line-height: 135%;
	white-space: nowrap;
}
@media screen and (max-width: 699px) {
	section.news > div{
		padding: 0 6%;
	}
	section.news h1 strong{
		font-size: 2em;
	}
}
@media screen and (min-width: 700px) {
	section.news > div{
		padding: 0 6%;
	}
	section.news h1 strong{
		font-size: 2.4em;
	}
}
@media screen and (min-width: 1100px) {
	section.news > div{
		padding: 0;
		width: 1000px;
	}
}

table.newsdtl{
	width: 100%;
	margin: 3em 0;
}
table.newsdtl th{
	font-weight: 700;
	white-space: nowrap;
}
table.newsdtl thead{
	color: hsl(28, 48%, 39%);
	background: hsl(0, 0%, 100%);
}
table.newsdtl th, table.newsdtl td{
	padding: 0 .5em;
}
table.newsdtl tbody tr:nth-child(even){
	background: hsl(0, 0%, 100%);
}
@media screen and (max-width: 699px) {
	table.newsdtl{
		margin: 1em 0;
	}
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1100px) {
}


/******************************
ON-DO Iizuka
*******************************/
#ica section.ondo{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 5em;
	background: hsl(0, 0%, 100%);
}
section.ondo h1 strong{
	font-size: 2.4em;
	line-height: 135%;
}
section.ondo h1 strong > span{
	font-size: .45em;
	font-weight: 400;
	line-height: 135%;
	display: block;
	margin-bottom: 2em;
}
@media screen and (max-width: 699px) {
	section.ondo > div{
		padding: 0 6%;
	}
	section.ondo h1 strong > span{
		margin-top: .5em;
	}
}
@media screen and (min-width: 700px) {
	section.ondo > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.ondo > div{
		width: 1000px;
		padding: 0;
	}
}

dl.ondodwn{
	width: 100%;
	margin: 5em 0;
}
dl.ondodwn > dt{
	font-size: 1.4em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin-bottom: .5em;
}
dl.ondodwn > dd{
	font-weight: 700;
	line-height: 135%;
}
dl.ondodwn ul{
	width: 100%;
	padding: 0;
	margin: 1em auto;
	box-sizing: border-box;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
dl.ondodwn ul li{
	text-align: center;
	padding: 0;
	margin: .5em 0;
	box-sizing: border-box;
}
dl.ondodwn ul li a{
	color: hsl(0, 0%, 100%);
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	padding: 1em ;
	background: hsl(26, 19%, 56%);
	display: block;
	transition: .3s all;
}
dl.ondodwn ul li a:hover{
	background: hsl(26, 19%, 50%);
}
@media screen and (max-width: 699px) {
	dl.ondodwn{
		margin: 5em 0 0;
	}
	dl.ondodwn ul{
		width: 70%;
		flex-direction: column;
	}
}
@media screen and (min-width: 700px) {
	dl.ondodwn ul li{
		width: calc(100% / 3 - 1em);
	}
}
@media screen and (min-width: 1100px) {
}




/******************************
TOPページ（音楽コンクール）
*******************************/
/****swiper****/
header#Mnctstsub .swp-container{
	display: none;
}
.swp-container h1.iizk02{
	color: hsl(0, 0%, 100%);
	font-family: "Bebas Neue", sans-serif;
	font-weight: 500;
	text-shadow: 0 0 .2em hsla(0, 0%, 0%, .8) ;
	line-height: 95%;
	text-align: left;
	white-space: nowrap;
	position: absolute;
}
.swp-container h1.iizk02 > span{
	font-family:'Noto Sans JP',"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", arial,helvetica,clean,sans-serif;
	font-size: .2em;
	font-weight: 900;
	line-height: 135%;
	margin-top: .6em;
	display: block;
}
.swp-container h1.iizk02{
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateX(0) translateY(-50%);
}
@media screen and (max-width: 699px) {
	.swp-container h1.iizk02{
		font-size: 15vw;
		top: 48%;
		left: 6%;
		transform: translateX(0) translateY(-50%);
	}
}
@media screen and (min-width: 700px) {
	.swp-container h1.iizk02{
		font-size: 15vw;
	}
}
@media screen and (min-width: 1200px) {
	.swp-container h1.iizk02{
		font-size: 8.7em;
		left: calc((100% - 1200px) / 2 + 80px);
	}
}

/**TOPの告知部分**/
#kokuchi{
	text-align: center;
	padding:6em 0;
}
#kokuchi h2{
	font-size: 1.75em;
	line-height: 135%;
	font-weight: 900;
	margin: 0 0 1.5em;
}
dl.kkcdtl{
	text-align: left;
	width: 100%;
	margin: 3em auto;
	background: hsl(39, 56%, 90%);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.kkcdtl > dt{
	padding: .3em 0;
	border-bottom: 1px solid hsl(24, 21%, 31%);
}
dl.kkcdtl > dd{
	padding: .3em 1em;
	border-bottom: 1px solid hsl(24, 21%, 31%);
}
dl.kkcdtl > dt:last-of-type{
	border-bottom: none;
}
dl.kkcdtl > dd:last-of-type{
	border-bottom: none;
}
dl.kkcdtl > dd > dl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
@media screen and (max-width: 699px) {
	#kokuchi{
		font-size: .9em;
		line-height: 135%;
		padding: 3em 4%;
	}
	dl.kkcdtl{
		padding: 2em 1em;
		margin: 1.5em auto;
	}
	dl.kkcdtl > dt{
		width: 60px;
		padding-left: .5em;
	}
	dl.kkcdtl > dd{
		width: calc(100% - 60px);
	}
	dl.kkcdtl > dd > dl{
		flex-direction: column;
	}
	dl.kkcdtl > dd > dl > dt, dl.kkcdtl > dd > dl > dd{
		width: 100%;
	}
}
@media screen and (min-width: 700px) {
	#kokuchi{
		padding: 3em 4%;
	}
	dl.kkcdtl{
		padding: 3em;
	}
	dl.kkcdtl > dt{
		text-align: center;
		width: 130px;
	}
	dl.kkcdtl > dd{
		width: calc(100% - 130px);
	}
	dl.kkcdtl > dd > dl > dt{
		width: 80px;
	}
	dl.kkcdtl > dd > dl > dd{
		width: calc(100% - 80px);
	}
}
@media screen and (min-width: 900px) {
	dl.kkcdtl{
		width: 830px;
		padding: 3em 4em;
	}
}
@media screen and (min-width: 1200px) {
}


ul.boshudtl{
	width: 100%;
	padding: 0;
	margin: auto;
	list-style: none;
	display: flex;
}
ul.boshudtl li{
	text-align: center;
	padding: 0;
	margin: 0;
}
ul.boshudtl li a{
	color: hsl(0, 0%, 100%);
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	line-height: 135%;
	padding: 1.3em 0;
	background: hsl(39, 34%, 59%);
	display: block;
	transition: .3s all;
}
ul.boshudtl li a:hover{
	background: hsl(39, 34%, 50%);
}
@media screen and (max-width: 699px) {
	ul.boshudtl{
		width: 50%;
		flex-direction: column;
	}
	ul.boshudtl li{
		margin: .2em 0;
	}
}
@media screen and (min-width: 700px) {
	ul.boshudtl{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.boshudtl li{
		width: calc(100% / 3 - .8em);
	}
}
@media screen and (min-width: 900px) {
	ul.boshudtl{
		width: 830px;
	}
}
@media screen and (min-width: 1200px) {
}


/**TOPの画像部分**/
.cntstpic img{
	width: 100%;
	object-fit: cover;
}
@media screen and (max-width: 699px) {
	.cntstpic img{
		height: 200px;
	}
}
@media screen and (min-width: 700px) {
	.cntstpic img{
		height: 470px;
	}
}
@media screen and (min-width: 1200px) {
}

/****TOPのNEWS部分*****/
#NewsTpcs{
	color: hsl(24, 21%, 31%);
	text-align: center;
	padding:6em 0;
	background: hsl(0, 0%, 100%);
}
#NewsTpcs h2{
	font-size: 1.75em;
	line-height: 135%;
	font-weight: 900;
	margin: 0 0 1.5em;
}
#NewsTpcs h2 span{
	color: hsla(330, 100%, 27%, 0);
	margin: 3 .2em;
	position: relative;
}
#NewsTpcs h2 span::after{
	content: "";
	display: block;
	height: 75%;
	width: 3px;
	background: hsl(330, 100%, 27%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.ntlogo{
	text-align: center;
	position: relative;
}
.ntlogo::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background: hsl(40, 33%, 95%);
	z-index: -1;
}
@media screen and (max-width: 699px) {
	#NewsTpcs{
		padding:3em 6%;
	}
	.ntlogo{
		margin-bottom: 4em;
	}
	.ntlogo img{
		height: 100px;
	}
}
@media screen and (min-width: 700px) {
	.ntlogo img{
		height: 160px;
	}
}
@media screen and (min-width: 1200px) {
}


ul.Nwslst {
	text-align: left;
	width: 100%;
	padding: 0;
	margin: auto;
	box-sizing: border-box;
	list-style: none;
}
ul.Nwslst li{
	line-height: 150%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ul.Nwslst li a{
	color:hsl(24, 21%, 31%);
	text-decoration: none;
}
ul.Nwslst li a > div{
	width: 100%;
	padding: 0;
	margin: 1em 0;
	display: flex;
	flex-direction: row;
	position: relative;
	transition: all .3s;
}
ul.Nwslst li a:hover > div{
	background: hsla(0, 0%, 0%, .1);
	border-radius: .2em;
}
ul.Nwslst li a > div > div:first-child{
	text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
ul.Nwslst li a > div > div:last-child{
	color: hsl(330, 100%, 27%);
	font-weight: 900;
	text-align: right;
}
@media screen and (max-width: 699px) {
	ul.Nwslst {
		font-size: .8em;
	}
	ul.Nwslst li{
		line-height: 135%;
	}
	ul.Nwslst li a > div > div:first-child{
		width: calc(100% - 70px);
	}
	ul.Nwslst li a > div > div:last-child{
		width: 70px;
	}
}
@media screen and (min-width: 700px) {
	ul.Nwslst {
		padding: 0 5%;
	}
	ul.Nwslst li a > div > div:first-child{
		width: calc(100% - 160px);
	}
	ul.Nwslst li a > div > div:last-child{
		width: 160px;
	}
}
@media screen and (min-width: 1000px) {
	ul.Nwslst{
		width: 620px;
		padding: 0;
	}
}


/******************************
詳細ページ（音楽コンクール）
*******************************/
#cntstdtl{
	color: hsl(0, 0%, 0%);
	text-align: center;
}
.cntstmnkvsal{
	background: hsl(0, 0%, 100%);
	position: relative;
}
.cntstmnkvsal::after{
	content: "";
	width: 100%;
	background: hsl(38, 57%, 84%);
	position: absolute;
	top: 0;
	left: 0;
}
.cntstmnkvsal strong{
	color: hsl(0, 0%, 100%);
	font-family: "Bebas Neue", sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 95%;
	white-space: nowrap;
	position: absolute;
	left: 0;
	z-index: 1;
}
.cntstmnkvsal img{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	z-index: 1;
}
#cntstdtl > .sokuho{
	position: fixed;
	right: 1em;
	z-index: 555;
	transition: transform 0.3s ease;
}
@media screen and (max-width: 699px) {
	.cntstmnkvsal{height: 205px;}
	.cntstmnkvsal::after{height: 140px;}
	.cntstmnkvsal strong{
		font-size: 17vw;
		bottom: 53px;
	}
	.cntstmnkvsal img{height: 120px;}
	#cntstdtl .sokuho{
		top: 50px;
		right: .3em;
		z-index: 10;
	}
}
@media screen and (min-width: 700px) {
	.cntstmnkvsal{height: 350px;}
	.cntstmnkvsal::after{height: 230px;}
	.cntstmnkvsal strong{
		font-size: 6.5em;
		bottom: 100px;
	}
	.cntstmnkvsal img{height: 260px;}
	#cntstdtl .sokuho{
		top: 70px;
		right: 1em;
	}
}
@media screen and (min-width: 1000px) {
	.cntstmnkvsal{height: 450px;}
	.cntstmnkvsal::after{height: 330px;}
	#cntstdtl .sokuho{
		top: 200px;
	}
}
@media screen and (min-width: 1200px) {
	#cntstdtl .sokuho{
		right: calc((100% - 1200px) / 2);
	}
}
@media screen and (min-width: 1300px) {
	.cntstmnkvsal strong{
		left: calc((100% - 1200px) / 2);
	}
}


#cntstdtl section{
	padding: 1rem 0;
}
#cntstdtl section > div{
	margin: auto;
}
#cntstdtl section h1{
	color: hsl(331, 89%, 38%);
	font-size: 1.4em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin: 3em 0;
}

/******************************
Guidelines for Applicants｜募集要項
*******************************/
#cntstdtl section.guide{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 7em;
}
#cntstdtl section.guide h2{
	color: hsl(24, 21%, 31%);
	font-size: 1.6em;
	font-weight: 900;
	line-height: 135%;
	text-align: center;
	margin: 3em 0;
}
@media screen and (max-width: 699px) {
	section.guide > div{
		padding: 0 6%;
	}
	#cntstdtl section.guide h2{
		font-size: 1.4em;
	}
}
@media screen and (min-width: 700px) {
	section.guide > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.guide > div{
		width: 1000px;
		padding: 0;
	}
}

dl.cntst-dtl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.cntst-dtl > dt{
	color: hsl(28, 48%, 39%);
	font-weight: 700;
	line-height: 135%;
	padding: 1em 1.5em;
}
dl.cntst-dtl > dd{
	line-height: 135%;
	padding: 1em 1.5em;
}
dl.cntst-dtl > dt:nth-of-type(even), dl.cntst-dtl > dd:nth-of-type(even){
	background: hsl(40, 33%, 95%);
}

dl.cntst-dtl > dd > dl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.cntst-dtl > dd > dl dt, dl.cntst-dtl > dd > dl dd{
	margin-bottom: 1.5em;
}
dl.cntst-dtl > dd > dl dt:last-of-type, dl.cntst-dtl > dd > dl dd:last-of-type{
	margin-bottom: 0;
}
dl.cntst-dtl ol{
	padding: 0;
	margin: 0 0 0 1.5em;
}
dl.cntst-dtl ol li{
	padding: 0 0 0 .5em;
	margin: 0 0 .5em;
}
@media screen and (max-width: 699px) {
	dl.cntst-dtl{
		font-size: .85em;
	}
	dl.cntst-dtl > dt{
		width: 80px;
	}
	dl.cntst-dtl > dd{
		width: calc(100% - 80px);
	}
	dl.cntst-dtl > dd > dl{
		flex-direction: column;
	}
	dl.cntst-dtl > dd > dl dt{
		width: 100%;
		margin: 0;
	}
	dl.cntst-dtl > dd > dl dd{
		width: 100%;
	}
}
@media screen and (min-width: 700px) {
	dl.cntst-dtl > dt{
		width: 150px;
	}
	dl.cntst-dtl > dd{
		width: calc(100% - 150px);
	}
	dl.cntst-dtl > dd > dl dt{
		width: 130px;
	}
	dl.cntst-dtl > dd > dl dd{
		width: calc(100% - 130px);
	}
}
@media screen and (min-width: 1200px) {

}

/******************************
Participation Guidelines｜参加規定
*******************************/
#cntstdtl section.rule{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 7em;
	background: hsl(40, 33%, 95%);
}
@media screen and (max-width: 699px) {
	section.rule > div{
		padding: 0 6%;
	}
	section.rule dl.cntst-dtl{
		flex-direction: column;
	}
	section.rule dl.cntst-dtl > dt{
		font-size: 1.3em;
		width: 100%;
		margin: 1em 0 .5em;
	}
	section.rule dl.cntst-dtl > dd{
		width: 100%;
	}
}
@media screen and (min-width: 700px) {
	section.rule > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.rule > div{
		width: 1000px;
		padding: 0;
	}
}


/******************************
Past Competition Winners｜過去のコンクール受賞者
*******************************/
#cntstdtl section.winners{
	color: hsl(0, 0%, 100%);
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 7em;
	background: hsl(330, 100%, 27%);
}
#cntstdtl section.winners h1{
	color: hsl(0, 0%, 100%);
}
@media screen and (max-width: 699px) {
	section.winners > div{
		padding: 0 4%;
	}
}
@media screen and (min-width: 700px) {
	section.winners > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.winners > div{
		width: 1000px;
		padding: 0;
	}
}


#slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
ul#slider {
	padding: 0;
	margin: 0;
	list-style: none;
  display: flex;
  position: relative;
  transition: left .5s all;
}
.slide {
  width: 100%;
  padding: 0;
	margin: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}

.winlst {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
	position: relative;
}
.winlst #prev, .winlst #next {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	background: hsl(330, 100%, 27%);
	position: absolute;
	z-index: 1;
	transition: .3s all;
	border-radius: .4em;
}
.winlst #prev{left: 0;}
.winlst #next{right: 0;}
.winlst #prev:hover, .winlst #next:hover {
	background: hsl(330, 100%, 25%);
}
.winlst h3{
	font-size: 2em;
	font-weight: 900;
	line-height: 135%;
	text-align: center;
	margin-bottom: 1em;
}
.winlst table{
	width:100%;
  border-collapse: collapse;
	margin: 1em 0 3em 0;
	border-left: 1px solid hsl(0, 0%, 100%);
}
.winlst table th{
	font-weight: 700;
	text-align: center;
	padding: 1em 0;
	text-align:center;
  border-right:1px solid hsl(0, 0%, 100%);
}
.winlst table th span{
	writing-mode: vertical-rl;
	white-space: pre;
	display: inline-block;
}
.winlst table td{
	padding: 1em;
  border-right:1px solid hsl(0, 0%, 100%);
}
.winlst table tr td:nth-last-child(4), .winlst table tr td:nth-last-child(3){
	text-align: center;
	white-space: nowrap;
}
.winlst table tr td:nth-last-child(2){
	font-size: .9em;
	line-height: 135%;
}

.winlst table.piano tr:nth-child(odd) td{
	background: hsl(330, 100%, 21%);
}
.winlst table.seigaku tr:nth-child(odd) td{
	background: hsl(337, 62%, 40%);
}
.winlst table dl{
	font-size: .85em;
	line-height: 135%;
	display: flex;
}
.winlst table dl dt:first-of-type,
.winlst table dl dd:first-of-type{
	margin-bottom: .5em;
}
@media screen and (max-width: 699px) {
	.winlst table td{
		padding: .5em;
	}
	.winlst table tr td:nth-last-child(4) span,
	.winlst table tr td:nth-last-child(3) span{
		writing-mode: vertical-rl;
		white-space: pre;
		display: inline-block;
	}
	.winlst table dl{
		flex-direction: column;
	}
	.winlst table th{width: 8%; padding: 1em 0;}
	.winlst table tr td:nth-last-child(4){width: 8%; padding: 1em 0;}
	.winlst table tr td:nth-last-child(3){width: 8%; padding: 1em 0;}
	.winlst table tr td:last-child{width: 45%;}
}
@media screen and (min-width: 700px) {
	.winlst table dl{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.winlst table dl dt{
		width: 30%;
	}
	.winlst table dl dd{
		width: calc(70% - 1em);
	}
	.winlst table th{width: 5%;}
	.winlst table tr td:nth-last-child(4){width: 8%;}
	.winlst table tr td:nth-last-child(2){width: 20%;}
	.winlst table tr td:last-child{width: 50%;}
}
@media screen and (min-width: 1100px) {
}

dl.winnumlst{
	margin: auto;
	display: flex;
}
ul.oldnumb{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}
ul.oldnumb li{
	width: calc(100% / 10);
}
ul.oldnumb li a{
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 100%;
	margin: 0 0 1em;
	display: block;
}
dl.winnumlst dd ul.oldnumb li a{
	color: hsl(0, 0%, 100%);
	border-right: 2px solid hsl(0, 0%, 100%);
}
dl.winnumlst dd ul.oldnumb > li > a:hover{
	color: hsl(60, 100%, 50%);
}
dl.winnumlst dd ul.oldnumb > li > a.active{
	color: hsl(60, 100%, 50%);
}
@media screen and (max-width: 699px) {
	dl.winnumlst{
		padding: 0 1em;
		flex-direction: column;
	}
	dl.winnumlst dt{
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 700px) {
	dl.winnumlst{
		width: 600px;
		flex-direction: row;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 1100px) {
	dl.winnumlst dt{
		line-height: 100%;
		width: 100px;
	}
	dl.winnumlst dd{
		width: calc(100% - 100px);
	}
}


/******************************
飯塚新人音楽コンクールを育てる会
*******************************/
.joinpic{
	position: relative;
}
.joinpic img{
	width: 100%;
	object-fit: cover;
}
.joinpic span{
	color: hsl(0, 0%, 100%);
	font-family: "Bebas Neue", sans-serif;
	font-size: 8.7em;
	font-weight: 500;
	line-height: 95%;
	text-align: left;
	white-space: nowrap;
	position: absolute;
	top: -.07em;
	left: 0;
	z-index: 1;
}
@media screen and (max-width: 699px) {
	.joinpic img{
		height: 200px;
	}
	.joinpic span{
		font-size: 15vw;
	}
}
@media screen and (min-width: 700px) {
	.joinpic img{
		height: 470px;
	}
	.joinpic span{
		font-size: 15vw;
	}
}
@media screen and (min-width: 1200px) {
	.joinpic span{
		font-size: 6.5em;
		left: calc((100% - 1200px) / 2 + 100px);
	}
}

#cntstdtl section.join{
	width: 100%;
	text-align: left;
	line-height: 150%;
	margin: auto;
	padding: 4em 0 7em;
}
.joinkvs{
	width: 100%;
	background: hsl(43, 29%, 70%);
	position: relative;
}
.joinkvs h1{
	color: hsl(0, 0%, 100%);
	font-weight: 900;
	line-height: 135%;
	margin: 0;
}
.joinkvs img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	filter: brightness(100);
}
section.join h2{
	color: hsl(31, 89%, 22%);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin: 3em 0;
}
section.join h2 span{
	font-size: .9em;
}
section.join h3{
	color: hsl(28, 48%, 39%);
	font-size: 1.1em;
	font-weight: 700;
	line-height: 135%;
	margin: 3em 0 1em;
}
@media screen and (max-width: 699px) {
	section.join > div{
		padding: 0 6%;
	}
	.joinkvs{
		padding: 3em 0;
	}
	.joinkvs img{
		height: 85px;
		top: -63px;
	}
	.joinkvs h1{
		font-size: 1.4em;
	}
}
@media screen and (min-width: 700px) {
	section.join > div{
		padding: 0 6%;
	}
	.joinkvs{
		padding: 4em 0;
	}
	.joinkvs img{
		height: 130px;
		top: -97px;
	}
	.joinkvs h1{
		font-size: 1.6em;
	}
}
@media screen and (min-width: 1100px) {
	section.join > div{
		width: 1000px;
		padding: 0;
	}
}

dl.joindtl{
	color: hsl(31, 89%, 22%);
	font-weight: 700;
	line-height: 135%;
	margin: 3em 0 5em;
	background: hsl(40, 33%, 95%);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
dl.joindtl dt{
	margin-bottom: 1em;
}
dl.joindtl dd{
	margin-bottom: 1em;
}
dl.joindtl dt:last-of-type, dl.joindtl dd:last-of-type{
	border-bottom: 0;
}
dl.joindtl dd ol{
	padding: 0;
	margin: 0 0 0 1.3em;
}
@media screen and (max-width: 699px) {
	dl.joindtl{
		padding: 2em;
	}
	dl.joindtl dt{
		width: 100px;
	}
	dl.joindtl dd{
		width: calc(100% - 100px);
	}
}
@media screen and (min-width: 700px) {
	dl.joindtl{
		font-size: 1.1em;
		padding: 2em 7em;
	}
	dl.joindtl dt{
		width: 150px;
	}
	dl.joindtl dd{
		width: calc(100% - 150px);
	}
}
@media screen and (min-width: 1100px) {
}


/******************************
Access & Contact｜会場アクセス & お問合せ
*******************************/
#cntstdtl section.access{
	width: 100%;
	text-align: left;
	margin: auto;
	padding-bottom: 7em;
	background: hsl(40, 33%, 95%);
}
section.access h2{
	color: hsl(31, 89%, 22%);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin: 3em 0 1.5em;
}
@media screen and (max-width: 699px) {
	#cntstdtl section.access{
		padding-bottom: 4em;
	}
	section.access > div{
		padding: 0 6%;
	}
	section.access > div.mapwth{
		padding: 0;
	}
}
@media screen and (min-width: 700px) {
	section.access > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1100px) {
	section.access > div{
		width: 1000px;
		padding: 0;
	}
}


[class^="rowcntst"]{
	margin: 7em 0;
	display: flex;
}
[class^="rowcntst"] > div{
	position: relative;
}
[class^="rowcntst"] > div dt{
	color: hsl(31, 89%, 22%);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 135%;
	margin: .5em 0;
}
[class^="rowcntst"] > div dt span{
	color: hsl(0, 0%, 0%);
	font-weight: normal;
	font-size: .8em;
}
[class^="rowcntst"] > div img{
	width: 100%;
}
[class^="rowcntst"] > div ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
[class^="rowcntst"] > div ul li{
	line-height: 135%;
	padding: 0;
	margin: 0 0 .2em;
}
[class^="rowcntst"] > div ul li span{
	float: right;
}
@media screen and (max-width: 699px) {
	section.access dl.cntst-dtl{
		flex-direction: column;
	}
	section.access dl.cntst-dtl dt{
		font-size: 1.2em;
		width: 100%;
		padding: 0;
		margin-bottom: .2em;
	}
	section.access dl.cntst-dtl dd{
		width: 100%;
		padding: 0;
		margin-bottom: 1.5em;
	}
	[class^="rowcntst"]{
		margin: 3em 0;
		flex-direction: column;
	}
	.rowcntst2 > div{
		padding: 0 1em;
	}
	.rowcntst2 > div:first-child{
		margin-bottom: 3em;
	}
	[class^="rowcntst"] > div .lkbtn_brown{
		margin: 1em 0 2em;
	}
	[class^="rowcntst"] > div .lkbtn_brown a{
		width: 100%;
	}
}
@media screen and (min-width: 700px) {
	section.access dl.cntst-dtl dt{
		width: 28%;
	}
	section.access dl.cntst-dtl dd{
		width: 72%;
	}
	[class^="rowcntst"]{
		flex-direction: row;
		justify-content: space-between;
	}
	.rowcntst1 > div{
		width: calc(100% / 2 - 1em);
	}
	.rowcntst2 > div{
		width: calc(100% / 2 - 3em);
	}
	[class^="rowcntst"]> div .lkbtn_brown a{
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}
@media screen and (min-width: 1200px) {
}

#cntstdtl section.access div.mapwth{
	width: 100%;
	height: 400px;
}
#cntstdtl section.access div.mapwth iframe{
	width: 100%;
	height: 400px;
	vertical-align:bottom;

}
dl.cntstcontact{
	color: hsl(0, 0%, 100%);
	font-weight: 700;
	padding: 1.5em 2em;
	background: hsl(31, 89%, 22%);
	display: flex;
}
dl.cntstcontact dt{
	font-size: 1.3em;
	line-height: 135%;
}
dl.cntstcontact dd{
	font-size: 1.1em;
}
dl.cntstcontact dd strong{
	font-size: 1.6em;
	display: block;
	margin-bottom: 1em;
}
@media screen and (max-width: 699px) {
	dl.cntstcontact{
		flex-direction: column;
	}
	dl.cntstcontact dt{
		margin-bottom: .5em;
	}
}
@media screen and (min-width: 700px) {
	dl.cntstcontact{
		flex-direction: row;
		flex-wrap: wrap;
	}
	dl.cntstcontact dt{
		width: 30%;
	}
	dl.cntstcontact dd{
		width: 70%;
	}
	dl.cntstcontact dd strong{
		font-size: 1.6em;
		display: block;
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 1100px) {
}


/******************************
NEWS TOPICS
*******************************/
[id^="nws"]{
	color: hsl(0, 0%, 0%);
	text-align: center;
	padding: 0 0 5em;
	margin: 0 auto;
}
[id^="nws"] section h1{
	color: hsl(331, 89%, 38%);
	font-size: 1.4em;
	font-weight: 700;
	line-height: 135%;
	text-align: center;
	margin: 3em 0;
}
@media screen and (max-width: 699px) {
	[id^="nws"]{
		padding: 60px 0 3em;
	}
	[id^="nws"] > div{
		padding: 0 6%;
	}
	[id^="nws"] section h1{
		margin: .5em 0 1.5em;
	}
}
@media screen and (min-width: 700px) {
	[id^="nws"] section .nwsrow h1{
		margin-top: 1em;
	}
	#nws1{
		padding-top: 150px;
	}
	#nws2{
		padding-top: 250px;
	}
	[id^="nws"] > div{
		padding: 0 6%;
	}
}
@media screen and (min-width: 1200px) {
	#nws1 > div{
		width: 1000px;
		padding: 0;
		margin: auto;
	}
	#nws2 > div{
		text-align: left;
		width: 1200px;
		padding: 0;
		margin: auto;
	}
}

ul.Nwsschlst{
	text-align: left;
	padding: 0;
	margin: 3em 0;
	list-style: none;
}
ul.Nwsschlst li{
	line-height: 175%;
	margin: 0;
}
ul.Nwsschlst li:nth-child(odd){
	background: hsl(40, 33%, 95%);
}
ul.Nwsschlst li a{
	color: hsl(0, 0%, 0%);
	text-decoration: none;
	padding: 2em;
	display: block;
}
div.lstMn{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content: space-between;
}
div.lstMn > div:first-child{
	width: 20%;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
}
div.lstMn > div:first-child img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.lstMn > div:last-child{
	width: 75%;
	box-sizing: border-box;
}
div.lstMn > div h2{
	font-size: 1.1em;
	font-weight: 700;
	color: hsl(28, 48%, 39%);
	line-height: 135%;
	margin-bottom: 1.5rem;
}
.psttm{
	text-align: right;
	margin-top: .5em;
}
@media screen and (max-width: 699px) {
	ul.Nwsschlst{
		margin: 0;
	}
	ul.Nwsschlst li a{
		padding: 1.5em;
	}
	div.lstMn > div:first-child{
		width: 30%;
	}
	div.lstMn > div:last-child{
		width: 65%;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1200px) {
}
/****シングルページ***/
.nwsrow{
	text-align: left;
	display: flex;
}
h1.tpcnwstit{
	margin: .5em 0 3em;
}
h1.tpcnwstit strong{
	color: hsl(28, 48%, 39%);
	font-size: 1.8em;
	font-weight: 700;
	line-height: 135%;
	padding: .5em 0;
	display: block;
}
h1.tpcnwstit span{
	text-align: right;
	padding: 0;
	display: block;
}
@media screen and (max-width: 699px) {
	.nwsrow{
		flex-direction: column;
	}
	.nwsrow > div:first-child{
		margin-bottom: 5em;
	}
	h1.tpcnwstit strong{
		font-size: 1.6em;
	}
}
@media screen and (min-width: 700px) {
	.nwsrow{
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nwsrow > div:first-child{
		width: 70%;
		box-sizing: border-box;
	}
	.nwsrow > div:last-child{
		width: 20%;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 1200px) {
}

.imgcntrl img.size-full{
	width: 100%;
	height:auto;
}
.imgcntrl img.size-medium, .imgcntrl img.size-large{
	width: initial;
	height: initial;
}
@media screen and (max-width: 699px) {
	.imgcntrl img.size-thumbnail,
	.imgcntrl img.size-medium,
	.imgcntrl img.size-full{
		width: 100%;
	}
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1000px) {
}





/****ページネーション***/
.pagination{
	line-height: 150%;
	padding: 3rem 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.pagination span{
	padding: .5rem 1rem;
	margin: .1rem;
	display: inline-block;
}
.pagination a{
	color: hsl(0, 0%, 40%);
	text-decoration: none;
	padding: .5rem 1rem;
	margin: .1rem;
	background: hsl(0, 0%, 95%);
	display: inline-block;
	transition: all 0.5s;
}
.pagination a:hover{
	background: hsl(0, 0%, 85%);
}
@media screen and (max-width: 699px) {
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1200px) {
}

/****sidebar*****/
dl.Sdmn{
	padding: 0;
	margin: 0;
}
dl.Sdmn dt{
	color: hsl(0, 0%, 100%);
	text-align: center;
	padding: .5em 0;
	margin: 0;
	background: hsl(330, 100%, 27%);
}
dl.Sdmn dd{
	padding: .5em 0;
	margin: 0 0 3em;
	box-sizing: border-box;
}
#SDinfo ul.Nwsschlst{
	margin: 0;
}
#SDinfo ul.Nwsschlst li a{
	font-size: .7em;
	line-height: 135%;
	padding: .5em;
}
#SDinfo ul.Nwsschlst h2{
	margin-bottom: .5em;
}
#SDinfo .rt a{
	color: hsl(0, 0%, 20%);
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
}
.iizksearch form{
	display: flex;
	flex-direction: row;
}
.iizksearch input.nonsize{
	width: 70%;
}
.iizksearch input:last-child{
	width: 30%;
}

/******************************
記事内css
*******************************/
dl.sublst{
	margin: 4rem 0;
}
dl.sublst dt{
	font-size: 1.1em;
	line-height: 135%;
	padding: .8rem 1rem;
	border-left: 1rem solid hsl(0, 0%, 60%);
	border-bottom: 1px solid hsl(0, 0%, 60%);
	margin-bottom: 2rem;
}
dl.sublst dd{
	margin: 2rem 0 4rem 3rem;
}
.kugiri01{
	border-top: 10px dotted hsl(0, 0%, 70%);
	padding: 0;
	margin: 5rem 0;
	border-bottom: 10px dotted hsl(0, 0%, 70%);
}


@media screen and (max-width: 699px) {
	dl.sublst dd{
		margin: 2rem 0 4rem 1.5rem;
	}
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1100px) {
}


/******************************
PAGE TOP
*******************************/
#page-top {
	text-align: center;
	line-height: 50px;
	width: 50px;
	background: hsla(0, 0%, 100%, .8);
	aspect-ratio: 1 / 1;
	position: fixed;
	bottom: 1em;
	right: 0;
	z-index: 10;
}
#page-top a {
	font-size: 1.2em;
	color: hsl(48, 66%, 55%);
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 699px) {
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 1200px) {
}