@charset "utf-8";
li span,a span{display: inline-block;}
#container .s01mainlist02 li a.nounder{text-decoration: none;}
@media print, screen and (min-width:768px){/* =========== pc start =========== */
 .mt20{margin-top:20px !important;}
 .mt45{margin-top:45px !important;}
 .mb40{margin-bottom:40px !important;}
	#container .navlist .nav li.lnav04 a{background-position: 0 -70px;}

  #container h3{
    display: flex;
    align-items: center;
    width: 91.38%;
    height: 60px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgb(204,238,119) 0%, rgba(206,238,122,0.30196) 2%, rgba(255,228,196,0.5) 60%, rgba(255,228,197,0.50196) 60%, rgba(255,221,228,0.32157) 100%);
    padding: 13px 0 13px 30px;
    font-size: 24px;
    margin-bottom: 40px;
  }
  #container .navWrap .nav > li:nth-child(3) {
    background-color: #006611;
   }
/* -------------- s01 start -------------- */
 #container .s01{
  background: url(/suntoryhall/feature/chamber2024/topics/img/first_section_bg_top.png) no-repeat center top;
 }
 #container .s01 h2 span{
		display: inline-block;
		font-size: 13.5px;
		font-weight: normal;
		padding-left: 30px;
	}

 #container .s01m01content{
  width:100%;
  position: relative;
  background-color: #fff;
 }

 #container .s01main{
		background-color: #fff;
	}

  #container .s01HD{
    display: flex;
    align-items: center;
    padding-top: 63px;
    padding-bottom: 53px;
  }
  #container .s01HD h2{width:27.5%;}
  #container .s01Btn{
    display: inline-block;
    width:200px; height: 40px;
    background:url(/suntoryhall/feature/chamber2024/topics/img/white_arrow.png) no-repeat 171px 18px,
    linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%);
    background-size: 8px 5px, 100%;
    border-radius: 50px;
    margin-top:0.3vw;
  }
  #container .s01Btn:hover{
   background:url(/suntoryhall/feature/chamber2024/topics/img/white_arrow.png) no-repeat 171px 18px,
              linear-gradient(to right, #007896 15%, #007149 50%, #008811 90%);
   background-size: 8px 5px, 100%;
  }
  #container .s01Btn .videoIcon{
    width:27px;
    margin:0 16px 0 24px;
  }
  #container .s01Btn .HDtxt{
    font-size: 15px;
    color:#fff;
  }
  #container .s01Btn a{
    display: flex; align-items: center;
    padding:9px 0 7px;
    text-decoration: none;
  }

  #container .s01mainlist01{
    width: 91.38%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin:auto;
    padding:0 0 30px;
   }
  #container .s01mainlist01.sp_item{display: none;}
  #container .s01mainlist01 li{width:23.585%; margin-right: 20px; padding-bottom: 35px;}
  #container .s01mainlist01 li:nth-child(4n){margin-right: 0px;}
  #container .s01mainlist01 a {
    text-decoration: unset;
  }
  #container .pagelinkArea li{width:100%; padding-bottom:0;}
  #container .s01mainTxt p span.fs13{
    display: inline-block;
    font-size: 13px;
  }
  #container .s01mainTxt p span.fs12{
    font-size: 12px;
  }
  #container .s01mainTxt p,#container .s01mainTxt a{
    font-size: 15px;
    color:#008a22;
    text-decoration: underline;
    font-weight: bold;
   }
   #container .s01mainTxt .s01Flex {
     display: flex;
     flex-direction: column;
     gap: 13px;
     padding-top: 20px;
   }
   #container .s01mainTxt .s01Flex p {
    text-decoration: none;
   }
   #container .s01mainTxt .s01Flex p span {
    display: inline;
   }
   #container .s01mainTxt .s01Flex p span.s01TxtDetail {
    text-decoration: underline;
   }
   #container .s01mainTxt .s01Small {
    display: inline;
    font-size: 13px !important;
    font-weight: normal;
    text-decoration: none !important;
  }

  
  #container .pagelinkArea{padding-top:12px;}
  #container .pagelinkArea a{
    font-size: 13px;
    color:#008a22;
   }
   #container .s01mainTxt p:hover,
   #container .s01mainTxt a:hover,
   #container .pagelinkArea a:hover{color:#006611;}

  #container .s01mainTxt .icon_pdf {
    background: url(../../img/icon_pdf.png) no-repeat 0 center;
    background-size: 14px;
    padding-left: 20px;
    font-size: 12px;
    text-decoration: underline;
  }

/* -------------- s01 end -------------- */
/* -------------- s02 start -------------- */
#container .s02{
  padding-bottom: 65px;
 }

