@charset "utf-8";
li span,a span{display: inline-block;}
@media print, screen and (min-width:768px){/* =========== pc start =========== */
 .mt20{margin-top:20px !important;}
 .mt45{margin-top:45px !important;}
 .mb40{margin-bottom:40px !important;}
 .f14{font-size: 14px !important; font-weight: bold;}

 /* link */
 #container .linkIcon::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon:hover {
   opacity: 0.5;
 }

 #container .linkIcon02::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon02:hover {
  opacity: 0.5;
 }
 #container .navWrap .nav > li:first-child {
  background-color: #006611;
 }
 /* -------------- s01 start -------------- */
 #container section h2{
  padding: 44px 0 44px 44px;
}

 #container .s01{
  background:url(/suntoryhall/feature/chamber2024/common/img/first_section_bg_top.png) no-repeat top;
  background-position-y: 60px;
 }

 #container .s01BgArea{
  background:
    url(/suntoryhall/feature/chamber2024/img/section_bg_top_left.png) no-repeat top left,
    url(/suntoryhall/feature/chamber2024/img/section_bg_top_right.png) no-repeat top right;
    background-position-y: 60px;
 }

 #container .s01m01content{
  width:100%; height: 490px;
  position: relative;
  background:url(/suntoryhall/feature/chamber2024/img/pc_kv_bg.png) no-repeat right;
  background-position-y: -4px;
 }

 #container .eventTxt1{
  display: block;
  position: absolute;
  left: 75px;
  top: 44px;
 }

 #container .eventTxt1 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>img:nth-child(1){
  position: absolute;
  right: 0;
 }

 #container .eventTxt1>img:nth-child(5){
  margin-top: 18px;
 }

 #container .eventTxt1 .flex{
  display: flex;
  justify-content: space-between;
  margin: 16px 0 12px;
 }
 #container .eventTxt1 .flex img:last-child{
  margin-top: 10px;
 }
 #container .eventTxt2{
  max-width: 940px;
  width: 100%;
  position: absolute;
  left:12%; bottom:0;
 }
 #container .eventTxt2 a{
  display: block;
  margin-top: 8px;
  color: #119900;
 }
 #container .eventTxt2 a:hover{
  color: #006611;
 }
 #container .eventTxt2 h3{font-size: 20px;}
 #container .eventTxt2 p{
  line-height: 1.5;
 }
 #container .eventTxt2 .ab p:nth-child(1){
  position: absolute;
  width: 618px;
  padding-right: 10px;
  left: -35px;
  bottom: 43px;
 }
 #container .eventTxt2 .ab p:nth-child(2){
  position: absolute;
  width: 305px;
  right: 30px;
  bottom: 13px;
 }

 #container .s01main02 {padding-bottom: 40px;}

 #container .s01list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 #container .s01list li {
  width: 22.415%; min-height: 250px;
  background: #fff;
 }
 #container .s01list li p{padding: 18px 0px 18px 0px; text-decoration: underline;}
 #container .s01list li a p,.s01list li p{display: inline-block; color:#008a22; font-size: 15px; font-weight: bold;}
 #container .s01list li a p:hover{color: #006611;}
 .s01list li p span{color: #dd0066;}
 #container .s01list li:hover a,.s01list li:hover p{color:#55bb00;}
 #container .s01title{display: inline-block; color:#cc7711; text-decoration:none;}
 #container .s01list li .lastList{padding:13px 16px 10px 20px;}
 #container .s01list li .s01listBnr {
  width: 260px;
  height: 230px;
  background-image: url(../img/section01_img04.jpg);
  background-size: contain;
 }
 #container .s01list li .s01listBnr:hover {
  background-image: url(../img/section01_img04_on.jpg);
 }
 
 /* -------------- s01 end -------------- */
 /* -------------- s02 start -------------- */
 #container .s02{
  padding:20px 0 130px ;
  background:url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_left.png) no-repeat bottom left,
             url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_right.png) no-repeat bottom right #eef8f0;
 }

 #container .s02header{
  display: flex; align-items: center; justify-content: space-between;
 }
 #container .s02header h2{padding-bottom:30px;}
 #container .s02header .s02headerImg{
  display: flex;
  width: 560px;
  max-width: 100%;
  align-items: center;
  padding: 15px;
  background: #008a22;
  cursor: pointer;
  justify-content: space-between;
 }
 #container .s02header .s02headerImg:hover{
  background: #006611;
 }
 #container .s02header > a{
  color: white;
  text-decoration: none;
 }
