:target {
  scroll-margin-top: 70px;
}

#programMv{
	width: 100%;
	position: relative;
	height: 500px;
}

#programMv.one{
	background: linear-gradient(271.74deg, rgba(117, 184, 254, 0.15) -1.11%, rgba(245, 133, 165, 0.15) 51.22%, rgba(250, 194, 32, 0.15) 69.51%, rgba(250, 194, 32, 0.15) 99.9%);
	height: 467px;
}

#programMv.ichi_spe{
	height: 467px;
}

#programMv.kanmuri_ru-ya{
	height: 467px;
}

#programMv.ongakuojo{
	height: 467px;
}

#programMv.spice{
	height: 467px;
}

#programMv.kairanban{
	height: 467px;
}

#programMv .mv{
	width: 1400px;
  transform: translate(-50%, 0%);
  position: absolute;
  left: 50%;
  z-index: 1;
}

#programMv.one .mv{
	height: 450px;
}

#programMv.ichi_spe .mv{
	width: 1400px;
}

#programMv.kanmuri_ru-ya .mv{
	width: 1400px;
}

#programMv.ongakuojo .mv{
	width: 1400px;
}

#programMv.spice .mv{
	width: 1400px;
}

#programMv.kairanban .mv{
	width: 1400px;
}

#programNav{
	width: 100%;
}

#programNav.one{
	background: #eee;
}

#programNav.kanmuri_ru-ya{
	background: #F7B402;
}

#programNav.ongakuojo{
	background: #FC638F;
}

#programNav.spice{
	background: #FA8E2B;
}

#programNav.kairanban{
	background: #FF6600;
}

#programNav .navList{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#programNav .navList a{
	display: flex;
	height: 60px;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: #FAC220;
	transition: background-color .3s ease;
	position: relative;
	text-align: center;
}

#programNav.kanmuri_ru-ya .navList a{
	background: #F7B402;
}

#programNav.kanmuri_ru-ya .navList a{
	border-left: dotted 2px #F2E79E;
}

#programNav.kanmuri_ru-ya .navList a:last-child{
	border-right: dotted 2px #F2E79E;
}

#programNav.ongakuojo .navList a{
	background: #FC638F;
}

#programNav.ongakuojo .navList a{
	border-left: dotted 2px #fff;
}

#programNav.ongakuojo .navList a:last-child{
	border-right: dotted 2px #fff;
}

#programNav.spice .navList a{
	background: #FA8E2B;
}

#programNav.spice .navList a{
	border-left: dotted 2px #F2E79E;
}

#programNav.spice .navList a:last-child{
	border-right: dotted 2px #F2E79E;
}

#programNav.kairanban .navList a{
	background: #FF6600;
}

#programNav.kairanban .navList a{
	border-left: solid 2px #fff;
}

#programNav.kairanban .navList a:last-child{
	border-right: solid 2px #fff;
}

#programNav .navList a.want{
	background: #F586A5;
}

#programNav .navList a.contact{
	background: #75B8FE;
}

@media ( min-width : 840px ) {
#programNav .navList a:hover{
	background-color: #333;
}
#programNav.kanmuri_ru-ya .navList a:hover{
	background-color: #8F462C;
}
#programNav.ongakuojo .navList a:hover{
	background-color: #6B2D3F;
}
#programNav.spice .navList a:hover{
	background-color: #74b70b;
}
#programNav.kairanban .navList a:hover{
	background-color: #9F270C;
}
}


@media ( max-width : 840px ) {
:target {
  scroll-margin-top: calc(100vw * 50 / 390);
}
#programMv{
	height: calc(100vw * 162 / 390);
}
	
#programMv.one{
	height: calc(100vw * 219 / 390);
}

#programMv.ichi_spe{
	height: calc(100vw * 219 / 390);
}
	
#programMv.kanmuri_ru-ya{
	height: calc(100vw * 219 / 390);
}
	
#programMv.ongakuojo{
	height: calc(100vw * 219 / 390);
}
	
#programMv.spice{
	height: calc(100vw * 219 / 390);
}
	
#programMv.kairanban{
	height: calc(100vw * 219 / 390);
}

#programMv .mv{
	width: calc(100vw * 455 / 390);
}

#programMv.one .mv{
	width: calc(100vw * 390 / 390);
}

#programMv.ichi_spe .mv{
	width: calc(100vw * 390 / 390);
}

#programMv.kanmuri_ru-ya .mv{
	width: calc(100vw * 390 / 390);
}

#programMv.ongakuojo .mv{
	width: calc(100vw * 390 / 390);
}

#programMv.spice .mv{
	width: calc(100vw * 390 / 390);
}

#programMv.kairanban .mv{
	width: calc(100vw * 390 / 390);
}

#programNav .navList a{
	height: calc(100vw * 60 / 390);
	font-size: calc(100vw * 16 / 390);
}

#programNav.kanmuri_ru-ya .navList a{
	border-left: none;
	border-right: dotted 2px #F2E79E;
}

#programNav.kanmuri_ru-ya .navList a:last-child{
	border-right: none;
}
	
#programNav.ongakuojo .navList a{
	border-left: none;
	border-right: dotted 2px #fff;
}
	
#programNav.ongakuojo .navList a:last-child{
	border-right: none;
}

#programNav.spice .navList a{
	border-left: none;
	border-right: dotted 2px #F2E79E;
}

#programNav.spice .navList a:last-child{
	border-right: none;
}

#programNav.kairanban .navList a{
	border-left: none;
	border-right: solid 2px #fff;
}

#programNav.kairanban .navList a:last-child{
	border-right: none;
}
}





#aboutOne{
	width: 100%;
	padding: 80px 20px;
	background: linear-gradient(271.74deg, rgba(117, 184, 254, 0.15) -1.11%, rgba(245, 133, 165, 0.15) 51.22%, rgba(250, 194, 32, 0.15) 69.51%, rgba(250, 194, 32, 0.15) 99.9%);
}

#aboutOne.ichi_spe{
	background: none;
}

#aboutOne.kanmuri_ru-ya{
	background: none;
	padding: 0;
}

#aboutOne.ongakuojo{
	background: none;
	padding: 0;
	color: #fff;
}

#aboutOne.spice{
	background: none;
	background-image: url("../../spice/img/bg1.jpg");
	background-size: cover;
	background-position:top center;
}

#aboutOne.kairanban{
	background: none;
	color: #FF6600;
}

#aboutOne .aboutWrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#aboutOne.kanmuri_ru-ya .aboutWrap {
  max-width: 900px;
}

#aboutOne.ongakuojo .aboutWrap {
  max-width: 900px;
}

#aboutOne.spice .aboutWrap {
  max-width: 1100px;
}

#aboutOne .aboutWrap .dateBox{
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	padding: 15px 0;
	margin-bottom: 40px;
	color: #0096E1;
	border: solid 3px #0096E1;
}

#aboutOne.ichi_spe .aboutWrap .dateBox{
	border: solid 3px #591D00;
	color: #6E3920;
}

#aboutOne.kanmuri_ru-ya .aboutWrap .dateBox{
	border: solid 3px #8F462C;
	color: #8F462C;
}

#aboutOne.ongakuojo .aboutWrap .dateBox{
	border: solid 3px #FC5686;
	color: #FC5686;
}

#aboutOne.kairanban .aboutWrap .dateBox{
	border: solid 3px #FF6600;
	color: #FF6600;
}

#aboutOne.spice .aboutWrap .dateBox{
	border: solid 3px #6D3D31;
	color: #6D3D31;
	max-width: 900px;
	margin: 0 auto 40px;
}

#aboutOne .aboutWrap .dateBox p{
	font-size: 32px;
	text-align: center;
	font-weight: 700;
	line-height: 150%;
}

#aboutOne .aboutWrap .dateBox small{
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 200%;
	color: #0096E1;
	display: block;
}

#aboutOne .aboutWrap .aboutTit{
	font-size: 32px;
	text-align: center;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 20px;
}

#aboutOne .aboutWrap .aboutTxt{
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	line-height: 180%;
	margin-bottom: 40px;
}

#aboutOne.ichi_spe .aboutWrap .aboutTxt{
	color: #3E1B03;
}

#aboutOne.kanmuri_ru-ya .aboutWrap .aboutTit{
	color: #8F462C;
}

#aboutOne .aboutWrap .bnBox{
	width: 100%;
	max-width: 973px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
}

#aboutOne .aboutWrap .bnBox a small{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	display: block;
	color: #0098E0;
	margin-bottom: 10px;
}

#aboutOne .aboutWrap .bnBox a:nth-child(2) small{
	color: #CA2E58;
}

#aboutOne .aboutWrap .bnBox a img{
	transition: .3s;
}

#castOne{
	width: 100%;
	padding: 80px 20px;
}

#castOne .castWrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.oneTit{
	text-align: center;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap:32px;
	position: relative;
}

.oneTit::before{
	content: "";
	width: 30px;
	height: 2px;
	background: linear-gradient(92.45deg, #FAC220 2.79%, #FAC220 31.2%, #F585A5 48.29%, #75B8FE 97.21%);
	position: absolute;
	left: 0;
	right: 0;
	top: 65px;
	margin: auto;
}

.oneTit span{
	margin: 0 auto;
}

.oneTit.cast span{
	content: url("../../one/img/tit_cast.svg");
	width: 123px;
}
.oneTit small{
	font-size: 18px;
	font-weight: 600;
}

#castOne .castWrap .castList{
	display: grid;
	grid-template-columns: repeat(auto-fit, 220px);
		gap:25px;
	justify-content: center;
}

#castOne .castWrap .castList .imgArea{
	overflow: hidden;
	border-radius: 1000px;
	background: #e0e0e0;
	width: 100%;
	height: 220px;
	margin-bottom: 15px;
}

#castOne .castWrap .castList .imgArea img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	transition: .3s;
}

#castOne .castWrap .castList .txtArea .role{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
}

#castOne .castWrap .castList .txtArea .name{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
	transition: .3s;
}

#castOne .castWrap .castList .txtArea .day{
	font-size: 15px;
	font-weight: 500;
	text-align: center
}

#wanted{
	width: 100%;
	padding: 80px 20px;
	background: linear-gradient(271.74deg, rgba(117, 184, 254, 0.15) -1.11%, rgba(245, 133, 165, 0.15) 51.22%, rgba(250, 194, 32, 0.15) 69.51%, rgba(250, 194, 32, 0.15) 99.9%);
}

.oneTit.want span{
	content: url("../../one/img/tit_wanted.svg");
	width: 207px;
}

#wanted .aboutTxt{
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
	text-align: center;
}

#wanted .wantBn{
	display: block;
	max-width: 438px;
	margin: 30px auto 34px;
}

#wanted .wantBn img{
	transition: .3s;
}

#wanted .aboutTxt a{
	color: #0096E1;
	text-decoration: underline;
	transition: .3s;
}