#container .s02main01,
#container .s03main01 {
  width: 91.38%;
  margin: 0 auto;
}

#container .s02main01 h3,
#container .s03main01 h3 {
  width: 100%;
}

#container .s02main01 .s01mainTxt p,
#container .s03main01 .s01mainTxt p {
  margin-top: 20px;
}
#container h3 .samllTxt{
  font-size: 13.5px;
  padding-left: 40px;
  font-weight: normal;
}

#container .videoList{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin:auto;
}
#container .videoList p span{
  font-size: 13px;
  text-decoration: underline;
}
#container .videoList p.small-video{
  color: #006611;
  text-decoration: none;
  margin-top: 1em;
}
#container .videoList p.small-video span{
  font-size: 11px;
  text-decoration: none;
}
#container .videoList.sp_item{display: none;}
#container .videoList li{
  width:30.19%; margin-right: 50px;
}
#container .videoList li:nth-child(3n){margin-right: 0px;}

/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */
#container .s03 {
  padding-bottom: 115px;
  background:url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_left.png) no-repeat left bottom,
             url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_right.png) no-repeat right bottom;
}

#container .s03 h3 {
  gap: 25px;
}
#container .s03 h3 .s03Small {
  font-size: 16px;
}

#container .s03 .s01mainlist01 {
  width: 100%;
  padding: 0;
}

#container .s03 .s01mainlist01 li {
  width: 20.19%;
  margin-right: 50px;
}
/* -------------- s03 end -------------- */
}
/* =========== pc end =========== */

@media screen and (max-width:767px){/* =========== sp start =========== */
  #nav{top:0.76%;}
  #container .tagReport,
  #container .tagMessage,
  #container .tagMovie,
  #container .tagPerformer,
  #container .tagInterview,
  #container .tagEssay,
  #container .tagExplanation,
  #container .tagInfo,
  #container .tagPlaylist {
    width: 22.667vw;
    height: 6.667vw;
    margin-top: 4vw;
  }
/* -------------- s01 start -------------- */

