@charset "utf-8";

/*------------------------------------------------------------
  reset
------------------------------------------------------------ */

body {
    margin:0;
    padding:0;
}

#suntory_contents div, #suntory_contents span, #suntory_contents object, #suntory_contents iframe,
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre,
#suntory_contents abbr, #suntory_contents address, #suntory_contents cite, #suntory_contents code,
#suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents samp,
#suntory_contents small, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents var,
#suntory_contents b, #suntory_contents i
#suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li,
#suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend,
#suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td,
article, aside, canvas, details, figcaption, figure,
#suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents section, #suntory_contents summary,
#suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline:none;
    box-sizing:border-box;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    background-color:transparent;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    /* font-family: 'YuGo',sans-serif; */
}

#suntory_contents img{display: block; max-width: 100%;}
#suntory_contents ol, #suntory_contents ul, #suntory_contents li{list-style: none;}

/**/
article.main_visual {
  color: #002266;
}
/**/

@media screen and (max-width: 1800px){
  article.main_visual {
    overflow-x: hidden;
    background-size: auto;
  }
}

/*------------------------------------------------------------
  PC
------------------------------------------------------------ */
/* =========== common =========== */

#suntory_contents .sp_item2 {display: none !important;}

#suntory_contents .warp_cont{
  width: 1160px;
  margin:auto;
}
#suntory_contents .warp_cont2{
  width: 1060px;
  margin:auto;
}

.clearFix::after{content:''; display: block; clear: both;}

#suntory_contents .com_blue_title{
  height: 80px;
  padding:20px 0 21px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  background-color: rgba(0,34,102,.8);
  color: #fff;
}
#suntory_contents .com_blue_title2{
  height: 80px;
  padding:20px 0 21px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #002266;
}
#suntory_contents .com_blue_title3{
  height: 80px;
  padding:20px 0 21px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  background-color: rgba(4,75,183,.9);
  color: #fff;
}
#suntory_contents .com_brown_title{
  height: 80px;
  padding:20px 0 21px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  background-color: rgba(170,119,0,.8);
  color: #fff;
}

/* =========== bread_crumbs =========== */

#suntory_contents .bread_crumbs {background-color: #004477;}
#suntory_contents .bread_crumbs ol {
  position:relative;
  z-index:10;
  width:1160px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  padding:0;
  background-color: #004477;
}
#suntory_contents .bread_crumbs li {
  font-size: 12px;
  color: #ffffff;
  line-height:2.5em;
}

#suntory_contents .bread_crumbs li a {
  margin: 0;
  color: #ffffff;
  position: relative;
}

#suntory_contents .bread_crumbs li:after {
  content: '>';
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}
#suntory_contents .bread_crumbs li:last-child::after {content: '';}
#suntory_contents .bread_crumbs li a:hover {color: #eedd99;}

/* =========== kv_area_start =========== */
#suntory_contents #kv_area{
  background: url(/suntoryhall/feature/bso2022/img/pc_kv_bg.png) no-repeat,
  url(/suntoryhall/feature/bso2022/img/pc_kv_bg2.png) repeat-x 100%;
  background-position-x: center;
  background-position-y: 0;
  position: relative;
  overflow-x: hidden;
}
#suntory_contents h1.kv_txt_img {
  text-align: center;
  padding: 190px 0 0 180px;
}

#suntory_contents #kv_area .warp_cont{position: relative;}
#suntory_contents .kv_area_logo{
  display: flex;
  position: absolute;
  top:5%; left: 5%;
}
#suntory_contents .kv_area_logo li{margin-right: 57px;}
#suntory_contents .kv_area_logo li:last-child{margin-right: 0;}

#suntory_contents .kv_list_area {
  background-color: rgba(0,0,0,.7);
  padding: 25.5px 30px;
  font-size: 15px;
  height: 130px;
  overflow-y: scroll;
  margin: -130px 0 20px 0;
}
#suntory_contents .list_box_scorll li{
  display: flex;
  margin-bottom: 12px;
}
#suntory_contents .list_box_scorll li:last-child{margin-bottom: 0;}
#suntory_contents .list_box_scorll li p{color: #fff;}
#suntory_contents .list_box_scorll li a{
  color: #fff;
}
#suntory_contents .list_box_scorll li a:hover{color: #eedd99;}
#suntory_contents .list_date{width: 93px;}
#suntory_contents .list_title{
  line-height:1.67;
}
#suntory_contents .list_box_scorll li a.link {
  background: none;
}
#suntory_contents .list_box_scorll li.snslink a{
  color: #fff;
  background:none;
}
#suntory_contents .list_box_scorll li p span.icon_blank {
	background: url(https://www.suntory.co.jp/suntoryhall/feature/bso2022/img/link_icon_white.png) no-repeat right center;
	padding-right: 23px;
}

#suntory_contents .anchor_area{padding-bottom: 50px;}
#suntory_contents .anchor01{float: left;}
#suntory_contents .anchor_box{
  float: right;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
}

#suntory_contents .com_gray_box::before{
  content:'';
  display: inline-block;
  width: 30px; height: 30px;
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#99c2f8;
  background-size: 14px 8px;
  vertical-align: middle;
  margin: 0 12px 0 15px;
}
#suntory_contents .com_anchor1:hover .com_gray_box::before{
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#2277dd;
  background-size: 14px 8px;
}
#suntory_contents div.com_anchor1.anchor01 .com_gray_box::before{margin-right: 53px;}

