/*
Theme Name: nihonbashi-ch
Theme URI: 
Author: MISUYU
*/

@charset "UTF-8";

* {
    font-weight: 400;
}

p {
    margin-bottom: 1em;
}

strong {
    font-weight: 700;
}

.main-img {
    width: 100%;
    height: auto;
}
.main-img img {
    width: 100%;
    height: auto;
}

#contents {
    margin: 40px auto 0;
}

.event-info-1 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

.text-small {
    font-size: 14px;
}

.event-info {
    margin-bottom: 30px;
}

.event-info-t {
    margin-top: -0.5em;
    padding-left: 0.5em;
}

.event-info ul {
    padding-left: 20px;
    margin: 10px 0;
}

.event-info ul li {
    list-style: disc;
    margin-bottom: 5px;
    line-height: 1.5em;
}

.info-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
    color: #d80c18;
    border-bottom: 2px solid #d80c18;
    padding-bottom: 5px;
}

.ticket-section {
    margin-top: 30px;
    background-color: #fef5f5;
    padding: 15px;
    border: 1px solid #ffcccc;
    border-radius: 5px;
}

.ticket-type {
    margin-bottom: 20px;
    padding-left: 1em;
}

.ticket-name {
    font-weight: bold;
    color: #d80c18;
    font-size: 16px;
    margin-bottom: 5px;
}

.ticket-price {
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
}

.button {
    display: block;
    background-color: #d80c18;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    border-radius: 5px;
    font-weight: bold;
    margin: 30px auto 20px;
    width: 250px;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #b00914;
}

.notes {
    margin-top: 30px;
    font-size: 14px;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}

.notes ul {
    padding-left: 20px;
    margin: 10px 0;
}

.notes ul li {
    list-style: disc;
    margin-bottom: 5px;
    line-height: 1.5em;
}

.footer {
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    margin-top: 30px;
    color: #000;
}

.footer-p {
    font-size: 16px;
}

.footer-li {
    font-size: 16px;
    font-weight: normal;
}

.footer-copyright {
    font-size: 14px;
}

.highlight {
    background: linear-gradient(transparent 60%, #ffff66 40%);
    font-weight: bold;
}

.wave-pattern {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20" preserveAspectRatio="none"><path d="M0,10 C30,20 70,0 100,10 L100,20 L0,20 Z" fill="%23d3b072"/></svg>');
    height: 20px;
    width: 100%;
    background-size: 100px 20px;
    background-repeat: repeat-x;
}