@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.lnav03 a{background-position: 0 -70px;}
	#suntory_contents #container .inProfleList li p .color-BB0000 {
    color: #BB0000;
    font-size: 0.8em;
  }
/* -------------- 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 .s01mainlist01,
	#container .s01mainlist,
	#container .inProfleList,
	#container .s03mainlist01{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin:auto;
		text-align: center;
	}
	#container .inProfleList.sp_item{display: none;}
 #container .s01mainlist01{width:92.242%;}
 #container .s03mainlist01{width:92.242%;}
	#container .s01mainlist{width:87.932%;}
 #container .inProfleList{width:92.242%;}

 #container .s01mainlist01 li p,
 #container .s01mainlist02 li p,
 #container .s03mainlist01 li p,
 #container .s01mainlist li p,
 #container .inProfleList li p{
		font-size: 15px;
		color:#119900;
		text-decoration: underline;
		padding-top:15px;
	}
  #container .s01mainlist01 li p:hover,
  #container .s01mainlist02 li p:hover,
  #container .s03mainlist01 li p:hover,
  #container .s01mainlist li p:hover,
  #container .inProfleList li p:hover{
     color:#55bb00;
   }


 #container .s01mainlist01 li,
	#container .s01mainlist li,
	#container .inProfleList li,
	#container .s03mainlist li{padding-bottom:60px;}
 #container .s01mainlist01 li{width:29%; margin-right: 6.5%;}
 #container .s01mainlist01 li:nth-child(3n){margin-right: 0;}
 #container .s01mainlist01 li.wd725{width:725px; padding-bottom:0;}
 #container .s01mainlist li{width:22.06%;}
 #container .inProfleList li{width:18%; margin-right: 2.5%;}
 #container .inProfleList li:nth-child(5n){margin-right: 0;}

 #container .s01mainlist02{display: flex; justify-content: space-between;}
 #container .s01mainlist02 li{width:31.035%;}
 


 #container .wd725 h3,
	#container .s02main01 h3{
		padding:10px 0 6px;
		margin:auto auto 20px auto;
		background-color: rgba(119,170,51,.15);
	}
	#container .s02main01 h3{
		width:92.242%;
		text-align: center;
	}
  #container .inProfleList li span.nounder{font-size:13px;}
  #container .s01mainTxt p span.nounder{font-size:13px;}


/* -------------- s01 end -------------- */
/* -------------- s02 start -------------- */

/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */
 #container .s03{
  padding-bottom: 140px;
  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 .s03mainlist01 li{
  width:23.585%;
  margin-right: 20px;
  margin-bottom: 70px;
}
 #container .s03mainlist01 li:nth-child(4n){
  margin-right: 0;
}
 
 #container .s03 h3{
  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 .s03 .samllTxt{
  font-size: 13.5px;
  padding-left: 50px;
  font-weight: normal;
  margin-bottom: 3.125vw;
}

#container .s03mainlist01 li p .color-222{
  color: #222;
  font-size: 0.8em;
}
 	
/* -------------- s03 end -------------- */
/* =========== pc end =========== */}

@media screen and (max-width:767px){/* =========== sp start =========== */
  #nav{top:0.76%;}
	#suntory_contents #container .inProfleList li p .color-BB0000 {color: #BB0000;}
  #suntory_contents #container .inProfleList li a p {
    font-size: 14px;
    line-height: 1.57;
}
#suntory_contents #container .inProfleList li a p .color-BB0000 {
  font-size: 0.8em;
}
/* -------------- 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 .s01main h2{flex-wrap: wrap;}
  #container .s01main h2 span {
    width:84%;
    display: block; margin:auto;
    font-size:3.46666vw;
    line-height: 1.43;
    font-weight: normal;
    padding-bottom:1.999999vw;
  }

  #container .s01mainlist01,
  #container .s02main01 {
    width:84%; margin:auto;
  }

  #container .s01mainlist01 li p,
  #container .s01mainlist02 li p,
  #container .s01mainlist li p,
  #container .inProfleList li p{
     font-size: 4vw;
     text-align: center;
     color:#119900;
     line-height: 1.5;
     text-decoration: underline;
     padding-top:15px;
     padding:3.3333vw 0 10.666666vw;
   }

  #container .academy6_7{background-color: rgba(119,170,51,.15);}
  #container .academy6_7 h3{
    background-color: rgba(119,170,51,.2);
    padding:3.73333vw  2.6666vw;
    font-size: 4vw;
    text-align: center;
    margin-bottom:5.33333vw;
  }
  #container .s01mainlist{width:87.304%; margin:auto auto 10.66666vw auto;}

  #container .inProfleList{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
	#container .inProfleList.pc_item{display: none;}
  #container .inProfleList li{
    width:47.5%; margin-right: 5%;
  }
  #container .inProfleList li:nth-child(2n){
    margin-right: 0;
  }

  #container .DLarea,
  #container .commonBorder{width:92%; margin:auto;}
  #container div#textBox{width:95.654%; margin:auto 0 auto auto;}
/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */

#container .s03 h3{
    align-items: center;
    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 .s03 .s03Txt {
    width:84%;
    margin:auto;
    font-size:3.46666vw;
    line-height: 1.43;
    font-weight: normal;
    padding-bottom:1.999999vw;
  }
  
  #container .s03mainlist01{
    width: 84%;
    margin: auto;
  }
  
  #container .s03mainlist01 li p{
    font-size: 4vw;
    text-align: center;
    color:#119900;
    line-height: 1.5;
    text-decoration: underline;
    padding-top:15px;
    padding:3.3333vw 0 10.666666vw;
  }
  
  #container .s03mainlist01 li p .color-222{
    color: #222;
    font-size: 0.8em;
  }
/* -------------- s03 end -------------- */
/* =========== sp end =========== */}