#suntory_contents li.com_anchor1 .anchor_common_title {
  display: flex;
  align-items: center;
  font-size: 19px;
  color: #002266;
}
#suntory_contents li.com_anchor1:hover .anchor_common_title{
  color: #2277dd;
}
#suntory_contents .pc_item .anchor_box .com_anchor1{
  height: 90px;
  width: 275px;
}
#suntory_contents .pc_item .anchor_box .com_anchor1 a{
  display: flex;
  background-color: #fff;
  text-decoration: none;
  align-items: center;
  justify-content: space-between;
}

#suntory_contents .pc_item .anchor01 .anchor_common_title{
  font-size: 24px;
  padding:25px 0 18px 0;
  color: #002266;
}
#suntory_contents .pc_item .anchor01:hover .anchor_common_title{
  color: #2277dd;
}
#suntory_contents .pc_item div.anchor01 a{
  width: 275px;
  height: 170px;
  background:url(/suntoryhall/feature/bso2022/img/pc_anchor_img01.png) no-repeat bottom ,#fff;
  display: flex;
  align-items: flex-end;
  margin-right: 15px;
  text-decoration: none;
}
#suntory_contents .pc_item div.com_anchor1.anchor01 a,
#suntory_contents .pc_item li.com_anchor1.anchor01 a{display: block;}
#suntory_contents .pc_item li.anchor02,#suntory_contents .pc_item li.anchor03{margin-right: 22px;}
#suntory_contents .pc_item .anchor02 p.com_gray_box,
#suntory_contents .pc_item .anchor03 p.com_gray_box,
#suntory_contents .pc_item .anchor04 p.com_gray_box {
  font-size: 19px;
  margin-left: 15px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.26;
}

#suntory_contents .pc_item .anchor_box .com_anchor2{margin: 20px 22px 0 0;}
#suntory_contents .pc_item .anchor_box .com_anchor2:last-child{margin-right: 0;}
#suntory_contents .pc_item .anchor_box .com_anchor2 a{
  display: flex;
  background: linear-gradient( to right, #004488, #0066ee );
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  width: 275px;
  height: 60px;
}
#suntory_contents .pc_item .anchor_box .com_anchor2 span{
  color: #fff;
  font-size: 18px;
}
#suntory_contents .pc_item .anchor_box .com_anchor2 span.fs14{
  color: #fff;
  font-size: 14px;
}
#suntory_contents .com_blue_box::before{
  content:'';
  display: inline-block;
  width: 30px; height: 30px;
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#0a69e6;
  background-size: 14px 8px;
  vertical-align: middle;
  margin: 0 10px 0 15px;
}

#suntory_contents .com_anchor2:hover .com_blue_box::before{
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#58c2fd;
  background-size: 14px 8px;
}
#suntory_contents .pc_item .anchor_box .com_anchor2:hover a{
  background: linear-gradient( to right, #32b9ff 10%, #0066ee );
}

/* =========== kv_area_end =========== */
/* =========== section01_start =========== */
#suntory_contents section#performanceInfo {
  background: url(/suntoryhall/feature/bso2022/img/pc_section01_bg.png) no-repeat;
  background-position: top center;
  padding-top: 40px;
  background-size: 100%;
  background-position-x: center;
  background-position-y: 0;
}
#suntory_contents .s01_cont_box{
  padding:60px 50px;
  background: url(/suntoryhall/feature/bso2022/img/section01_box_bg.png) no-repeat;
  background-position: top center;
}

#suntory_contents .s01_txt01,
#suntory_contents .s01_txt02{
  text-align: center;
  color: #002266;
  text-shadow: 0px 0px 10px #fff;
}
#suntory_contents .s01_txt01{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.67;
  margin-bottom:30px;
}
#suntory_contents .s01_txt02{
  font-size: 17px;
  line-height: 1.76;
  margin-bottom: 50px;
}

#suntory_contents .s01_cont01{
  margin: 60px 0;
}
#suntory_contents .blue_cont_title::before{
  content:'';
  display: inline-block;
  width: 10px; height: 40px;
  vertical-align: middle;
  background:linear-gradient( to top, #004488, #0066ee );
  margin-right: 30px;
}
#suntory_contents h3.blue_cont_title {
  font-size: 26px;
}
#suntory_contents .title_sub_txt{
  font-size: 16px;
  margin-left: 35px;
  font-weight: 500;
  vertical-align: middle;
}
#suntory_contents .schedule_box li {
  max-width: 980px;
  width: 100%;
  margin: 30px auto 21px auto;
  display: table;
  border: 1px solid #d4d4d4;
  background-color: #fff;
}
#suntory_contents .schedule_box li p {
  display: table-cell;
  padding: 30px 26px 30px 25px;
  font-size: 18px;
  font-weight: bold;
}
#suntory_contents .schedule_box li p.sb_list_title { width: 50%;}
#suntory_contents .schedule_box li p.bgfff2f4{background-color:#fff2f4;}
#suntory_contents .schedule_box li p.bgf7f4ee{background-color: #f7f4ee;}

#suntory_contents .ticket_info{
  max-width: 980px;
  width: 100%;
  margin: 46px auto auto;
}
#suntory_contents .ticket_info tr{border-bottom: 1px solid #d4d4d4;}
#suntory_contents .ticket_info th{
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 25px;
}
#suntory_contents .ticket_info td{
  padding:30px 10px;
  vertical-align: middle;
}
#suntory_contents .ticket_info td p{font-size: 16px;}
#suntory_contents .ticket_info td.bgf6fafe{background-color: #f6fafe;}
#suntory_contents .ticket_info td.bgf6fafe p{text-align: center;}