.s02headerImg p:first-child {
  width: 41px;
}
 #container .s02header .s02headerImg p.text{
  display: flex;
  gap: 10px;
  margin: 0 12px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
 }
 #container .s02header .s02headerImg p.text span.s02Small{
  font-size: 13px;
  font-weight: normal;
  line-height: 2.1;
 }
 #container .s02header .s02headerImg p:last-child{
  width:30px; height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:white;
}
#container .s02header .s02headerImg p:last-child:before {content: "";display: inline-block; width: 15px;height: 15px;background:url(/suntoryhall/feature/chamber2024/common/img/sp_green_arrow.svg) center/cover no-repeat}
 #container .s02Hlist,.s02Hlist span,.s02icon{display: inline-block;}
 #container .s02icon{
  width:24px; height: 17px;
  vertical-align: text-top;
 }
 .mr3{margin:0 3px !important;}

 #container .s02Hlist{
  font-size: 13.5px;
  line-height: 1.7;
  font-weight: 600;
  padding-left: 44px;
  margin-right: 30px;
  margin-bottom: 25px;
 }

 #container .s02mainList{width: 100%; display: flex;justify-content: space-between; flex-wrap: wrap;}
 #container .s02mainList li{
  width:48.276%;
  margin-bottom: 40px;
  padding: 30px 20px 20px 20px;
  background-color: white;
 }
 #container .s02Hlist .s02HlistBig {
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 10px;
 }
 #container .s02Hlist .s02HlistBig .ticketIcon img {
  width: 50px;
 }
 #container .s02mainContent {
  min-height: 160px;
  display: flex;
  align-items: stretch;
 }
   #container .s02mainimg {
    flex-basis: 54%;
    width: 220px;
 }
   #container .s02maintxt {
  width: 312px;
  display: flex; flex-wrap: wrap;
 }

 .f13{
  font-size: 13px !important;
  padding-bottom:5px !important;
 }
 #container .s02maintxt h3{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.39;
 }
 #container .s02maintxt .s02hdTxtSmall h3 {
  font-size: 18px;
 }
 #container .s02Txtcommon{
  padding:10px 0 12px;
  font-size: 15px;
  line-height: 1.5;
  color:#9955cc;
  font-weight: bold;
 }
 #container .s02Txtcommon a {
  color:#9955cc;
 }
 #container .nobold{
  font-weight: normal;
 }
 #container .s03Txtcommon{
  padding:10px 0px 12px 8px;
 }

 #container .s02Btn{
  position: relative;
  width: 180px; height: 40px;
  background:no-repeat,
             linear-gradient(to right, #008488 15%, #008753 50%, #008a22 90%);
  background-size: 5px 8px, 100%;
  border-radius: 50px;
 }
 #container .s02Btn:hover{
  background:no-repeat,
             linear-gradient(to right, #006677 15%, #006646 50%, #006612 90%);
  background-size: 5px 8px, 100%;
 }
 #container .s02Btn a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  margin-left: -4px;
  color:#fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
 }
 #container .s02Btn::after{
      content: '';
      position: absolute;
      background: url(../img/section02_whiteArrow.svg);
      width: 10px;
      height: 10px;
      background-size: cover;
      top: 49%;
      right: 7.5%;
      transform: translateY(-50%);
 }

 #container .s02mainbtnArea{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top:20px;
 }
 #container .s02Btn2{
  height: 46px;
  background-color:#eeffee;
  margin: 0 5px 10px 0;
 }
 #container .mt40{
  margin-top: 40px;
 }
 .mg0{margin:0 !important;}
 #container .s02Btn2:hover{background-color:#f4ffdd;}
 #container .s02Btn2 a{
  position: relative;
  width: 100%; height: 100%;
  margin:0 39px auto 0;
  display: flex;
  justify-content: center; align-items: center;
  padding-left: 7px;
  color:#119900;
  font-size: 15px;
  font-weight: bold;
 }
 #container .s02Btn2 a::before {
  position: absolute;
  content: '';
  background: url(../img/section02_boxArrow.png);
  width: 20px;
  height: 20px;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
 }
 #container .s02mainbtnArea.btnother a{margin:0 39px auto 0;}
 #container .s02mainbtnArea .s02icon{margin-left: 10px; margin-top: -4px;}

 .wd390{ width: 430px !important; display: block; }
 #container .lastcontent{margin-top:-55px;}

 #container .DLcontent{
  width: 100%;
  padding: 0;
  border: 1px solid #119900;
  background-color: #ffffff;
 }
 #container .DLcontent h3{
  padding: 30px 40px;
  cursor: pointer;
 }
 #container .DLcontent:hover{
  background-color: #cff8cc;
 }
 #container .DLcontent > .pc_item{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 #container .DLcontent > .pc_item:hover {
  background-color: #cff8cc;
 }
 #container .DLcontent > .pc_item p:nth-child(1){
  font-size: 27px;
  font-weight: bold;
 }
 #container .DLcontent > .pc_item p:nth-child(2),
 #container .DLcontent > .pc_item p:nth-child(3){
  display: flex;
  gap: 30px;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #008a22;
 }
 #container .DLcontent > .pc_item p span{
  display: block;
  width: 45px;
  margin: 0 6px;
 }
 #container .DLcontent > .pc_item a{
  width:40px; height: 40px;
    background:url(/suntoryhall/feature/chamber2024/common/img/white_plus.png) no-repeat 50% 50%,
              #119900;
    background-size: 15px 15px, 100%;
 }
 #container .DLcontent .DLcontent_flex {
  display: flex;
  gap: 30px;
 }
 #container .DLcontent .accArea{
  margin: 0 40px;
  padding: 0 0 30px;
  border-top: 2px solid #119900;
 }
 #container .DLcontent .accArea > p{
  padding: 20px 0;
  font-size: 14px;
 }
 #container .DLcontent .accArea > p > span{
  display: inline;
 }
 #container .DLcontent .accArea > p > span.sp_item{
  display: none !important;
 }
 #container .DLcontent .accArea ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 715px;
 }
 #container .DLcontent .accArea ul li{
  width: 49%;
  margin-bottom: 10px;
 }
 #container .DLcontent .accArea ul li a{
  color: inherit;
  text-decoration: none;
 }
 #container .DLcontent .accArea ul li a:visited,
 #container .DLcontent .accArea ul li a:active{
  color: inherit;
 }
 #container .DLcontent .accArea ul li div{
  display: flex;
  width: 100%;
  height: 55px;
  padding: 5px 10px;
  background-color: #eeffee;
 }
 #container .DLcontent .accArea ul li div:hover{
  background-color: #f4ffdd;
 }
 #container .DLcontent .accArea ul li div p{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 37%;
  margin-right: 3.5%;
  font-size: 14px;
  font-weight: bold;
 }
 #container .DLcontent .accArea ul li div p:nth-child(2){
  display: flex;
  align-items: center;
  width: 59.5%;
  font-size: 14px;
  font-weight: bold;
  color: #008322;
  text-decoration: underline;
 }
 #container .DLcontent .accArea ul li:hover div p:nth-child(2){
  color: #006611;
 }
 #container .DLimg{
  display: inline-block;
  width:164px;
  padding-right: 15px;
 }
 #container .DLimg.sp_item{display: none;}
 #container .DLtxt{ width:65%; display: inline-block; }
 #container .DLtxt a{
  font-size: 18px;
  font-weight: bold;
  color:#119900;
  line-height: 1.39;
 }
 #container .DLtxt .PDFicon{
  display: block;
  width:22px;
  padding-top:15px;
 }
 #container .DLtxt:hover a{color:#55bb00;}
 #container .DLtxt:hover .PDFicon{opacity: .8;}

 #container .commonBorder{padding-top:45px; }

 #container div#textBox {
  max-width: 1065px;
  width: 100%;
  margin: auto;
  background-color: #fff;
 }

 #container .listBox{
  max-height: 170px;
  overflow-y: scroll;
 }


 #container .listBox li{margin:-5px 0 13px;}
 #container .listBox li:first-child {
  margin-top: 0;
 }
 #container .listBox li p{display: inline-block; vertical-align: top;font-weight: bold;color: #000!important;}
 #container .dateArea{width:10.205%;}
 #container .titleArea{width:85%;}
 #container .titleArea .tagFlex {
  display: flex;
  /*align-items: center;*/
  align-items: start;
  gap: 8px;
}
 #container .listBox li p,.listBox li a{
  font-size: 16px;
  line-height: 2.1;
 }
 #container .listBox li p,
 #container .listBox li span{color:#444444}
 #container .listBox li a,#container .listBox li a span{color:#008a22; text-decoration: underline; font-weight: bold;}
 #container .listBox li:hover a,#container .listBox li:hover a span{color:#006611;}

 #container .s01main02 .block_recommend_h2 {
  display: flex;
  justify-content: space-between;
 }
 #container .listBox li a span.s-text {
  font-weight: 400;
  position: relative;
  left: -9px;
 }
 #container .listBox .iconOuterLink {
  margin-top: 6px;
 }
 #container .listBox .iconOuterLink.iconOuterLink--bottom {
  margin: 0 0 0 16px;
  vertical-align: text-top;
 }
 /* -------------- s02 end -------------- */
 /* -------------- s03 start -------------- */

 #container .s03{
  padding:10px 0 100px;
  background:url(/suntoryhall/feature/chamber2024/img/section03_bg.png) no-repeat right top,
             #fff8ee;
  background-position-y: -350px;
 }

 #container .s03mainBox{
  position: relative;
  width: 510px;
  padding: 20px 25px 25px;
  background-color: #fff;
 }

 #container .s03mainBox h3{
  width: 100%;
  height: 60px;
  background: linear-gradient(to right, #ffdde4 20%, #fff6f8 90%);
  font-size: 22px;
  padding: 15px 40px;
  position: absolute;
  left: -15px;
 }

 #container .s03mainBox:last-child h3{
  background: linear-gradient(to right, #ffddcc 20%, #fff6f2 90%);
 }

 #container .s03flex {
  display: flex;
  justify-content: center;
  gap: 40px;
 }

 #container .s03mainBox .s03mainTxt{
  margin-top: 55px;
 }
 #container .s03mainBox .s03mainTxtFlex {
  display: flex;
  height: 105px;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
 }
 #container .s03mainBox .s03mainTxtFlex p {
  font-size: 20px;
 }
 #container .s03mainBox .s03mainTxtFlex p.s03mainTxtP {
  color: #dd0055;
 }
 #container .s03mainTxt h4{
  font-size: 20px;
  font-weight: bold;
  padding-top:30px;
 }
 #container .s03Txtlist {
  font-size: 15px;
  line-height: 1.69;
  padding-top:20px;
 }
 #container .s03Txtlist li {
  padding-left: 16px;
  text-indent: -16px;
 }
 #container .s03Txtlist li::before {
  content: '※';
 }
 #container .s03mainTxt .s03Txtlist{
  border-top: solid 1px;
 }

 #container .s03main01 > .s03Txtlist {
  padding-left: 80px;
 }

 #container h3.otherHD{
  height: 50px;
  padding:10px 30px ;
  background: #e8f8f6;
 }
 #container .otherHD span{
  display:inline-block;
  width:24px;
  margin:-2px 15px 0 0;
  vertical-align: middle ;
 }
 #container .s03BoxTxt{
  font-size: 13.5px;
  line-height: 1.63;
  color:#444444;
 }
 #container .s03BoxTxt a{display: inline-block; color:#119900;}
 #container .s03BoxTxt a:hover{color:#55bb00;}

 #container .s03BtnArea {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 40px;
 }
 #container .s03Btn{
  position: relative;
  width: 510px;
  height: 70px;
  background:no-repeat,
  linear-gradient(to right, #cc2244 15%, #cc4466 90%);
  background-size: 5px 8px, 100%;
  border-radius: 50px;
 }

 #container .s03Btn:hover {
  background:no-repeat,
  linear-gradient(to right, #990033 15%, #bb0044 90%);
 }

 #container .s03Btn a{
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
 }

 #container .s03Btn:first-child {
  padding-left: 10px;
 }

 #container .s03Btn:last-child {
  padding-left: 23px;
 }

 #container .s03Btn a .s03BtnSmall {
  font-size: 15px;
 }

 #container .s03Btn:first-child:before {
  content: '';
  position: absolute;
  background: url(../img/section03_btn01_icon.svg);
  width: 55px;
  height: 40px;
  background-size: cover;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}

