.movieWrap {
	max-width: 980px;
	margin: 0 auto min(5vw, 60px);
}
.movieWrap div {
	width: 100%;
	position: relative;
	padding-top: 74.95%;
}
.movieWrap div video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* --------- common --------- */
#album {
  font-size: 16px;
}
#album .wrap {
  padding: 64px 30px;
}
#album img {
  width: 100%;
  vertical-align: middle;
}
#album h3 {
  width: 40%;
  margin-bottom: 56px;
}
#album  .button {
  margin-top: 24px;
}
#album  .button a {
  text-align: center;
  font-size: 0.875rem;
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 16px 32px;
  border: 1px solid #fff;
  position: relative;
}
#album .button a::after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 737px) {
  #album a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 736px) {
  #album {
    font-size: 3.4vw;
  }
  #album .wrap {
    padding: 10vw 6vw;
  }
  #album h3 {
    width: 80%;
    margin-bottom: 10vw;
  }
}

/* --------- slider --------- */
#album {
  overflow: hidden;
}
#album .slick-list {
  overflow: visible;
}
#album .albumSlider {
  max-width: 880px;
  margin: 0 auto 120px;
}
#album .albumSlider li {
  position: relative;
  padding: 0 16px;
}
#album .albumSlider li .sliderText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#album .albumSlider li .sliderText a {
  display: block;
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  text-decoration: none;
  padding: 10px;
}
#album .albumSlider > li .sliderBg {
  width: 100%;
}

#album .slick-dots {
  bottom:  -35px;
}
#album .slick-dots li,
#album .slick-dots li button,
#album .slick-dots li button:before {
  width: 7px;
  height: 7px;
}
#album .slick-dots li {
  padding: 0;
}
#album .slick-dots li button {
  border-radius: 5px;
  background: #fff;
  opacity: 0.6;
  padding: 0;
}
#album .slick-dots li button:before {
  content: "";
}
#album .slick-dots li.slick-active button {
  opacity: 1;
}
@media screen and (min-width: 737px) {
  #album .albumSlider li {
    transform: scale(.9);
    transition: all 1s ease;
  }
	#album .albumSlider li.slick-center,
	#album .albumSlider li .is-active-next .slider__item {
	}
	
	.slider__item {
		transform: scale(.9);
		transition: all .8s ease;
	}
	.slick-slide.slick-current .slider__item,
	.slick-slide.is-active-next .slider__item {
		transform: scale(1);
	}
}
@media screen and (max-width: 736px) {
  #album .albumSlider {
    margin-bottom: 12vw;
  }
  #album .albumSlider li {
    padding: 0;
  }
}

/* --------- release --------- */
#album .releaseContents > li {
  margin-top: 64px;
}
#album .releaseContents > li:first-child{
  margin-top: 0;
}
#album .releaseContents > li > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}



#album .releaseImg {
  width: 30%;
    line-height: 0;
    border: #ccc solid 1px;
}
#album .releaseText {
/*  width: 56%;*/
}

#album .releaseText {
    max-width: 620px;
    font-weight: bold;
    color: #5fc3d0;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'serif';
}
#album .releaseText .name {
    font-size: min(8.4vw, 46px);
    line-height: 1.4;
}
#album .releaseText .number {
    font-size: min(4vw, 24px);
    display: flex;
    align-items: center;
}
#album .releaseText .number span {
    display: inline;
    font-size: 2.6em;
    letter-spacing: 0.2em;
    text-indent: -0.15em;
    line-height: 1.1;
}
#album .releaseText .date {
    font-size: min(5.6vw, 30px);
    letter-spacing: 0.14em;
}
#album .releaseText .date span {
    font-size: 0.9em;
}


#album .release01_imgBtm {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
#album .release01_imgBtm > li {
  width: 32%;
}

