/*========================================================================================================================
for Smartphone 
========================================================================================================================*/

@media all and (max-width: 640px) {


.gallery ul {
gap:10px;
flex-wrap: wrap;
flex-direction: column;
box-sizing: border-box;
display:flex;
}

.gallery li {
box-sizing: border-box;
width:100%;
}

.gallery li img {
width:100%;
}

.jazz_ticket_zaseki {padding:20px 0 0;}

.jazz_ticket_zaseki img {width:100%;}

.moushikomi_shuryou {
background:#fff;
display:block;
padding:1em;
margin:1em 0 0;
line-height:1.6em;
color:#FF2C30;
text-align:center;
}

.line_m {display:block;}

.tableLayout1 {
width:100%;
border-top:1px solid #524c43;
}

.tableLayout1 th {
display:block;
padding:7px 7px 5px;
vertical-align:top;
text-align:left;
}

.tableLayout1 td {
display:block;
padding:0 7px 7px;
vertical-align:top;
border-bottom:1px solid #524c43 !important;
}

.tableLayout1 .large {font-size:18px;}
.tableLayout1 .small {font-size:13px;}

#profile_list {width:100%;}

#profile_list .profile_list_item h3 {
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:26px;
font-weight:bold;
line-height:32px;
border-bottom:#FFF solid 2px;
margin:0 0 20px;
padding:0 0 10px;
}

.profile_list_item {margin-bottom:50px;}

.profile_list_item img {width:100%;}

.profile_list_item .left{margin:15px 0 0;}

.profile_list_item .right{width:100%;}

li {color:#fff;}

.detail {
font-size:16px;
line-height:22px;
margin:30px 0 50px;
}

.detail li {padding:0 0 2px;}

.detail p {
font-size:13px;
line-height:15px;
}

#content {padding:0 10px;}

#content .profile h4 {
color:#fff;
font-size:16px;
line-height:18px;
padding:0 0 10px;
}

#content .profile p {
font-size:12px;
line-height:16px;
padding:0 0 20px;
}

#concert-list h4 {
font-size:28px;
color:#fff;
padding:0 0 10px;
}

.concert-title {
background-image: linear-gradient(124deg, rgba(124, 192, 255, 1) 1%, rgba(148, 197, 220, 1));
padding:0.5em;
font-size:20px;
color:#000;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
text-align:center;
}

.concert-title rt {
font-size:0.5em;
text-align:center;
ruby-align:center;
transform: translateY(.5rem);
}

.concert-title .small {
font-size:16px;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
text-align:center;
}

.concert-title .ruby {
font-size:12px;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
text-align:center;
line-height:20px;
}


.date {
border-bottom:1px #000 solid;
color: #000;
display:block;
font-family: 'Teko', sans-serif;
font-size:28px;
line-height:32px;
margin: 0 10px;
}

.date-week {
color: #000;
font-family: 'Teko', sans-serif;
font-size: 20px;
}

.concert-image img {width:100%;}

.share {
padding: 20px 0;
text-align: right;
}

.concert-title .sponsor {
display: block;
font-size:15px;
padding:10px 0 5px;
}

.sponsor_logo {
display:block;
font-size:12px;
line-height: 18px;
padding:10px 0 0;
text-align: center;
}

.sponsor_logo img.sponsor_gunseisha {width:60%;}

.sponsor_logo img.sponsor_meiji {
height:40px;
margin:20px 20px 20px 0;
}

.sponsor_logo img.sponsor_bornelund {
height:70px;
margin:0;
}

.banner_kyouryoku {
background:#fff;
display:inline-block;
padding:10px 20px;
}

.sponsor_logo img:last-child {
margin:0;
}

.playguide li {
list-style: disc;
margin: 0 0 0 20px;
}
.playguide li span {display: block;}

#prof_other {clear: both;}

#prof_other .item {
text-align: center;
margin: 0 0 50px 0;
}

#prof_other h3 {
border-bottom:2px #ffffff solid;
font-size: 26px;
text-align: left;
padding:0 0 10px;
margin:0 0 20px;
}

#prof_other .item h3 .small {
font-size:18px;
font-family: 'Noto Serif JP', serif;
}

#prof_other .item .image img {width:100%;}

#prof_other .item .text {
margin:15px 0 0;
text-align:left;
}

}

/*==================================================================================================================================
for PC 
==================================================================================================================================*/