#container .s03Btn:last-child:before {
  content: '';
  position: absolute;
  background: url(../img/section03_btn02_icon.svg);
  width: 72px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 49%;
  left: 35px;
  transform: translateY(-50%);
}

 #container .s03Btn::after {
  content: '';
  position: absolute;
  background: url(../img/section02_whiteArrow.svg);
  width: 25px;
  height: 25px;
  background-size: cover;
  top: 49%;
  right: 7.5%;
  transform: translateY(-50%);
}

 #container .s03m2HD .fs20{
  font-size: 20px;
  vertical-align: bottom;
  margin-top: 3px;
 }
 #container .s03m2HD{
  padding:35px 0 15px;
 }

 #container .s03commonbox li{
  padding:40px 50px;
  background-color: #fff;
 }

 #container .s03commonbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 #container .s03commonbox li:nth-child(1){
  position: relative;
 }
 #container .s03commonbox li:nth-child(1)::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 145px;
  height: 154px;
  background: url(/suntoryhall/feature/chamber2024/img/section03_main02_pc_bg02.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 135px;
  height: 139px;
  background: url(/suntoryhall/feature/chamber2024/img/section03_main02_pc_bg01.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1),
 #container .s03commonbox li:nth-child(4){
  width: 1160px;
 }
 #container .s03commonbox li:nth-child(2),
 #container .s03commonbox li:nth-child(3){
  width: 560px;
 }
 #container .s03commonbox li:nth-child(1) .boxImg{
  position: absolute;
  bottom: 40px;
  right: 50px;
 }
 #container .s03commonbox li:nth-child(1) .boxImg > div{
  display: flex;
 }
 #container .s03commonbox li:nth-child(1) .boxImg p:nth-child(2){
  width: 310px;
  height: 220px;
 }
 #container .s03commonbox .s03box04pc{
  width: 43.5%;
 }
 #container .s03commonbox li:nth-child(4) .boxImg{
  display: flex;
  position: absolute;
  bottom: 40px;
  right: 50px;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p{
  width: 270px;
  height: 177px;
  margin-right: 15px;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p:last-child{
  margin-right: 0;
 }
 #container .s03commonbox li:nth-child(1) .s03Btn2{
  margin-bottom: 60px;
 }
 #container .s03boxHD{
  margin-bottom: 15px;
 }
 #container .s03boxHD h3{
  position: relative;
  display: inline-block;
  font-size: 25px;
 }
 #container .s03boxHD h3 span{
  display: block;
  font-size: 18px;
 }
 #container .s03boxHD h3::before{
  content: '';
  position: absolute;
  left: -50px;
  top: -28px;
  width: 20px;
  height: 100px;
  background: url(/suntoryhall/feature/chamber2024/common/img/pc_header_common.png) no-repeat center;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3{
  color: #9955cc;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3::before{
  display: none;
 }
 #container .s03commonbox .s03Flex{
  display: flex;
 }
 #container .s03Btn2{
  position: relative;
  width: 160px; height: 50px;
  background:no-repeat,
             linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%) ;
  background-size: 5px 8px, 100%;
  border-radius: 50px;
  margin-top:30px;
  font-weight: bold;
 }
 #container .s03Btn2:hover{
  background:no-repeat,
             linear-gradient(to right, #007896 15%, #007149 50%, #008811 90%) ;
  background-size: 5px 8px, 100% ;
 }
 #container .s03Btn2 a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  padding-left: 5px ;
  color:#fff;
  font-size: 18px ;
  text-decoration: none;
 }
 #container .s03Btn2 a::after{
  content:'';
  display: flex;
  align-items: flex-start;
  width: 5px; height: 8px;
  margin: -2px 0 0 15px;
 }
 #container .s03Btn2::after {
  content: '';
  display: inline-block;
  right: 18px;
  top: 47.5%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 #container .s03boxContent p{width: 100%; line-height: 1.5;}
 .mr20{margin-right: 20px !important;}
 .w300{width:300px;}
 .w330{width:330px;}
 .w105{width: 105px;}
 .w160{width: 160px;}

 #container .s03ContentImg.fr.w105{width: 201px; margin-top: 25px; margin-left: 40px;}

 /* -------------- s03 end -------------- */

  /* -------------- s04 end -------------- */
 #container .s04{
  padding:10px 0 100px;
  background:url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_left.png) no-repeat bottom left,
  url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_right.png) no-repeat bottom right;
 }
  /* -------------- s04 end -------------- */
