/*
================================================================================================================
ブース紹介
================================================================================================================
*/
img.map{display:block; width:100%; max-width:980px; margin:0 auto;}

/*
================================================================================================================
主催者イベント-ミュージックフェス
================================================================================================================
*/
.about{margin:20px auto;}
.about img{display:block; width:100%; margin:0 auto 20px;}

.stage{width:100%; background:#fff; text-align:center; border:1px solid #666; border-radius:5px; padding:20px;}
.stage + h3{margin-top:30px !important;}
@media screen and (max-width:480px){.stage{padding:10px;}}

/*
========================
出演者
========================
*/
/*見出し*/
#fes > strong{
display:block;
background:#fffa2d;
font-family:'M PLUS Rounded 1c', sans-serif;
font-size:22px;
border-radius:10px;
transform:rotate(-0.03deg);
padding:15px 0 10px;
margin:0 auto 10px;}
#fes > strong > span{display:block; font-size:14px; margin-top:5px;}
#fes > span{display:inline-block; color:#fff; background:#231815; font-size:13px; padding:0 10px;}
@media screen and (max-width:500px){#fes > strong{font-size:18px;}}
@media screen and (max-width:380px){#fes > strong{font-size:16px;}}

/*一覧*/
.guest{display:flex; width:100%; max-width:980px; margin:0 auto; flex-wrap:wrap; justify-content:center; margin:20px auto 0;}
.guest .cat{width:calc(100% / 3); text-align:center; font-size:17px; font-weight:700; margin-bottom:20px;}
.guest .cat p:first-child{padding:0 10px 5px;}
.guest .cat p span{display:block; font-size:12px; font-weight:400;}
.guest .cat p span > span{display:inline-block; padding:0 5px;}
.guest .cat img{width:100%; border:1px solid #666;}
@media screen and (max-width:800px){.guest .cat{width:calc(100% / 2);}}
@media screen and (max-width:500px){
.guest .cat p{font-size:14px;}
.guest .cat p:first-child{padding:0 5px 5px;}}
@media screen and (max-width:380px){.guest .cat p{font-size:13px;}}

/*
========================
イベント情報
========================
*/
#event-info > ul{
width:100%;
background:#fff;
font-size:14px;
line-height:160%;
border:1px solid #666;
border-radius:5px;
padding:10px;
margin:5px 0;}
#event-info > ul a{color:#ff5fd0; text-decoration:underline;}
#event-info > ul a:hover{text-decoration:none;}
#event-info > ul > li img{width:100%;}
#event-info > ul > li + li{margin-top:10px;}
#event-info > ul > li:nth-child(1){color:#ff5fd0; font-size:17px; font-weight:700;}
#event-info > ul > li:nth-child(4){font-size:12px; margin-top:20px !important;}
#event-info > ul > li:nth-child(5){font-size:12px; margin-bottom:10px !important;}
#event-info > ul > li:nth-child(3) span{
display:inline-block;
color:#fff;
background:#32ddff;
letter-spacing:2px;
border-radius:5px;
padding:0 10px;
margin-top:5px;}
#event-info > ul > li:nth-child(4)::before,
#event-info > ul > li:nth-child(5)::before{
display:inline-block;
color:#fff;
background:#666;
letter-spacing:2px;
border-radius:5px;
padding:0 10px;
margin-right:10px;}
#event-info > ul > li:nth-child(4)::before{content:"開催時間";}
#event-info > ul > li:nth-child(5)::before{content:"開催場所";}

#event-info > ul > li > ul{margin-top:10px;}
#event-info > ul > li > div b{display:block; margin:5px auto 0;}

@media screen and (max-width:640px){
#event-info > ul{font-size:13px;}
#event-info > ul > li:nth-child(1){font-size:16px;}
#event-info > ul > li:nth-child(4){font-size:11px;}}
@media screen and (max-width:370px){
#event-info > ul{font-size:12px;}
#event-info > ul > li:nth-child(1){font-size:15px;}
#event-info > ul > li:nth-child(4)::before{display:block; width:72px;}}