/* ----------------------------------------------------------top--------------------------------------------------------------------------- */
#information-top {
    width: 70%;
    margin: 0 auto;
}

.information-back {
    width: 100%;
    height: 700px;
    position: relative;
    top: 5vw;
    background: url("./img/news_banner.webp");
    background-size: cover;
    background-repeat: no-repeat;
}

/* ----------------------------------------------------------pankuzu--------------------------------------------------------------------------- */

#pankuzu {
    position: relative;
    top: 60px;
    width: 70%;
    margin: 2vw auto 0;
    background: #fff;
}


.breadcrumb-001 h1 {
    font-size: .9em;
}

.breadcrumb-001 {
    display: flex;
    gap: 0 22px;
    list-style: none;
    padding: 0;
    font-size: .9em;
}

.breadcrumb-001 li {
    display: flex;
    align-items: center;
}

.breadcrumb-001 li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%23333333%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    margin-left: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    content: '';
}

.breadcrumb-001 a {
    color: #333333;
    text-decoration: none;
}
/* ----------------------------------------------------------title--------------------------------------------------------------------------- */
#title {
    width: 65%;
    margin: 0 auto;
    padding: 100px 0px;
    background: #fff;
    text-align: center;
}

#title h1 {
    color: #b82226;
    font-weight: 600;
}

#title h2 {
    padding-bottom: 100px;
    border-bottom: 1px solid #333;
}
.sittingservice {
    width: 50%;
    margin: 6vw auto 2vw;
    text-align: center;
    font-size: 1.5vw;
    letter-spacing: 5px;
    padding: 0.5vw 3vw;
    border-bottom: 1px solid #333;
    border-collapse: collapse;
}

/* ----------------------------------------------------------main--------------------------------------------------------------------------- */
#main {
    width: 65%;
    margin: 0 auto;
    padding: 10px 0px;
    background: #fff;
    text-align: center;
    letter-spacing: 3px;
    max-width: 1000px;
}

.text01 {
    line-height: 1.6em;
    margin-bottom: 100px;
}
.info_text {
    line-height: 1.6em;
    margin-bottom: 100px;
    text-align: left;
    font-size: 1.2vw;
}
.news {
    margin-top: 40px;
    padding: 10px;
}

.news-box {
    margin: auto 0;
}

footer {
    margin-top: 40px;
}

{
    margin: 0 auto;
}

.cta-wedding {
    width: 65%;
    padding: 1.4vw 3vw;
    margin: 1vw auto 3vw;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
}

.cta-wedding a {
    text-decoration: none;
}

.wedding_btn {
    width: 100%;
    padding: 1.5vw 3vw;
    margin: 1.56vw auto;
    font-size: 1.2vw;
    text-align: center;
    border-radius: 36px;
    background: #C1A25B;
    color: #fff;
    transition: 0.3s;
}

.cta-wedding :hover {
    opacity: 0.7;

}

.wedding_btn :hover {
    opacity: 0.7;
}

/* -----------------------------price------------------------------ */
#price {
    padding: 0 0 1vw;
}

#price h2 {
    width: 100%;
    color: #C1A25B;
}

td {
    background: rgba(255,255,255,0.5);
}

.box-005 div {
    width: 44%;
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -1.5vw;
    left: 1vw;
    margin: 0px 0.5vw;
    padding: 0px 2vw;
    font-size: 1.5vw;
    color: #C1A25B;
    background-color: #fff;
    font-weight: 600;
    vertical-align: top;
}

.wedding_cp {
    width: 50%;
    margin: 4vw auto;
    background: #f9f5ef;
    border-radius: 2vw;
}

p.cp_name {
    padding-top: 4vw;
    font-size: 1.2vw;
    text-align: center;
    color: #C1A25B;
}

.wedding_cp h3 {
    font-size: 2vw;
    color: #424242;
    text-align: center;
    letter-spacing: 1px;
    padding: 0 0 3vw;
}

.limit_table {
    margin: 3vw auto;
    border-collapse: collapse;
}

.trip_flex img {
    width: 5%;
    height: 5%;
    margin-right: 1vw;
}

.trip_price {
    width: 100%;
    margin: 0 auto;
    padding: 3vw 3vw 1vw;
}

.trip_tax_cp {
    font-size: 3vw;
    background: linear-gradient(transparent 70%, #d4bf8e 70%);
    padding-left: 0;
    margin: 1vw auto;
    text-align: center;
}

.trip_tax_cp span {
    font-size: 1.6vw;
}

.box-005 img {
    width: 10%;
    height: auto;
    margin: auto;
}


/* ------------------------------------------------------------display-none-------------------------------------------------------------------------- */
@media (max-width: 500px) {
    .pc_only {
    display: none;
   }
    }

/* -----------------------------------------------------------mobile-------------------------------------------------------------------------- */
@media (max-width: 500px) {
#information-top {
    width: 100%;
    margin: 0 auto;
}


.information-back {
    width: 100%;
    max-height: 270px;
    top: 13vw;
    background-size: contain;
}

p.info_text {
    font-size: 14px;
    margin-bottom: 6vw;
}


#pankuzu {
    width: 100%;
    padding-left: 3vw;
}

.breadcrumb-001 {
    font-size: .5em;
}

#title {
    width: 100%;
    padding: 40px 20px;
    margin-top: 40px;
}

#title h2 {
    font-size: 15px;
    padding-bottom: 60px;
    border-bottom: 1px solid #333;
}

.sittingservice {
    width: 80%;
    margin: 12vw auto 4vw;
    font-size: 14px;
}


/* ----------------------------------------------------------main--------------------------------------------------------------------------- */
#main {
    width: 85%;
}

#main h2 {
    font-size: 16px;
    font-size: 18px;
}

.text01 {
    font-size: 14px;
    line-height: 32px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.text02 {
    font-size: 14px;
    line-height: 32px;
    padding-bottom: 15px;
}

.line-form2 {
    width: 100%;
}


.cta-wedding {
    width: 100%;
    padding: 1.4vw 3vw;
    margin: 0 auto 12vw;
}

.wedding_btn {
    padding: 5vw 3vw;
    font-size: 3.4vw;
    text-align: center;
    border-radius: 20vw;
}


footer {
    margin-top: 40px;
}
/* -----------------------------price------------------------------ */
.trip_flex {
    width: 95%;
    justify-content: center;
    font-size: 3.2vw;
}

.wedding_cp {
    width: 90%;
    margin: 8vw auto;
    background: #f9f5ef;
    border-radius: 2vw;
}

p.cp_name {
    padding-top: 9vw;
    font-size: 3vw;
}

.wedding_cp h3 {
    font-size: 4.5vw;
    padding: 0 0 6vw;
}

.trip_price {
    width: 100%;
    margin: 0 auto;
    padding: 3vw 3vw 1vw;
}

.trip_tax_cp {
    font-size: 8vw;
    font-weight: 500;
    margin: 4vw auto 1vw;
}

.trip_tax_cp span {
    font-size: 4vw;
}

.box-005 div {
    width: 48%;
    font-size: 3.2vw;
    margin-top: -1vw;
}

.limit_table {
    width: 90%;
    margin: 3vw auto;
}

td {
    height: 5vw;
    border: 1px #d2d1d1 solid;
    padding: 3.3vw 1vw;
}

.limit_table td {
    width: 70%;
}

}