/* =========== pc end =========== */}

@media screen and (max-width:767px){/* =========== sp start =========== */
  .f14{font-size: 3.2vw !important; font-weight: bold;}

  /* link */
 #container .linkIcon::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon02::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
/* -------------- s01 start -------------- */

  #container .s01m01content{
    width:100%;
    height: 120vw;
    position: relative;
    background:url(/suntoryhall/feature/chamber2024/img/sp_kv_bg.png) no-repeat;
    background-size: 100%;
   }

  #container .sp_MenuArea{
    position: absolute;
    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: 98;
    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 .eventTxt1_1{
    width: 95.654%; margin:auto auto auto 5.066667vw;
    padding-bottom: 4vw;
  }
  #container .kv_txtArea{width:81.868vw; position: absolute; top: 6vw; left: 6vw;}

  #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 img:nth-child(2){
    margin-top: 4.267vw;
  }
  #container .eventTxt1_1 img:nth-child(3){
    margin-top: 4.267vw;
  }
  #container .eventTxt1_1 img:nth-child(4){
    margin-top: 2.800vw;
  }
  #container .eventTxt1_1 img:nth-child(5){
    margin-top: 2.800vw;
  }
  #container .eventTxt1_1 img:nth-child(6){
    margin-top: 2.800vw;
  }
  #container .eventTxt2 {
    position: absolute;
    padding-top: 63.667vw !important;
    left: 5vw;
  }
  #container .eventTxt2 h3{
    font-size: 4vw;
    font-weight: bold;
    padding-bottom:4vw;
  }
  #container .eventTxt2 .s01txt01{
    float: left;
    font-size: 3.066667vw;
    line-height: 1.7;
    margin: 0;
    padding-bottom: 18vw;
  }
  #container .eventTxt2 .spKvTxt{
    margin-top: 1.8vw;
  }
  #container .eventTxt2 .s01btn01{
    position: absolute;
    left: -1.5vw;
    bottom: -1.5vw;
    width: 84%;
  }
  #container .evtT2Img{
    float:right;
    width: 26.668vw;
  }
  #container .eventTxt2 .s01txt02{
    width:100%;
    font-size: 3.06666vw;
    line-height: 1.7;
    padding-bottom:3.9vw;
  }
  #container .eventTxt2 a{
    display: block;
    color: #119900;
  }
  #container .eventTxt2 a:hover{
    color: #55bb00;
  }

  #container .s01list{
    display: flex;
    flex-direction: column;
   }
  #container .s01list li{ padding-bottom: 4vw; }
  #container .s01list li a{display: flex; align-items: flex-start; gap: 5.215vw;}
  #container .s01listImg {max-width: 100%; width: auto; box-sizing: border-box;}
  #container .s01listImg img {
    width: 45.333vw;
  }
  #container .s01list li p{
    max-width: 43vw;
    width: 100%;
    text-decoration: underline;
    font-size: 3.7vw;
  }
  #container .s01list li p span{
    color: #dd0066;
    text-decoration: none;
  }
  #container .s01list li p a,
  .s01list li p{
    color:#119900;
    font-size: 3.7vw;
    font-weight: bold;
  }
  #container .s01title{
    display: inline-block;
    color:#cc7711;
    text-decoration:none;
  }

  #container .s01list li .s01listBnr {
    width: 92vw;
    height: 28vw;
    background-image: url(../img/section01_img04_sp.jpg);
    background-size: contain;
   }
