@charset "utf-8";
.music .sec_contents {
    max-width: min(calc(800 / var(--vw-min) * 100vw),800px);
}
@media screen and (max-width:767px){
  .music .sec_contents {
      padding: 0;
  }
}
.header__navBtn{
    background-color: var(--color-green);
}
.ttl_jp {
    color: var(--color-green);
}
.sub_siteTtl .siteTtl__img {
    background-color:var(--color-green);
}
/*-----------------------------------------------
 * MUSIC
-------------------------------------------------*/
.linkLists{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: min(calc(60 / var(--vw-min) * 100vw),60px);
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .linkLists {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: calc(70 / var(--vw-min) * 100vw);
    }
}
.linkItem:not(:last-child){
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}

@media screen and (min-width:768px){
  .linkItem:not(:last-child){
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
  }
  .linkItem:nth-child(n+4){
    margin-top:min(calc(20 / var(--vw-min) * 100vw),20px);
  }
}
@media screen and (max-width: 767px) {
    .linkItem:not(:last-child), .linkItem {
        margin-right: 0;
    }
    .linkItem:nth-child(n+3) {
        margin-top: calc(24 / var(--vw-min) * 100vw);
    }
}
.linkItem__link{
    display: flex;
    padding: 0 min(calc(16 / var(--vw-min) * 100vw),16px);
    width: min(calc(240 / var(--vw-min) * 100vw),240px);
    height: min(calc(50 / var(--vw-min) * 100vw),50px);
    background-color: var(--color-main);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    font-weight: 700;
    position: relative;
}
@media screen and (hover:hover) and (pointer: fine){
  .linkItem__link{
    transition: all .4s ease;
  }
  .linkItem__link:hover{
    background-color: var(--color-pink);
  }
}
.linkItem__link .arrowBtn{
    position: absolute;
    right: min(calc(16 / var(--vw-min) * 100vw),16px);
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
}


@media screen and (max-width: 767px) {
    .linkItem__link {
        display: flex;
        padding: 0 min(calc(16 / var(--vw-min) * 100vw), 16px);
        width: calc(310 / var(--vw-min) * 100vw);
        height: calc(86 / var(--vw-min) * 100vw);
        border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
        font-size: calc(26 / var(--vw-min) * 100vw);
    }
}

.itemDetailBoxWrap:not(:last-child){
    margin-bottom: min(calc(130 / var(--vw-min) * 100vw),130px);
}

.itemDetail__ttlWrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
    text-align: center;
    padding-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
    line-height: 1.3;
    position: relative;
}
.itemDetail__ttlWrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: min(calc(10 / var(--vw-min) * 100vw), 10px);
    width: min(calc(226 / var(--vw-min) * 100vw), 226px);
    -webkit-mask: url(../img/deco/line_dot.png) no-repeat center center / contain;
    mask: url(../img/deco/line_dot.png) no-repeat center center / contain;
    background-color: var(--color-green);
}
.itemDetail__ttl{
    font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
    font-weight: 700;
}
@media screen and (max-width:767px){
  .itemDetail__ttlWrap::after {
      height: calc(10 / var(--vw-min) * 100vw);
      width: calc(246 / var(--vw-min) * 100vw);
  }
  .itemDetail__ttl{
    font-size:calc(36 / var(--vw-min) * 100vw);
  }
}
.itemDetail__mTtl{
    text-align: center;
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 700;
    margin-bottom: min(calc(34 / var(--vw-min) * 100vw),34px);
    padding-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
    border-bottom: 2px dotted var(--color-green);
    color: var(--color-green);
}
@media screen and (max-width:767px){
  .itemDetail__mTtl{
      font-size:calc(32 / var(--vw-min) * 100vw);
      margin-bottom: calc(30 / var(--vw-min) * 100vw);
      padding-bottom: calc(24 / var(--vw-min) * 100vw);
  }

}
/**/

.itemDetailBox{
    display: flex;
    justify-content: center;
    position: relative;
}
.leftBlock{
    width: 42%;
    margin-right:8%;
}
.rightBlock{
    width:50%;
}
.img{
  border-radius:min(calc(20 / var(--vw-min) * 100vw), 20px);
  overflow: hidden;
}
.img img{
    width: 100%;
    height: auto;
}
.itemDetail__txt{
    font-size:min(calc(18 / var(--vw-min) * 100vw), 18px);
    letter-spacing: 0.04em;
    line-height: calc(30/18);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
    font-weight: 700;
}
.itemDetail__txt:last-child{
    margin-bottom: 0;
}
@media screen and (max-width:767px){
    .itemDetailBox{
        flex-direction: column;
    }
    .itemDetailBox._linkBtn{
        padding-bottom: calc(80 / var(--vw-min)* 100vw);
    }
    .leftBlock{
        width: 100%;
    }
    .rightBlock{
        width: 100%;
    }
    .itemDetail__txt{
        font-size:calc(24 / var(--vw-min)* 100vw);
        line-height: 2;
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
    }
}

.linkBtn._music{
  width: min(calc(280 / var(--vw-min) * 100vw), 280px);
  height: min(calc(60 / var(--vw-min) * 100vw),60px);
  margin: min(calc(20 / var(--vw-min) * 100vw),20px) auto 0;
}
.linkBtn._music .arrowBtn{
  left: unset;
  right: min(calc(15 / var(--vw-min) * 100vw),15px);
  background-color: var(--color-green);
}
@media screen and (max-width:767px){
  .item__linkBtnWrap{
    margin-bottom: calc(48 / var(--vw-min) * 100vw);
  }
  .linkBtn._music{
    width: calc(440 / var(--vw-min) * 100vw);
    height:calc(100 / var(--vw-min) * 100vw);
    margin: calc(22 / var(--vw-min) * 100vw) auto 0;
    font-size: calc(30 / var(--vw-min) * 100vw);
  }
  .linkBtn._music .arrowBtn{
    left: unset;
    right: calc(20 / var(--vw-min) * 100vw);
    width: calc(48 / var(--vw-min) * 100vw);
    height: calc(48 / var(--vw-min) * 100vw);
  }
}
.sTtl{
  color: var(--color-green);
}