#contactOne{
	width: 100%;
	padding: 80px 20px;
}

.oneTit.contact span{
	content: url("../../one/img/tit_contact.svg");
	width: 222px;
}

#contactOne .contactWrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#contactOne .contactWrap .aboutTxt{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
	color: #0096E1;
}

#contactOne .contactWrap .contactBtn{
	border: solid 1px #0096E1;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 360px;
	height: 56px;
	margin: 0 auto 30px;
	position: relative;
	font-size: 24px;
	font-weight: 500;
	color: #0096E1;
	transition: .3s;
}

#contactOne .contactWrap .contactBtn span{
	mask-image:url("../../one/img/ico_mail.svg");
	mask-size:contain;
	mask-repeat: no-repeat;
	width: 30px;
	height: 23px;
	background: #0096E1;
	margin-right: 19px;
	transition: .3s;
}

#contactOne .contactWrap .aboutTxt2{
	font-size: 16px;
	font-weight: 500;
	line-height: 200%;
	text-align: center;
	margin-bottom: 30px;
}

#contactOne .contactWrap .pLink{
	font-size: 16px;
	font-weight: 400;
	text-decoration: underline;
	text-align: center;
	display: inline-block;
	margin-bottom: 80px;
	transition: .3s;
}

#contactOne .contactWrap .bnBox{
	border-top: solid 1px #D9D9D9;
	padding: 80px 0 30px;
	display: flex;
	justify-content: center;
	gap:0 15px;
}

#contactOne .contactWrap .bnBox a{
	transition: .3s;
}

#contactOne .contactWrap .aboutTxt3{
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	text-align: center;
}



@media ( min-width : 840px ) {
#aboutOne .aboutWrap .bnBox a:hover img{
	transform: scale(1.03);
}

#castOne .castWrap .castList a:hover .imgArea img{
	transform: scale(1.07);
}

#castOne .castWrap .castList a:hover .txtArea .name{
	color: #0098E0;
}

#wanted .wantBn:hover img{
	transform: scale(1.03);
}

#wanted .aboutTxt a:hover{
	color: #0055AF;
}

#contactOne .contactWrap .contactBtn:hover{
	background: #0096E1;
	color: #fff;
}

#contactOne .contactWrap .contactBtn:hover span{
	background: #fff;
}

#contactOne .contactWrap .pLink:hover{
	color: #0096E1;
}

#contactOne .contactWrap .bnBox a:hover{
	opacity: .7;
}
}
@media ( max-width : 840px ) {
#aboutOne{
	padding: calc(100vw * 30 / 390) calc(100vw * 10 / 390);
}

#aboutOne.kairanban {
  padding: calc(100vw * 30 / 390) calc(100vw * 20 / 390);
}

#aboutOne .aboutWrap .dateBox{
	border-radius: calc(100vw * 100 / 390);
	padding: calc(100vw * 10 / 390) 0;
	margin-bottom: calc(100vw * 40 / 390);
}

#aboutOne.spice .aboutWrap .dateBox{
	margin-bottom: calc(100vw * 40 / 390);
}

#aboutOne .aboutWrap .dateBox p{
	font-size: calc(100vw * 32 / 390);
	line-height: 122%;
}

#aboutOne .aboutWrap .dateBox small{
	font-size: calc(100vw * 17 / 390);
	line-height: 150%;
}

#aboutOne .aboutWrap .aboutTit{
	font-size: calc(100vw * 32 / 390);
	line-height: calc(100vw * 40 / 390);
	margin-bottom: calc(100vw * 20 / 390);
}

 #aboutOne.kanmuri_ru-ya .aboutWrap .aboutTit {
    font-size: calc(100vw * 28 / 390);
    line-height: 150%;
  }

#aboutOne .aboutWrap .aboutTxt{
	font-size: calc(100vw * 20 / 390);
	line-height: 150%;
	margin-bottom: calc(100vw * 30 / 390);
	text-align: justify;
}

#aboutOne.ichi_spe .aboutWrap .aboutTxt{
	text-align: center;
}

#aboutOne.kairanban .aboutWrap .aboutTxt{
	text-align: center;
}

#aboutOne .aboutWrap .bnBox{
	grid-template-columns: 1fr;
	gap: calc(100vw * 30 / 390);
}

#aboutOne .aboutWrap .bnBox a small{
	font-size: calc(100vw * 18 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#castOne{
	padding: calc(100vw * 40 / 390) calc(100vw * 10 / 390);
}

.oneTit{
	margin-bottom: calc(100vw * 30 / 390);
	gap:calc(100vw * 32 / 390);
}

.oneTit::before{
	width: calc(100vw * 30 / 390);
	top: calc(100vw * 65 / 390);
}

.oneTit.cast span{
	width: calc(100vw * 123 / 390);
}
.oneTit small{
	font-size: calc(100vw * 18 / 390);
}

#castOne .castWrap .castList{
	grid-template-columns: repeat(auto-fit, calc(100vw * 180 / 390));
		gap:calc(100vw * 10 / 390) calc(100vw * 10 / 390);
	justify-content: flex-start;
}

#castOne .castWrap .castList .imgArea{
	height: calc(100vw * 180 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#castOne .castWrap .castList .txtArea .role{
	font-size: calc(100vw * 16 / 390);
	margin-bottom: calc(100vw * 1 / 390);
}

#castOne .castWrap .castList .txtArea .name{
	font-size: calc(100vw * 24 / 390);
	margin-bottom: calc(100vw * 2 / 390);
}

#castOne .castWrap .castList .txtArea .day{
	font-size: calc(100vw * 15 / 390);
}

#wanted{
	padding: calc(100vw * 40 / 390) calc(100vw * 10 / 390);
}

.oneTit.want span{
	width: calc(100vw * 207 / 390);
}

#wanted .aboutTxt{
	font-size: calc(100vw * 18 / 390);
	text-align: justify;
}

#wanted .wantBn{
	max-width: calc(100vw * 370 / 390);
	margin: calc(100vw * 30 / 390) auto calc(100vw * 20 / 390);
}
	
#wanted .wantedWrap .aboutTxt:last-of-type{
	text-align: center;
}

#contactOne{
	padding: calc(100vw * 40 / 390) calc(100vw * 10 / 390);
}

.oneTit.contact span{
	width: calc(100vw * 222 / 390);
}

#contactOne .contactWrap .aboutTxt{
	font-size: calc(100vw * 24 / 390);
	line-height: 150%;
	margin-bottom: calc(100vw * 30 / 390);
}

#contactOne .contactWrap .contactBtn{
	width: calc(100vw * 360 / 390);
	height: calc(100vw * 56 / 390);
	margin: 0 auto calc(100vw * 30 / 390);
	font-size: calc(100vw * 24 / 390);
}

#contactOne .contactWrap .contactBtn span{
	width: calc(100vw * 30 / 390);
	height: calc(100vw * 23 / 390);
	margin-right: calc(100vw * 19 / 390);
}

#contactOne .contactWrap .aboutTxt2{
	font-size: calc(100vw * 16 / 390);
	line-height: 150%;
	margin-bottom: calc(100vw * 30 / 390);
	text-align: justify;
}

#contactOne .contactWrap .pLink{
	font-size: calc(100vw * 16 / 390);
	margin-bottom: calc(100vw * 78 / 390);
}

#contactOne .contactWrap .bnBox{
	border-top: solid 1px #D9D9D9;
	padding: calc(100vw * 20 / 390) calc(100vw * 36 / 390);
	gap:0 calc(100vw * 5 / 390);
}

#contactOne .contactWrap .aboutTxt3{
	font-size: calc(100vw * 16 / 390);
	text-align: justify;
}
}




.bgWrap{
    background: linear-gradient(90deg, #F8BB25 0%, #FFECBD 100%);
	padding-bottom: 300px;
	position: relative;
}

.bgWrap.kanmuri_ru-ya{
    background: none;
}

.bgWrap.ongakuojo{
    background: none;
}

.bgWrap.spice{
    background: none;
	padding: 0;
}

.bgWrap.kairanban{
    background: none;
	padding: 0;
}

.bgWrap.kanmuri_ru-ya .bg_scroll{
	position: sticky;
	left: 0;
	top: 120px;
	z-index: -1;
	width: 100%;
	height: 0;
}

.bgWrap.ongakuojo .bg_scroll{
	position: sticky;
	left: 0;
	top: 120px;
	z-index: -1;
	width: 100%;
	height: 0;
}

.bgWrap.kanmuri_ru-ya .bg_scroll span{
	position: absolute;
	left: 0;
	top: -50px;
	background: url("../../kanmuri_ru-ya/img/background.jpg");
	background-size: cover;
	z-index: -1;
	width: 100%;
	height: 120dvh;
}

.bgWrap.ongakuojo .bg_scroll span{
	position: absolute;
	left: 0;
	top: -50px;
	background: url("../../ongakuojou/img/bg_line.jpg");
	background-size: cover;
	z-index: -1;
	width: 100%;
	height: 120dvh;
}

#backnum{
	width: 100%;
	padding: 0 20px;
}

#backnum .backnumWrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	padding: 40px 50px 60px;
	display: flex;
	flex-direction: column;
	gap:50px 0;
}

#backnum.ongakuojo{
	padding: 0;
}

#backnum.spice{
	padding-top: 50px;
}

#backnum.ongakuojo .backnumWrap {
  background: none;
	padding: 0;
	max-width: 1100px;
}

#backnum .backnumWrap .bucknumTit{
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #3E1B03;
}

#backnum .backnumWrap .bucknumEn{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #F9BD29;
}

.functionBox{
	display: flex;
	justify-content: space-between;
	gap:20px
}

.functionBox.kanmuri_ru-ya {
	justify-content: flex-end;
}