/* -------------- s01 end -------------- */
/* -------------- s02 start -------------- */

#container .s02{
  padding-bottom:12vw;
  background:url(/suntoryhall/feature/chamber2024/img/section_head_bg.png) repeat-x top,
  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%;
}

#container section h2{
  padding:8.533vw 0 8.533vw 8vw;
}
#container .s02header h2 > a{
  color: #222222;
  text-decoration: none;
 }
#container section h2 div{
  display: flex;
  align-items: center;
  max-width: 60vw;
  margin-left: 4vw;
  padding: 2.133333vw;
  background: #eeffee;
  border: 0.266667vw solid #119900;
}
#container section h2 div p.img{
  width: 5.866667vw;
}
#container section h2 div p.text{
  margin: 0 1.6vw;
  font-size: 3.2vw;
  line-height: 1.3;
  color: #222222;
}
#container section h2 div p span{
  font-size: 2.666667vw;
  font-weight: normal;
}
#container section h2 div p:last-child{
  width:5.866667vw; height: 5.866667vw;
  background:url(/suntoryhall/feature/chamber2024/common/img/sp_green_arrow.svg) no-repeat 55% 50%,
            #119900;
  background-size: 1.35vw 2.25vw, 100%;
  transform: rotate(90deg);
}
#container .scheduleSp {
  text-decoration: unset !important;
}
#container .spMainwarp .s02headerImg {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  align-items: center;
  padding: 15px;
  margin-bottom: 5.333vw;
  background: #008a22;
  cursor: pointer;
}
#container .spMainwarp .s02headerImg p:first-child img {
  width: 7.200vw;
}
#container .spMainwarp .s02headerImg p.text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 12px;
  font-size: 4.533vw;
  line-height: 1.3;
  font-weight: bold;
  color: white;
}
#container .spMainwarp .s02headerImg p.text span.s02Small {
  font-size: 3.200vw;
  font-weight: normal;
  line-height: 1;
}
#container .spMainwarp .s02headerImg p:last-child{
  position: relative;
  width:8vw;
  height: 8vw;
  background-color: white;
}
#container .spMainwarp .s02headerImg p:last-child::after{
  content: '';
  position: absolute;
  background:url(/suntoryhall/feature/chamber2024/common/img/sp_green_arrow.svg);
  width: 4vw;
  height: 4vw;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-size: contain;
}

