.jazzlive_20190809{
color: #fafafa;
background-color: #131313;
margin-bottom: 40px !important;
}
.concert-guide{
display: flex;
align-items: center;
}
.concert-guide:before,
.concert-guide:after {
border-top: 1px solid #fff;
content: "";
flex-grow: 1;
}
.concert-guide:before {
margin-right: 1rem;
}
.concert-guide:after {
margin-left: 1rem;
}


.jazzlive_20190809 img{
height: auto;
}
.jazzlive_20190809 figure {
position: relative;
}
.jazzlive_20190809 figcaption {
position: relative;
margin-bottom: 4rem;
padding-top: 60px;
text-align: center;
font-size: 16px;
letter-spacing: .5em;
}
.jazzlive_20190809 figcaption em{
font-size: 18px;
font-style: normal;
letter-spacing: .5em;
}
.jazzlive_20190809 figcaption img{
position: absolute;
display: block;
margin: 0 auto;
left: 0;
right: 0;
top: -45px;
border-radius: 50%;
transition: .5s;
}
.jazzlive_20190809 figcaption img:hover{
box-shadow: 0 6px 20px rgba(0,0,0,1);
}
.jazzlive_20190809_contents{
font-size: 16px;
line-height: 2;
text-align: justify;
letter-spacing: .1em;
font-feature-settings:"palt";
}
.jazzlive_20190809_info{
padding-left: 15px;
padding-right: 15px;
}
.jazzlive_20190809_info dt{
text-align: center !important;
}
.jazzlive_20190809_info dd{
font-size: 15px;
line-height: 2;
}
.jazzlive_20190809_profile{}
.jazzlive_20190809_profile dt{
text-align: center;
margin: 0 0 4rem;
font-size: 16px;
line-height: 2;
letter-spacing: .25em;
}
.jazzlive_20190809_profile dd{
margin: 0 0 4rem;
font-size: 14px;
line-height: 2;
text-align: justify;
letter-spacing: .1em;
color: #eaeaea;
}


.accbox label {
display: block;
margin: 1.5px 0;
padding : 4rem 0;
color :#2f8fcf;
font-weight: bold;
text-align: center;
background :#000;
cursor :pointer;
transition: all 0.5s;
}

.accbox label:hover {
}

.accbox input {
display: none;
}

.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}

.cssacc:checked + .accshow {
height: auto;
padding: 1rem;
background: #000;
opacity: 1;
}



.modal-overlay {
z-index:2; /*デモではheader,footerをz-index:1にしたので それより上げています*/
display:none; /*jsでフェードインされるまでdisplay:none*/
position:fixed;
top:0;
left:0;
width:100%;
height:100vh; /*100vhでビューポートの高さいっぱいになります*/
background-color:rgba(0,0,0,.5)} /*これは好きな色・透明度で*/
a.modal-open:hover {cursor:pointer} /*カーソルをポインタに*/
.modal-content {
position:fixed;
display:none; /*jsでフェードインされるまでdisplay:none*/
z-index:3; /*オーバーレイより上に*/
margin:10px;
padding:15px;
border-radius:4px;
background:#fff}
.modal-content img {width:auto;max-height:75vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close { /*クローズボタンは何でも好きなスタイルでOK*/
position:absolute;
top:0;
right:10px;
color:#b29c33;
font-size:35px;
line-height:1;
font-weight:bold;
text-decoration:none}
a.modal-close:hover {cursor:pointer} /*カーソルをポインタに*/

.modal-content{
width: 480px;
}
.modal-content dl{
padding-top: 4rem;
max-height: 50vh;
overflow: auto;
}
.modal-content dt{
margin-bottom: 4rem;
font-size: 18px;
text-align: center;
}
.modal-content dd{
margin-bottom: 2rem;
font-size: 14px;
line-height: 2;
text-align: justify;
}
.modal-content dd img{
display: block;
margin: 0 auto 4rem;
max-width: 80px;
height: auto;
border-radius: 50%;
}
.footer-link div:not(:last-child) {
border-right: 1px solid rgba(255,255,255,.95);
}
.footer-link div{
padding: 0 2.5%;
}
#footer .col-12 p{
line-height: 1.6;
}

@media screen and (max-width: 414px) {
.modal-content{
width: 80%;
}
.jazzlive_20190809 .col-12 h4 img{
max-width: 80%;
}
.footer-link .col-6{
margin-bottom: 2rem;
}


}