#container .s01m01content{
  width:100%;
  height: 40vw;
  position: relative;
  background:url(/suntoryhall/feature/chamber2024/topics/img/sp_menu_bg.png) no-repeat;
  background-size: 100%;
 }
   #container .eventTxt1_1{
    position: absolute;
    top: 4vw;
    left: 5vw;
  }
  #container .eventTxt1_1 img {
    -webkit-filter: drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff);
   }
  #container .eventTxt1_1 .kv_txtArea > img:nth-child(2){
    margin-top: 4.267vw;
  }
  #container .eventTxt1_1 .kv_txtArea > img:nth-child(3){
    margin-top: 4.267vw;
  }
  #container .eventTxt1_1 .kv_txtArea > img:nth-child(4){
    margin-top: 2.800vw;
  }
  #container .eventTxt1_1 .kv_txtArea .flex{
    margin-top: 2.800vw;
  }

  #container .eventTxt1_1 .flex {
    display: flex;
    justify-content: space-between;
  }

  #container .eventTxt1_1 .flex img:last-child {
    margin-top: 1vw;
  }

  #container .sp_MenuArea {
    width: 92.654%;
    margin: auto auto auto 6.7vw;
    display: flex;
    justify-content: flex-end;
    padding: 4vw 0 1.258741vw;
}
  #container .kv_logoArea{
    max-width: 34.4vw; width: 100%;
    display: block;
    margin:.3vw 0 0 -1vw;
  }
  #container #SpMenuBtn{
    z-index: 999;
    max-width: 25.335vw; width: 100%;
    box-shadow: 0 0 10px 10px rgb(255 255 255 / 50%);
  }
  #container .spTxt{width:95.654%;}
  #container .spArea.clear::after{content: ''; display: block; clear: both;}
  #container .kv_txtArea{
    width:84vw;
    margin:2.666667vw auto 0;
  }

  #container .s01HD{display: flex; align-items: center;}
  #container .s01HD h2{
    width: 84%;
    margin: 0 auto;
    margin-top: 7.333vw;
    margin-bottom: 6vw;
    padding: 0;
  }
  #container .s01HD h2::before {
    left: -9vw;
  }

  #container .s01Btn{
    display: inline-block;
    width:36vw; height:9.335vw;
    background:url(/suntoryhall/feature/chamber2024/topics/img/sp_white_arrow.png) no-repeat 30.5333vw 4.26666vw,
    linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%);
    background-size: 2.5vw 1.5vw, 100%;
    border-radius: 65px;
    margin-top:0.3vw;
  }
  #container .s01Btn .videoIcon{
    width:4.935vw;
    margin:0 2.5vw 0 3.5vw;
  }
  #container .s01Btn .HDtxt{
    font-size: 3.2vw;
    font-weight: bold;
    color:#fff;
  }
  #container .s01Btn a{
    display: flex; align-items: center;
    padding:2.2vw 0 1.935vw;
    text-decoration: none;
  }

  #container .s01mainlist01{
    width:92%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:auto;
    padding-bottom: 3vw;
   }
   #container .s01mainlist01.pc_item{display: none;}
  #container .s01mainlist01 li{width:44.135vw; padding-bottom:7.733vw;}
  #container .s01mainlist01 li a {
    text-decoration: unset;
  }
  #container .s01mainTxt p span.fs13{
    display: inline-block;
    font-size: 2.66666vw;
  }
  #container .s01mainTxt p span.fs12{
    font-size: 2.66666vw;
  }
  #container .s01mainTxt p span.s01mainTxtS {
   font-size: 3.56vw;
  }
  .mb0{padding-bottom:0px !important;}
  #container .s01mainlist01 li img{width:100%;}
  #container .pagelinkArea li{width:100%; padding-bottom:0;}
  #container .s01mainTxt p,
  #container .s01mainTxt a{
    font-size: 3.6vw;
    color:#119900;
    padding-top:1.3vw;
    font-weight: bold;
    text-decoration: underline;
   }
   #container .s01 .s01mainTxt p,
   #container .s01 .s01mainTxt a{
    text-decoration: unset;
   }

   #container .s01mainTxt p span {
    display: inline;
   }
   #container .s01mainTxt p .s01TxtDetail {
      text-decoration: underline;
   }
   #container .s01mainTxt p span.s01Small {
    text-decoration: none;
    font-weight: normal;
    font-size: 2.933vw;
 }
  #container .pagelinkArea{padding-top:1.2vw;}
  #container .pagelinkArea a{
    font-size: 3.2vw;
    color:#119900;
   }
   #container .s01mainTxt .icon_pdf {
    background: url(../../img/sp_icon_pdf.png) no-repeat 1.333vw center;
    background-size: 3.2vw;
    padding-left: 5.867vw;
    font-size: 2.66666vw;
    text-decoration: underline;
  }


   /* -------------- s01 end -------------- */
   /* -------------- s02 start -------------- */
   #container .s02main01{width:92vw; margin:auto;}

   #container h3{
    width: 93%;
    margin: 0 auto;
    align-items: center;
    background: linear-gradient(90deg, rgb(204,238,119) 0%, rgba(208,237,125,0.30196) 5%, rgba(255,228,196,0.50196) 70%, rgba(255,221,228,0.32157) 100%);
    padding: 3.2vw 0 3.2vw 4vw;
    font-size: 5.333vw;
    line-height: 1.23;
    margin-bottom: 5.333vw;
  }

  #container .s02 h3 {
    width: 100%;
    margin-bottom: 4vw;
  }

  #container .s02 .s02Inner {
    width: 91.4%;
    margin: 0 auto;
  }

  #container .s02Txt{
    padding-bottom:5.333vw;
    font-size: 3.33333vw;
  }

  #container .videoList{
    margin:auto;
    padding-bottom:4vw;
  }
  #container .videoList > li{
    padding-bottom: 7.33333vw;
  }
  #container .videoList p{
    font-size: 4vw;
    padding:3.33333vw 0 0;
  }
  #container .videoList p span{
    font-size: 3.2vw;
    text-decoration: underline;
  }
  #container .videoList p.small-video{
    color: #006611;
    text-decoration: none;
    margin: 0;
  }
  #container .videoList p.small-video span{
    font-size: 2.4vw;
    text-decoration: none !important;
  }


  #container .DLarea{margin-top:5.33333vw;}


  #container .DLarea,
  #container .commonBorder{width:92%; margin:auto;}
  #container div#textBox{width:95.654%; margin:auto 0 auto auto;}

/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */
#container .s03main01{width:92vw; margin:auto;}
#container .s03 {
  background: url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_left_sp.png) no-repeat bottom left/15%, url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_right_sp.png) no-repeat bottom right/15%;
  padding-bottom: 16vw;
}
#container .s03 .s03Inner {
  width: 91.4%;
  margin: 0 auto;
}
#container .s03 .s01mainlist01 {
  width: 100%;
  padding: 0;
}

#container .s03 .s01mainlist01 li {
  width: 45%;
}
#container .s03 .s01mainlist01 li p {
  font-size: 4vw;
  padding: 3.33333vw 0 7.33333vw;
}
#container .s03 h3 {
  display: flex;
  width: 100%;
  margin-bottom: 8vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.333vw;
}
#container .s03 h3 .s03Small{
  font-size: 3.733vw;
}
}
/* -------------- s03 end -------------- */

/* =========== sp end =========== */