#suntory_contents .btn_blue {
  width: 260px;
  height: 60px;
  background: url(/suntoryhall/feature/bso2022/img/arrow_right.png) no-repeat 8% 50%,
  linear-gradient( to left, #004488, #0066ee );
  background-size: 8px 14px,auto;
  border-radius: 50px;
}
#suntory_contents .btn_blue:hover{
  background: url(/suntoryhall/feature/bso2022/img/arrow_right.png) no-repeat 8% 50%,
  linear-gradient( to left,#0066ee, #32b9ff );
  background-size: 8px 14px,auto;

}
#suntory_contents .project_btn_area .btn_blue {background: linear-gradient( to left, #004488, #0066ee );}
#suntory_contents .btn_blue a,
#suntory_contents .btn_blue span {
  display: block;
  padding: 15px 0 16px 15px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#suntory_contents .song_title{
  margin-left: 20px;
}
#suntory_contents .song_name{
  color:#aa7700;
}
#suntory_contents .pc_only_css{
  padding-left: 6.8em;
}

#suntory_contents .s01_pdf_list{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#suntory_contents .s01_pdf_list li{
  width: 415px; height: 60px;
  border: 1px solid #d4d4d4;
  border-radius: 50px;
  margin-right: 40px;
  text-align: center;
}
#suntory_contents .s01_pdf_list li:hover{
  background-color: #f2fbff;
  border:1px solid #bfd9fb;
}
#suntory_contents .s01_pdf_list li:last-child{
  width: 525px;
  margin-right: 0;
}
#suntory_contents .s01_pdf_list li a{
  width: 100%;
  display: block;
  padding: 16px 40px;
  box-sizing: border-box;
  color:#0066ee;
  text-decoration: none;
  background:url(/suntoryhall/feature/bso2022/img/arrow_right_blue.png) no-repeat 8% 50%,
  url(/suntoryhall/feature/bso2022/img/pdf_icon.png) no-repeat 92.5% 50%;
  background-size: 8px 14px,22px 28px;
}

#suntory_contents .s01_pdf_list li a .pdf_size_txt{color:#0066ee;}

#suntory_contents ul.s01_list {
  /* display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 55px; */
  display: table;
  margin:55px auto;
}
#suntory_contents ul.s01_list li{
  /* margin-right: 40px; */
  display: table-cell;
  padding-right: 40px;
}
#suntory_contents ul.s01_list li:last-child{
  /* margin-right: 0px; */
  padding-right: 0px;
}
#suntory_contents ul.s01_list span {
  display: inline-block;
  vertical-align: bottom;
}
#suntory_contents ul.s01_list a{
  color:#002266;
  text-decoration: none;
}
#suntory_contents .link_icon_b::after{
  content:'';
  width: 12px; height: 12px;
  display: inline-block;
  background: url(/suntoryhall/feature/bso2022/img/link_icon_blue.png) no-repeat;
  background-size:12px 12px;
  margin-left: 5px;
}
#suntory_contents #secondarysale {
  text-align: center;
  padding-top: 6px;
}
#suntory_contents #secondarysale h3 {
  font-size: 20px;
  line-height: 35px;
  color: #d20224;
}
#suntory_contents #secondarysale p {
  font-size: 18px;
  margin-top: 8px;
}
#suntory_contents #secondarysale p span {
  font-weight: bold;
}
#suntory_contents #secondarysale p.notice {
  font-size: 16px;
}
/* =========== section01_end =========== */
/* =========== section02_start =========== */
#suntory_contents section#project {
  background-color: #f7f4ee;
  padding:50px 0 60px;
}
#suntory_contents .project_list{
  max-width: 1060px;
  display: flex;
  justify-content: space-between;
  margin: 50px auto auto;
}
#suntory_contents .project_list li{
  width: 33%;
  height: 540px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px 0px rgb(0,34,102,.1);
  background-color: #fff;
  margin-right: 20px;
}
#suntory_contents .project_list li:last-child{margin-right: 0;}

#suntory_contents .project_title{
  background: url(/suntoryhall/feature/bso2022/img/section02_title01_bg.png) no-repeat top center,#002266;
  background-size: 100%;
  font-weight: normal;
  color:#fff;
}

#suntory_contents .project_title{
  display: flex;
  align-items: center;
  height: 100px;
  padding:20px 25px;
  font-size: 20px;
}
#suntory_contents .project_btn_area .btn_blue{width: 280px; height: 70px;}
#suntory_contents .project_btn_area .btn_blue a{padding:20px 0 21px 0px;}
#suntory_contents .project_btn_area .btn_blue span{padding:20px 0 21px;}
#suntory_contents .project_btn_area .btn_blue .projectans_txt{
  font-size: 12px;
  color: #fff;
  margin-left: 3px;
}

#suntory_contents .project_box_cont {
  width: 280px;
  margin: auto;
}
#suntory_contents .project_btn_area {margin: 30px 0;}

#suntory_contents .project_txt_area { height: 90px;}
#suntory_contents .venue_txt {line-height: 1.88; font-size: 16px;}
#suntory_contents .venue_notice {
  line-height: 1.43;
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
}
#suntory_contents .project_img_area {margin: 15px 0 9px;}
#suntory_contents .project_img_txt{
  text-align: right;
  font-size: 12px;
}
/* =========== section02_end =========== */
/* =========== section03_start =========== */
#suntory_contents section#media{
  background: url(/suntoryhall/feature/bso2022/img/pc_section03_bg.png) no-repeat;
  background-position: top center;
  padding:60px 0;
  background-size: 100%;
  background-position-x: center;
  background-position-y: 0;
}

#suntory_contents .media_list {
  width: 980px;
  margin: 0 auto;
  padding-top: 20px;
}

#suntory_contents .media_list li {
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0px rgb(0 34 102 / 10%);
  padding: 25px 40px 40px;
}