#container .s02Hlist {width:100%; margin:auto; padding-bottom: 5.3333vw; padding-left: 3vw;}
#container .s02Hlist li{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 3.433vw;
  line-height: 1.43;
  margin-bottom: 1.47711vw;
}
#container .s02Hlist li.s02HlistBig {
  display: flex;
  gap: 15px;
  padding-left: 0 !important;
  margin-bottom: 8vw !important;
  text-indent: 0 !important;
  font-size: 3.467vw;
  font-weight: bold;
  align-items: center;
}
#container .s02Hlist .s02HlistBig span {
  flex-basis: 26%;
 }
#container .s02Hlist li span.sp_item{display: inline;}
#container .s02Hlist li:last-child{margin-bottom:0px;}
#container .s02Hlist li .s02icon{width:6.4vw; margin:0 1.5vw; vertical-align: text-top;}

#container .s02mainList{width: 100%;}
#container .s02mainList li{
 padding:40px 0;
 border-top:2px solid rgba(153,187,102,.6);
}
#container .s02mainContent {display: flex; align-items: stretch;}
#container .s02mainimg {
 width: 40vw;
 margin-right: 4vw;
}
  #container .s02maintxt {
 width: 48vw;
 display: flex; flex-wrap: wrap;
}

.f13{
 font-size: 13px !important;
 padding-bottom:5px !important;
}
#container .s02maintxt h3{
 font-size: 4.4vw;
 font-weight: bold;
 line-height: 1.32;
}
#container .s02Txtcommon{
 padding:4vw 0;
 font-size: 3.55vw;
 line-height: 1.5;
 color:#9955cc;
 font-weight: bold;
}
#container .s02Txtcommon a{
  color:#9955cc;
}
#container .nobold{
  font-weight: normal;
}

#container .s02mainbtnArea {  margin-top:5.3333vw;}
#container .s02Btn{
  position: relative;
 width: 46vw; height: 10.668vw;
 background:no-repeat,
            linear-gradient(to right, #008488 15%, #008753 50%, #008a22 90%);
 background-size: 1.5vw 2.5vw, 100%;
 border-radius: 50px;
}
#container .s02Btn a{
 width: 100%; height: 100%;
 display: flex;
 justify-content: center; align-items: center;
 margin-left: -8px;
 color:#fff;
 font-size: 4vw;
 font-weight: bold;
 text-decoration: none;
}
#container .s02Btn::after{
  content: '';
      display: inline-block;
      right: 2.6666666vw;
      top: 47%;
      background: url(../img/section02_whiteArrow.svg);
      width: 3.911vw;
      height: 3.911vw;
      background-size: cover;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);    
      position: absolute;
      transition: All 0.2s ease;
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
 }

#container .s02Btn2{
  width:100%;
  background-color:#eeffee;
  position: relative;
}
#container .s02Btn2 a{
  padding:4vw 0 4vw 10vw;
  color:#008322;
  font-size: 3.73333vw;
  font-weight: bold;
  margin-bottom:2.6666vw;
}
#container .s02Btn2 a::before {
  position: absolute;
  content: '';
  background: url(../img/section02_boxArrow_sp.png);
  width: 6.519vw;
  height: 6.519vw;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#container .s02Btn2 a * {
  text-decoration: underline;
  text-decoration-color: #008322;
}
#container .s02Btn2 a.mb0{margin-bottom:0px;}
#container .s02Btn2 .s02icon{width:6.4vw; margin:-.8vw 0 0 3.3333vw; vertical-align: middle;}

.wd390{width:100% !important;}
#container .f13 {
  font-size: 3vw !important;
  padding-bottom: 1.333333vw !important;
}

#container .DLcontent{
  display: block;
  width: 100%;
  padding: 0;
  border: 0.266667vw solid #119900;
  background-color: #ffffff;
  font-weight: bold;
 }
 #container .DLcontent h3{
  padding: 4.8vw 2.666667vw;
  border-bottom: 0.266667vw solid #119900;
 }
 #container .DLcontent .sp_item{
  width: 100%;
 }
 #container .DLcontent .sp_item .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.333333vw;
 }
 #container .DLcontent .sp_item .flex p{
  font-size: 6.133333vw;
 }
 #container .DLcontent .sp_item .flex a{
  width:6.933333vw; height: 6.933333vw;
  margin-right: 5.333333vw;
    background:url(/suntoryhall/feature/chamber2024/common/img/white_plus.png) no-repeat 50% 50%,
              #119900;
    background-size: 3vw 3vw, 100%;
 }
 #container .DLcontent .sp_item > div,
 #container .DLcontent .sp_item > p:nth-child(2){
  margin-left: 2.666667vw;
 }
 #container .DLcontent .sp_item > p{
  display: flex;
  gap: 1vw;
  align-items: center;
  font-size: 3.733333vw;
  margin-bottom: 1.333333vw;
 }
 #container .DLcontent .sp_item > p span{
  display: block;
  width: 5.866667vw;
  margin: 0 1.333333vw 0 0.4vw;
 }
 #container .DLcontent .sp_item > p:last-child{
  margin-top: 2.666667vw;
  font-size: 3.651vw;
  color: #008a22;
  font-weight: bold;
 }
 #container .DLcontent .accArea{
  margin: 0 2.666667vw;
 }
 #container .DLcontent .accArea > p{
  text-indent: -1em;
  padding: 4.8vw 0 2.666667vw 1em;
  font-size: 2.933333vw;
  font-weight: normal;
 }
 #container .DLcontent .accArea ul{
  display: flex;
  flex-wrap: wrap;
 }
 #container .DLcontent .accArea ul li{
  width: 100%;
  margin-bottom: 2.667vw;
 }
 #container .DLcontent .accArea ul li a{
  color: inherit;
  text-decoration: none;
 }
 #container .DLcontent .accArea ul li a:visited,
 #container .DLcontent .accArea ul li a:active{
  color: inherit;
 }
 #container .DLcontent .accArea ul li div{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 2.666667vw;
  background-color: #eeffee;
 }
 #container .DLcontent .accArea ul li div:hover{
  background-color: #f4ffdd;
 }
 #container .DLcontent .accArea ul li div p{
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 3.2vw;
  font-weight: bold;
 }
 #container .DLcontent .accArea ul li div p:nth-child(2){
  display: block;
  width: 100%;
  font-size: 3.2vw;
  font-weight: bold;
  color: #008322;
  text-decoration: underline;
 }
 #container .s01main02 .block_recommend_h2 {
  display: flex;
  justify-content: space-between;
 }


