/*==============================*/
/* sec_oncon */
/*==============================*/
article .sec_oncon {position: relative;padding: 106px 0  30px;background: #ece7d7;overflow: hidden;}
article .sec_oncon::before {content: "";position: absolute;left: -234px;right: -234px;top: -140px;height: 180px;border-radius: 50%;background: #F7F4EC;}
.sec_concerts::before {content: "";position: absolute;left: -234px;right: -234px;top: -140px;height: 180px;border-radius: 50%;background: #ece7d7;}/*override*/
.sec_concerts{overflow: hidden;}/*override*/
article .sec_oncon .in {color:#2b1e1a;width: 1000px;margin: 0 auto;}
article .sec_oncon .hl02 {color:#2b1e1a;font-weight:normal;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 4.0rem;text-align: center;
opacity: 0;transform: translateY(120px);transition: opacity 1s,transform 1s;}
article .sec_oncon.active .hl02 {opacity: 1;transform: translateY(0);margin:0 -20px;}
article .sec_oncon .hl02 span.nbr {white-space:nowrap;}
article .sec_oncon .hl02 span.sub {display: block;font-family: 'Playfair Display', serif;font-size: 2.2rem;margin-top: 2px;}
article .sec_oncon .hl02 span .number {font-size: 2.4rem;vertical-align:9%;}
#oncon_cnts{display:none;}
article .sec_oncon .cnts {margin-top: 40px;opacity: 0;transform: translateY(120px);transition: opacity 1s .5s,transform 1s .5s;}
article .sec_oncon .cnts_top {display: flex;}
article .sec_oncon.active .cnts {opacity: 1;transform: translateY(0);}
article .sec_oncon .cnts .cnts01 {/*flex: 1;*/margin-right: 30px;}
article .sec_oncon .cnts .cnts01 img{width:580px;box-shadow:0 0 25px rgba(0,0,0,0.1);}
article .sec_oncon .cnts .cnts02 {/*width: 320px;*/flex:1;}
article .sec_oncon .cnts .cnts01 img{}
article .sec_oncon .cnts .cnts02{display: flex;justify-content: space-between;flex-flow:column;}

article .sec_oncon .cnts .cnts02 .info {border-bottom:1px solid #c7c1b3;}
article .sec_oncon .cnts .cnts02 .info .row{border-top:1px solid #c7c1b3;display:flex;width:100%;align-items:center;line-height:1.2;padding:5px 0;font-size:1.6rem;}
article .sec_oncon .cnts .cnts02 .info .kmk{padding:10px 0;width:4em;min-width:4em;display:flex;align-items:center;}
article .sec_oncon .cnts .cnts02 .info .naiyo{padding:10px 0 10px 20px;font-weight:bold;background:url(../img/oncon2025/slash.png) no-repeat left center/21px 68px;min-height:68px;display:flex;align-items:center;flex-wrap:wrap;}
article .sec_oncon .cnts .cnts02 .info .naiyo span{display:inline;}
article .sec_oncon .cnts .cnts02 .info .naiyo .small{font-size:1.4rem;;}
article .sec_oncon .cnts .cnts02 .info .naiyo .uline{text-decoration:underline;}

article .sec_oncon .cnts .cnts02 .inq {color:#2b1e1a;font-size:1.4rem;margin:35px 0 0;}
article .sec_oncon .cnts .cnts02 .inq .ttl {font-weight:bold;}
article .sec_oncon .cnts .cnts02 .inq li::before {content: "";position: absolute;left: 0;top: .75em;width: 8px;height: 8px;margin-top: -4px;background: #352925;transform: rotate(45deg);}
article .sec_oncon .cnts .cnts02 .inq li{position:relative;padding:0 0 0 1.2rem;margin:8px 0;}

article .sec_oncon .cnts .cnts02 .inq a[target="_blank"]{padding-right:20px;background:url(../cmn/img/icn_blank02.png) no-repeat right 0 center / 16px auto;}
article .sec_oncon .cnts .cnts02 .btn01 {height:60px;}
article .sec_oncon .cnts .cnts02 .btn01 a {color:#2b1e1a;position: relative;display: inline-block;width: 100%;height: 60px;font-size: 1.4rem;text-decoration: none;padding: 1px;background: #321209;border-radius: 4px;overflow: hidden;}
article .sec_oncon .cnts .cnts02 .btn01 a:hover {background: none;}
article .sec_oncon .cnts .cnts02 .btn01 a>span {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background:#ece7d7;z-index: 1;border-radius: 2px;}
article .sec_oncon .cnts .cnts02 .btn01 a>span>span {padding-left:22px;background:#ece7d7 url(../img/oncon2025/icn_list.png) no-repeat left center / 21px auto;}
article .sec_oncon .cnts .cnts02 .btn01 a::before,
article .sec_oncon .cnts .cnts02 .btn01 a::after {content: "";width: 0%;height: 0%;position: absolute;background: #321209;transition: all .5s ease-in-out;border-radius: 4px;}
article .sec_oncon .cnts .cnts02 .btn01 a::before {left: 0;top: 0;}
article .sec_oncon .cnts .cnts02 .btn01 a::after {bottom: 0;right: 0;}
article .sec_oncon .cnts .cnts02 .btn01 a:hover::before,
article .sec_oncon .cnts .cnts02 .btn01 a:hover::after {width: 100%;height: 100%;}

article .sec_oncon .cnts .notice{text-align:left;color:#2b1e1a;font-size:1.2rem;line-height:1.8;margin:30px 0 0;}
article .sec_oncon .cnts .notice li{text-indent:-1em;margin-left:1em;margin:3px 0 0 1em;}
article .sec_oncon .cnts .notice p{color:#2b1e1a;font-size:1.4rem;margin:10px 0 0;position:relative;font-weight:bold;}
article .sec_oncon .cnts .notice p::before {content: "◎";}
article .sec_oncon .openhide{margin-top:30px;opacity: 0;transform: translateY(120px);transition: opacity 1s,transform 1s;}
article .sec_oncon.active .openhide {opacity: 1;transform: translateY(0);}

#oncon_navi {cursor:pointer;font-size: 1.6rem;text-align:center;width:8em;margin:0 auto;}
#oncon_navi .btn {font-size: 0;position: relative;width: 80px;height: 80px;margin: 0px auto;background: #F8F5ED;border-radius: 50%;}
#oncon_navi .btn::before,
#oncon_navi .btn::after {content: "";position: absolute;left: 50%;top: 50%;width: 14px;height: 1px;margin-left: -7px;background: #321209;}
#oncon_navi .btn::after {transform: rotate(90deg);}
#oncon_navi .txt {text-align:center;margin-top:5px;}

#oncon_navi.opened {display:none;}


@media screen and (max-width: 750px) {
  article .sec_oncon {padding: 60px 20px 0px;background: #ece7d7;overflow: hidden;}
  article .sec_oncon .in {width: auto;}
  article .sec_oncon.active .hl02 {margin:0px 0px;font-size: 2.6rem;line-height:1.2;}
  article .sec_oncon .hl02 span.sub {font-size: 1.4rem;margin-top: 16px;}
  article .sec_oncon .hl02 span .number {font-size: 1.55rem;vertical-align:9%;}
  article .sec_oncon .cnts {display: block;margin-top: 24px;}
  article .sec_oncon .cnts_top {display: block;}
  article .sec_oncon .cnts .cnts01 {margin: 0 -20px;}
  article .sec_oncon .cnts .cnts01 img{width:100%;height:auto;  box-shadow:0 0 15px rgba(0,0,0,0.1);}
  article .sec_oncon .cnts .cnts02 {width: auto;height:100%;padding: 0 0px;}

  article .sec_oncon .cnts .cnts02 .btn01 {height:44px;margin:20px 0;}
  article .sec_oncon .cnts .cnts02 .btn01 a {color:#2b1e1a;height: 44px;}

  article .sec_oncon .cnts .cnts01 {text-align:center;}
  article .sec_oncon .cnts .cnts01 img{width:100%;max-width:580px;margin:0 auto;}
  article .sec_oncon .cnts .cnts02{display: flex;justify-content: space-between;/*flex-flow:column-reverse;*/margin-top:30px;}
  article .sec_oncon .cnts .cnts02 .info .kmk{font-size:12px;}
  article .sec_oncon .cnts .cnts02 .info .naiyo{font-weight:bold;}
  article .sec_oncon .cnts .cnts02 .info .naiyo{padding:10px 0 10px 20px;min-height:50px;}
  article .sec_oncon .cnts .notice{text-align:left;margin:20px 0px 0px;line-height:1.5;}

}