@media all and (min-width: 641px) {

.gallery ul {
width:100%;
}

.gallery li {
box-sizing: border-box;
text-align: center;
width:100%;
margin:0 0 10px;
}

.gallery li img {
width:600px;
}

.jazz_ticket_detail {
float:left;
width:70%;
box-sizing:border-box;
padding:0 20px 0 0;
}

.jazz_ticket_zaseki {
float:right;
width:30%;
}

.jazz_ticket_zaseki img {width:100%;}

.moushikomi_shuryou {
background:#fff;
display:block;
padding:1em;
margin:1em 0 0;
line-height:1.6em;
color:#FF2C30;
text-align:center;
}

.tableLayout1 { width:100%; border-top:1px solid #524c43;}
.tableLayout1 th { padding:7px; vertical-align:top; text-align:left; width:120px; border-bottom:1px solid #524c43;}
.tableLayout1 td { padding:7px; vertical-align:top; border-bottom:1px solid #524c43 !important;}
.tableLayout1 .large { font-size:18px;}
.tableLayout1 .small { font-size:13px;}

.line_pc {display:block;}

#profile_list {width:960px;}

.profile_list_item {
margin:0 0 50px;
display:flex;
flex-wrap: wrap;
}

.profile_list_item .right {
order:3;
}

.profile_list_item .left{
width:500px;
}

.profile_list_item .right{
box-sizing: border-box;
padding:0 0 0 60px;
width:460px;
}

.profile_list_item .right img {width:100%;}

#profile_list .profile_list_item h3 {
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:26px;
font-weight:bold;
line-height:20px;
border-bottom:#FFF solid 2px;
margin:0 0 20px;
padding:0 0 10px;
width:100%;
}

.playguide li {
list-style: disc;
margin: 0 0 0 20px;
}

#side {
float:left;
width:330px;
margin-left:30px;
margin-top:20px;
}

li {color:#fff;}

.detail {
font-size:16px;
line-height:22px;
margin:30px 0 50px;
}

.detail li {padding:0 0 2px;}

.detail p {
font-size:13px;
line-height:15px;
}

.profile {padding:20px 0;}

#content .profile h4 {
color:#fff;
font-size:16px;
line-height:18px;
padding:0 0 10px;
}

#content .profile p {
font-size: 13px;
line-height: 18px;
padding: 0 0 20px;
}

.concert-title .sponsor {
display: block;
padding: 5px 0 0;
font-size:18px;
}

.sponsor_logo {
display:block;
font-size:14px;
line-height:21px;
text-align:center;
margin:10px 0 0;
}

.sponsor_logo img.sponsor_gunseisha {width:300px;}

.sponsor_logo img.sponsor_meiji {
height:50px;
margin:10px 20px 10px 0;
}

.sponsor_logo img.sponsor_bornelund {
height:70px;
margin:0;
}

.banner_kyouryoku {
background:#fff;
display:inline-block;
padding:10px 20px;
}

.share {
padding: 20px 0;
text-align: right;
}

#concert-list h4 {
font-size:28px;
color:#fff;
padding:0 0 10px;
}

div.description {margin-bottom:10px;}

.concert-image {
margin:0 auto;
width:960px;
}

.concert-image img {width:960px;}

.concert-title {
background-image: linear-gradient(124deg, rgba(124, 192, 255, 1) 1%, rgba(148, 197, 220, 1));
color:#000;
display:block;
font-family: 'Noto Serif JP', serif;
font-size:34px;
font-weight: 200;
line-height:42px;
padding:10px 20px;
text-align: center;
}

.concert-title rt {
font-size:10px;
transform: translateY(.5rem);
text-align:center;
ruby-align:center;
}

.concert-title .small {
font-size:24px;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
text-align:center;
}

.concert-title .ruby {
font-size:12px;
font-family: 'Noto Serif JP', serif;
font-weight: 200;
text-align:center;
line-height:20px;
}

.date {
border-bottom:1px #000 solid;
color: #000;
display:block;
font-family: 'Teko', sans-serif;
font-size:32px;
font-weight: 300;
line-height:30px;
margin:0 10px 10px;
}

.date-week {
color: #000;
font-family: 'Teko', sans-serif;
font-size: 20px;
font-weight: 300;
}

#prof_other {clear: both;}

#prof_other:after {
content:"";
display:block;
clear:both;
height:0;
}

#prof_other {display:inline-block;}
#prof_other {display:block;}

#prof_other .item {
float: left;
text-align: center;
margin: 0 20px 50px 0;
width:470px;
}

#prof_other .item:nth-child(2n) {margin:0 0 50px 0;}

#prof_other .item h3 {
border-bottom:2px #ffffff solid;
font-size: 26px;
text-align: left;
padding:0 0 10px;
margin:0 0 20px;
}

#prof_other .item h3 .small {
font-size:18px;
font-family: 'Noto Serif JP', serif;
}

#prof_other .item .image img {width:400px;}

#prof_other .item .text {
margin:15px 0 0;
text-align:left;
}

}