/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */

  #container .s03{
    padding-bottom: 7.823vw;
    background: url(/suntoryhall/feature/chamber2024/img/section03_bg.png) no-repeat top right, #f9f4e4;
    background-size: 70%;
    background-position-y: -45%;
    background-position-x: 153%;
  }

  #container .s03m2HD.sp_item {width:100%;}
  #container .s03m2HD.sp_item::before{display: none;}
  #container .s03m2HD.sp_item .imgHD{
    width: 4vw;
    display: inline-block;
    margin-right: 4vw;
  }
  #container .s03m2HD.sp_item .txtHD{
    width:90vw; vertical-align: text-top;
  }
  #container .s03main01 {
    padding: 0 3.911vw !important;
}
 #container .s03mainBox{
  position: relative;
  padding:4vw;
  margin-bottom:5.33333vw;
  background-color: #fff;
 }

 #container .s03mainBox h3{
  position: absolute;
  width: 100%;
  background: linear-gradient(to right, #ffdde4 20%, #fff6f8 90%);
  font-size: 4.66666vw;
  padding: 3.7vw 4vw 3.7vw 8.5vw;
  line-height: 1.3;
  left: -5vw;
 }
 #container .s03mainBox:last-child h3{
  background: linear-gradient(to right, #ffddcc 20%, #fff6f2 90%);
 }
 #container .s03mainBox .s03mainTxt{
  margin-top: 16.5vw;
 }
 #container .s03mainBox .s03mainTxtFlex {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 3.5vw;
  font-weight: bold;
 }
 #container .s03mainBox .s03mainTxtFlex p {
  font-size: 4.563vw;
 }
 #container .s03mainBox .s03mainTxtFlex p.s03mainTxtP {
  color: #dd0055;
 }
 #container .s03mainTxt h4{
  font-size: 4.66666vw;
  font-weight: bold;
  padding-top:4vw;
 }
 #container .s03Txtlist {
  font-size: 3.194vw;
  line-height: 1.69;
  padding-top: 3.390vw;
  border-top: solid 1px;
}
#container .s03Txtlist li {
  padding-left: 3vw;
  text-indent: -3vw;
}
#container .s03Txtlist li::before {
  content: '※';
}
#container .s03Txtlist.wd92 {
  width: 92%;
  margin: 0 auto;
  padding-top: 0;
  border-top: none;
}
 #container h3.otherHD{
  padding:4.266666vw 4vw 3.6vw ;
  background: #e8f8f6;
 }
 #container .otherHD span{
  display:inline-block;
  width:6.4vw;
  margin:-.5vw 2vw 0 0;
  vertical-align: middle ;
 }
 #container .s03BtnArea {
  margin-top: 8vw;
 }
 #container .s03BoxTxt{
  font-size: 4vw;
  padding-top:2vw;
  line-height: 1.63;
  color:#444444;
 }
 #container .s03BoxTxt a{display: inline-block; color:#119900;}

 #container .s03Btn{
  position: relative;
  width: 94.667vw;
  height: 16vw;
  background:no-repeat,
  linear-gradient(to right, #cc2244 15%, #cc4466 90%);
  background-size: 1.5vw 2.5vw, 100%;
  border-radius: 65px;
  margin: 0 auto;
 }
 #container .s03Btn:not(:first-child) {
  margin-top: 4vw;
 }
 #container .s03Btn a{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10vw;
  color: #fff;
  font-size: 4.26666vw;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
  flex-direction: column;
 }
 #container .s03Btn:first-child:before {
  content: '';
  position: absolute;
  background: url(../img/section03_btn01_icon.svg);
  width: 13.2vw;
  height: 9.2vw;
  background-size: cover;
  top: 49%;
  left: 4vw;
  transform: translateY(-50%);
}

