@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;}

/* -------------- s01 start -------------- */
 #container .s01{
  background:url(/suntoryhall/feature/chamber2023/common/img/first_section_bg_top.jpg) 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;
  box-shadow: -60px 0px 30px -60px rgb(221 187 119 / 50%),
														60px 0px 30px -60px rgb(221 187 119 / 50%)
	}

  #container .s01HD{display: flex; align-items: center; padding-top: 10px;}
  #container .s01HD h2{width:27.5%;}
  #container .s01Btn{
    display: inline-block;
    width:200px; height: 40px;
    background:url(/suntoryhall/feature/chamber2023/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/chamber2023/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:18px 0 60px;
   }
  #container .s01mainlist01.sp_item{display: none;}
  #container .s01mainlist01 li{width:23.585%; margin-right: 20px;}
  #container .s01mainlist01 li:nth-child(4n){margin-right: 0px;}
  .pb65{padding-bottom:65px !important;}
  #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:#119900;
    padding-top:15px;
    text-decoration: underline;
   }
  #container .pagelinkArea{padding-top:12px;}
  #container .pagelinkArea a{
    font-size: 13px;
    color:#119900;
   }
   #container .s01mainTxt p:hover,
   #container .s01mainTxt a:hover,
   #container .pagelinkArea a:hover{color:#55bb00;}

  #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: 50px;
  background:url(/suntoryhall/feature/chamber2023/common/img/section_bg_bottom_left.png) no-repeat left bottom,
            url(/suntoryhall/feature/chamber2023/common/img/section_bg_bottom_right.png) no-repeat right bottom,
            url(/suntoryhall/feature/chamber2023/common/img/first_section_bg_bottom.jpg) repeat-x center bottom;
 }

#container .s02main01{width: 91.38%; margin:auto;}
#container .s02 h3{
  display: flex; align-items: center;
  height: 60px;
  background: url(/suntoryhall/feature/chamber2023/common/img/sp_header_common2.png) no-repeat left -10px center,
              linear-gradient(to right, #fff888 10px, #fcfbcf 10%, #f2fbfa);
  padding:13px 0 13px 50px;
  font-size: 24px;
  margin-bottom: 3.125vw;
}
#container .s02 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;
  padding-bottom:150px;
}
#container .videoList p span{
  font-size: 13px;
  text-decoration: underline;
}
#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 -------------- */
/* =========== pc end =========== */}

@media screen and (max-width:767px){/* =========== sp start =========== */
  #nav{top:0.76%;}
/* -------------- s01 start -------------- */

  #container .s01m01content{
    width:100%;
    position: relative;
    background:url(/suntoryhall/feature/chamber2023/common/img/sp_menu_bg.jpg) no-repeat;
    background-size: 100%;
   }
   #container .eventTxt1_1{
     padding:0 0 8.1vw 1.5vw;
     margin-top:-3.7vw
    }

  #container .sp_MenuArea{
    width: 92.654%; margin:auto auto auto 6.7vw;
    display: flex;
    justify-content: space-between;
    padding:4vw 0 1.258741vw;
  }
  #container .kv_logoArea{
    max-width: 34.4vw; width: 100%;
    display: block;
    margin:.3vw 0 0 -1vw;
  }
  #container #SpMenuBtn{
    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:57%;
    margin-right: 3vw;
  }

  #container .s01Btn{
    display: inline-block;
    width:36vw; height:9.335vw;
    background:url(/suntoryhall/feature/chamber2023/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:2vw 0 10vw;
   }
   #container .s01mainlist01.pc_item{display: none;}
  #container .s01mainlist01 li{width:44.135vw; padding-bottom:8vw;}
  #container .s01mainTxt p span.fs13{
    display: inline-block;
    font-size: 2.66666vw;
  }
  #container .s01mainTxt p span.fs12{
    font-size: 2.66666vw;
  }
  .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.73333vw;
    color:#119900;
    padding-top:2vw;
    text-decoration: underline;
   }
  #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 .s02 h3{
    display: flex; align-items: center;
    height: 16vw;
    background: url(/suntoryhall/feature/chamber2023/common/img/sp_header_common2.png) no-repeat left center,
                linear-gradient(to right, #fff888 10px, #fcfbcf 10%, #f2fbfa);
    background-size: contain;
    padding:2vw 0 2vw 10vw;
    font-size: 6.13333vw;
    margin-bottom: 4.26666vw;
  }

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

  #container .videoList{
    width:76vw; margin:auto;
    padding-bottom:4vw;
  }
  #container .videoList p{
    padding:3.33333vw 0 7.33333vw;
  }
  #container .videoList p span{
    font-size: 3.2vw;
    text-decoration: underline;
  }

  #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 -------------- */
/* =========== sp end =========== */}