<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#wrap_r {
    background: url("../images/mv.jpg") 0 0 no-repeat;
}
@media screen and (max-width:599px){
#wrap_r {
    background: url("../images/mv_sp.jpg") 50% 0 no-repeat;
    background-size: contain;
}
}
@media screen and (min-width:600px) and (max-width:768px){
#wrap_r {
    background: url("../images/mv_tb.jpg") 50% 0 no-repeat;
    background-size: cover;
}
}

#chair {
    width: 650px;
    margin: 0 auto;
    padding-top: 10px;
}
@media screen and (max-width:768px){
#chair {
    width: 100%;
    padding: 20px;
}
}

#chair img {
    width: 100%;
}

#theme {
    margin-top: 280px;
    margin-left: 30px;
    text-align: center;
}

@media screen and (max-width:499px){
#theme {
    margin-top: 30%;    
    margin-left: 15px;
}
#theme img {
    width: 42%;
}
}

@media screen and (min-width:500px) and (max-width:599px){
#theme {
    margin-top: 36%;    
    margin-left: 15px;
}
#theme img {
    width: 40%;
}
}

@media screen and (min-width:600px) and (max-width:768px){
#theme {
    margin-top: 35%;
}
#theme img {
    width: 38%;
}
}

#date {
    margin-top: 290px;
    text-align: center;
}
@media screen and (max-width:599px){
#date {
    margin-top: 35%;
}
}
@media screen and (min-width:600px) and (max-width:768px){
#date {
    margin-top: 40%;
}
}

#date li:nth-child(1) {
    margin-bottom: 20px;
}
@media screen and (max-width:599px){
#date li:nth-child(1) {
    margin-bottom: 10px;
}
}
@media screen and (min-width:600px) and (max-width:768px){
#date li:nth-child(1) {
    margin-bottom: 20px;
}
}

#date li:nth-child(1) img {
    width: 600px;
}
@media screen and (max-width:768px){
#date li:nth-child(1) img {
    width: 85%;
}
}

#date li:nth-child(2) img {
    width: 420px;
}
@media screen and (max-width:768px){
#date li:nth-child(2) img {
    width: 60%;
}
}

#new {
    margin: 50px 0 0 30px;
    padding: 30px;
    background-color: rgba(255,255,255,0.9);
	box-shadow: 1px 1px 20px 7px rgba(0,0,0,0.1);
}
@media screen and (max-width:768px){
#new {
    width: 90%;
    margin: 30px auto 0;
    padding: 15px;
}
}

#new h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 2.3rem;
    letter-spacing: 0.2em;
    border-bottom: #ab95ad 2px solid;
    position: relative;
}
@media screen and (max-width:768px){
#new h3 {
    margin-bottom: 15px;
    padding-bottom: 10px;
}
}

#new h3::before {
    width: 30%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: #99559f 2px solid;
}

#new h3 span {
    margin-left: 20px;
    font-size: 1.6rem;
    color: #666;
}

#new dl {
    height: 150px;
    overflow: auto;
}

#new dt {
    width: 7em;
    float: left;
    clear: left;
}
@media screen and (max-width:768px){
#new dt {
    width: 100%;
    float: none;
}
}

#new dd {
    margin-bottom: 15px;
    padding: 0 0 15px 7em;
    border-bottom: #000 1px dotted;
}
@media screen and (max-width:768px){
#new dd {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
}
}</pre></body></html>