.functionBox .archive{
	appearance: unset;
	background: #fff;
	border:solid 2px #8F462C;
	border-radius: 10px;
	display: flex;
	width: 230px;
	height: 50px;
	align-items: center;
	padding: 0 20px;
	font-size: 18px;
	font-weight: 700;
	color: #8F462C;
	cursor: pointer;
	background-image: url("../img/common/arrow8.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 15px 9px;
}

.functionBox .search{
	display: flex;
	gap:10px;
}

.functionBox .search input{
	appearance: unset;
	background: #fff;
	border: solid 2px #8F462C;
	padding: 8px 15px;
	font-size: 16px;
	color: #8F462C;
	font-weight: 700;
	width: 300px;
}

.functionBox .search input:focus{
	outline: none;
}

.functionBox .search  button {
  width: 160px;
  height: 50px;
  right: 0;
  top: 0;
  border: none;
  background-color: #3E1B03;
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 70px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	transition: .3s;
}

.functionBox.spice .search  button {
  background-color: #FA8E2B;
}

.functionBox.kairanban .search  button {
  background-color: #FF6600;
}

.functionBox .search  button p{
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}

.functionBox .search button span {
	content: url("../img/common/search.svg");
	width: 25px;
	margin-right: 5px;
}

#backnum .backnumWrap .backnumList{
	display: grid;
/*	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
	grid-template-columns: repeat(auto-fit, minmax(320px, 350px));
	gap:35px 20px;
}

#backnum .backnumWrap .backnumList::after {
  content: "";
  width: 350px;
}

#backnum .backnumWrap .backnumList article a{
	display: block;
}

#backnum .backnumWrap .backnumList article .imgArea{
	aspect-ratio: 16 / 9;
  overflow: hidden;
	margin-bottom: 10px;
}

#backnum.kanmuri_ru-ya .backnumWrap .backnumList article .imgArea {
	border-radius: 20px;
}

#backnum.ongakuojo .backnumWrap .backnumList article .imgArea {
	border-radius: 10px;
}

#backnum.spice .backnumWrap .backnumList article .imgArea {
	border-radius: 10px;
}

#backnum .backnumWrap .backnumList article .imgArea img{
	width: 100%;
  height: 100%;
  object-fit: cover;
	transition: .4s;
}

#backnum .backnumWrap .backnumList article .txtArea{
	color: #3E1B03;
	display: flex;
	flex-direction: column;
	gap:5px;
}

#backnum.ongakuojo .backnumWrap .backnumList article .txtArea{
	color: #FC5686;
}

#backnum.spice .backnumWrap .backnumList article .txtArea{
	color: #74B70B;
}

#backnum .backnumWrap .backnumList article .txtArea {
  color: #FF6600;
}

#backnum .backnumWrap .backnumList article .txtArea .date{
	font-size: 15px;
	font-weight: 500;
}

#backnum .backnumWrap .backnumList article .txtArea .tit{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#backnum .backnumWrap .pagenationBox{
	display: flex;
	align-items: center;
  	justify-content: center;
	flex-wrap: wrap;
	gap:10px;
}

#backnum .backnumWrap .pagenationBox .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 40px;
  height: 40px;
  background: #EEEEEE;
  font-size: 16px;
  color: #222222;
  font-weight: 700;
  transition: all 0.15s linear;
	border-radius: 5px;
	position: relative;
}

#backnum .backnumWrap .pagenationBox .page-numbers.prev, 
#backnum .backnumWrap .pagenationBox .page-numbers.next{
	background: #3E1B03;
}

#backnum .backnumWrap .pagenationBox .page-numbers.prev span, 
#backnum .backnumWrap .pagenationBox .page-numbers.next span{
	content: url("../img/common/arrow4.svg");
	width: 10px;
}

#backnum .backnumWrap .pagenationBox .page-numbers.prev span{
	transform: rotateZ(90deg);
}

#backnum .backnumWrap .pagenationBox .page-numbers.next span{
	transform: rotateZ(-90deg);
}

#backnum .backnumWrap .pagenationBox .page-numbers.current {
  background: #FEC030;
  color: #fff;
  pointer-events: none;
}


@media ( min-width : 840px ) {
.backnumWrap .functionBox .search  button:hover {
	background: #f9bf31;
}

.functionBox.spice .search  button:hover {
  background-color: #74B70B;
}

.functionBox.kairanban .search  button:hover {
  background-color: #9F270C;
}

#backnum .backnumWrap .backnumList a:hover{
	opacity: .9;
}

#backnum .backnumWrap .backnumList a:hover .imgArea img{
	transform: scale(1.07);
}

#backnum .backnumWrap .pagenationBox .page-numbers:hover {
	background: #FEC030;
	color: #fff;
}
}

@media ( max-width : 840px ) {
.bgWrap{
	padding-bottom: calc(100vw * 100 / 390);
}

.bgWrap.kanmuri_ru-ya .bg_scroll{
	top: calc(100vw * 70 / 390);
}

.bgWrap.kanmuri_ru-ya .bg_scroll span{
	top: calc(100vw * -20 / 390);
}

.bgWrap.ongakuojo .bg_scroll span {
  top: calc(100vw * -70 / 390);
}

#backnum{
	padding: 0 calc(100vw * 15 / 390);
}

#backnum.spice{
	padding-top: calc(100vw * 15 / 390);
}

#backnum .backnumWrap{
	border-radius: 10px;
	padding: calc(100vw * 40 / 390) calc(100vw * 15 / 390) calc(100vw * 60 / 390);
	gap: calc(100vw * 30 / 390) 0;
}
	
#backnum.ongakuojo .backnumWrap {
  padding: calc(100vw * 40 / 390) calc(100vw * 15 / 390) calc(100vw * 60 / 390);
}

#backnum .backnumWrap .bucknumTit{
	font-size: calc(100vw * 40 / 390);
}

#backnum .backnumWrap .bucknumEn{
	font-size: calc(100vw * 16 / 390);
}

.functionBox{
	flex-direction: column;
	gap:calc(100vw * 20 / 390);
}

.functionBox .archive{
	width: 100%;
	height: calc(100vw * 50 / 390);
	padding: 0 calc(100vw * 20 / 390);
	font-size: calc(100vw * 18 / 390);
    background-position: right calc(100vw * 20 / 390) center;
    background-size: calc(100vw * 15 / 390) calc(100vw * 9 / 390);
	order: 2;
}

.functionBox .search{
	gap:calc(100vw * 10 / 390);
}

.functionBox .search input{
	padding: calc(100vw * 8 / 390) calc(100vw * 15 / 390);
	font-size: calc(100vw * 16 / 390);
	width: calc(100vw * 240 / 390);
	height: calc(100vw * 50 / 390);
}

.functionBox .search  button {
  width: calc(100vw * 80 / 390);
  height: calc(100vw * 50 / 390);
	font-size: calc(100vw * 16 / 390);
}

.functionBox .search  button p{
	display: none;
}

.functionBox .search button span {
  width: calc(100vw * 25 / 390);
	margin-right: 0;
}

#backnum .backnumWrap .backnumList{
	grid-template-columns: 1fr;
	gap:calc(100vw * 30 / 390);
}

#backnum .backnumWrap .backnumList article .imgArea{
	margin-bottom: calc(100vw * 13 / 390);
}

#backnum .backnumWrap .backnumList article .txtArea{
	gap:calc(100vw * 7 / 390);
}

#backnum .backnumWrap .backnumList article .txtArea .date{
	font-size: calc(100vw * 15 / 390);
}

#backnum .backnumWrap .backnumList article .txtArea .tit{
	font-size: calc(100vw * 18 / 390);
	line-height: calc(100vw * 22 / 390);
}

#backnum .backnumWrap .pagenationBox{
	gap:calc(100vw * 7 / 390);
}

#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox {
	margin-top: calc(100vw * 30 / 390);
}

#backnum .backnumWrap .pagenationBox .page-numbers {
  width: calc(100vw * 40 / 390);
  height: calc(100vw * 40 / 390);
  font-size: calc(100vw * 16 / 390);
}

#backnum .backnumWrap .pagenationBox .page-numbers.prev span, 
#backnum .backnumWrap .pagenationBox .page-numbers.next span{
	width: calc(100vw * 10 / 390);
}
}


/*詳細ページ*/
#detailOne{
	width: 100%;
	padding: 40px 20px 0;
	color: #3E1B03;
}

#detailOne .detailWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
  background: #fff;
  border-radius: 30px;
  padding: 40px 50px 60px;
  display: flex;
  flex-direction: column;
  gap: 60px 0;
}

#detailOne.kanmuri_ru-ya{
	padding: 0;
	color: #8F462C;
}

#detailOne.kanmuri_ru-ya .detailWrap{
	padding: 0;
}

#detailOne.ongakuojo {
	padding: 0;
  color: #FC5686;
	display: flex;
	flex-direction: column;
	gap:40px;
}

#detailOne.spice{
	color: #74B70B;
}

#detailOne.spice .detailWrap{
	padding: 50px 0 60px;
}

#detailOne.kairanban{
	color: #FF6600;
}

#detailOne.kairanban .detailWrap{
	padding: 0px 0 60px;
}

#detailOne .detailWrap .contentBox{
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}

#detailOne .detailWrap .iframeBox{
	aspect-ratio: 16 / 9;
  overflow: hidden;
}

#detailOne .detailWrap .iframeBox iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

#detailOne .detailWrap .titBox .detailTit{
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 5px;
}

#detailOne.kanmuri_ru-ya .detailWrap .titBox{
	text-align: center;
}

#detailOne .detailWrap .titBox .detailDate{
	font-size: 18px;
	font-weight: 500;
}

#detailOne .detailWrap .txtBox{
	display: flex;
	flex-direction: column;
	gap:20px;
}

#detailOne .detailWrap .txtBox p{
	font-size: 18px;
	line-height: 160%;
	font-weight: 500;
	text-align: justify;
}

#detailOne .detailWrap .detailTxt{
	font-size: 18px;
	line-height: 160%;
	font-weight: 500;
	text-align: justify;
}

#detailOne.ongakuojo .detailWrap .detailTxt {
	color: #222;
	font-size: 18px;
	line-height: 160%;
	font-weight: 500;
	text-align: justify;
}

#detailOne.ongakuojo .detailWrap .txtBox p {
	color: #222;
}

#detailOne.spice .detailWrap .detailTxt {
	color: #6C3D31;
}

#detailOne.spice .detailWrap .txtBox p {
	color: #6C3D31;
	font-size: 18px;
	line-height: 160%;
	font-weight: 500;
	text-align: justify;
}

#detailOne.kairanban .detailWrap .txtBox p{
	color: #222;
}


#detailOne.kairanban .detailWrap .detailTxt {
	color: #222;
}

#detailOne .detailWrap .youtubeBox{
	display: block;
	position: relative;
	padding-top: 56.25%;
}

#detailOne .detailWrap .youtubeBox iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

#detailOne .detailWrap .imgBox{
	display: grid;
