/* CSS Document */
@charset "utf-8";
/*================ figure ===============*/
#figure .inner {
    background: url(../img/figure-bg.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.annotation {
    font-size: clamp(1rem, 2vw, 1.2rem);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-weight:500;
}
.contents_box {
    margin: 40px auto 0;
}
#sns_box {
    padding: 1rem 0;
}
.sns-s ul {
    max-width: 250px;
}
.sns-s ul li {
    padding: 0px 15px;
}
div#copyright {
    padding-top: 3rem;
}
@media screen and (max-width: 768px) {
    #attraction .inner.add {
        width: 100%;
    }
    .productBox h3 {
        padding: 0;
        line-height: 1rem;
        font-size: 0.9rem;
    }
	.contents_box {
    margin: 0 auto;
}
	.btn-top {
    width: 70%;
	}
	.annotation {
    text-align: left;
    padding: 0 20px;
	}
}