#suntory_contents .media_title {
  color: #002266;
  text-align: center;
  font-size: 18px;
  line-height: 1.63;
}

#suntory_contents .media_text {
  display: flex;
  padding-top: 24px;
}

#suntory_contents .media_text_line {
  display: flex;
  padding: 0 2px;
  border-radius: 4px;
  background: #4499ee;
}

#suntory_contents .media_text p {
  font-size: 16px;
  line-height: 1.63;
  padding: 5px 10px 5px 33px;
}

#suntory_contents .midia_link {
  padding-top: 23px;
}

#suntory_contents .midia_link a {
  display: block;
  position: relative;
  background: linear-gradient( to right, #0066ee, #004488 );
  text-decoration: none;
  width: 480px;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding: 22px 0;
  margin: 0 auto;
}

#suntory_contents .midia_link a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#2288ff;
  background-size: 14px 8px;
  vertical-align: middle;
  margin: 0 10px 0 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(-90deg);
  -webkit-transform: translate(0, -50%) rotate(-90deg);
  -ms-transform: translate(0, -50%) rotate(-90deg);
}

#suntory_contents .midia_link a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  background: url(/suntoryhall/feature/bso2022/img/link_icon_white.png) no-repeat right 1px center;
  background-size: 12px auto;
}

#suntory_contents .midia_link a:hover {
  background: linear-gradient( to right, #32b9ff 10%, #0066ee );
}

#suntory_contents .midia_link a:hover::before {
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#58c2fd;
  background-size: 14px 8px;
}

/* =========== section03_end =========== */
/* =========== section04_start =========== */
#suntory_contents section#cast_profile{
  background: url(/suntoryhall/feature/bso2022/img/pc_section04_bg.png) no-repeat;
  background-position: top center;
  padding:60px 0;
  background-size: 100%;
  background-position-x: center;
  background-position-y: 0;
}

#suntory_contents .profile_list li{
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0px rgb(170,119,0,.2);
  padding:40px 40px 60px 0;
}

#suntory_contents .profile_main{
  float: left;
  width: 680px;
}
#suntory_contents .profile_main p{
  margin: 25px 40px 0 40px;
  font-size: 16px;
  line-height: 1.63;
}
#suntory_contents .profile_img{
  float: right;
}

#suntory_contents .profile_title{
  display: table;
  font-size: 22px;
  line-height: 1.2;
}
#suntory_contents .profile_title::before{
  content:'';
  display: table-cell;
  width: 10px; height: 50px;
  vertical-align: middle;
  background:linear-gradient( to top, #995500, #cc8800 );
  margin-right: 22px;
}

#suntory_contents span.profile_sub_title {
  display: block;
  font-size: 16px;
  color: #aa7700;
  margin-bottom: 13px;
}
#suntory_contents span.profile_sub_title,
#suntory_contents span.profile_main_title{margin-left: 30px;}
#suntory_contents .schedule_txt{font-size: 16px;}


/* =========== section04_end =========== */
/* =========== section05_start =========== */
#suntory_contents section#performance_cities {
  background: url(/suntoryhall/feature/bso2022/img/pc_section05_bg.png) no-repeat;
  background-position: top center;
  padding: 60px 0;

  background-size: 100%;
  background-position-x: center;
  background-position-y: 0;
}

#suntory_contents .city_list{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
#suntory_contents .city_list li{
  width: 31.035%;
  padding: 42px 0 36px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px 0px rgb(0,34,102,.1);
  background-color: #fff;
}
#suntory_contents h3.city_title {
  width: 300px;
  margin: auto auto 40px;
  font-size: 28px;
  font-weight: normal;
}
#suntory_contents .city_list dl {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 300px;
  border-top: 1px #002266 solid;
}
#suntory_contents .city_list dt {
  margin: 0 0 14px;
  padding: 0;
  background: #002266;
  font-size: 14px;
  color:#fff;
  width: 60px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#suntory_contents .city_list dt.contact {
  width: 110px;
}
#suntory_contents .city_list dd {
  margin: 0 0 25px;
  padding: 0;
  font-size: 16px;
  color: #002266;
}
#suntory_contents .city_list dd a {
  color: #0066ee ;
  text-decoration: underline;
}
#suntory_contents .city_list dd a:hover {color: #00aaff;}

#suntory_contents .city_list dd h4 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  color: #002266;
}
#suntory_contents .city_list dd .performer,
#suntory_contents .city_list dd .song_name {
  margin: 0 0 18px;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  color: #aa7700;
}
#suntory_contents .city_list dd .song_name span.blue_txt{color:#002266;}
#suntory_contents .city_list dd .performer {margin: 0;}
#suntory_contents .city_list .external a {
  background: url(/suntoryhall/feature/bso2022/img/link_icon_blue.png) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 25px;
}
#suntory_contents .city_list #kawasaki .external {margin-bottom: 15px;}
#suntory_contents .city_list #kawasaki dd:last-of-type .external {margin-bottom: 0;}
#suntory_contents .city_list dd .tel {
  margin: 0;
  padding: 10px 0 0;
  font-size: 14px;
  color: #002266;
  display: block;
}

/* =========== section05_end =========== */
/* =========== footer_area_start =========== */
#suntory_contents section.footer_area {
  background-color: rgba(0,102,238,.04);
  padding:55px 0;
}