.linkBtn.is-c_green {
	background-color: #ea6d8d;
  color: #fff;
}
.linkBtn.is-c_green:hover {
  background-color: #3db270;
}
.linkBtn.is-c_green .arrowBtn{
	background-color:#3db270;
}

/* tokutenLists */
.tokutenBlock{
  margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.tokutenLists{
  display: flex;
  flex-wrap: wrap;
}
.tokutenItem{
  width: min(calc(240 / var(--vw-min) * 100vw), 240px);
  margin-right: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.tokutenItem:nth-child(3n){
  margin-right: 0;
}
.tokutenItem:nth-child(n+4){
  margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.tokutenImg{
  width: 100%;
  height: min(calc(240 / var(--vw-min) * 100vw), 240px);
  border-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
  overflow: hidden;
}
.tokutenImg img{
  width: 100%;
  height:100%;
  object-fit: cover;
}
.tokutenItem__link{
  text-decoration: none;
}
.tokutenTxt{
  display: flex;
  flex-direction: column;
  margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
  font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
  font-weight: 700;
  line-height: calc(32/20);
}
.tokutenTxt__shop{
  color: var(--color-green);
}
@media screen and (max-width: 767px) {
  .tokutenLists {
    justify-content: space-between;
  }
  .tokutenItem{
    width:calc(310 / var(--vw-min) * 100vw);
    margin-right:0;
  }
  .tokutenItem:nth-child(2n){
    margin-right: 0;
  }
  .tokutenItem:nth-child(n+3){
    margin-top: calc(30 / var(--vw-min) * 100vw);
  }
  .tokutenImg{
    height:calc(310 / var(--vw-min) * 100vw);
  }
  .tokutenTxt{
    margin-top: calc(12 / var(--vw-min) * 100vw);
    font-size: calc(24 / var(--vw-min) * 100vw);
  }
}
@media screen and (hover:hover) and (pointer: fine){
	.tokutenItem__link .tokutenImg img{
    transition: all .4s ease;
  }
	.tokutenItem__link:hover .tokutenImg img{
		transform: scale(1.06);
  }
}

.commentDetailBox{
    margin-top: min(calc(34 / var(--vw-min) * 100vw), 34px);
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    line-height: 2;
}
@media screen and (max-width: 767px) {
  .commentDetailBox{
    margin-top: calc(30 / var(--vw-min) * 100vw);
    font-size: calc(24 / var(--vw-min) * 100vw);
  }
}

.cmtit{
  text-align: center;
  font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
  margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .cmtit{
    font-size: calc(32 / var(--vw-min) * 100vw);
    margin-bottom: calc(10 / var(--vw-min) * 100vw);
  }
}

.cmimg{
  margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
  margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .cmimg{
    margin-top: calc(20 / var(--vw-min) * 100vw);
    margin-bottom: calc(20 / var(--vw-min) * 100vw);
  }
}


@media screen and (min-width: 769px) {
  .comlink ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.linkBtn._com{
  width: min(calc(260 / var(--vw-min) * 100vw), 260px);
  height: min(calc(60 / var(--vw-min) * 100vw),60px);
  margin: min(calc(20 / var(--vw-min) * 100vw),20px) auto 0;
  text-align: center;
  line-height: 1.3;
}
.linkBtn._com .arrowBtn{
  left: unset;
  right: min(calc(15 / var(--vw-min) * 100vw),15px);
  background-color: var(--color-green);
}
@media screen and (max-width:767px){
  .linkBtn._com{
    width: 100%;
    height:calc(76 / var(--vw-min) * 100vw);
    margin: calc(22 / var(--vw-min) * 100vw) auto 0;
    font-size: calc(30 / var(--vw-min) * 100vw);
  }
  .linkBtn._com .arrowBtn{
    left: unset;
    right: calc(20 / var(--vw-min) * 100vw);
    width: calc(48 / var(--vw-min) * 100vw);
    height: calc(48 / var(--vw-min) * 100vw);
  }
  .comlinksp{
    margin-bottom: 0;
  }
}

/*MOVIE*/
.movieBoxWrap {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
  margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.movieBox{
  border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.movieBox .item_img {
  height: 100%;
  transition: 0.4s ease;
}
.movieBox .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn_moviePlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* play icon */
.play-icon {
  width: min(calc(60 / var(--vw-min) * 100vw), 60px);
  height: min(calc(60 / var(--vw-min) * 100vw), 60px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../img/common/icon/ic_movieplay.png) no-repeat center center/contain;
  transform: scale(1);
  transition: 0.4s ease;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .play-icon {
      width: calc(101 / var(--vw-min) * 100vw);
      height:calc(101 / var(--vw-min) * 100vw);
    }
}

@media screen and (hover:hover) and (pointer: fine){
  /*hover*/
  .movieBoxWrap:hover .item_img {
    transform: scale(1.05);
  }
  .movieBoxWrap:hover .play-icon {
    opacity: 0;
  }
  .movieBox:hover {
    cursor: pointer;
  }
}
.indent{
    display: block;
    padding-left: 0.7em;
    text-indent: -0.7em;
}
.indentS{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}