@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 li p .color-BB0000 {
    color: #ee0000;
    font-size: 0.9em;
    font-weight: normal;
  }
  .font14 {
    font-size: 14px !important;
  }
  #container .navWrap .nav > li:nth-child(2) {
    background-color: #006611;
   }

/* -------------- s01 start -------------- */
 #container .s01{
  background:url(/suntoryhall/feature/chamber2024/profile/img/first_section_bg_top.png) no-repeat center top;
 }
 #container .s01 h2 {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 #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 .s01mainlist01,
	#container .s01mainlist,
	#container .inProfleList,
	#container .s03mainlist01{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin:auto;
		text-align: center;
	}
  #container .s01mainlist01.s01mainlist01Second {
    gap: 20px;
  }

  #container .s01mainlist01.s01mainlist01Second li {
    margin-right: 0;
    width: 23.59%;
  }

	#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:#008a22;
		text-decoration: underline;
		padding-top:15px;
    font-weight: bold;
	}
  #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:#006611;
   }
  /* #container .s01mainlist01.s01mainlist01First li p {
  font-weight: normal;
  } */

 #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;}
  #container .s01mainTxt p .font14 {text-decoration: underline;}

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

/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */
 #container .s03{
  padding-bottom: 100px;
  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 .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: 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 50px;
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 25px
 }

#container .s03 .samllTxt{
  font-size: 13.5px;
  padding-left: 50px;
  font-weight: normal;
  margin-bottom: 40px;
}

#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 li p .color-BB0000 {color: #ee0000; font-weight: normal;}
  #suntory_contents #container .inProfleList li a p {
    font-size: 4vw;
    line-height: 1.57;
}
#suntory_contents #container .inProfleList li a p .color-BB0000 {
  font-size: 0.8em;
}
/* -------------- s01 start -------------- */

  #container .s01m01content{
    width:100%;
    height: 40vw;
    position: relative;
    background:url(/suntoryhall/feature/chamber2024/profile/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 .s01main h2{
    flex-wrap: wrap;
    gap: 6.5vw;
    width: 84%;
    margin: 0 auto;
    margin-top: 7.333vw;
    padding: 0;
  }
  #container .s01main h2 span {
    display: block; margin:auto;
    font-size:3.46666vw;
    line-height: 1.43;
    font-weight: normal;
    padding-bottom:4.933vw;
  }

  #container .s01main h2::before {
    position: absolute;
    content: '';
    display: inline-block;
    margin-right: 4vw;
    top: -2.7vw;
    left: -9vw;
    width: 4vw;
    height: 16vw;
    background: url(/suntoryhall/feature/chamber2024/common/img/sp_header_common.png) no-repeat center;
    background-size: 100%;
  }

  #container .s01mainlist01,
  #container .s02main01 {
    width:84%; margin:auto;
  }
  #container .s01mainTxt p .font14 {text-decoration: underline;}
  #container .s01mainlist01 li p,
  #container .s01mainlist02 li p,
  #container .s01mainlist li p,
  #container .inProfleList li p{
     font-size: 4vw;
     font-weight: bold;
     text-align: center;
     color:#119900;
     line-height: 1.5;
     text-decoration: underline;
     padding-top:15px;
     padding:3.3333vw 0 10.666666vw;
   }

   /* #container .s01mainlist01.s01mainlist01First li p {
    font-weight: normal;
   } */

  #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 {
  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: 14vw;
}
#container .s03 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: 4.8vw;
    line-height: 1.23;
    margin-bottom: 4.26666vw;
  }

  #container .s03 .s03Txt {
    width:84%;
    margin:auto;
    font-size:3.46666vw;
    line-height: 1.43;
    font-weight: normal;
    padding-bottom:4.933vw;
  }

  #container .s03mainlist01{
    width: 84%;
    margin: auto;
  }

  #container .s03mainlist01 li p{
    font-size: 4vw;
    text-align: center;
    color:#119900;
    line-height: 1.5;
    font-weight: bold;
    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 =========== */}