#suntory_contents .footer_anchor_list{
  max-width: 670px; width: 100%;
  margin:auto;
  text-align: center;
}
#suntory_contents .footer_anchor_list li{
  display: inline-block;
  line-height: 2.5;
}
#suntory_contents .footer_anchor_list li::after{
  content: '';
  display: inline-block;
  width: 1px; height: 18px;
  background-color: #dcddde;
  margin: 0 25px;
}
#suntory_contents .footer_anchor_list li:nth-child(5)::after,
#suntory_contents .footer_anchor_list li:last-child::after{display: none !important;}
#suntory_contents .footer_anchor_list li a{
  color:#0066ee;
  font-size: 18px;
}
#suntory_contents .footer_anchor_list li a:hover {
  color: #00aaff;
}
/* =========== footer_area_end =========== */


/*------------------------------------------------------------
  SP
------------------------------------------------------------ */
@media screen and (max-width: 767px){
 /* SP_start */
/* =========== common =========== */
#suntory_contents .pc_item {display: none !important;}
#suntory_contents .sp_item2 {display: block !important;}

#suntory_contents {width: 100%;}
#suntory_contents .warp_cont,
#suntory_contents .warp_cont2{
  max-width: 690px;
  width: 95%;
  margin:auto;
}
#suntory_contents .com_blue_title,
#suntory_contents .com_brown_title {
  height: 20.862vw;
  padding: 5.5vw 0 5.5vw;
  font-size: 6.66666vw;
}

/* =========== menu =========== */
#suntory_contents .menu_btn_area{
  display: none;
  position: fixed;
  top: 64px;
  right: 5%;
  z-index: 10;
}
#suntory_contents .menu_btn_area.fixedBtn{
  display: block;
}
#suntory_contents .menu_btn{
  background-color: rgba(255,255,255,.9);
  width: 13.335vw;
  height: 13.335vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
#suntory_contents .menu_btn p {
  color: #002266;
  font-size: 2.93333vw;
  line-height: 1;
  margin-top: .5vw;
}
#suntory_contents .hambuger_menu {
  display: block;
  width: 5.6vw;
  height: 3vw;
  margin-top: -3.5vw;
}
#suntory_contents .hambuger_menu span {
  background-color: #002266;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 1.0666vw;
}

#suntory_contents .fixedDim {
  z-index: 99 !important;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
#suntory_contents .fixedDim.on {
  display: block;
}

#suntory_contents ul.menu_list {
  margin: 4vw 0;
}

#suntory_contents .menu_area{
  display: block;
  width: 68vw;
  padding: 4vw 0;
  transition: right 0.3s ease;
  background: linear-gradient( to bottom, rgba(0,0,0,.85), rgba(0,34,153,.85) );
  z-index: 100;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: -75vw;
}
#suntory_contents .menu_area.on {
  z-index: 100;
  right: 0;
  height: auto;
  overflow-y: auto;
}
/* #suntory_contents .menu_area.fixed {
  z-index: 100;
  position: fixed;
  overflow-y: auto;
} */
#suntory_contents .sp_menu_cont {
  width: 88.236%;
  margin: auto;
}
#suntory_contents .menu_list li {
  /* height: 10.668vw; */
  margin-bottom: 2.66666vw;
  background-color: #fff;
}
#suntory_contents .menu_list li a {
  font-size: 3.73333vw;
  width: 100%;
  padding: 2.5vw 0 2.5vw;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #002266;
}
#suntory_contents span.menulinkBtnArea {
  /* display: flex;
  align-items: center;
  flex-wrap: wrap; */
  text-decoration: none;
  color: #002266;
  text-indent: -2.5em;
  padding-left: 2.5em;
}
#suntory_contents span.menulinkBtnArea::before{
  content: '';
  display: inline-block;
  width: 5.216vw;
  height: 5.216vw;
  background: url(/suntoryhall/feature/bso2022/img/arrow_sp_bottom.png) no-repeat,#99c2f8;
  background-position: center, 0 0;
  background-size: 2.5vw;
  margin-right: 4.5632vw;
  vertical-align: middle;
}
#suntory_contents .menu_list li:first-child{background-color: #0066ee;}
#suntory_contents .menu_list li:first-child span.menulinkBtnArea{color:#fff;}
#suntory_contents .menu_list li:first-child span.menulinkBtnArea::before{
  background: url(/suntoryhall/feature/bso2022/img/arrow_sp_bottom.png) no-repeat,#0066ee;;
  background-position: center, 0 0;
  background-size: 2.5vw;
}
#suntory_contents .small_area_txt{
  font-size: 2.93333vw;
  margin-bottom: -0.8vw;
}
#suntory_contents .close_btn {
  width: 2.5vw;
  height: 4vw;
  display: inline-block;
}
#suntory_contents .close_btn:before,
#suntory_contents .close_btn:after {
  content: ' ';
  position: absolute;
  left: 4vw;
  height: 4.27vw;
  width: 0.4vw;
  background-color: #fff;
}
#suntory_contents .close_btn:before {transform: rotate(45deg);}
#suntory_contents .close_btn:after {transform: rotate(-45deg);}
#suntory_contents .close_area {
  width: 20vw;
  display: flex;
  align-items: center;
  height: 6.667vw;
  position: relative;
  margin: auto;
  background-color: #0066ee;
}
#suntory_contents .close_area p{
  color: #fff;
  margin-left: 5vw;
  margin-top: 0.5vw;
  font-size: 2.93333vw;
}