/*  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
  gap: 35px 20px;
}

#detailOne .detailWrap .imgBox img{
	border-radius: 20px;
	cursor: pointer;
}

#detailOne .detailWrap .imgBox span{
	aspect-ratio: 78 / 52;
	background: #000;
	border-radius: 10px;
	overflow: hidden;
}

#detailOne .detailWrap .imgBox span img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0px;
	cursor: pointer;
}

@media ( max-width : 840px ) {
#detailOne{
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) 0;
}

#detailOne.ongakuojo {
	padding: calc(100vw * 40 / 390) calc(100vw * 0 / 390) calc(100vw * 60 / 390);
	gap:calc(100vw * 40 / 390);
}

#detailOne.spice .detailWrap{
	padding: calc(100vw * 30 / 390) calc(100vw * 5 / 390) calc(100vw * 60 / 390);
}

#detailOne .detailWrap{
  border-radius: 10px;
  padding:calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 40 / 390);
  gap: calc(100vw * 30 / 390);
}

#detailOne .detailWrap .contentBox{
  gap: calc(100vw * 20 / 390);
}

#detailOne .detailWrap .titBox .detailTit{
	font-size: calc(100vw * 32 / 390);
	line-height: calc(100vw * 40 / 390);
	margin-bottom: calc(100vw * 15 / 390);
}

#detailOne .detailWrap .titBox .detailDate{
	font-size: calc(100vw * 18 / 390);
}

#detailOne .detailWrap .txtBox{
	gap:calc(100vw * 20 / 390);
}

#detailOne .detailWrap .detailTxt{
	font-size: calc(100vw * 18 / 390);
}

#detailOne .detailWrap .imgBox{
  grid-template-columns: 1fr;
  gap: calc(100vw * 15 / 390);
}
}



#programContent{
	width: 100%;
	padding: 50px 20px 0;
}

#programContent.ongakuojo {
	display: flex;
	flex-direction: column;
	gap:50px;
}

.programContentWrap{
	width: 100%;
	padding: 50px;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px;
	display: flex;
  flex-direction: column;
  gap: 50px;
}

#aboutOne .aboutWrap .tverBox{
	margin-bottom: 25px;
}

#aboutOne .aboutWrap .tverBox a{
	display: grid;
	grid-template-columns:
    minmax(120px, 286px)
    1fr
    minmax(120px, 280px);
  align-items: center;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(91.39deg, #01F0F9 0%, #006EBD 100%);
	padding-left: 18px;
	align-items: center;
	transition: .3s;
}

#aboutOne .aboutWrap .tverBox p{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	white-space: nowrap;
}

#aboutOne .aboutWrap .tverBox .imgWrap{
	height: 140px;
  overflow: hidden;
}

#aboutOne .aboutWrap .tverBox .tverImg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}

#aboutOne .aboutWrap .linkBox{
	display: grid;
	grid-template-columns: repeat(auto-fit, 290px);
  align-items: center;
	gap:15px;
	justify-content: center;
}

#aboutOne .aboutWrap .linkBox a{
	transition: .3s;
}

#aboutOne .aboutWrap .snsBox .txt{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	color: #8F462C;
}

#aboutOne.ongakuojo .aboutWrap .snsBox{
	margin-bottom: 50px;
}

#aboutOne.ongakuojo .aboutWrap .snsBox .txt{
	color: #fff;
}

#aboutOne.spice .aboutWrap .snsBox{
	margin-bottom: 50px;
}

#aboutOne.spice .aboutWrap .snsBox .txt{
	color: #6D3D31;
}

#aboutOne.kairanban .aboutWrap .snsBox{
	margin-bottom: 50px;
}

#aboutOne.kairanban .aboutWrap .snsBox .txt{
	color: #FF6600;
}

#aboutOne .aboutWrap .snsBox .snsList{
	display: flex;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
}

#aboutOne .aboutWrap .snsBox .snsList .x{
	content: url("../img/common/sns_x.svg");
	transition: .3s;
}

#aboutOne .aboutWrap .snsBox .snsList .insta{
	content: url("../img/common/sns_insta.svg");
	transition: .3s;
}

#aboutOne .aboutWrap .snsBox .snsList .youtube{
	content: url("../img/common/sns_youtube.svg");
	width: 55px;
	transition: .3s;
}

@media ( max-width : 840px ) {
#programContent{
	padding: calc(100vw * 20 / 390) calc(100vw * 15 / 390) 0;
}

#programContent.ongakuojo {
	gap:calc(100vw * 30 / 390)
}

.programContentWrap{
	padding: calc(100vw * 40 / 390) calc(100vw * 15 / 390);
	gap:calc(100vw * 30 / 390);
}

#aboutOne .aboutWrap .tverBox{
	margin-bottom: calc(100vw * 10 / 390);
}

#aboutOne .aboutWrap .tverBox a{
	grid-template-columns:1fr;
	background: linear-gradient(180deg, #01F0F9 0%, #006EBD 100%);
	padding:calc(100vw * 20 / 390) calc(100vw * 24 / 390);
	gap:calc(100vw * 10 / 390);
}

#aboutOne .aboutWrap .tverBox p{
	order: 3;
	font-size: calc(100vw * 32 / 390);
	text-align: center;
}

#aboutOne .aboutWrap .tverBox .imgWrap{
	height: calc(100vw * 140 / 390);
	border-radius: 10px;
}

#aboutOne .aboutWrap .linkBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 10 / 390);
	text-align: center;
}

#aboutOne .aboutWrap .snsBox .txt{
	font-size: calc(100vw * 24 / 390);
	margin-bottom: calc(100vw * 10 / 390);

}

#aboutOne.ongakuojo .aboutWrap .snsBox {
  margin-bottom: calc(100vw * 50 / 390);
}

#aboutOne.spice .aboutWrap .snsBox {
  margin-bottom: calc(100vw * 30 / 390);
}


#aboutOne .aboutWrap .snsBox .snsList{
	gap:calc(100vw * 10 / 390);
}

#aboutOne .aboutWrap .snsBox .snsList .x{
	width: calc(100vw * 50 / 390);
}

#aboutOne .aboutWrap .snsBox .snsList .insta{
	width: calc(100vw * 50 / 390);
}

#aboutOne .aboutWrap .snsBox .snsList .youtube{
	width: calc(100vw * 50 / 390);
}
}



#nextBc{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
	color: #7C4936;
}

#nextBc.ongakuojo{
	color: #FC5686;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
	border-radius: 20px;
}

.programCommonTit{
	text-align: center;
	color: #fff;
	background: #F7B402;
	border-radius: 100px;
	height: 60px;
	font-size: 28px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

.programCommonTit.ongakuojo{
	background: #F7B402;
	border-radius: 0px;
background: linear-gradient(90.15deg, #FFD3E0 1.62%, #FC5686 30.94%, #FC5686 70.67%, #FE94B3 100%);
}

#nextBc .nextTit{
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
}

#nextBc .nextDate{
	font-size: 16px;
	font-weight: 700;
}

#nextBc .imgBox{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap:20px;
}
#nextBc .imgBox article{
	max-height: 214px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

#nextBc .imgBox img{
	border-radius: 20px;
}

#nextBc.ongakuojo .imgBox img {
  border-radius: 10px;
  cursor: pointer;
}

#nextBc .txt{
	font-size: 16px;
	font-weight: 700;
	line-height: 180%;
}

#nextBc.ongakuojo .txt {
	color: #222;
}

#instaList{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
}

#instaList .imgBox{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap:20px;
}

#instaList .imgBox a{
	display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

#instaList .imgBox a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	transition: .3s;
}

#backnum.top {
  padding: 0;
}

#backnum.top .backnumWrap {
  padding: 0px;
}

#backnum.kanmuri_ru-ya .backnumWrap .backnumList {
    grid-template-columns: repeat(auto-fit, minmax(320px, 320px));
}

#backnum.kanmuri_ru-ya .backnumWrap .backnumList article .txtArea {
	color: #8F462C;
}

#stationList{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
}

#stationList .stationBox{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap:30px 60px;
}

#stationList .stationBox .stationTit{
	font-size: 19px;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

#stationList .stationBox .stationTit span{
	content: url("../../kanmuri_ru-ya/img/station.png");
	width: 31px;
	height: 27px;
	margin-right: 5px;
}

#stationList .stationBox .day{
	font-size: 15px;
	font-weight: 500;
}

#stationList small{
	font-size: 14px;
	font-weight: 500;
	text-align: right;
}

#bannerList{
	width: 100%;
	padding: 50px 0 0;
}

#bannerList .bannerBox{
	justify-content: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, 210px);
	gap:25px;
	text-align: center;
}

#backnum.kanmuri_ru-ya .backnumTit{
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #8F462C;
}

@media ( max-width : 840px ) {
#nextBc{
	gap:calc(100vw * 20 / 390);
}

.programCommonTit{
	height: calc(100vw * 60 / 390);
	font-size: calc(100vw * 28 / 390);
}

.programCommonTit.ongakuojo {
	height: calc(100vw * 104 / 390);
}

#nextBc.ongakuojo{
	padding:calc(100vw * 30 / 390) calc(100vw * 15 / 390);
}

#nextBc .nextTit{
	font-size: calc(100vw * 24 / 390);
	line-height: 150%;
}
	
#nextBc .nextDate {
  font-size: calc(100vw * 16 / 390);
}

#nextBc .imgBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 10 / 390);
}

#nextBc .txt{
	font-size: calc(100vw * 16 / 390);
}

#instaList{
	gap:calc(100vw * 20 / 390);
}

#instaList .imgBox{
	grid-template-columns: 1fr 1fr;
	gap:calc(100vw * 10 / 390);
}
	
#backnum.top .backnumWrap {
    padding: 0;
    gap: calc(100vw * 20 / 390) 0;
  }

#backnum.kanmuri_ru-ya .backnumWrap .backnumList{
	grid-template-columns: 1fr;
}

#stationList{
	gap:calc(100vw * 20 / 390);
}

#stationList .stationBox{
	grid-template-columns: calc(100vw * 172 / 390);
	gap:calc(100vw * 20 / 390);
	justify-content: center;
}

#stationList .stationBox .stationTit{
	font-size: calc(100vw * 20 / 390);
	margin-bottom: calc(100vw * 5 / 390);
}

#stationList .stationBox .stationTit span{
	width: calc(100vw * 31 / 390);
	height: calc(100vw * 27 / 390);
	margin-right: calc(100vw * 8 / 390);
}

#stationList .stationBox .day{
	font-size: calc(100vw * 16 / 390);
}

#stationList small{
	font-size: calc(100vw * 14 / 390);
	text-align: center;
}

#bannerList{
	padding: calc(100vw * 40 / 390) 0 0;
}

#bannerList .bannerBox{
	grid-template-columns: repeat(auto-fit, calc(100vw * 250 / 390));
	gap:calc(100vw * 20 / 390);
}
}



#officialYoutube{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
	border-radius: 20px;
}

.programCommonTit.ongakuojo2{
	color: #FC5686;
	background: none;
	font-size: 32px;
	letter-spacing: 0.06em;
	display: flex;
	flex-direction: column;
	height: auto;
}

.programCommonTit.ongakuojo2.youtube span{
	content: url("../../ongakuojou/img/ico_youtube.svg");
}

.programCommonTit.ongakuojo2.littleExtra span{
	content: url("../../ongakuojou/img/ico_ittle_extra.svg");
}

.programCommonTit.ongakuojo2.ending span{
	content: url("../../ongakuojou/img/ico_ending.svg");
}

#officialYoutube .youtubeWrap{
	width: 100%;
	max-width: 800px;
	aspect-ratio: 16 / 9;
 	 overflow: hidden;
	margin: 0 auto;
	border: solid 6px #FC5686;
	border-radius: 20px;
}

#officialYoutube .youtubeWrap iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

#littleExtra{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
	border-radius: 20px;
}

#littleExtra .littleBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 360px 1fr;
	gap:50px;
	align-items: start;
}

#littleExtra .littleBox .imgArea{
	border-radius: 10px;
	overflow: hidden;
}

#littleExtra .littleBox .txtArea{
	display: flex;
	flex-direction: column;
	gap:20px;
}

#littleExtra .littleBox .txtArea .tit{
	font-size: 19px;
	font-weight: 700;
	line-height: 150%;
	border-bottom: dotted 2px #FC5686;
	color: #FC5686;
	padding-bottom: 10px;
}

#littleExtra .littleBox .txtArea .littleList .littleTit{
	font-size: 19px;
	font-weight: 500;
	line-height: 150%;
	color: #FC5686;
}

#littleExtra .littleBox .txtArea .littleList{
	display: flex;
	flex-direction: column;
	gap:3px;
}

#littleExtra .littleBox .txtArea .littleList li, #littleExtra .littleBox .txtArea .littleList .littleText{
	font-size: 19px;
	font-weight: 500;
	line-height: 150%;
	padding-left: 15px;
	position: relative;
}

#littleExtra .littleBox .txtArea .littleList li::before{
	content: "・";
	position: absolute;
	left: 0;
}

#littleExtra .littleBox .txtArea .littleList.procedure{
	counter-reset: num;
}

#littleExtra .littleBox .txtArea .littleList.procedure li{
	counter-increment: num;
	margin-left: 15px;
}

#littleExtra .littleBox .txtArea .littleList.procedure li::before{
	content: none;
}

#littleExtra .littleBox .txtArea .littleList.procedure li::marker {
  content: counter(num) ")";
}

#ending{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:40px;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
	border-radius: 20px;
}

#ending .endingBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 250px 1fr;
	gap:50px;
	align-items: start;
}

#ending .endingBox .txtArea{
	display: flex;
	flex-direction: column;
	gap:15px;
	color: #FC5686;
}

#ending .endingBox .txtArea dl{
	border-bottom: dotted 2px #FC5686;
	padding-bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#ending .endingBox .txtArea dl dt{
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.1em;
}

#ending .endingBox .txtArea dl dd{
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
}

#detailOne.ongakuojo .detailWrap .littleWrap {
	width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 50px;
  align-items: start;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList{
	display: flex;
  flex-direction: column;
  gap: 3px;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList.procedure {
  counter-reset: num;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList .littleTit {
  font-size: 19px;
  font-weight: 500;
  line-height: 150%;
  color: #FC5686;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList li, #detailOne.ongakuojo .detailWrap .littleWrap .littleList .littleText {
  font-size: 19px;
  font-weight: 500;
  line-height: 150%;
  padding-left: 15px;
  position: relative;
	color: #222;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList.procedure li {
  counter-increment: num;
  margin-left: 20px;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList li::before {
  content: "・";
  position: absolute;
  left: 0;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList.procedure li::before{
	content: none;
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList.procedure li::marker {
  content: counter(num) ")";
}

@media ( max-width : 840px ) {
#officialYoutube{
	gap:calc(100vw * 30 / 390);
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 40 / 390);
}

.programCommonTit.ongakuojo2{
	font-size: calc(100vw * 32 / 390);
	line-height: calc(100vw * 38 / 390);
}

.programCommonTit.ongakuojo2.youtube span{
	width: calc(100vw * 40 / 390);
}

.programCommonTit.ongakuojo2.littleExtra span{
	width: calc(100vw * 84 / 390);
}

.programCommonTit.ongakuojo2.ending span{
	width: calc(100vw * 114 / 390);
}

#officialYoutube .youtubeWrap{
	border: solid 3px #FC5686;
	border-radius: 10px;
}

#littleExtra{
	gap:calc(100vw * 30 / 390);
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 40 / 390);
}

#littleExtra .littleBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 30 / 390);
}

#littleExtra .littleBox .txtArea{
	gap:calc(100vw * 20 / 390);
}

#littleExtra .littleBox .txtArea .tit{
	font-size: calc(100vw * 19 / 390);
	padding-bottom: calc(100vw * 10 / 390);
}

#littleExtra .littleBox .txtArea .littleList .littleTit{
	font-size: calc(100vw * 19 / 390);
}

#littleExtra .littleBox .txtArea .littleList{
	gap:calc(100vw * 7 / 390);
}

#littleExtra .littleBox .txtArea .littleList li{
	font-size: calc(100vw * 19 / 390);
	padding-left: calc(100vw * 15 / 390);
	position: relative;
}

#littleExtra .littleBox .txtArea .littleList.procedure li{
	margin-left: calc(100vw * 20 / 390);
}

#ending{
	gap:calc(100vw * 30 / 390);
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 40 / 390);
}

#ending .endingBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 30 / 390);
}

#ending .endingBox .txtArea{
	gap:calc(100vw * 15 / 390);
}

#ending .endingBox .txtArea dl{
	padding-bottom: calc(100vw * 16 / 390);
	gap: calc(100vw * 5 / 390);
}

#ending .endingBox .txtArea dl dt{
	font-size: calc(100vw * 11 / 390);
}

#ending .endingBox .txtArea dl dd{
	font-size: calc(100vw * 20 / 390);
}

#detailOne.ongakuojo .detailWrap .littleWrap {
  grid-template-columns: 1fr;
  gap: calc(100vw * 20 / 390);
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList{
  gap: calc(100vw * 3 / 390);
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList .littleTit {
  font-size: calc(100vw * 19 / 390);
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList .littleText {
  font-size: calc(100vw * 19 / 390);
}
#detailOne.ongakuojo .detailWrap .littleWrap .littleList li {
  font-size: calc(100vw * 19 / 390);
  padding-left: calc(100vw * 15 / 390);
}

#detailOne.ongakuojo .detailWrap .littleWrap .littleList.procedure li {
  margin-left: calc(100vw * 20 / 390);
}
}





#aboutOne.spice .nextWrap{
	background: url("../../spice/img/bg2.jpg");
	background-size: cover;
	border-radius: 30px;
	padding: 40px 50px;
	display: flex;
	flex-direction: column;
	gap:20px;
}

.programCommonTit.spice{
	height: auto;
	background: none;
}

.programCommonTit.spice .ico{
	content: url("../../spice/img/ico_logo.svg");
	margin-right: 20px;
}

.programCommonTit.spice p{
	display: flex;
	flex-direction: column;
	color: #84D900;
	font-size: 80px;
	font-style: italic;
	line-height: 80%;
	font-weight: 800;
	font-family: "Open Sans", sans-serif;
	gap:10px;
}

.programCommonTit.spice p span{
	color: #8F462C;
	font-size: 18px;
	font-style: normal;
	line-height: 22px;
	font-weight: 700;
	font-family: "Noto Sans JP", sans-serif;
}

#aboutOne.spice .nextWrap .nextBox{
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	display: grid;
	grid-template-columns: 350px 1fr;
}

#aboutOne.spice .nextWrap .nextBox .imgArea{
	overflow: hidden;
}

#aboutOne.spice .nextWrap .nextBox .imgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}

#aboutOne.spice .nextWrap .nextBox .txtArea{
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap:15px;
}

#aboutOne.spice .nextWrap .nextBox .txtArea .tit{
	font-size: 24px;
	font-weight: 700;
	color: #FF7A00;
	transition: .3s;
}

#aboutOne.spice .nextWrap .nextBox .txtArea .date{
	font-size: 18px;
	font-weight: 700;
	color: #FF7A00;
}

#aboutOne.spice .nextWrap .nextBox .txtArea .txt{
	font-size: 16px;
	font-weight: 500;
	color: #6C3D31;
	line-height: 150%;
	text-align: justify;
}

#officialYoutube.spice {
  gap: 20px;
}

#officialYoutube.spice .youtubeWrap{
	border-color: #84d900;
}

#cast{
	width: 100%;
	background: #E7FED4;
	display: flex;
	flex-direction: column;
	gap:20px;
	padding: 80px 20px;
}

#cast .castWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 320px);
	gap:50px;
	justify-content: center;
}

#cast .castWrap .modal{
	cursor: pointer;
}

#cast .castWrap .imgArea{
	overflow: hidden;
	border-radius: 100%;
	margin-bottom: 15px;
	aspect-ratio: 1 / 1;
}

#cast .castWrap .imgArea img{
	transition: .3s;
	width: 100%;
}

#cast .castWrap .txtArea{
	text-align: center;
	color: #8F462C;
}

#cast .castWrap .txtArea .name{
	font-size: 24px;
	font-weight: 700;
	transition: .3s;
}

#cast .castWrap .txtArea .kana{
	font-size: 18px;
	font-weight: 500;
}

#profileModal.profileModal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#profileModal.profileModal.is-open {
  display: flex;
}

#profileModal .modalInner {
  background: #fff;
  padding: 60px 40px;
  max-width: 650px;
  width: 90%;
  position: relative;
  border-radius: 10px;
  animation: fadeUp .3s ease;
	max-height: 90vh;   /* ← 重要 */
  overflow-y: auto; 
}

