@charset "utf-8";
/* CSS Document */
.japan-concert-banner {
background: linear-gradient(135deg, #fdfaf7 0%, #fcf7f1 100%);
/*background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);*/
border: 1px solid #867547;
color: #333;
padding: 20px;
margin: 20px 0;
border-radius: 8px;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.japan-concert-banner::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(0,0,0,0.03) 0%, transparent 70%);
animation: shimmer 4s infinite;
}
.linkicon{
display: inline;
}
@keyframes shimmer {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.banner-content {
position: relative;
z-index: 2;
}

.banner-title {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 1.6em;
font-weight: 600;
margin-bottom: 8px;
color: #495057;
}

.banner-subtitle {
font-size: 1em;
margin-bottom: 15px;
color: #6c757d;
}

.banner-cta {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 260px;
background: #ffffff;
color: #867547;
padding: 10px 24px;
text-decoration: none;
font-weight: 500;
border-radius: 4px;
margin: 8px auto;
transition: all 0.3s ease;
border: 1px solid #867547;
}

.banner-cta:hover {
background: #efefef;
color: #867547;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.flag-icon {
font-size: 1.1em;
margin: 0 8px;
}

@media (max-width: 768px) {
.banner-title {
font-size: 1.3em;
}
/*.banner-cta {
display: block;
margin: 10px auto;
width: fit-content;
}*/
}