/* =========== kv_area_start =========== */
#suntory_contents #kv_area{
  background: url(/suntoryhall/feature/bso2022/img/sp_kv_bg.png) no-repeat,#021622;
  background-position: top center;
  background-size: 100%;
  position: relative;
  overflow-y: hidden;
}
#suntory_contents #kv_area .warp_cont{
  max-width: 700px;
}
#suntory_contents .kv_area_logo {
  display: block;
  top: 2%;  right: 2%; left:unset;
}
#suntory_contents .kv_area_logo li {
  width: 11.6vw;
  margin-right: 0;
  margin-bottom: 3.2595vw;
}
#suntory_contents .kv_area_logo li:last-child {
  width: 9.2vw;
  margin: auto auto 0;
}
#suntory_contents .kv_area_logo li img{width: 100%; height: auto;}
#suntory_contents h1.kv_txt_img {
  width: 88vw;
  padding: 24vw 0 18vw 0;
  margin-left: -18vw;
}

#suntory_contents .kv_list_area{
  font-size: 3.12908vw;
  padding:4vw;
  min-height: 32vw;
  margin:0 0 2.66666vw 0;
}
#suntory_contents .list_box_scorll li p {font-size: 2.93333vw;}
#suntory_contents .list_box_scorll li a{
}
#suntory_contents .list_date { width: 20%; margin-right: 3.25945vw;}
#suntory_contents .list_title{width: 100%;}

#suntory_contents .anchor_area {padding-bottom: 3.25945vw;}
#suntory_contents .anchor01 {
  float: unset;
  display: block;
  width: 100%;
  margin-bottom: 2.60756vw;
}
#suntory_contents .anchor01 a {
  display: flex;
  height: 20vw;
  align-items: center;
  text-decoration: none;
  background: url(/suntoryhall/feature/bso2022/img/sp_anchor_img01.png) no-repeat,#fff;
  background-position: 100%,100%;
  background-size: contain;
}
#suntory_contents .anchor01 span {
  width: 50%;
  height: 100%;
  font-size: 4.8vw;
  line-height: 4.2;
  color: #002266;
}
#suntory_contents .anchor01:hover span {
  color: #2277dd;
}
#suntory_contents .anchor01 .com_gray_box::before {
  content: '';
  width: 6.52vw;
  height: 6.52vw;
  background-size: 3vw 2vw;
  margin:0 4vw 0 4.5632vw !important;
}

#suntory_contents .anchor_box {
  float: unset;
  width: 100%;
  display: flex;
}
#suntory_contents .anchor_box .com_anchor1{
  width: 31.43%;
  background-color: #fff;
}
#suntory_contents li.anchor02,
#suntory_contents li.anchor03{margin-right:  2.60756vw;}

#suntory_contents .com_anchor1 a,
#suntory_contents .com_anchor2 a{text-decoration: none;}
#suntory_contents li.com_anchor1 .anchor_common_title {
  font-size: 3.73333vw;
  padding: 2vw 0;
}
#suntory_contents .anchor_box .com_anchor2{
  width: 31.43%;
  background: linear-gradient( to right, #004488, #0066ee );
  margin: 2.60756vw 2.60756vw 0 0;
}
#suntory_contents .anchor_box .com_anchor2:last-child{margin-right: 0;}
#suntory_contents .com_anchor2 a {
  padding: 3vw 0px;
  display: block;
  font-size: 3.12907vw;
  box-sizing: border-box;
  line-height: 1.5;
}
#suntory_contents .com_anchor2 span{color: #fff;}
#suntory_contents span.city_samll_txt {
  font-size: 2.3468vw;
  margin-left: 7vw;
}
#suntory_contents li.com_anchor2 .anchor_common_title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 3.2vw;
}
#suntory_contents .anchor07 .com_blue_box::before{margin-top: 2.5vw;}
#suntory_contents li.com_anchor1 .com_gray_box::before,
#suntory_contents .com_blue_box::before {
  content: '';
  width: 3.913vw;
  height: 3.913vw;
  background-size: 2.5vw 1.5vw;
  margin: 0 1.5645vw 0 1.9557vw;
}

/* =========== kv_area_end =========== */
/* =========== section01_start =========== */
#suntory_contents section#performanceInfo{
  padding-top: 4.56324vw;
  background: url(/suntoryhall/feature/bso2022/img/sp_section01_bg.png) no-repeat,
  url(/suntoryhall/feature/bso2022/img/sp_section02_bg.png) no-repeat center 132vw;
  background-size: 100%, 100%;
}
#suntory_contents .s01_cont01 { margin: 9.13242vw 0;}
#suntory_contents .s01_cont_box { padding: 7.1708vw 0;}
#suntory_contents .s01_txt01 {
  font-size: 4.66666vw;
  line-height: 1.43;
  margin-bottom: 3.91134vw;
}
#suntory_contents .s01_txt02 {
  font-size: 4vw;
  line-height: 1.6;
  margin-bottom: 18.66666vw;
}
#suntory_contents .blue_cont_title::before {
  content: '';
  width: 2.608vw;
  height: 13.038vw;
  margin-right: 3.9114vw;
}
#suntory_contents h3.blue_cont_title {
  font-size: 5.33333vw;
  line-height: 1.54;
}
#suntory_contents .title_sub_txt {
  display: block;
  font-size: 3.46666vw;
  margin:4vw 0 0 6.5vw;
}
#suntory_contents .schedule_box li {margin: 4vw auto 2.8vw auto;}
#suntory_contents .schedule_box li p{
  display: block;
  width: 100%;
  padding: 4.82399vw;
  font-size: 4.13333vw;
}
#suntory_contents .schedule_box li .sb_list_title.bgfff2f4,
#suntory_contents .schedule_box li .sb_list_title.bgf7f4ee{width: 100%;}