#profileModal .closeBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
	content: url("../../spice/img/modal_close.svg");
}

#profileModal .modalContent{
	display: flex;
	flex-direction: column;
	gap:20px;
}

#profileModal .modalInner .profileBox{
	display: grid;
	grid-template-columns: 242px 1fr;
	gap:20px;
}

#profileModal .modalInner .profileBox .imgArea{
	border-radius: 10px;
	overflow: hidden;
	min-height: 320px;
}

#profileModal .modalInner .profileBox .imgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#profileModal .modalInner .profileBox .txtArea .name{
	font-size: 22px;
	font-weight: 700;
	color: #74B70B;
	margin-bottom: 10px;
}

#profileModal .modalInner .profileBox .txtArea .name span{
	font-size: 14px;
	font-weight: 500;
	margin-left: 3px;
}

#profileModal .modalInner .profileBox .txtArea .txt{
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
	text-align: justify;
}

#profileModal .modalInner .profileList{
	flex-direction: column;
	display: flex;
	gap:5px;
}

#profileModal .modalInner .profileList dl{
	display: grid;
	grid-template-columns: 150px 1fr;
	gap:10px;
}

#profileModal .modalInner .profileList dl dt{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #74B70B;
}

#profileModal .modalInner .profileList dl dd{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.03em;
}

#profileModal .modalInner .prBox .tit{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.03em;
	background-color: #74B70B;
	color: #fff;
	border-radius: 3px;
	padding: 7px;
	margin-bottom: 10px;
}

#profileModal .modalInner .prBox .txt{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 160%;
	text-align: justify;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media ( max-width : 840px ) {
#aboutOne.spice .nextWrap{
	padding: calc(100vw * 15 / 390);
	gap:calc(100vw * 20 / 390);
}