#container .s03Btn:last-child:before {
  content: '';
  position: absolute;
  background: url(../img/section03_btn02_icon.svg);
  width: 13.038vw;
  height: 5.737vw;
  background-size: cover;
  top: 49%;
  left: 4vw;
  transform: translateY(-50%);
}
 #container .s03Btn::after {
  content: '';
  position: absolute;
  background: url(../img/section02_whiteArrow.svg);
  width: 3.911vw;
  height: 3.911vw;
  background-size: cover;
  top: 49%;
  right: 3.5%;
  transform: translateY(-50%);
}

 #container .s03m2HD .fs20{
  font-size: 20px;
  vertical-align: bottom;
  margin-top: 3px;
 }

 #container .s03commonbox li{
  margin-bottom:4.329vw;
  padding:4vw;
  background-color: #fff;
 }
 #container .s03commonbox li:nth-child(1){
  position: relative;
 }
 #container .s03commonbox li:nth-child(1)::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 21.733333vw;
  height: 22.933333vw;
  background: url(/suntoryhall/feature/chamber2024/img/section03_main02_sp_bg02.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 19.733333vw;
  height: 20.133333vw;
  background: url(/suntoryhall/feature/chamber2024/img/section03_main02_sp_bg01.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1) .boxImg{
  padding-top: 4vw;
  padding-bottom: 11vw;
 }
 #container .s03commonbox li:nth-child(1) .boxImg > p:nth-child(2){
  width: 88%;
  margin: 0 auto;
 }
 #container .s03commonbox li:nth-child(4) .boxImg{
  display: flex;
  margin: 0 4vw 4vw;
  padding-top: 5.333333vw;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p{
  margin-right: 2.666667vw;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p:last-child{
  margin-right: 0;
 }
 #container .s03commonbox .s03Flex{
  display: flex;
  align-items: center;
 }
 #container .s03boxHD{
  margin-bottom:4.66666vw;
  margin-left: 5vw;
 }
 #container .s03boxHD h3{
  position: relative;
  display: inline-block;
  font-size: 5.33333vw;
  line-height: 1.6;
 }
 #container .s03boxHD h3 span{
  display: block;
  font-size: 4.266667vw;
 }
 #container .s03boxHD h3::before{
  content: '';
  position: absolute;
  left: -9vw;
  top: -3vw;
  width: 4vw;
  height: 20.535vw;
  background: url(/suntoryhall/feature/chamber2024/common/img/sp_header_common.png) no-repeat center;
  background-size: 100%;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3{
  color: #9955cc;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3::before{
  display: none;
 }
 #container .s03Btn2{
  position: relative;
  width: 32vw; height: 10.668vw;
  background:no-repeat,
             linear-gradient(to right, #01aa98 5%, #3cb43c 50%, #66bb00 90%);
  background-size: 1.5vw 2.5vw, 100%;
  border-radius: 65px;
  font-weight: bold;
 }
 #container .s03Btn2 a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  color:#fff;
  font-size: 4vw ;
  font-weight: bold;
  margin-left: -2vw;
  text-decoration: none;
  letter-spacing: -0.1vw;
 }
 #container .s03Btn a .s03BtnSmall {
  font-size: 3.467vw;
 }
 #container .s03Btn2::after {
  content: '';
  display: inline-block;
  right: 4.266667vw;
  top: 47%;
  width: 1.333333vw;
  height: 1.333333vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 .mr20{margin-right: 20px !important;}

 #container .s03Img{
   width:77.468vw; margin:auto;
   padding-bottom: 2vw;
  }
  #container .sp_contentArea{display: flex; justify-content: flex-start; padding-top: 4vw;}
  #container .s03ContentImg{width: 37.333333vw; margin-left: 5vw;}
  #container .s03ContentImg2{width: 35.2vw; margin-right: 8vw;}
  #container .s03_sp{
    width:90%;
    margin-left: 5vw;
  }
  #container .s03boxContent p{
    line-height: 1.5;
    font-size: 3.86666vw;
  }

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

  #container .DLimg.pc_item{display: none;}

  #container .s04{
    background:url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_left_sp.png) no-repeat bottom left,
    url(/suntoryhall/feature/chamber2024/common/img/section_bg_bottom_right_sp.png) no-repeat bottom right;
    background-size: 15%;
   }
  #container .s04main01 {
    padding-bottom: 26.076vw
  }

  #container .s04main01 .listBox {
    font-weight: bold;
  }

  #container .titleArea .tagFlex {
    display: flex;
    align-items: center;
    gap: 2vw;
  }

  #container .s04main01 li:not(:last-child) .titleArea {
    padding-bottom: 6.519vw;
  }

  #container .s04main01 .listBox li {
    margin-right: 6vw;
  }

  #container .s04main01 .listBox li p {
    width: 97%;color: #000;
  }

  #container .listBox li a,#container .listBox li a span{color:#008a22; text-decoration: underline; font-weight: bold;}

  #container .listBox li a,#container .listBox li a span.s-text {
    font-weight: 400;
  }
  #container .s04main01 .dateArea {
    display: flex;
    align-items: center;
    gap: 1.3vw;
  }

  #container .s04main01 .dateArea .dateArea_date{
    margin-right: 3.3vw !important;
  }
}
/* -------------- s03 end -------------- */
/* =========== sp end =========== */


/*scroll*/
.scroll__inner {
  background-color: #ffffff;
  padding: 40px 30px 45px 20px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.simplebar-scrollbar::before {
  background: #b7dec0 !important;
  border-radius: 10px !important;
  width: 14px !important;
  margin-left: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.simplebar-track {
  background: #e5f3e8 !important;
  width: 20px !important;
  border-radius: 10px !important;
}