#suntory_contents .project_list{
  display: block;
}
#suntory_contents .project_list li {
  width: 100%;
  height: auto;
}
#suntory_contents .btn_blue {
  width: 79.532vw;
  height: 15.646vw;
  margin: auto;
  background: url(/suntoryhall/feature/bso2022/img/arrow_right.png) no-repeat 11% 50%, linear-gradient( to left, #004488, #0066ee );
  background-size: 2vw,auto;
  border-radius: 80px;
}
#suntory_contents .btn_blue a,
#suntory_contents .btn_blue span {
  display: block;
  padding: 5.5vw 0 5.5vw 4vw;
  line-height: 1;
  font-size: 4.53333vw;
}
#suntory_contents .song_title {
  margin: 5.21513vw 0 0 7vw;
  font-size: 4vw;
  line-height: 1.67;
}

#suntory_contents .ticket_info{margin:5.3333vw auto auto;}
#suntory_contents .ticket_info li {
  padding: 5.21513vw 0;
  border-bottom: 1px solid #d4d4d4;
}
#suntory_contents .ticket_info li:first-child{
  border-top: 1px solid #d4d4d4;
}
#suntory_contents .ticket_info .price_area{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4vw;
  line-height: 1.5;
  background-color: #f6fafe;
}
#suntory_contents .ticket_info .price_area p:first-child{
  margin-right: 11.08214vw
}

#suntory_contents .s01_pdf_list{display: block;}
#suntory_contents .s01_pdf_list li {
  width: 79.532vw;
  height: 15.646vw;
  border: 1px solid #d4d4d4;
  border-radius: 80px;
  text-align: center;
  margin: auto;
}
#suntory_contents .s01_pdf_list li:last-child {
  width: 79.532vw;
  margin: 5.21512vw auto auto;
}
#suntory_contents .s01_pdf_list li a {
  padding: 2.6vw 0 2.6vw 12vw;
  font-size: 4.26666vw;
  font-weight: bold;
  background: url(/suntoryhall/feature/bso2022/img/arrow_right_blue.png) no-repeat 10% 50%, url(/suntoryhall/feature/bso2022/img/pdf_icon.png) no-repeat 89.5% 50%;
  background-size: 2vw,5vw;
  text-align: left;
  line-height: 1.2;
}
#suntory_contents span.pdf_size_txt {font-size: 3.46666vw; color:#0066ee; font-weight: normal;}

#suntory_contents ul.s01_list{
  display: block;
  text-align: center;
}
#suntory_contents ul.s01_list li{
  display: block;
  margin: 0 0 3.91134vw 0;
  padding:0;
  font-size: 3.73333vw;
}
#suntory_contents ul.s01_list a{font-size: 3.73333vw;}
#suntory_contents ul.s01_list span {
  display: inline-block;
  width: 17.068vw;
  height: 8.27vw;
  margin: 0 0 0 5vw;
  vertical-align: middle;
  text-align: right;
}
#suntory_contents ul.s01_list span img{width: 100%; height: 100%;}
#suntory_contents .link_icon_b::after {
  content: '';
  width: 2.66668vw;
  height: 2.66668vw;
  background-size: 100%;
}
#suntory_contents #secondarysale {
  text-align: center;
}
#suntory_contents #secondarysale h3 {
  color: #d20224;
  font-size: 4vw;
}
#suntory_contents #secondarysale p {
  font-size: 4.13333vw;
  margin-top: 2.5vw;
  line-height: 1.45em;
}
#suntory_contents #secondarysale p:first-of-type {
  margin-top: 0;
}
#suntory_contents #secondarysale p span {
  font-weight: bold;
}
#suntory_contents #secondarysale .notice {
  font-size: 3.3vw;
}
#suntory_contents #secondarysale .pc_only {
  display: none;
}

/* =========== section01_end =========== */
/* =========== section02_start =========== */
#suntory_contents section#project {
  padding: 8vw 0;
}
#suntory_contents .com_blue_title2 {
  height: auto;
  padding: unset;
  font-size: 6.66666vw;
}
#suntory_contents .project_box_cont {
  width: 79.532vw;
  margin: auto;
}
#suntory_contents .project_box_cont .pc_only {
  display: none;
}
#suntory_contents .project_btn_area .btn_blue {
  width: 79.532vw;
  height: 15.646vw;
}
#suntory_contents .project_btn_area .btn_blue a{
  padding: 5.5vw 0 5.5vw 0vw;
  line-height: 1;
}
#suntory_contents .project_btn_area .btn_blue span {
  padding:5.5vw 0;
}
#suntory_contents .project_btn_area .btn_blue .projectans_txt {
  font-size: 3.40425vw;
  margin-left: 1vw;
}
#suntory_contents .project_list{margin:6.51064vw 0 0 0;}
#suntory_contents .project_list li{margin-bottom:8vw;}
#suntory_contents .project_list li:last-child{margin-bottom: 0;}
#suntory_contents .project_box {padding-bottom: 2.83688vw;}
#suntory_contents .project_box:last-child{margin-bottom: 0;}

#suntory_contents .project_title {
  height: 19.86vw;
  padding: 4vw;
  font-size: 4.53333vw;
}
#suntory_contents .project_txt_area { height: auto;}
#suntory_contents .venue_txt {
  display: inline-block;
  line-height: 1.33;
  font-size: 4vw;
}
#suntory_contents .venue_notice {
  display: inline-block;
  line-height: 1.43;
  font-size: 2.66666vw;
}
#suntory_contents .project_img_area {
  max-width: 610px;
  width: 100%;
  height: auto;
  margin: 4vw 0 2vw;
}
#suntory_contents .project_img_area img{
  width: 100%;
  height: auto;
}
#suntory_contents .project_img_txt {font-size: 2.93333vw;}
/* =========== section02_end =========== */
/* =========== section03_start =========== */
#suntory_contents section#media {
  padding: 8vw 0 10.6666667vw;
  background: url(/suntoryhall/feature/bso2022/img/sp_section03_bg.png) no-repeat;
  background-size: 100%;
}