.programCommonTit.spice .ico{
	width: calc(100vw * 60 / 390);
    margin-right: calc(100vw * 10 / 390);
}

.programCommonTit.spice p{
	font-size: calc(100vw * 50 / 390);
	gap:calc(100vw * 10 / 390);
}

.programCommonTit.spice p span{
	font-size: calc(100vw * 18 / 390);
	line-height: calc(100vw * 22 / 390);
}

#aboutOne.spice .nextWrap .nextBox{
	border-radius: 20px;
	grid-template-columns: 1fr;
}

#aboutOne.spice .nextWrap .nextBox .txtArea{
	padding: calc(100vw * 20 / 390);
	gap:calc(100vw * 15 / 390);
}

#aboutOne.spice .nextWrap .nextBox .txtArea .tit{
	font-size: calc(100vw * 24 / 390);
}

#aboutOne.spice .nextWrap .nextBox .txtArea .date{
	font-size: calc(100vw * 18 / 390);
}

#aboutOne.spice .nextWrap .nextBox .txtArea .txt{
	font-size: calc(100vw * 16 / 390);
}

#officialYoutube.spice {
  gap: calc(100vw * 30 / 390);
}


#cast{
	gap:calc(100vw * 20 / 390);
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390);
}

#cast .castWrap{
	grid-template-columns: 1fr;
	gap:calc(100vw * 30 / 390);
}

#cast .castWrap .modal{
	width: calc(100vw * 320 / 390);
	margin: 0 auto;
}

#cast .castWrap .imgArea{
	margin-bottom: calc(100vw * 15 / 390);
}

#cast .castWrap .txtArea .name{
	font-size: calc(100vw * 24 / 390);
}

#cast .castWrap .txtArea .kana{
	font-size: calc(100vw * 18 / 390);
}

#profileModal .modalInner {
  padding: calc(100vw * 70 / 390) calc(100vw * 15 / 390);
  width: 92%;
}

#profileModal .closeBtn {
  top: calc(100vw * 10 / 390);
  right: calc(100vw * 15 / 390);
	width: calc(100vw * 50 / 390);
}

#profileModal .modalContent{
	gap:calc(100vw * 20 / 390);
}

#profileModal .modalInner .profileBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 20 / 390);
}

#profileModal .modalInner .profileBox .imgArea{
	min-height: auto;
}

#profileModal .modalInner .profileBox .txtArea .name{
	font-size: calc(100vw * 21 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#profileModal .modalInner .profileBox .txtArea .name span{
	font-size: calc(100vw * 12 / 390);
	margin-left: calc(100vw * 5 / 390);
}

#profileModal .modalInner .profileBox .txtArea .txt{
	font-size: calc(100vw * 16 / 390);
	line-height: 150%;
	font-weight: 500;
}

#profileModal .modalInner .profileList{
	gap:calc(100vw * 10 / 390);
}

#profileModal .modalInner .profileList dl{
	grid-template-columns: 1fr;
	gap:0px;
}

#profileModal .modalInner .profileList dl dt{
	font-size: calc(100vw * 16 / 390);
}

#profileModal .modalInner .profileList dl dd{
	font-size: calc(100vw * 16 / 390);
	font-weight: 500;
}

#profileModal .modalInner .prBox .tit{
	font-size: calc(100vw * 16 / 390);
	padding: calc(100vw * 7 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#profileModal .modalInner .prBox .txt{
	font-size: calc(100vw * 16 / 390);
	font-weight: 500;
}
}


#contents{
	width: 100%;
	padding: 80px 20px;
}

#contents .contentsWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap:60px;
}

#contents .contentsWrap .contentsList{
	display: grid;