#album .releaseBtnArea {
  display: flex;
  justify-content: space-between;
}
#album .release .button {
  width: 48%;
}
@media screen and (max-width: 736px) {
  #album .releaseContents > li {
    margin-top: 12vw;
  }
  #album .releaseContents > li:first-child{
    margin-top: 0;
  }
  #album .releaseContents > li > div {
    display: block;
  }
  #album .releaseImg {
    width: 100%;
  }
  #album .releaseText {
    width: 100%;
  }
    #album .releaseText .number span {
        font-size: 2.2em;
    }
  #album .release01_imgBtm {
    margin-top: 2vw;
  }
  #album .releaseBtnArea {
    display: block;
  }
  #album .release .button {
    width: 80vw;
    max-width: 420px;
    margin: auto;
  }
  #album .releaseBtnArea > div:nth-of-type(n + 2) {
    margin-top: 4vw;
  }
}
/* --------- benefits --------- */
#album .benefits ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#album .benefits ul {
  margin-top: 30px;
}
#album .benefits li {
  width: 30%;
  margin-top: 30px;
}
#album .button.btnBenefits {
  display: flex;
  justify-content: center;
}
#album .benefits .button a {
  width: 64%;
  border: none;
  background-color: #565656;
}

#album .benefitFlex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#album .benefitFlex + .benefitFlex {
	margin-top: 60px;
}
#album .benefitFlex .benefitImg {
	width: 50%;
	line-height: 0;
}
#album .benefitFlex .benefitTxt {
	width: 45%;
}
#album .benefitFlex .benefitTxt h4 {
	font-size: 20px;
    font-weight: bold;
	margin-bottom: 15px;
}
#album .benefitFlex .benefitTxt p {
	font-size: 16px;
	margin-bottom: 15px;
}
#album .benefitFlex .benefitTxt .note {
	font-size: 0.8em;
    font-weight: normal;
}
#album .benefitFlex .benefitTxt a {
	color: #fff;
	text-decoration: underline;
}

#album .benefitFlex .benefitTxtWide {
	width: 100%;
	margin-top: 30px;
}

@media screen and (min-width: 737px) {
  #album .benefits li:nth-of-type(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 736px) {
  #album .benefits ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #album .benefits ul {
    margin-top: 8vw;
  }
  #album .benefits li {
    width: 100%;
    margin-top: 8vw;
  }
  #album .benefits li:first-child {
    margin-top: 0;
  }
	

	#album .benefitFlex {
		display: block;
	}
	#album .benefitFlex .benefitImg {
		width: 100%;
		margin-bottom: 6vw;
	}
	#album .benefitFlex .benefitTxt {
		width: 100%;
	}
	#album .benefitFlex .benefitTxt h4 {
		font-size: 4vw;
		margin-bottom: 3vw;
	}
	#album .benefitFlex .benefitTxt p {
		font-size: 3.2vw;
		margin-bottom: 3vw;
	}
}
/* --------- interview --------- */
#interview .archive {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
/*    gap: min(5vw, 25px) 2%;*/
}
#interview .archive li {
    width: 85%;
    line-height: 0;
}

@media screen and (max-width: 736px) {
    
    #interview .archive li {
        width: 100%;
    }
}


/* --------- comment --------- */
#album .comment ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#album .comment li {
  width: 48%;
  margin-top: 16px;
}
@media screen and (min-width: 737px) {
  #album .comment li:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 736px) {
  #album .comment ul {
    display: block;
  }
  #album .comment li {
    width: 100%;
    margin-top: 4vw;
  }
  #album .comment li:first-child {
    margin-top: 0;
  }
}
/* --------- tour --------- */
#album .tour > p {
  margin-top: 24px;
}
#album .tour > p a {
  color: #fff;
}
#album .tour > p:nth-of-type(1) {
  margin-top: 42px;
}
@media screen and (max-width: 736px) {
  #album .tour > p {
    margin-top: 6vw;
  }
  #album .tour > p:nth-of-type(1) {
    margin-top: 10vw;
  }
}
/* --------- video --------- */
#album .video ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#album .video li {
  width: 48%;
  /* padding-top: 27%;
  position: relative; */
  margin-top: 40px;
  line-height: 1.4;
}
#album .video li.wide {
	width: 60%;
	margin: 0 auto;
}
#album .video li a {
  display: block;
  margin-bottom: 16px;
	border: #444 solid 1px;
}
#album .video li a:focus {
	outline: none;
}
#album .video li span {
  font-size: 14px;
}
/* #album .video li > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */


#releaseComment .commentList li {
	line-height: 0;
	border-bottom: #ccc solid 1px;
}

@media screen and (min-width: 737px) {
  /*#album .video li:nth-of-type(-n+2) {
    margin-top: 0;
  }*/
}
@media screen and (max-width: 736px) {
  #album .video li {
    width: 100%;
    /* padding-top: 56.25%; */
    margin-top: 8vw;
  }
	#album .video li.wide {
		width: 100%;
	}
  #album .video li:first-child {
    margin-top: 0;
  }
  #album .video li a {
    margin-bottom: 3vw;
  }
  #album .video li span {
    font-size: 3vw;
  }
}




#interview .kv {
    line-height: 0;
    margin-bottom: min(8vw, 60px);
}
#interview h4 {
    font-size: min(4.2vw, 22px);
    margin-bottom: min(2vw, 10px);
}
#interview .epNum {
    font-family: "Times New Roman", Times, "serif";
    font-weight: bold;
    font-size: min(3.6vw, 18px);
    color: #65c4d3;
    margin-bottom: min(6vw, 30px);
    line-height: 1.6;
}
#interview .epNum span {
    font-size: min(3.8vw, 20px);
}
#interview .credit {
    font-size: min(3.2vw, 14px);
    margin-bottom: min(8vw, 60px);
}

#interview .txtQ {
    font-weight: bold;
    position: relative;
    padding-left: 2em;
    margin-bottom: min(6vw, 30px);
/*    margin-top: min(8vw, 60px);*/
}
#interview .txtQ::before {
    content: "―";
    position: absolute;
    top: 0;
    left: 0;
}
#interview .interviewBody {
    margin-bottom: min(10vw, 80px);
}
#interview .interviewBody p {
    margin-bottom: min(4vw, 20px);
}
#interview .interviewBody p span {
    color: #65c4d3;
    font-weight: bold;
}

#interview .interviewBody .pic {
    line-height: 0;
    margin: min(8vw, 60px) 0;
}
#interview .interviewBody .pic .caption {
    line-height: 1.8;
    font-size: min(3vw, 12px);
    margin-top: min(2vw, 10px);
}

#interview .interviewBody .iframeBox {
    width: 100%;
    margin: min(8vw, 60px) 0;
}
#interview .interviewBody .iframeBox > div {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#interview .interviewBody .iframeBox > div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#interview .interviewBody .continued {
    margin-top: min(8vw, 60px);
}




/* --------- 2024.10.22 --------- */

.releaseInfo {
  margin-bottom: min(8vw, 60px);
}
.releaseInfo:last-child {
  margin-bottom: 0;
}

.btnList {
  display: flex;
  justify-content: space-between;
  margin-top: min(7vw, 40px);
}
.btnList li {
  width: 32%;
  line-height: 0;
}

.archiveFlex {
  display: flex;
  justify-content: space-between;
}
.archiveFlex li {
  width: 32%;
  line-height: 0;
}

@media screen and (max-width: 736px) {
  .btnList {
    flex-direction: column;
    align-items: center;
    gap: min(3vw, 15px);
  }
  .btnList li {
    width: 60%;
  }
  .archiveFlex {
    flex-direction: column;
    align-items: center;
    gap: min(4vw, 20px);
  }
  .archiveFlex li {
    width: 80%;
  }
  
}