#suntory_contents .media_list {
  width: auto;
  margin: 0;
  padding-top: 1.51064vw;
}

#suntory_contents .media_list li {
  margin-top: 5vw;
  padding: 8.51064vw 5.67376vw;
}

#suntory_contents .media_title {
  font-size: 4vw;
}

#suntory_contents .media_text_line {
  padding: 0 0.3vw;
  border-radius: 0.8vw;
}

#suntory_contents .media_text {
  padding-top: 3vw;
}

#suntory_contents .media_text p {
  font-size: 4vw;
  padding: 0 0 0 6vw;
}

#suntory_contents .midia_link {
  padding: 6vw 5.33333333vw 0;
}

#suntory_contents .midia_link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: unset;
  width: auto;
  padding: 4vw 0;
  font-size: 4vw;
  line-height: 1.1;
}

#suntory_contents .midia_link a::before {
  position: relative;
  margin: 0px;
  width: 5.33333333vw;
  height: 5.33333333vw;
  background-size: 1.86666667vw 1.06666667vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

#suntory_contents .midia_link a::after {
  position: relative;
  width: 3.913vw;
  height: 3.913vw;
  background-size: 2.5vw;
  right: 3.33333333vw;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}

#suntory_contents .midia_link a:hover::before {
  background: url(/suntoryhall/feature/bso2022/img/arrow_bottom.png) no-repeat center,#58c2fd;
  background-size: 1.86666667vw 1.06666667vw;
}
/* =========== section03_end =========== */
/* =========== section04_start =========== */
#suntory_contents section#cast_profile{
  padding: 8vw 0;
  background: url(/suntoryhall/feature/bso2022/img/sp_section04_bg.png) no-repeat;
  background-size: 100%;
}
#suntory_contents .profile_main {
  float: unset;
  width: 100%;
}
#suntory_contents .profile_title::before {
  content: '';
  width: 2.838vw;
  height: auto;
}
#suntory_contents .profile_list li {
  margin-top:8vw;
  padding: 8.51064vw 5.67376vw;
}
#suntory_contents .profile_img{  float: unset; margin-top: 8vw;}
#suntory_contents .profile_img img {
  width: 78.5vw;
  max-width: 610px;
  height: auto;
  margin: auto;
}
#suntory_contents .profile_main p {
  margin: 3.91134vw auto auto;
  font-size: 4vw;
  line-height: 1.6;
}
#suntory_contents span.profile_sub_title{margin-bottom: 2vw;}
#suntory_contents span.profile_sub_title,
#suntory_contents span.schedule_txt,
#suntory_contents span.profile_main_title {
  margin-left: 4.25532vw;
}
#suntory_contents span.profile_sub_title,
#suntory_contents .schedule_txt{font-size: 4vw;}
#suntory_contents span.profile_main_title{font-size: 5.33333vw;}
/* =========== section04_end =========== */
/* =========== section05_start =========== */
#suntory_contents section#performance_cities{
  padding:8vw 0;
  background: url(/suntoryhall/feature/bso2022/img/sp_section05_bg.png) no-repeat;
  background-size: 100%;
}

#suntory_contents .city_list{
  display: block;
  margin-top: 8vw;
}
#suntory_contents .city_list li{
  width: 100%; height: auto;
  margin-bottom: 8vw;
  padding: 6.5189vw 0;
}
#suntory_contents .city_list li:last-child{margin-bottom: 0;}
#suntory_contents h3.city_title {
  width: 79.532vw;
  margin: auto auto 5.21512vw;
  font-size: 5.86666vw;
  font-weight: normal;
}
#suntory_contents .city_list dl {
  margin: 0 auto;
  padding: 3.91134vw 0 0;
  width: 79.532vw;
}

#suntory_contents .city_list dt {
  margin: 0 0 2vw;
  padding: 0;
  font-size: 3.73333vw;
  width: 13.038vw;
  height: 7.824vw;
}
#suntory_contents .city_list dt.contact { width: 28.685vw;}
#suntory_contents .city_list dd,
#suntory_contents .city_list dd h4,
#suntory_contents .city_list dd .song_name,
#suntory_contents .city_list dd .tel {
  margin: 0 0 3vw;
  font-size: 4.26666vw;
  line-height: 1.45;
}
#suntory_contents .sp_only_css{padding-left: 1em;}
#suntory_contents .city_list .external a {
  background-size: 3vw;
  padding-right: 6vw;
}

/* =========== section05_end =========== */
/* =========== footer_area_start =========== */
#suntory_contents section.footer_area{padding:5.33333vw 0;}
#suntory_contents .footer_anchor_list li{line-height: 2.41;}
#suntory_contents .footer_anchor_list li a {
  font-size: 3.6vw;
}
#suntory_contents .footer_anchor_list li::after {
  content: '';
  display: inline-block !important;
  height: 2.348vw;
  margin: 0 1.5vw;
}
#suntory_contents .footer_anchor_list li:first-child::after,
#suntory_contents .footer_anchor_list li:nth-child(5)::after,
#suntory_contents .footer_anchor_list li:nth-child(9)::after,
#suntory_contents .footer_anchor_list li:last-child::after{display: none !important;}
/* =========== footer_area_end =========== */

/*#suntory_contents #suntoryhall_common_footer .contents_list_container li a,
#suntory_contents #suntoryhall_common_footer .contents_list_container li a span,
#suntory_contents #suntoryhall_common_footer .bottom_nav ul li.external a span{
  color:#881133 !important;
}*/
 /* SP_end */
}