@charset "utf-8"; #suntory_contents a{color:#000;} #suntory_contents img{vertical-align:bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;} #suntory_contents li{list-style-type:none;} .displayNone {display: none!important;} .unclick a,.deactivate a {cursor: default;} .unclick a:hover {background: #fff!important;} @media print, screen and (min-width:768px){ #suntory_contents{min-width:1160px;} #suntory_contents .mb35{margin-bottom: 35px;} #suntory_contents .pc_item {display: block;} #suntory_contents .sp_item {display: none;} #suntory_contents img.pc_item, #suntory_contents .pc_item_inline{display:inline-block} #suntory_contents img.sp_item, #suntory_contents .sp_item_inline{display:none!important;} #suntory_contents .langTab{position: fixed;right:0;top:200px;} #suntory_contents .langTab a{display: block;} #suntory_contents .langTab a img{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents .langTab a:hover img{opacity:0.8;} /**/ #suntory_contents #container{background-image: url(/suntoryhall/feature/2021_22/img/contentWrap_bg_01.jpg);background-repeat: no-repeat;background-position: center top;padding-top: 0;background-size: 1920px;background-color: #f4e4e4;} #suntory_contents #container .contentsWrap,#suntory_contents #container .contents {width: 1160px; margin:0 auto;overflow: hidden;} #suntory_contents #container .contentsWrap >.contents {width: 570px;float: left;} #suntory_contents #container .contentsWrap .contents:nth-child(2n) {margin-left: 20px;} /* #suntory_contents #container .contents {width: 100%;max-width: 1080px; margin:0 auto;} */ /**/ #suntory_contents #container .contents .sectBlock .accrdBtn, #suntory_contents #container .contents .sectBlock .accrdClose{display:none;} #suntory_contents #container .contents .sectBlock .accrdCont{display:block !important;} /**/ #suntory_contents .mvBlock{padding-bottom:25px;} #suntory_contents .mvBlock .breadCrumbs {display:-webkit-flex;display:flex;height:55px;font-size:13px;color:#ffffff;max-width:1080px; margin:0 auto;-webkit-align-items: center;align-items: center;} #suntory_contents .mvBlock .breadCrumbs a{font-size:13px;color:#ffffff;text-decoration:underline;} #suntory_contents .mvBlock .breadCrumbs a:hover {color: #ffdd66;} /**/ #suntory_contents .mvBlock #navigation { width:1080px;margin:0 auto;display: table; } #suntory_contents .mvBlock .langBtn {display: table-cell;vertical-align: middle;width:10%;} #suntory_contents .mvBlock .langBtn a {position: relative;color:#ffffff; font-size:13px;background: url(/suntoryhall/feature/2021_22/img/icon_blank.png) right center no-repeat; padding-right: 20px;} /**/ #suntory_contents .mvBlock .mvCont{position:relative;max-width:1160px;margin:0 auto 0;} /**/ #suntory_contents .mvBlock .mvCont h2{margin-top:0;text-align:center;} #suntory_contents .mvBlock .mvCont h2 img{ max-width:100%;margin-top:-8px;} /**/ #suntory_contents .mvBlock .mvCont .mvCont_memo{max-width:990px;margin:4px auto 18px;font-size:14px;color:#fff;text-align:center;} /**/ #suntory_contents .btnPageTop{ position:fixed;bottom:0;right:50%;margin-right:-540px;display:none;} #suntory_contents .btnPageTop a{position: relative;width:60px;height:60px;background:url(/suntoryhall/feature/2021_22/img/pagetop.png) no-repeat 0 0;background-size:60px auto;display:block;text-indent:-9999px;} /**/ #suntory_contents .mvBlock .mvCont .btnPdf{position:absolute;top:140px;right:47px;} #suntory_contents .mvBlock .mvCont .btnPdf a{ display:block;background: url(/suntoryhall/feature/2021_22/img/btn_PDF_off.png) ;width: 293px;height: 78px;transition: .3s ease;} #suntory_contents .mvBlock .mvCont .btnPdf a:hover{ display:block;background: url(/suntoryhall/feature/2021_22/img/btn_PDF_on.png) ;width: 293px;height: 78px;} /**/ #suntory_contents .mvBlock .mvCont .anni35thLogo{position: absolute;top:50%;left: 0;transform: translateY(-50%);} /**/ #suntory_contents .mvBlock .mvCont .ancList{max-width:990px; margin:0 auto;} #suntory_contents .mvBlock .mvCont .ancList::after{content:" ";display:block;clear:both;} #suntory_contents .mvBlock .mvCont .ancList li{display:block;width:32.324%;float:left;box-shadow: 0px 2px 4px 1px rgba(136,17,51,0.18);} #suntory_contents .mvBlock .mvCont .ancList li + li{margin-left:1.5152%;} #suntory_contents .mvBlock .mvCont .ancList li:nth-child(3n + 1){clear:both;} #suntory_contents .mvBlock .mvCont .ancList li:nth-child(n + 4){margin-top:15px;} #suntory_contents .mvBlock .mvCont .ancList li:nth-child(3n + 4){margin-left:0;} #suntory_contents .mvBlock .mvCont .ancList li a{display:block; position:relative;box-sizing:border-box;background-color:#fff;} #suntory_contents .mvBlock .mvCont .ancList li a p{display: none;} #suntory_contents .mvBlock .mvCont .ancList li a img{ display:block;max-width:100%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} /**/ #suntory_contents .mvBlock .mvCont .ancList_inr li{width:100%;margin-left:0;} #suntory_contents .mvBlock .mvCont .ancList_inr li+li{ width:100%;margin-left:0;margin-top:15px;} /**/ #suntory_contents .mvBlock .mvCont .notice{ width:100%;text-align:center;color:#fff;font-size:14px;margin-top:15px;} /**/ #suntory_contents #container .contents .contBtm .ancAre{margin-bottom: 50px;} #suntory_contents #container .contents .contBtm .ancList{ text-align:center;max-width: 1080px; margin:0 auto 15px;} #suntory_contents #container .contents .contBtm .ancList li{display:inline-block;float:none;} #suntory_contents #container .contents .contBtm .ancList li{border-right:#cda8a8 solid 1px;} #suntory_contents #container .contents .contBtm .ancList li:last-child{border-right:none;} #suntory_contents #container .contents .contBtm .ancList li:nth-child(4), #suntory_contents #container .contents .contBtm .ancList li:nth-child(7), #suntory_contents #container .contents .contBtm .ancList li:nth-child(11), #suntory_contents #container .contents .contBtm .ancList li:nth-child(12){border:none;} #suntory_contents #container .contents .contBtm .ancList li a{color:#881133;font-size:14px;line-height: 1; padding:0 1.5em;display: block;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .contBtm .ancList li a:hover{color:#bb0044;} #suntory_contents #container .contents .contBtm .ancList li a img{ display:none;} #suntory_contents #container .contents .contBtm .ancList .hide{display: block;} /**/ #suntory_contents #container .contents .contBtm .ancList_inr li:first-child{display: none} #suntory_contents #container .contents .contBtm .ancList_inr li{border-right:#cda8a8 solid 1px;} #suntory_contents #container .contents .contBtm .ancList_inr li:last-child{border-right:none} /**/ #suntory_contents #container .contents .contBtm{margin:0;} #suntory_contents #container .contents .contBtm .btnArchive{max-width:1080px;margin:0 auto; padding:30px 0 45px;background-color:rgba(204, 170, 102,0.2);} #suntory_contents #container .contents .contBtm .btnArchive h3{max-width: 990px; margin:0 auto 25px;color: #000;} #suntory_contents #container .contents .contBtm .btnArchive ul{max-width:990px;margin:0 auto;} #suntory_contents #container .contents .contBtm .btnArchive ul::after{content:" ";display:block;clear:both;} #suntory_contents #container .contents .contBtm .btnArchive ul li{float:left;width:24.243%;box-shadow:0px 2px 4px 2px rgba(187, 153, 102,0.3);} #suntory_contents #container .contents .contBtm .btnArchive ul li + li{ margin-left:1%;} #suntory_contents #container .contents .contBtm .btnArchive ul li:nth-child(n + 5){margin-top:10px;} #suntory_contents #container .contents .contBtm .btnArchive ul li:nth-child(4n + 5){margin-left:0;} #suntory_contents #container .contents .contBtm .btnArchive ul li a{display:block; width:100%;height:60px; margin:0 auto;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .contBtm .btnArchive ul li a img{max-width: 100%;} /**/ #suntory_contents #container .contents .sectBlock{position:relative;max-width:1160px;margin:0 auto;box-sizing:border-box;} #suntory_contents #container .contents #btmList.sectBlock{box-shadow:none;padding:0 0 50px;} #suntory_contents #container .contents:nth-child(n+3){margin-top:40px;} #suntory_contents #container .contents .sectBlock h2{text-align:center;} #suntory_contents #container .contents .sectBlock h2 img{ max-width:100%;} #suntory_contents #container .contents .sectBlock .read{text-align:center;font-size:15px;} /**/ #suntory_contents #container .contents .sectBlock .eventMain{text-align:center;} #suntory_contents #container .contents .sectBlock .eventMain a{ display:block;width:300px;height:60px;margin:0 auto 30px;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .sectBlock .enj_btn a{width:300px;height:60px;margin-bottom:45px;box-shadow:0px 4px 8px 0px rgba(51,153,0,0.5);} #suntory_contents #container .contents .sectBlock .children_btn a{width:300px;height:60px;box-shadow:0px 4px 8px 0px rgba(219,206,188,1);} /**/ #suntory_contents #container .contents .sectBlock .eventList{clear:both;text-align:center;margin:0 auto;padding: 0; font-size:0;} #suntory_contents #container .contents .sectBlock .eventList::after{content:" ";display:block;clear:both;} #suntory_contents #container .contents .sectBlock .eventList li{display:inline-block;vertical-align: top;} #suntory_contents #container .contents .sectBlock .eventList li.no-Link{pointer-events:none;} #suntory_contents #container .contents .sectBlock .eventList li a{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;position:relative;background-color:#fff;} #suntory_contents #container .contents .sectBlock .eventList li a img{max-width:100%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .sectBlock .eventList li a.noEvent{cursor: default;} /**/ #suntory_contents #container .contents .sectBlock .sf_btn a {width:300px;height:60px;box-shadow:0px 2px 4px 0px rgba(51,68,170,0.5);} #suntory_contents #container .contents .sectBlock .eventMain a {transition: .3s ease; width: 210px;height: 50px;line-height: 50px;color:#fff;text-decoration: none;position: relative;} #suntory_contents #container .contents .sectBlock .eventMain a .btn_arrow {content: ""; position: absolute;top:50%;left: 0;transform: translateY(-50%);width:15px;height: 22px;background-image: url(/suntoryhall/feature/2021_22/img/btn_arrow_01.png);background-repeat: no-repeat;background-position: 50%;} #suntory_contents #container .contents .sectBlock .eventMain.deactivate a {background: #dfdfdf;} #suntory_contents #container .contents .sectBlock .eventMain.deactivate a .btn_arrow {background-color: #d0d0d0;} /**/ #suntory_contents #container .contents #cmg.sectBlock{height: 960px; background:url(/suntoryhall/feature/2021_22/img/content_bg_01.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #cmg.sectBlock h2{ } #suntory_contents #container .contents #cmg.sectBlock .read{color: #885500; box-shadow: 0px 0px 50.4px rgba(255, 255, 255, 0.1);} #suntory_contents #container .contentsWrap .contents #cmg.sectBlock .read {margin-top: -100px;} #suntory_contents #container .contents #cmg.sectBlock .phList{display:none;} #suntory_contents #container .contents #cmg.sectBlock .eventList{width: 550px;} #suntory_contents #container .contents #cmg.sectBlock .eventList li{text-align: left;width:270px;height:80px;} #suntory_contents #container .contents #cmg.sectBlock .eventList li:nth-child(n + 3){margin-top:10px;} #suntory_contents #container .contents #cmg.sectBlock .eventList li:nth-child(even){margin-left:1.389%;} #suntory_contents #container .contents #cmg.sectBlock .eventList li a{transition: .3s ease; height:80px;display: block; box-shadow:0px 2px 4px 3px rgba(187, 119, 17, 0.2);display:block;text-decoration: none;position:relative;display: flex;align-items: center;} #suntory_contents #container .contents #cmg.sectBlock .eventList li a:hover{background: #f5eddc;} #suntory_contents #container .contents #cmg.sectBlock .eventList li span {display: inline-block;} #suntory_contents #container .contents #cmg.sectBlock .eventList li .img {} #suntory_contents #container .contents #cmg.sectBlock .eventList02 li{margin-top:15px;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(187, 119, 17, 0.2);background: #bb8811;margin-top: -35px;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a:hover {background: #bb7711;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a .btn_arrow {background-color: #a26809;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a:hover .btn_arrow {background-color: #a25709;} /**/ #suntory_contents #container .contents .sectBlock #accSmmr{display:none !important;} #suntory_contents #container .contents #smmr.sectBlock {height: 960px; background:url(/suntoryhall/feature/2021_22/img/content_bg_02.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #smmr.sectBlock .read{margin-top: -93px;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(38, 161, 255, 0.2);background: #22aaff;margin-top: -35px;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a:hover {background: #0099ee;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a .btn_arrow {background-color: #138dff;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a:hover .btn_arrow {background-color: #007ae6;} #suntory_contents #container .contents #smmr.sectBlock .eventList li{box-shadow:0px 2px 5px 0px rgba(61, 161, 239, 0.3);} #suntory_contents #container .contents #smmr.sectBlock .eventList li+li{margin-top: 10px;} #suntory_contents #container .contents #smmr.sectBlock .eventList li a{box-sizing: border-box;width: 250px;height: 70px;padding-bottom:3px;transition: .3s ease;} #suntory_contents #container .contents #smmr.sectBlock .eventList li.half {margin-top: 0;} #suntory_contents #container .contents #smmr.sectBlock .eventList li.half a{width: 120px;} #suntory_contents #container .contents #smmr.sectBlock .eventList li.half:nth-child(odd){margin-right: 9px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList {margin:0 auto;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .eventList {margin:0 10px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .contentTtl,#suntory_contents #container .contents #smmr.sectBlock .smmrList .contentTxt {padding:0 20px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList01,.smmrList02{display: inline-block;width: 270px;height: 420px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList01{background: #cce5ff;} #suntory_contents #container .contents #smmr.sectBlock .smmrList01 li a:hover{background: #e5faff;} #suntory_contents #container .contents #smmr.sectBlock .smmrList02 li a:hover{background: #edfffa;} #suntory_contents #container .contents #smmr.sectBlock .smmrList02{background: #ccffdd;vertical-align: bottom;margin-left: 5px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03{background: #C0E9FF;margin-top: 10px;display: flex;align-items: center;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03 li a:hover{background: #effeff;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03 .eventList {width: 250px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .mainContent {height: 180px} #suntory_contents #container .contents #smmr.sectBlock .smmrList03 .mainContent {height: 100px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .phList{ text-align:center;font-size:0; margin-bottom:10px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .phList li{ display:inline-block;width:319px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .phList li + li{ margin-left:1.515%;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .phList li img{max-width:100%;height:100px;} #suntory_contents #container .contents #smmr.sectBlock .accrdCont {width: 550px;margin:auto;} /**/ #suntory_contents #container .contents #anniversary35th.sectBlock{height: 790px; box-sizing:border-box;padding-top: 10px; background:url(/suntoryhall/feature/2021_22/img/content_bg_03.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #anniversary35th.sectBlock h2 {padding-bottom: 190px;} #suntory_contents #container .contents #anniversary35th.sectBlock .read {color:#770000;margin-bottom: 30px;} #suntory_contents #container .contents #anniversary35th.sectBlock .imgBox {text-align: center;} #suntory_contents #container .contents #anniversary35th.sectBlock .eventList li a {width: 280px;height: 80px;transition: .3s ease;margin-bottom: 30px;box-shadow: 0px 2px 4px 0px rgba(85, 0, 17,0.14);} #suntory_contents #container .contents #anniversary35th.sectBlock .eventList li a:hover {background: #ffeae5;} /**/ #suntory_contents #container .contents #opera.sectBlock{height: 790px; box-sizing:border-box;padding-top: 10px; background:url(/suntoryhall/feature/2021_22/img/content_bg_04.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #opera.sectBlock h2 {padding-bottom: 200px;} #suntory_contents #container .contents #opera.sectBlock .read {margin-bottom: 20px;} #suntory_contents #container .contents #opera.sectBlock .imgBox {text-align: center;} #suntory_contents #container .contents #opera.sectBlock .imgList {display: flex;justify-content: center;width: 460px;background: url(/suntoryhall/feature/2021_22/img/opera_border_01.png) bottom no-repeat;margin: 0 auto 20px;padding-bottom: 20px;} #suntory_contents #container .contents #opera.sectBlock .imgList li+li{margin-left: 10px;} #suntory_contents #container .contents #opera.sectBlock .eventList li a {width: 410px;height: 60px;transition: .3s ease;margin-bottom: 10px;box-shadow: 0px 2px 4px 0px rgba(85, 0, 17,0.14);} #suntory_contents #container .contents #opera.sectBlock .eventList li a:hover {background: #ffeae5;} /**/ #suntory_contents #container .contents #group.sectBlock{height: 980px; box-sizing:border-box;padding-top: 10px; background:url(/suntoryhall/feature/2021_22/img/content_bg_05.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #group.sectBlock h2 {} #suntory_contents #container .contents #group.sectBlock .read {margin: 40px auto;} #suntory_contents #container .contents #group.sectBlock .imgBox {text-align: center;} #suntory_contents #container .contents #group.sectBlock .eventList li+li{margin-left: 20px;} #suntory_contents #container .contents #group.sectBlock .eventList li a {transition: .3s ease;margin-bottom: 20px;box-shadow: 0px 2px 6px 0px rgba(102, 68, 0, 0.2);} #suntory_contents #container .contents #group.sectBlock .eventList.groupList01 li a {width: 275px;height: 80px;} #suntory_contents #container .contents #group.sectBlock .eventList.groupList02 li a {width: 270px;height: 200px;align-items: baseline;} #suntory_contents #container .contents #group.sectBlock .eventList li a:hover {background: #fff2d9;} #suntory_contents #container .contents #group.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(85, 0, 17, 0.2);background: #aa7722;} #suntory_contents #container .contents #group.sectBlock .eventMain a:hover {background: #aa6600;} #suntory_contents #container .contents #group.sectBlock .eventMain a .btn_arrow {background-color: #8d5713;} #suntory_contents #container .contents #group.sectBlock .eventMain a:hover .btn_arrow {background-color: #8d4700;} /**/ #suntory_contents #container .contents #ark.sectBlock{justify-content: center;height: 780px;display: flex; box-sizing:border-box;padding-top: 35px; background:url(/suntoryhall/feature/2021_22/img/content_bg_06.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #ark.sectBlock h2{margin-top: 0; } #suntory_contents #container .contents #ark.sectBlock .read{margin-bottom:40px;} #suntory_contents #container .contents #ark.sectBlock .sectInner {width: 540px;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner {margin-top: 20px; height:670px;width: 500px;margin-left: 20px;text-align: center;background-color:#fff;background-image: -moz-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);background-image: -webkit-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);background-image: -ms-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);box-shadow: 0px 0px 10px 0px rgba(221, 102, 17, 0.25); } #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .read {margin: 20px auto 25px;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .btnBox {margin:10px auto 15px;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .imgBox {margin-bottom: 17px;} #suntory_contents #container .contents #ark.sectBlock .eventList li a{box-shadow: 0px 2px 6px 0px rgb(102 68 0 / 20%);} #suntory_contents #container .contents #ark.sectBlock .eventList li a:hover{background: #FFF7EE;} #suntory_contents #container .contents #ark.sectBlock .akrhillsmusicweek_btn { margin: -20px 0 20px; } #suntory_contents #container .contents #ark.sectBlock .akrhillsmusicweek_btn .eventList li {background-color: #fff;box-shadow: 0px 2px 6px 0px rgb(102 68 0 / 20%);} /**/ #suntory_contents #container .contents #enjoy.sectBlock{height: 810px;box-sizing:border-box;background:url(/suntoryhall/feature/2021_22/img/content_bg_07.jpg) 0 0 no-repeat;background-size: 100% 100%;} #suntory_contents #container .contents #enjoy.sectBlock h2{} #suntory_contents #container .contents #enjoy.sectBlock .read{margin-top: -90px;} #suntory_contents #container .contents #enjoy.sectBlock .eventList{width: 850px;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li a{display: block; width:270px;height: 200px; box-shadow:0px 2px 6px 1px rgba(51, 153, 0,0.20);transition: .3s ease;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li a:hover{background: #e6f7e0;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li:nth-child(n + 4){margin-top:15px;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li+li{margin-left:15px;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain.deactivate a {margin-top: -30px;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(0, 170, 68, 0.2);background: #00aa44;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a:hover {background: #009933;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a .btn_arrow {background-color: #008d2b;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a:hover .btn_arrow {background-color: #007a1e;} /**/ #suntory_contents #container .contents #list.sectBlock{height: 777px;padding-top: 1px; box-sizing:border-box;background-image: -moz-linear-gradient( 90deg, rgba(204,85,119,0.25098) 0%, rgba(204,85,119,0) 20%);background-image: -webkit-linear-gradient( 90deg, rgba(204,85,119,0.25098) 0%, rgba(204,85,119,0) 20%);background-image: -ms-linear-gradient( 90deg, rgba(204,85,119,0.25098) 0%, rgba(204,85,119,0) 20%);background-color: #fff;} #suntory_contents #container .contents #list.sectBlock .eventList{width: 1081px;margin-top: 40px;} #suntory_contents #container .contents #list.sectBlock .eventList li a{box-sizing: border-box; display: block; width:340px;height: 215px; box-shadow:0px 2px 6px 1px rgba(85, 0, 17, 0.14);transition: .3s ease;} #suntory_contents #container .contents #list.sectBlock .eventList li a:hover{background: #ffe6ee;} #suntory_contents #container .contents #list.sectBlock .eventList li:nth-child(n + 4){margin-top:25px;} #suntory_contents #container .contents #list.sectBlock .eventList li+li{margin-left:30px;} /*#suntory_contents #container .contents #list.sectBlock .eventList li:nth-child(4){margin-left:0;}*/ /*#suntory_contents #container .contents #list.sectBlock .eventList #listLink06{margin-left:0;}*/ #suntory_contents #container .contents #list.sectBlock .eventList li.list_mm {margin-left: 0;} /**/ #suntory_contents #container .contents #contBtm.sectBlock {background-color: #fff;height: 100px;box-sizing: border-box;margin-bottom: 100px;width: 710px;} #suntory_contents #container .contents #contBtm.sectBlock .sectInner p.archive{font-size: 19px;line-height: 42px;padding:30px 0 0;text-align: center;color: #000;} #suntory_contents #container .contents #contBtm.sectBlock .sectInner p.archive a.font_red{color: #aa0033;font-weight: bold;font-size: 19px;text-decoration: none;} #suntory_contents #container .contents #contBtm.sectBlock .sectInner p.archive a.font_red:hover{color: #ee0033;text-decoration: underline;} #suntory_contents #container .contents #contBtm.sectBlock .eventList{width: 1081px;margin-top: 20px;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li a{box-sizing: border-box; display: flex; width:240px;height: 60px; box-shadow:0px 2px 5px 0px rgba(85, 0, 17, 0.14);transition: .3s ease;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li a:hover{background: #fffeeb;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li:nth-child(n + 5){margin-top:10px;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li+li{margin-left:10px;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li:nth-child(5),#suntory_contents #container .contents #contBtm.sectBlock .eventList li:nth-child(9){margin-left:0;} #suntory_contents #container .contents #contBtm.sectBlock .notice {margin:30px auto 0;width: 1080px;font-size: 14px;color: #aa7777;} } @media screen and (max-width:900px) and (min-width:768px){ #suntory_contents .mvBlock .mvCont .ancList li{width:32%;} } @media screen and (max-width:767px){/**/ /*------------------------------------------------------------ for SP ------------------------------------------------------------ */ *{box-sizing: border-box;} #suntory_contents img {width: 100%;} #suntory_contents .mb25{margin-bottom: 25px!important;} #suntory_contents .mb35{margin-bottom: 35px!important;} #suntory_contents .pc_item {display: none!important;} #suntory_contents .sp_item {display: block;} #suntory_contents img.pc_item, #suntory_contents .pc_item_inline{display:none;} #suntory_contents img.sp_item, #suntory_contents .sp_item_inline{display:inline-block;} #suntory_contents .langTab{display: none;} /**/ #suntory_contents #container{background-color:#f4e4e4; background-image: url(/suntoryhall/feature/2021_22/img/contentWrap_bg_01_sp.jpg);background-repeat: no-repeat;background-size: 135%} #suntory_contents #container .contents {width: 100%;margin:0 auto;} #suntory_contents #container .inner{ max-width:100%;background-size:100%; padding-bottom:3vh;} #suntory_contents #container .contentsWrap {background-color: #fff;} /**/ #suntory_contents #container .contents .sectBlock .accrdBtn{display:none;width:65px;height:40px;margin:0 auto;} #suntory_contents #container .contents .sectBlock .accrdBtn img{width:100%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .sectBlock .accrdBtn.act img{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} #suntory_contents #container .contents .sectBlock .accrdClose{width:135px;height:35px; margin:3.5vh auto;} #suntory_contents #container .contents .sectBlock .accrdClose img{width:100%;} #suntory_contents #container .contents .sectBlock .accrdCont{margin:0px auto;display:block;padding-bottom:20px;} #suntory_contents #container .contents .sectBlock #accSmmr{position: relative;} /**/ #suntory_contents .mvBlock .mvCont .ancList{display:none;} #suntory_contents .btn_page_top{z-index:1;} /**/ #suntory_contents .mvBlock{padding-bottom:3.13vw;padding-top: 4vw;} #suntory_contents .mvBlock .breadCrumbs {display:none;} /**/ #suntory_contents .mvBlock .langBtn {margin-bottom: 0; text-align:right; padding:0 8%;} #suntory_contents .mvBlock .langBtn a {position: relative;color:#ffffff; font-size:13px;background: url(/suntoryhall/feature/2021_22/img/icon_blank.png) right center no-repeat; padding-right: 20px;} /**/ #suntory_contents .mvBlock .mvCont{position:relative;width:84%;margin:0 auto;} /**/ #suntory_contents .mvBlock .mvCont h2 {text-align:center;width: 100%;margin: 0 auto;} #suntory_contents .mvBlock .mvCont h2 img{ width:100%;} /**/ #suntory_contents .mvBlock .mvCont .mvCont_memo{display:block;margin-top:1.4%;font-size:3.2vw;color:#660011;text-align:center;line-height: 1.55;} /**/ #suntory_contents .mvBlock .mvCont .btnPdf{width:74.6%; margin:0 auto;} #suntory_contents .mvBlock .mvCont .btnPdf a{display:block;} #suntory_contents .mvBlock .mvCont .btnPdf a img{ max-width:100%;} /**/ #suntory_contents .mvBlock .mvCont .btnMenu{width:74.6%; margin:0 auto;} /**/ #suntory_contents .mvBlock .mvCont .btnMenu{height: 7vh;width: 30vw;position: absolute;top: 2.5%;right: -7vw; cursor: pointer;background: url(/suntoryhall/feature/2021_22/img/btn_Menu_off_sp.png) no-repeat center/cover;; margin:0 auto;transition: .3s ease;} #suntory_contents .menuBlack{display: none; background: rgba(0,0,0,0.4);width: 100vw;height: 800%;z-index: 8;position: absolute;} #suntory_contents .menuBlack.show{display: block;} #suntory_contents .mvBlock .mvCont .menuWrap{display: none; width: 110%;position: absolute;top: 0;right: -5%;z-index: 10;} #suntory_contents .mvBlock .mvCont .menuWrap li{padding:0 20px;font-size: 12px;background-color: #fff;transition: .3s ease;} #suntory_contents .mvBlock .mvCont .menuWrap li:last-child a {border-bottom: none;} #suntory_contents .mvBlock .mvCont .menuWrap li:hover{background-color: #f8f3e7} #suntory_contents .mvBlock .mvCont .menuWrap li a {position: relative; display: block;color: #880011;border-bottom: 1px solid #f4e5e5;line-height: auto;height: auto;padding: 2vh 0;padding-right: 9%;text-decoration: none;} #suntory_contents .mvBlock .mvCont .menuWrap li a:after {content: "";display: block;position: absolute;top:50%;right: 0;transform: translateY(-50%); width: 6px;height: 9px; background: url(/suntoryhall/feature/2021_22/img/btn_arrow_02.png);} #suntory_contents .mvBlock .mvCont .menuWrap li.close {cursor: pointer; background: #771133;color: #fff;position: relative;padding: 3vh 20px;padding-right: 20%;} #suntory_contents .mvBlock .mvCont .menuWrap li.close:hover {color:#ddbb55;} #suntory_contents .mvBlock .mvCont .menuWrap li.close:after {position: absolute; display: block;content: ""; background: url(/suntoryhall/feature/2021_22/img/btn_close_01.png);width: 31px;height: 31px;top:50%;right: 17px;transform: translateY(-50%);} #suntory_contents .mvBlock .mvCont .menuWrap li a:hover {color:#ee0044;} #suntory_contents .mvBlock .mvCont .menuWrap li.menuSub:hover {background-color: #fff;} #suntory_contents .mvBlock .mvCont .menuWrap li.menuSub li {padding:0;padding-left: 20px;font-size: 11px;} #suntory_contents .mvBlock .mvCont .menuWrap li.menuSub li a {} /**/ #suntory_contents .mvBlock .mvCont .anni35thLogo{position: absolute;top:0;left: 0;width: 18vw;transform: translate(-30%,-8%);} /**/ #suntory_contents .mvBlock .mvCont .notice{font-size:3.2vw;text-align:center;color:#fff;} /**/ #suntory_contents #container .contents .sectBlock{ margin:0 auto;box-sizing:border-box;} #suntory_contents #container .contents #btmList.sectBlock{box-shadow:none;padding:0 0 50px;} #suntory_contents #container .contents + .contents{margin-top:0;} #suntory_contents #container .contents .sectBlock h2{text-align:center;width:92.33%;margin:0 auto;} #suntory_contents #container .contents .sectBlock h2 img{width:100%;} #suntory_contents #container .contents .sectBlock .read{text-align:center;} #suntory_contents #container .contents .sectBlock .read img{width:100%;} #suntory_contents #container .contents .sectBlock .sectInner{width:100%;} /**/ #suntory_contents #container .contents .sectBlock .eventMain{text-align:center;width:84%;margin:0 auto 30px;} #suntory_contents #container .contents .sectBlock .eventMain a{position: relative; height: 8vh;line-height: 8vh;text-decoration: none;color: #fff; display:block;width:100%;margin:0 auto;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .sectBlock .eventMain a{box-shadow: 0 2px 4px 0 rgba(136,85,17,0.5)} /**/ #suntory_contents #container .contents .sectBlock .eventMain a .btn_arrow {content: ""; position: absolute;top:50%;left: 0;transform: translateY(-50%);width:15px;height: 22px;background-image: url(/suntoryhall/feature/2021_22/img/btn_arrow_01.png);background-repeat: no-repeat;background-position: 50%;} #suntory_contents #container .contents .sectBlock .eventMain.deactivate a {cursor: none; background: #dfdfdf;box-shadow: none;} #suntory_contents #container .contents .sectBlock .eventMain.deactivate a .btn_arrow {background-color: #d0d0d0;} #suntory_contents #container .contents .sectBlock .eventMain a .btn_arrow {left: 3%;width: 22px;} #suntory_contents #container .contents .sectBlock .enj_btn a{box-shadow:0px 2px 4px 0px rgba(51,153,0,0.5);} #suntory_contents #container .contents .sectBlock .children_btn a{box-shadow:0px 2px 4px 0px rgba(219,206,188,1);} /**/ #suntory_contents #container .contents .sectBlock .eventList{clear:both;text-align:center;width:100%; margin:0 auto; padding: 0; font-size:0;} #suntory_contents #container .contents .sectBlock .eventList::after{content:" ";display:block;clear:both;} #suntory_contents #container .contents .sectBlock .eventList li{display:block;vertical-align:top;} #suntory_contents #container .contents .sectBlock .eventList li.no-Link{pointer-events:none;} #suntory_contents #container .contents .sectBlock .eventList li a{padding: 2vh 0; display:block;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} #suntory_contents #container .contents .sectBlock .eventList li:first-child a{padding-top: 0;} #suntory_contents #container .contents .sectBlock .eventList li a img{width:100%;} /**/ #suntory_contents #container .contents #cmg.sectBlock{padding-top: 50px; background-size: 100%;background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_01_sp.png),linear-gradient( 0deg, rgba(190, 142, 31,0.25098) 0%, rgba(190, 142, 31,0) 50px);padding-bottom: 2vh;} #suntory_contents #container .contents #cmg.sectBlock h2{width:100%;margin-bottom:7.8vw;} #suntory_contents #container .contents #cmg.sectBlock .eventList li a{border-bottom: 1px solid #bb8811;} #suntory_contents #container .contents #cmg.sectBlock .read {margin-top: -19vw; margin-bottom:7.5vw;} #suntory_contents #container .contents #cmg.sectBlock .accrdBtn{display:block;background-color:#bb8811;margin-bottom: 3.5vh} #suntory_contents #container .contents #cmg.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(187, 119, 17, 0.2);background: #bb8811;margin-top: -35px;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a:hover {background: #bb7711;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a .btn_arrow {background-color: #a26809;} #suntory_contents #container .contents #cmg.sectBlock .eventMain a:hover .btn_arrow {background-color: #a25709;} #suntory_contents #container .contents #cmg.sectBlock .accrdClose {background:#bb7711; margin-bottom: 0; } /**/ #suntory_contents #container .contents #smmr.sectBlock{padding:0;background-size: 100%;background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_02_sp.jpg),linear-gradient( 0deg, rgba(16, 151, 255,0.25098) 0%, rgba(16, 151, 255,0) 50px);} #suntory_contents #container .contents #smmr.sectBlock .sectInner{padding:7vw 0 ;z-index: 1;position: relative;overflow: hidden;} #suntory_contents #container .contents #smmr.sectBlock h2{} #suntory_contents #container .contents #smmr.sectBlock .read{margin-top:-6vh;display: block;} #suntory_contents #container .contents #smmr.sectBlock .read img{display: block;} #suntory_contents #container .contents #smmr.sectBlock .eventList{margin:0;padding:0 3%;} #suntory_contents #container .contents #smmr.sectBlock .eventList li{width:100%;box-shadow:none;margin-bottom: 10px;} #suntory_contents #container .contents #smmr.sectBlock .eventList li:first-child a,#suntory_contents #container .contents #anniversary35th.sectBlock .eventList li:first-child a ,#suntory_contents #container .contents #opera.sectBlock .eventList li:first-child a {padding-top: 2vh} #suntory_contents #container .contents #smmr.sectBlock .eventList li a{background: #fff;} #suntory_contents #container .contents #smmr.sectBlock .smmrList {margin:0 auto;} #suntory_contents #container .contents #smmr.sectBlock .smmrList .contentTtl,#suntory_contents #container .contents #smmr.sectBlock .smmrList .contentTxt {padding:0 20px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList01,.smmrList02{display:block;width: 100%;} #suntory_contents #container .contents #smmr.sectBlock .smmrList01{background: #cce5ff;} #suntory_contents #container .contents #smmr.sectBlock .smmrList02{background: #ccffdd;margin-left: 0;margin-top: 10px;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03{background: #C0E9FF;margin-top: 10px;display: block;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03 .eventList {width: 100%} #suntory_contents #container .contents #smmr.sectBlock .smmrList .mainContent { padding-bottom: 4vh;} #suntory_contents #container .contents #smmr.sectBlock .smmrList03 .mainContent {} #suntory_contents #container .contents #smmr.sectBlock .accrdCont {overflow: hidden;padding:0 3%;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(38, 161, 255, 0.2);background: #22aaff;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a:hover {background: #0099ee;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a .btn_arrow {background-color: #138dff;} #suntory_contents #container .contents #smmr.sectBlock .eventMain a:hover .btn_arrow {background-color: #007ae6;} /**/ #suntory_contents #container .contents #anniversary35th.sectBlock{padding-bottom:6vh;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_03_sp.png),linear-gradient( 0deg, rgba(238,153,136,0.25098) 0%, rgba(238,153,136,0) 50px);} #suntory_contents #container .contents #anniversary35th.sectBlock h2 {padding-bottom: 19vh;} #suntory_contents #container .contents #anniversary35th.sectBlock .read {margin-bottom: 30px;padding: 0 10%;} #suntory_contents #container .contents #anniversary35th.sectBlock .imgBox {text-align: center;padding:0 6%;} #suntory_contents #container .contents #anniversary35th.sectBlock .eventList {padding:0 6%;margin-bottom: 5vh;} #suntory_contents #container .contents #anniversary35th.sectBlock .eventList li a {box-shadow: 0px 0px 20px 0px rgba(68, 0, 0, 0.14);;background-color: #fff;} /**/ #suntory_contents #container .contents #opera.sectBlock{padding-bottom:1vh;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_04_sp.png),linear-gradient( 0deg, rgba(170,119,119,0.25098) 0%, rgba(170,119,119,0) 50px);} #suntory_contents #container .contents #opera.sectBlock h2 {padding-bottom: 19vh;padding-top: 3vh} #suntory_contents #container .contents #opera.sectBlock .read {margin-bottom: 30px;padding: 0 10%;} #suntory_contents #container .contents #opera.sectBlock .imgBox {text-align: center;padding:0 6%;} #suntory_contents #container .contents #opera.sectBlock .eventList {padding:0 6%;} #suntory_contents #container .contents #opera.sectBlock .eventList li a {transition: .3s ease;margin-bottom: 30px;box-shadow: 0px 2px 4px 0px rgba(85, 0, 17,0.14);background-color: #fff;} #suntory_contents #container .contents #opera.sectBlock .imgList {display: flex;justify-content: center;width: 76%;background: url(/suntoryhall/feature/2021_22/img/opera_border_01.png) bottom no-repeat;margin: 0 auto 20px;padding-bottom: 20px;} #suntory_contents #container .contents #opera.sectBlock .imgList li+li{margin-left: 10px;} /**/ #suntory_contents #container .contents #group.sectBlock{padding-bottom:1vh;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_05_sp.png),linear-gradient( 0deg, rgba(221,170,51,0.25098) 0%, rgba(221,170,51,0) 50px);} #suntory_contents #container .contents #group.sectBlock .sectInner {position: relative;padding-bottom: 7vh;} #suntory_contents #container .contents #group.sectBlock h2 {padding-top: 3vh} #suntory_contents #container .contents #group.sectBlock .read {margin-bottom: 30px;padding: 3vh 10% 0;} #suntory_contents #container .contents #group.sectBlock .imgBox {text-align: center;padding:0 6%;} #suntory_contents #container .contents #group.sectBlock .eventList {padding:0 6%;} #suntory_contents #container .contents #group.sectBlock .eventList li a {transition: .3s ease;margin-bottom: 2vh;box-shadow: 0px 2px 4px 0px rgba(85, 0, 17,0.14);background-color: #fff;} /*extra button border for SP WPh Orchestra performance*/ #suntory_contents #container .contents #group.sectBlock .eventList li a.WPhBorder {transition: .3s ease;margin-bottom: 2vh;box-shadow: 0px 2px 4px 0px rgba(85, 0, 17,0.14);background-color: #fff;border: 1px solid #aa7722;} #suntory_contents #container .contents #group.sectBlock .accrdBtn{display: block; background-color:#aa7722; position: absolute; bottom:3.5%; left: 50%;margin-left: -32px;} #suntory_contents #container .contents #group.sectBlock .accrdBtn img{box-shadow: none;} #suntory_contents #container .contents #group.sectBlock .accrdClose{background-color:#aa7722;margin-bottom: 1vh;} #suntory_contents #container .contents .sectBlock .groupList01.eventList li:first-child a {padding-top: 2vh;} #suntory_contents #container .contents .sectBlock .groupList02.eventList li a {padding-top: 0;} #suntory_contents #container .contents #group.sectBlock .accrdCont {background-image: linear-gradient( 180deg, rgba(221,170,51,0.25098) 0%,rgba(221,170,51,0) 20px);padding-top: 4vh} #suntory_contents #container .contents #group.sectBlock .eventMain {margin-bottom: 50px;} #suntory_contents #container .contents #group.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(85, 0, 17, 0.2);background: #aa7722;} #suntory_contents #container .contents #group.sectBlock .eventMain a:hover {background: #aa6600;} #suntory_contents #container .contents #group.sectBlock .eventMain a .btn_arrow {background-color: #8d5713;} #suntory_contents #container .contents #group.sectBlock .eventMain a:hover .btn_arrow {background-color: #8d4700;} #suntory_contents #container .contents #smmr.sectBlock .accrdClose{background-color:#22aaff;} #suntory_contents #container .contents #smmr.sectBlock .accrdBtn{display:block;background-color:#22aaff;} /**/ /**/ #suntory_contents #container .contents #ark.sectBlock{padding:3vh 0;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_06_sp.png),linear-gradient( 0deg, rgba(221,170,51,0.25098) 0%, rgba(221,170,51,0) 50px);} #suntory_contents #container .contents #ark.sectBlock h2{width:78%;margin-bottom: 3vw;} #suntory_contents #container .contents #ark.sectBlock .read{margin-bottom: 7vw;padding: 0 10%;} #suntory_contents #container .contents #ark.sectBlock .imgBox{margin-bottom: 7vw;padding: 0 6%;} #suntory_contents #container .contents #ark.sectBlock .accrdCont{width:90.07%;} #suntory_contents #container .contents #ark.sectBlock .accrdBtn{display:block;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner {margin: auto;width: 90%; text-align: center;background-color:#fff;background-image: -moz-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);background-image: -webkit-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);background-image: -ms-linear-gradient( -90deg, rgba(255,136,0,0.30196) 0%, rgba(255,136,0,0) 35%, rgba(255,136,0,0) 100%);box-shadow: 0px 0px 10px 0px rgba(221, 102, 17, 0.25); } #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .read {margin: 0 auto 20px;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner h2{margin-bottom: 0; padding-top: 4vw;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .imgBox01 {display: flex;padding: 0px 12%;margin:0 auto 20px;} #suntory_contents #container .contents #ark.sectBlock #arkClassic.sectInner .imgBox02 {padding-bottom: 4vh;} #suntory_contents #container .contents #ark.sectBlock .btnBox{margin:4vw 4.5vw;} #suntory_contents #container .contents #ark.sectBlock .eventList li a{padding:0;box-shadow: 0px 2px 6px 0px rgb(102 68 0 / 20%);} #suntory_contents #container .contents #ark.sectBlock .akrhillsmusicweek_btn .eventList li{padding: 0;box-shadow: 0px 2px 6px 0px rgb(102 68 0 / 20%);} /**/ #suntory_contents #container .contents #enjoy.sectBlock{padding:1vh 0 3vh;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_07_sp.png),linear-gradient( 0deg, rgba(0,170,68,0.25098) 0%, rgba(0,170,68,0) 50px);} #suntory_contents #container .contents #enjoy.sectBlock h2{width: 94%;} #suntory_contents #container .contents #enjoy.sectBlock .read{margin-top: -5vh;} #suntory_contents #container .contents #enjoy.sectBlock .enjoyList {padding-top: 4vh;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li{width:100%;} #suntory_contents #container .contents #enjoy.sectBlock .eventList li a {margin-bottom: 2vh; box-shadow: 0px 0px 20px 0px rgba(34, 68, 51, 0.4);padding-top: 0;} #suntory_contents #container .contents #enjoy.sectBlock .accrdCont {padding:0 10%; background-image: linear-gradient( 180deg, rgba(0,170,68,0.25098) 0%,rgba(0,170,68,0) 20px);} #suntory_contents #container .contents #enjoy.sectBlock .accrdClose{background-color:#339900;margin-bottom: 0;} #suntory_contents #container .contents #enjoy.sectBlock .accrdBtn{background-color:#339900;margin-bottom: 3.5vh} #suntory_contents #container .contents #enjoy.sectBlock .eventList li.gray{pointer-events: none;} #suntory_contents #container .contents #enjoy.sectBlock .accrdBtn{display:block;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a {box-shadow:0 2px 6px 0 rgba(0, 170, 68, 0.2);background: #00aa44;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a:hover {background: #009933;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a .btn_arrow {background-color: #008d2b;} #suntory_contents #container .contents #enjoy.sectBlock .eventMain a:hover .btn_arrow {background-color: #007a1e;} /**/ #suntory_contents #container .contents #list.sectBlock{padding:6vh 0 3vh;background-size: 100%;background-color: #fcf8f8; background-repeat: no-repeat; background-image:url(/suntoryhall/feature/2021_22/img/content_bg_08_sp.png),linear-gradient( 0deg, rgba(204,85,119,0.25098) 0%, rgba(204,85,119,0) 50px);} #suntory_contents #container .contents #list.sectBlock .eventList{padding:0 10%;} #suntory_contents #container .contents #list.sectBlock .eventList li a {margin-bottom: 2vh; box-shadow: 0px 0px 20px 0px rgba(85, 0, 17, 0.4);padding-top: 0;} /**/ #suntory_contents #container .contents #contBtm.sectBlock{background-color: #fff;margin-top: 3vh;padding: 6vw 3%;width: 84vw;} #suntory_contents #container .contents #contBtm.sectBlock p.archive{padding: 4vw 0;text-align: center;color: #000;font-size: 4.2vw;} #suntory_contents #container .contents #contBtm.sectBlock p.archive a.font_red{color: #aa0033;font-weight: bold;text-decoration: none;} #suntory_contents #container .contents #contBtm.sectBlock h2 {width: 50%;} #suntory_contents #container .contents #contBtm.sectBlock .eventList{margin-top: 20px;} #suntory_contents #container .contents #contBtm.sectBlock .eventList li:first-child a{padding-top: 3vh} #suntory_contents #container .contents #contBtm.sectBlock .eventList li a{box-sizing: border-box;box-shadow:0px 2px 5px 0px rgba(85, 0, 17, 0.14);transition: .3s ease;background-color: #fff;margin-bottom: 2vh;padding:3vh 0;} /**/ #suntory_contents #container .contents .ancAre{display:none;} #suntory_contents #container .contents .contBtm{margin:0px 3.2595vw;padding:4.5872vw 0;background-color: rgba(204, 170, 102,0.2);} #suntory_contents #container .contents .btnArchive h3{margin: 0 4.5872vw;color:#000;font-size:20px;} #suntory_contents #container .contents .btnArchive ul{ margin:4vw 4vw 0;} #suntory_contents #container .contents .btnArchive li{margin-top:17px; background:#fff;box-shadow:0 2px 5px 0 rgba(187,153,102,0.50);} #suntory_contents #container .contents .btnArchive li:first-child{margin-top:0;} #suntory_contents #container .contents .btnArchive li img{width:100%;} /**/ #suntory_contents #container .contents #btmList.sectBlock{box-shadow:none;padding:7.4vw 0 13.4vw;} #suntory_contents #container .contents #btmList.sectBlock .eventList{} #suntory_contents #container .contents #btmList.sectBlock .eventList li{width:100%;} #suntory_contents #container .contents #btmList.sectBlock .eventList li + li {margin-top:10px;} #suntory_contents #container .contents #btmList.sectBlock .eventList li:nth-child(4){margin-left:0;} #suntory_contents #container .contents #btmList.sectBlock .eventList li a{display:block;height:auto;box-shadow:0px 2px 3px 2px rgba(227, 211, 186,0.6); } #suntory_contents #container .contents #btmList.sectBlock .eventList li a + a{margin-top:10px;} } @media print, screen and (max-width:480px){/**/ #suntory_contents #container .contents #smmr.sectBlock .smmrList{padding-bottom:1.2vw;} #suntory_contents #container .contents .btnArchive h3{font-size:18px;font-size:4vw;} } @media print, screen and (max-width:320px){/**/ #suntory_contents #container .contents .sectBlock .read {font-size: 11px !important;} } @media all and (max-width:767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles */ #suntory_contents .mvBlock .mvCont .btnPdf a{text-align:center;} /*eventList*/ #suntory_contents #container .contents .sectBlock .eventList li{text-align:left;} /* #suntory_contents #container .contents #smmr.sectBlock .eventList li a img{max-width:300px;} */ #suntory_contents #container .contents #spl.sectBlock .eventList li a img{max-width:320px;} #suntory_contents #container .contents #wph.sectBlock .eventList li a img{max-width:320px;} #suntory_contents #container .contents #wph.sectBlock .eventList02 li a img{max-width:270px;} #suntory_contents #container .contents #uchida.sectBlock .eventList li a img{max-width:320px;} /*button*/ #suntory_contents #container .contents .sectBlock .eventMain{max-width:300px;} /*images*/ #suntory_contents #container .contents .sectBlock#uchida .phArea{width:78%;} #suntory_contents #container .contents .sectBlock#uchida .phArea picture:nth-child(1), #suntory_contents #container .contents .sectBlock#uchida .phArea picture:nth-child(2){width:auto;max-width:220px;} #suntory_contents #container .contents .sectBlock#spl .phArea{width:60%;} #suntory_contents #container .contents .sectBlock#spl .phArea picture{width:auto;max-width:180px;} }