/*	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
	grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
	gap:45px 25px;
	align-items: stretch;
}

#contents .contentsWrap .contentsList a{
	display: flex;
	flex-direction: column;
}

#contents .contentsWrap .contentsList .imgArea{
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 7 / 4;
	margin-bottom: 15px;
}

#contents .contentsWrap .contentsList .imgArea img{
	width: 100%;
  height: 100%;
  object-fit: cover;
	transition: .3s;
}

#contents .contentsWrap .contentsList .txtArea{
	display: flex;
	flex-direction: column;
	gap:5px;
	flex: 1;
}

#contents .contentsWrap .contentsList .txtArea .corner{
	font-size: 20px;
	font-weight: 700;
	color: #74B70B;
	transition: .3s;
}

#contents .contentsWrap .contentsList .txtArea .date{
	font-size: 14px;
	font-weight: 500;
	color: #FF7A00;
	margin-top: auto;
}

#contents .contentsWrap .contentsList .txtArea .tit{
	font-size: 18px;
	font-weight: 700;
	color: #6C3D31;
	white-space: nowrap;      
  overflow: hidden;         
  text-overflow: ellipsis; 
}

#contents .contentsWrap .pastTit{
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	background: #74B70B;
	border-radius: 5px;
	padding: 10px 20px;
}

#present{
	width: 100%;
  background: #E7FED4;
  padding: 80px 20px 300px;
}

#present .presentWrap {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap:40px;
}

#present .presentWrap .txt{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 160%;
	color: #8F462C;
}

#present .presentWrap .appliBox{
	background: #fff;
	border-radius: 30px;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	gap:40px;
}

#present .presentWrap .appliBox .appLogo{
	display: block;
	max-width: 334px;
	width: 100%;
	margin: 0 auto;
}

#present .presentWrap .appliBox .downloadBox{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: space-between;
	gap: 50px;
}

#present .presentWrap .appliBox .downloadBox div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#present .presentWrap .appliBox .downloadBox div .qr{
	max-width: 150px;
}

#present .presentWrap .appliBox .howTit{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	background: #84D032;
	font-size: 20px;
	font-weight: 700;
	padding: 13px 20px;
	color: #fff;
	border-radius: 5px;
}

#present .presentWrap .appliBox .howImg{
	display: block;
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}

@media ( max-width : 840px ) {
#contents{
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 50 / 390);;
}

#contents .contentsWrap{
	gap:calc(100vw * 30 / 390);
}

#contents .contentsWrap .contentsList{
	grid-template-columns: 1fr;
	gap:calc(100vw * 20 / 390);
}

#contents .contentsWrap .contentsList .imgArea{
	margin-bottom: calc(100vw * 10 / 390);
}

#contents .contentsWrap .contentsList .txtArea{
	gap:calc(100vw * 3 / 390);
}

#contents .contentsWrap .contentsList .txtArea .corner{
	font-size: calc(100vw * 24 / 390);
}

#contents .contentsWrap .contentsList .txtArea .date{
	font-size: calc(100vw * 15 / 390);
}

#contents .contentsWrap .contentsList .txtArea .tit{
	font-size: calc(100vw * 18 / 390);
	white-space: unset;   
}

#contents .contentsWrap .pastTit{
	font-size: calc(100vw * 25 / 390);
	padding: calc(100vw * 10 / 390) calc(100vw * 20 / 390);
}

#present{
  padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390) calc(100vw * 100 / 390);
}

#present .presentWrap {
	gap:calc(100vw * 20 / 390);
}

#present .presentWrap .txt{
	font-size: calc(100vw * 18 / 390);
}

#present .presentWrap .appliBox{
	padding: calc(100vw * 40 / 390) calc(100vw * 15 / 390);
	gap:calc(100vw * 40 / 390);
}

#present .presentWrap .appliBox .appLogo{
	max-width: calc(100vw * 334 / 390);
}

#present .presentWrap .appliBox .downloadBox{
	flex-wrap: nowrap;
	gap: calc(100vw * 10 / 390);
}

#present .presentWrap .appliBox .downloadBox div .qr{
	display: none;
}

#present .presentWrap .appliBox .howTit{
	font-size: calc(100vw * 20 / 390);
	padding: calc(100vw * 10 / 390) calc(100vw * 10 / 390);
}
}


#detailOne .detailWrap .shopBox{
	display: flex;
  flex-direction: column;
  gap: 30px;
}

#detailOne .detailWrap .shopBox .shopTit{
	border-radius: 5px;
	padding: 15px;
	color: #FFFFFF;
	background: #74B70B;
	font-size: 22px;
	font-weight: 600;
}

#detailOne .detailWrap .shopBox .shopOne .titLink{
	font-size: 22px;
	font-weight: 600;
	text-decoration: underline;
	margin-bottom: 10px;
	display: inline-block;
}

#detailOne .detailWrap .shopBox .shopOne li{
	font-size: 16px;
	font-weight: 500;
	color: #6C3D31;
	margin-bottom: 3px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#detailOne.shop .detailWrap .titBox .detailDate {
	text-align: right;
	color: #6C3D31;
}

#detailOne.shop .detailWrap .shopdetailBox {
	border-top: solid 1px #74B70B;
}

#detailOne.shop .detailWrap .shopdetailBox dl{
	border-bottom: solid 1px #74B70B;
	padding: 20px 10px;
	display: grid;
	gap:10px;
	grid-template-columns: 130px 1fr;
}

#detailOne.shop .detailWrap .shopdetailBox dl dt{
	font-size: 16px;
	font-weight: 700;
}

#detailOne.shop .detailWrap .shopdetailBox dl dd{
	color: #6C3D31;
	display: flex;
  flex-direction: column;
  gap: 25px;
}

#detailOne.shop .detailWrap .shopdetailBox dl dd .txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}

@media ( max-width : 840px ) {
#detailOne .detailWrap .shopBox{
  gap: calc(100vw * 20 / 390);
}

#detailOne .detailWrap .shopBox .shopTit{
	padding: calc(100vw * 10 / 390) calc(100vw * 20 / 390);;
	font-size: calc(100vw * 22 / 390);
}

#detailOne .detailWrap .shopBox .shopOne .titLink{
	font-size: calc(100vw * 22 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#detailOne .detailWrap .shopBox .shopOne li{
	font-size: calc(100vw * 16 / 390);
	margin-bottom: calc(100vw * 3 / 390);
}

#detailOne.shop .detailWrap .titBox .detailDate {
	text-align: left;
}

#detailOne.shop .detailWrap .shopdetailBox dl{
	padding: calc(100vw * 15 / 390) 0;
	gap:calc(100vw * 5 / 390);
	grid-template-columns: 1fr;
}

#detailOne.shop .detailWrap .shopdetailBox dl dt{
	font-size: calc(100vw * 16 / 390);
}

#detailOne.shop .detailWrap .shopdetailBox dl dd{
  gap: calc(100vw * 20 / 390);
}

#detailOne.shop .detailWrap .shopdetailBox dl dd .txt{
	font-size: calc(100vw * 16 / 390);
}
}




#aboutOne.kairanban .nextWrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:20px;
}

#aboutOne.kairanban .nextWrap .nextTit{
	font-size: 28px;
	font-weight: 700;
	background: #FF6600;
	color: #fff;
	text-align: center;
	border-radius: 100px;
	padding: 5px;
}

#aboutOne.kairanban .nextWrap .nextDate{
	font-size: 24px;
	font-weight: 700;
	color: #FF6600;
	text-align: center;
}

#aboutOne.kairanban .nextWrap .nextBox{
	display: grid;
	grid-template-columns: 320px 1fr;
	gap:50px;
}

#aboutOne.kairanban .nextWrap .nextBox .imgArea{
	aspect-ratio: 16 / 9;
}

#aboutOne.kairanban .nextWrap .nextBox .imgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea .tit{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea ol{
	display: flex;
	flex-direction: column;
	gap:10px;
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea ol li{
	font-size: 18px;
	font-weight: 500;
	color: #222;
	position: relative;
	padding-left: 25px;
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea ol li::before{
	content: "◎";
	position: absolute;
	left: 0;
}

#officialYoutube.kairanban {
  padding: 30px 20px 50px;
}

#officialYoutube.kairanban .youtubeTit{
	font-size: 40px;
	font-weight: 700;
	color: #FF6600;
	text-align: center;
}

#officialYoutube.kairanban .youtubeWrap{
	border-color: #FF6600;
}

@media ( max-width : 840px ) {
#aboutOne.kairanban .nextWrap{
	gap:calc(100vw * 20 / 390);
}

#aboutOne.kairanban .nextWrap .nextTit{
	font-size: calc(100vw * 28 / 390);
	padding: calc(100vw * 5 / 390);
}

#aboutOne.kairanban .nextWrap .nextDate{
	font-size: calc(100vw * 24 / 390);
}

#aboutOne.kairanban .nextWrap .nextBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 15 / 390);
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea .tit{
	font-size: calc(100vw * 20 / 390);
	margin-bottom: calc(100vw * 15 / 390);
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea ol{
	gap:calc(100vw * 10 / 390);
}

#aboutOne.kairanban .nextWrap .nextBox .txtArea ol li{
	font-size: calc(100vw * 18 / 390);
	padding-left: calc(100vw * 25 / 390);
}

#officialYoutube.kairanban {
  padding: calc(100vw * 10 / 390) calc(100vw * 20 / 390) calc(100vw * 30 / 390);
}

#officialYoutube.kairanban .youtubeTit{
	font-size: calc(100vw * 40 / 390);
	line-height: calc(100vw * 48 / 390);
}
}





#pickup{
	width: 100%;
	padding: 80px 0;
background: linear-gradient(180deg, rgba(255, 102, 0, 0.2) 0%, rgba(255, 235, 222, 0.2) 100%);
}

.programCommonTit.kairanban{
	background: none;
	height: auto;
	color: #FF6600;
	font-size: 40px;
	display: flex;
	flex-direction: column;
	margin-bottom: 60px;
}

.programCommonTit.kairanban span{
	content: url("../../kairanban/img/picup.svg");
}

#pickup .swiper{
	padding-bottom: 50px;
	margin-bottom: 20px;
}

#pickup .swiper .swiper-pagination-bullet-active{
	background: #FF6600;
}

#pickup .swiper-slide{
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	width: 700px;
}

#pickup .swiper-slide .pickupCard{
	display: flex;
	flex-direction: column;
	gap:20px;
}

#pickup .titBox{
	display: flex;
	gap:10px;
	align-items: center;
}

#pickup .titBox .cat{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 3px 13px;
	min-width: 90px;
	text-align: center;
}

#pickup .titBox .cat.notice{
	background: #1D67B1;
}

#pickup .titBox .cat.work{
	background: #058273;
}

#pickup .titBox .cat.outing{
	background: #CF4D0C;
}

#pickup .titBox .cat.attention{
	background: #6231A6;
}

#pickup .titBox .cat.recruit{
	background: #0B861B;
}

#pickup .titBox .tit{
	font-size: 16px;
	font-weight: 700;
}


#infoModal.modal {
  position: fixed;
  inset: 0;
  display: none;
	z-index: 99999;
}

#infoModal.modal.is-open {
  display: block;
}

#infoModal .modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.7);
}

#infoModal .modalWrap {
  position: relative;
  width: min(700px, 94%);
  max-height: 85vh;
  margin: 5vh auto;
	position: relative;
	animation: fadeUp .3s ease;
}

#infoModal .modal-close {
  position: absolute;
	right: 10px;
	top: 10px;
	content: url("../../kairanban/img/close.svg");
	z-index: 1;
	cursor: pointer;
}

#infoModal .modal-inner {
  position: relative;
  max-height: 85vh;
  margin: 5vh auto;
  background: #fff;
  padding: 60px 50px;
  overflow-y: auto;
	
}

#infoModal .modal-inner .modalImg{
	display: block;
	margin-bottom: 30px;
}


#infoModal .modal-inner .titBox .cat{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 13px;
	min-width: 90px;
	text-align: center;
	margin-bottom: 5px;
}

#infoModal .modal-inner .titBox .cat.notice{
	background: #1D67B1;
}

#infoModal .modal-inner .titBox .cat.work{
	background: #058273;
}

#infoModal .modal-inner .titBox .cat.outing{
	background: #CF4D0C;
}

#infoModal .modal-inner .titBox .cat.attention{
	background: #6231A6;
}

#infoModal .modal-inner .titBox .cat.recruit{
	background: #0B861B;
}

#infoModal .modal-inner .titBox .tit{
	font-size: 24px;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}

#infoModal .modal-inner .titBox .cat.notice + .tit{
	color: #1D67B1;
}

#infoModal .modal-inner .titBox .cat.work + .tit{
	color: #058273;
}

#infoModal .modal-inner .titBox .cat.outing + .tit{
	color: #CF4D0C;
}

#infoModal .modal-inner .titBox .cat.attention + .tit{
	color: #6231A6;
}

#infoModal .modal-inner .titBox .cat.recruit + .tit{
	color: #0B861B;
}

#infoModal .modal-inner .modalBody{
	display: flex;
	flex-direction: column;
	gap:15px;
}

#infoModal .modal-inner .modalBody p{
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
}

#pickup .tabNav{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(6, minmax(130px, 1fr));
	gap: 4px;
	align-items: flex-end;
	height: 50px;
	justify-content: center;
	text-align: center;
	padding: 0 20px;
}

#pickup .tabNav li{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	height: 40px;
	border-radius: 5px 5px 0 0;
	display: flex;
	justify-content: center;
  align-items: center;
	cursor: pointer;
	transition: .3s;
}

#pickup .tabNav li.is-active{
	height: 50px;
}

#pickup .tabNav li[data-tab="onair"] {
  background: #FF6600;
}

#pickup .tabNav li[data-tab="notice"] {
  background: #1D67B1;
}

#pickup .tabNav li[data-tab="work"] {
  background: #058273;
}

#pickup .tabNav li[data-tab="outing"] {
  background: #CF4D0C;
}

#pickup .tabNav li[data-tab="attention"] {
  background: #6231A6;
}

#pickup .tabNav li[data-tab="recruit"] {
  background: #0B861B;
}

#pickup .tabContent{
	width: 100%;
	padding: 0 20px;
}

#pickup .tabContent .tabPanel{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 30px 50px;
	border-radius: 0 0 5px 5px;
  display: none;
}

#pickup .tabContent .tabPanel .date{
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #FF6600;
}

#pickup .tabContent .tabPanel .infoList{
	border-top: dotted 1px #B9B9B9;
}

#pickup .tabContent .tabPanel .infoList .infoItem{
	padding: 20px 0;
	cursor: pointer;
	transition: .3s;
}

#pickup .tabContent .tabPanel .infoList li{
	border-bottom: dotted 1px #B9B9B9;
	position: relative;
	padding-right: 40px;
}

#pickup .tabContent .tabPanel .infoList li::after{
	content: "";
	width: 20px;
	height: 20px;
	mask-image:url("../../kairanban/img/modal.svg");
	background: #222;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: .3s;
}

#pickup .tabContent .tabPanel.is-active {
  display: block;
}
	
#pickup .tabSelect{
	display: none;
}

@media ( max-width : 840px ) {
#pickup{
	padding: calc(100vw * 30 / 390) calc(100vw * 20 / 390);
}

.programCommonTit.kairanban{
	font-size: calc(100vw * 40 / 390);
	margin-bottom: calc(100vw * 30 / 390);
}

.programCommonTit.kairanban span{
	width: calc(100vw * 37 / 390);
}

#pickup .swiper{
	padding-bottom: calc(100vw * 30 / 390);
	margin-bottom: calc(100vw * 10 / 390);
}

#pickup .swiper-slide{
	padding: calc(100vw * 30 / 390) calc(100vw * 15 / 390);
	width: calc(100vw * 350 / 390);
}

#pickup .swiper-slide .pickupCard{
	gap:calc(100vw * 20 / 390);
}

#pickup .titBox{
	flex-direction: column;
	gap:calc(100vw * 7 / 390);
	align-items: flex-start;
}

#pickup .titBox .cat{
	font-size: calc(100vw * 15 / 390);
	padding: calc(100vw * 3 / 390) calc(100vw * 15 / 390);
	min-width: calc(100vw * 90 / 390);
}

#pickup .titBox .tit{
	font-size: calc(100vw * 18 / 390);
}

#infoModal .modalWrap {
  width: min(700px, 90%);
}

#infoModal .modal-close {
	right: calc(100vw * 10 / 390);
	top: calc(100vw * 10 / 390);
	width: calc(100vw * 50 / 390);
}

#infoModal .modal-inner {
	border-radius: 10px;
  padding: calc(100vw * 70 / 390) calc(100vw * 20 / 390);
  overflow-y: auto;
}

#infoModal .modal-inner .modalImg{
	margin-bottom: calc(100vw * 30 / 390);
}


#infoModal .modal-inner .titBox .cat{
	font-size: calc(100vw * 15 / 390);
	padding: calc(100vw * 3 / 390) calc(100vw * 15 / 390);
	min-width: calc(100vw * 90 / 390);
	margin-bottom: calc(100vw * 5 / 390);
}

#infoModal .modal-inner .titBox .tit{
	font-size: calc(100vw * 24 / 390);
	line-height: calc(100vw * 29 / 390);
	margin-bottom: calc(100vw * 20 / 390);
}

#infoModal .modal-inner .modalBody{
	gap:calc(100vw * 15 / 390);
}

#infoModal .modal-inner .modalBody p{
	font-size: calc(100vw * 16 / 390);
	line-height: calc(100vw * 19 / 390);
}

#pickup .tabNav{
	display: none;
}
	
#pickup .tabSelect{
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border-radius: 10px;
	background: #FF6600;
	border: solid 1px #FF6600;
	position: relative;
    font-size: calc(100vw * 20 / 390);
    font-weight: 700;
    color: #fff;
    width: calc(100vw * 350 / 390);
	height: calc(100vw * 60 / 390);
    background-image: url("../img/common/arrow4.svg");
    background-repeat: no-repeat;
    background-position: right calc(100vw * 20 / 390) center;
    background-size: calc(100vw * 18 / 390) calc(100vw * 10 / 390);
	text-align: center;
	margin-bottom: calc(100vw * 15 / 390);
	display: block;
}
	
#pickup .tabSelect[data-type="notice"]{
	background-color: #1D67B1;
	border-color: #1D67B1;
}
	
#pickup .tabSelect[data-type="work"]{
	background-color: #058273;
	border-color: #058273;
}
	
#pickup .tabSelect[data-type="outing"]{
	background-color: #CF4D0C;
	border-color: #CF4D0C;
}
	
#pickup .tabSelect[data-type="attention"]{
	background-color: #6231A6;
	border-color: #6231A6;
}
	
#pickup .tabSelect[data-type="recruit"]{
	background-color: #0B861B;
	border-color: #0B861B;
}

#pickup .tabContent{
	padding: 0 0px;
}

#pickup .tabContent .tabPanel{
	border-radius: 10px;
	padding:calc(100vw * 30 / 390) calc(100vw * 15 / 390);
}

#pickup .tabContent .tabPanel .date{
	font-size: calc(100vw * 21 / 390);
	margin-bottom: calc(100vw * 15 / 390);
}

#pickup .tabContent .tabPanel .infoList{
	border-top: dotted 1px #B9B9B9;
}

#pickup .tabContent .tabPanel .infoList .infoItem{
	padding: calc(100vw * 10 / 390) 0;
}

#pickup .tabContent .tabPanel .infoList li{
	padding-right: calc(100vw * 25 / 390);
}

#pickup .tabContent .tabPanel .infoList li::after{
	width: calc(100vw * 20 / 390);
	height: calc(100vw * 20 / 390);
	mask-size: cover;
}

#pickup .tabContent .titBox .tit {
    font-size: calc(100vw * 16 / 390);
  }
}



#bnSec{
	width: 100%;
	padding: 50px 20px;
}

#bnSec .bnWrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	gap:20px;
}

#bnSec .bnWrap a{
	transition: .3s;
}

#backnum.kairanban .backnumWrap {
  padding: 40px 0px 60px;
}

.programCommonTit.kairanban.blog{
	margin-bottom: 0;
}

.programCommonTit.kairanban.blog span{
	content: url("../../kairanban/img/blog.svg");
}

#backnum.kairanban .underBn {
	display: block;
  width: fit-content;
  margin: 0 auto;
	transition: .3s;
}

#backnum .imgTit{
	border-radius: 20px;
	margin-top: 30px;
}

#backnum .imgTit,
#detailOne .imgTit{
	border-radius: 20px;
	margin-top: 30px;
}

#backnum .treasureTxt{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #027987;
}

#backnum .treasureTit{
	font-size: 24px;
	font-weight: 700;
	color: #222;
	background: #FFF6D4;
	padding: 15px 20px;
	border-radius: 10px;
}

#backnum .backnumList.treasure article .imgArea {
  aspect-ratio: 353 / 262;
}

@media ( max-width : 840px ) {
#bnSec{
	padding: calc(100vw * 30 / 390) calc(100vw * 20 / 390);
	text-align: center;
}

#bnSec .bnWrap{
	flex-wrap: wrap;
	gap:calc(100vw * 20 / 390);
}

#backnum.kairanban .backnumWrap {
  padding: 0px calc(100vw * 5 / 390) calc(100vw * 60 / 390);
}

.programCommonTit.kairanban.blog{
	line-height: calc(100vw * 48 / 390);
}

.programCommonTit.kairanban.blog span{
	width: calc(100vw * 50 / 390);
}

#backnum .imgTit,
#detailOne .imgTit{
	margin-top: calc(100vw * 30 / 390);
}
#detailOne.kairanban {
    padding: calc(100vw * 0 / 390) calc(100vw * 15 / 390) 0;
}
	
#detailOne.kairanban .detailWrap {
  padding: calc(100vw * 0 / 390) calc(100vw * 5 / 390) calc(100vw * 40 / 390);
}

#backnum .treasureTxt{
	font-size:  calc(100vw * 24 / 390);
	line-height: 150%;
}

#backnum .treasureTit{
	font-size:  calc(100vw * 24 / 390);
	padding: calc(100vw * 15 / 390) calc(100vw * 20 / 390);
}

#backnum .backnumList.treasure {
    display: flex;
    gap: calc(100vw * 15 / 390);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

#backnum .backnumList.treasure article {
    flex: 0 0 93%;
    scroll-snap-align: start;
  }

#backnum .backnumList.treasure::-webkit-scrollbar {
    display: none;
  }
}











.moreBtn.ichi_spe{
	background: #3E1B03;
	color: #fff;
	border-color: #3E1B03;
}

.moreBtn.ichi_spe span{
	background: #fff;
}

.moreBtn.kanmuri_ru-ya{
	background: #8F462C;
	color: #fff;
	border-color: #8F462C;
}

.moreBtn.kanmuri_ru-ya span{
	background: #fff;
}

.moreBtn.ongakuojo{
	background: #FC5686;
	color: #fff;
	border-color: #FC5686;
}

.moreBtn.ongakuojo span{
	background: #fff;
}

.moreBtn.spice{
	background: #74B70B;
	color: #fff;
	border-color: #74B70B;
}

.moreBtn.spice span{
	background: #fff;
}

.moreBtn.kairanban{
	background: #FF6600;
	color: #fff;
	border-color: #FF6600;
}

.moreBtn.kairanban span{
	background: #fff;
}

.moreBtn.kairanban.modal-open{
	background: #fff;
	color: #FF6600;
}

.moreBtn.kairanban.modal-open span{
	mask-image: url("../../kairanban/img/modal.svg");
	width: 18px;
	height: 18px;
	background: #FF6600;
}



#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox .page-numbers {
	border-radius: 1000px;
  color: #8F462C;
}

#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox .page-numbers.prev, 
#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox .page-numbers.next{
	background: #8F462C;
}

#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox .page-numbers.current {
  background: #F7B402;
  color: #fff;
}

#backnum.ongakuojo .backnumWrap .pagenationBox .page-numbers {
  color: #FC5686;
	background: #fff;
}

#backnum.ongakuojo .backnumWrap .pagenationBox .page-numbers.prev, 
#backnum.ongakuojo .backnumWrap .pagenationBox .page-numbers.next{
	background: #6B2D3F;
}

#backnum.ongakuojo .backnumWrap .pagenationBox .page-numbers.current {
  background: #FC5686;
  color: #fff;
}

#backnum.spice .backnumWrap .pagenationBox .page-numbers {
	border-radius: 1000px;
  color: #6C3D31;
}

#backnum.spice .backnumWrap .pagenationBox .page-numbers.prev, 
#backnum.spice .backnumWrap .pagenationBox .page-numbers.next{
	background: #6C3D31;
}

#backnum.spice .backnumWrap .pagenationBox .page-numbers.current {
  background: #74B70B;
  color: #fff;
}

#backnum.kairanban .backnumWrap .pagenationBox .page-numbers {
	border-radius: 1000px;
  color: #6C3D31;
}

#backnum.kairanban .backnumWrap .pagenationBox .page-numbers.prev, 
#backnum.kairanban .backnumWrap .pagenationBox .page-numbers.next{
	background: #FF6600;
}

#backnum.kairanban .backnumWrap .pagenationBox .page-numbers.current {
  background: #9F270C;
  color: #fff;
}

@media ( max-width : 840px ) {
.moreBtn.kairanban.modal-open span{
	width: calc(100vw * 18 / 390);
	height: calc(100vw * 18 / 390);
}
}

@media ( min-width : 840px ) {
	.moreBtn.ichi_spe:hover{
	background: #fff;
	color: #3E1B03;
}
	.moreBtn.ichi_spe:hover span{
	background: #3E1B03;
}
	.moreBtn.kanmuri_ru-ya:hover{
	background: #fff;
	color: #8F462C;
}
	.moreBtn.kanmuri_ru-ya:hover span{
	background: #8F462C;
}
	.moreBtn.ongakuojo:hover{
	background: #fff;
	color: #FC5686;
}
	.moreBtn.ongakuojo:hover span{
	background: #FC5686;
}
	.moreBtn.spice:hover{
	background: #fff;
	color: #74B70B;
}
	.moreBtn.spice:hover span{
	background: #74B70B;
}
	.moreBtn.kairanban:hover{
	background: #fff;
	color: #FF6600;
}
	.moreBtn.kairanban:hover span{
	background: #FF6600;
}

.moreBtn.kairanban.modal-open:hover{
	background: #FF6600;
	color: #fff;
}

.moreBtn.kairanban.modal-open:hover span{
	background: #fff;
}
	
#backnum.kanmuri_ru-ya .backnumWrap .pagenationBox .page-numbers:hover {
	background: #FEC030;
	color: #fff;
}
	
#backnum.ongakuojo .backnumWrap .pagenationBox .page-numbers:hover {
	background: #FC5686;
	color: #fff;
}
	
#backnum.spice .backnumWrap .pagenationBox .page-numbers:hover {
	background: #74B70B;
	color: #fff;
}
	
#backnum.kairanban .backnumWrap .pagenationBox .page-numbers:hover {
	background: #9F270C;
	color: #fff;
}

#aboutOne .aboutWrap .tverBox a:hover{
	opacity: .8;
}

#aboutOne .aboutWrap .linkBox a:hover{
	opacity: .8;
}

#aboutOne .aboutWrap .snsBox a:hover{
	opacity: .8;
}

#aboutOne .aboutWrap .tverBox a:hover .imgWrap img{
	transform: scale(1.1);
}

#instaList .imgBox a:hover img{
	transform: scale(1.05);
}
	
#aboutOne.spice .nextWrap .next:hover .txtArea .tit{
	color: #84d900;
}
	
#aboutOne.spice .nextWrap .next:hover .imgArea img{
	transform: scale(1.05);
}

#cast .castWrap .modal:hover .imgArea img{
	transform: scale(1.05);
}

#contents .contentsWrap .contentsList a:hover .imgArea img{
	transform: scale(1.05);
}

#contents .contentsWrap .contentsList a:hover .txtArea .corner{
	color: #84d900;
}
	
#present .presentWrap .appliBox .downloadBox div a:hover{
	opacity: .7;	
}

#pickup .tabContent .tabPanel .infoList .infoItem:hover{
	color: #FF6600;
}

#pickup .tabContent .tabPanel .infoList li:hover::after{
	background: #FF6600;
}

#backnum.kairanban .underBn:hover {
	opacity: .7;
}

#bnSec .bnWrap a:hover{
	opacity: .7;
}
	
#pickup .tabNav li:hover {
	height: 50px;
}