@-webkit-keyframes customFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,30%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes customFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.custom__fadeInUp {
    -webkit-animation-name: customFadeInUp;
    animation-name: customFadeInUp
}

#page-danxi-jijin {
    --deep-green: #536359;
    --deep-yellow: #a49568;

    background-image: url(../images/exhibition/permanent/Danxi-Jijin/page-bg.png);
}

#danxi-jijin-main { max-width: 1920px; overflow: hidden; margin: 0 auto; }

.section-title {
    color: var(--font-white);
    font-size: var(--larger-size);
    position: relative;
    width: 255px; height: 255px;
    border-radius: 50%;
    background-color: var(--deep-green);
}

.section-title.yellow { background-color: var(--deep-yellow); }

.section-title .align-right {
    height: 100%;
    text-align: right;
}

.section-title .align-left {
    height: 100%;
    text-align: right;
}

.section-sub-title {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: var(--font-white);
    font-size: 32px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 
      segoe ui, Roboto, Helvetica, Arial, 
      sans-serif;;
}

.section-text {
    line-height: 1.8;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
      segoe ui, Roboto, Helvetica, Arial, 
      sans-serif;;
    letter-spacing: 1px;
    color: var(--font-white);
    text-indent: 2em;
}

.section-text.no-writing-mode {
    -ms-writing-mode: initial;
    writing-mode: initial;
}

.section-text.utensil { font-size: var(--smaller-size); }

.section-text + .section-text, .section-text p + p { margin-top: 30px; }

.vertical-rl {
    -webkit-box-orient: vertical;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/* =================== main ==================== */
.banner {
    padding-top: 15.5%;
    background-image: url(../images/exhibition/permanent/Danxi-Jijin/top-shading.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.banner-top-wrap { max-width: max-content; padding-left: 2.5%; }

.font-item + .font-item  { margin-left: 80px; }

.banner-top-footer {
    margin-top: 30px;
    color: var(--font-light-brown);
    font-size: var(--medium-to-large);
}

.backdrop-wrap {
    margin-top: -24%; position: relative;
    padding-bottom: 67.689%; pointer-events: none;
}

.backdrop-item { position: absolute; z-index: -1; }

.backdrop-item img { width: 100%; }

.backdrop-item.mountain { width: 76.666666%; left: 0; top: 17%; }

.backdrop-item.backdrop-1 { width: 54.5%; right: 0; top: 30%; }

.backdrop-item.backdrop-2 { width: 31%; right: 7%; top: 14%; }

.backdrop-item.backdrop-3 { top: 51%; }

.banner-footer { margin-top: -5%; }

/* =================== 器具 ==================== */
.utensil-wrapper { margin-top: 100px; }

.food-container,
.liquor-container,
.water-container,
.musical-instrument-container,
.other-container {
    position: relative;
}

.food-container .container,
.liquor-container .container,
.water-container .container,
.musical-instrument-container .container,
.other-container .container {
    padding-top: 10%;
    position: relative;
}

.water-left-font .water-left-desc,
.liquor-right-font .liquor-right-desc,
.food-left-font .food-left-desc,
.musical-instrument-right-font .musical-instrument-right-desc,
.other-left-font .other-left-desc {
    width: 100%; height: 400px; margin-top: 80px;
}

.utensil-desc-left .section-title { 
    margin-right: auto; 
}

.utensil-desc-right .section-title { margin-left: auto; }

.utensil-desc-left .align-left-desc { padding-left: 160px; }

.utensil-desc-right .align-right-desc { padding-right: 160px; }

.align-left-desc .section-sub-title { padding-right: 50px; }

.align-right-desc .section-sub-title { padding-left: 50px; }

.exhibits-name {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
      segoe ui, Roboto, Helvetica, Arial, 
      sans-serif;; text-align: right;
    color: var(--font-white); font-size: var(--smaller-size);
    margin-top: 50px;
}

.exhibits-name.small { font-size: var(--smaller-size); margin-top: 20px; }

.exhibits-image { position: absolute; }

.exhibits-image img, .exhibits-backdrop img {  width: 100%; }

.food-exhibits-item,
.liquor-exhibits-item,
.water-exhibits-item,
.musical-instrument-exhibits-item,
.other-exhibits-item { position: relative; }

/* =================== 食器 ==================== */
.food-container .container, .food-container .row { height: 100%; }

.left-backdrop, .right-backdrop { width: 48.5%; position: absolute; }

.left-backdrop { left: 0; }

.right-backdrop { right: 0; }

.left-backdrop img, .right-backdrop img { width: 100%; }

.food-container .exhibits-backdrop { width: 67.5%; text-align: left; }

.food-container .exhibits-backdrop.align-left { margin-right: auto; }

.food-container .exhibits-backdrop.align-left + .exhibits-image { left: -20%; right: unset; }

.food-container .exhibits-backdrop.align-right { 
    text-align: right; margin-left: auto; 
    position: relative;
}

.food-container .exhibits-image { position: absolute; right: 20%; top: 70%; }

.food-right-exhibits .exhibits-image { width: 70.65%; }

.food-exhibits-list { margin-top: 80px; }

.food-exhibits-item:first-of-type .exhibits-image { width: 67.5%; }

.food-right-exhibits, .food-exhibits-item:nth-of-type(2) {
    -webkit-transform: translateX(6%);
    -moz-transform: translateX(6%);
    -ms-transform: translateX(6%);
    -o-transform: translateX(6%);
    transform: translateX(6%);
}

.food-exhibits-item:nth-of-type(2) {
    margin-top: -28%;
}

.food-exhibits-item:nth-of-type(2) .exhibits-image,
.food-exhibits-item:nth-of-type(3) .exhibits-image { width: 67.5%; }

/* =================== 酒器 ==================== */
.liquor-exhibits-list { margin-top: -45%; }

.liquor-exhibits-item .exhibits-backdrop { width: 50%; position: relative; }

.liquor-exhibits-item .exhibits-image { 
    bottom: -10%; right: -10%; width: 75%;
}

.liquor-exhibits-item:nth-of-type(odd) {
    -webkit-transform: translateX(-35%);
	-moz-transform: translateX(-35%);
	-ms-transform: translateX(-35%);
	-o-transform: translateX(-35%);
	transform: translateX(-35%);
}

.liquor-exhibits-item:nth-of-type(odd) .exhibits-backdrop > img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.liquor-exhibits-item:nth-of-type(2) .exhibits-backdrop { 
    margin-left: auto; 
}

.liquor-exhibits-item:nth-of-type(2) .exhibits-image { 
    left: unset; right: -10%; 
}

.liquor-exhibits-item:nth-of-type(2) {
    -webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	-o-transform: translateX(10%);
	transform: translateX(10%);
}

.liquor-exhibits-item:nth-of-type(3) {
    margin-top: -26%;
}

/* =================== 水器 ==================== */
.water-exhibits-list { margin-top: -70%; }

.water-exhibits-item .exhibits-backdrop {
    width: 48.1%; position: relative;
}

.water-exhibits-item .exhibits-image {
    width: 74.28%;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.water-exhibits-item:nth-of-type(-n + 3) .exhibits-backdrop { margin-left: auto; }

.water-exhibits-item:nth-of-type(2) { pointer-events: none; }

.water-exhibits-item:nth-of-type(2) .exhibits-backdrop {
    padding-bottom: 48%;
    border-radius: 50%;
    border: 1px solid var(--deep-yellow);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}

.water-exhibits-item:nth-of-type(2),
.water-exhibits-item:nth-of-type(3) {
    margin-top: -8%;
}

.water-exhibits-item:nth-of-type(2) .exhibits-backdrop::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: 10px; height: 25%;
    border-radius: 50%;
    background-color: #536359;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.water-exhibits-item:nth-of-type(-n + 3) {
    -webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	-o-transform: translateX(10%);
	transform: translateX(10%);
}

.water-exhibits-item .exhibits-name {
    position: absolute;
    bottom: -15px; left: 50%;
    width: max-content;
    -webkit-transform: translate(-50%, 525%);
	-moz-transform: translate(-50%, 525%);
	-ms-transform: translate(-50%, 525%);
	-o-transform: translate(-50%, 525%);
    transform: translate(-50%, 525%);
}

.water-exhibits-item:nth-child(3) .exhibits-name {
    position: absolute;
    bottom: unset; top: -15px; left: 50%;
    -webkit-transform: translate(-50%, -590%);
	-moz-transform: translate(-50%, -590%);
	-ms-transform: translate(-50%, -590%);
	-o-transform: translate(-50%, -590%);
    transform: translate(-50%, -590%);
}

.water-exhibits-item:nth-of-type(4) {
    margin-top: -40%;
    -webkit-transform: translateX(-10%);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-o-transform: translateX(-10%);
	transform: translateX(-10%);
}

.water-exhibits-item .exhibits-backdrop > img {
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.water-exhibits-item:nth-child(3) .exhibits-backdrop > img {
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.water-exhibits-item:nth-child(4) .exhibits-backdrop > img {
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* =================== 乐器 ==================== */
.musical-instrument-container { margin-top: 150px; }

.musical-instrument-exhibits-list { margin-top: -55%; }

.musical-instrument-exhibits-item .exhibits-backdrop {
    width: 52.15%; position: relative;
    padding-bottom: 52%;
    border-radius: 50%;
    border: 1px solid var(--deep-yellow);
}

.musical-instrument-exhibits-item .exhibits-image {
    width: 79.3%; top: 50%; left: 50%; z-index: -1;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.musical-instrument-exhibits-item .exhibits-backdrop::after {
    content: "";
    position: absolute;
    width: 15px; height: 15px;
    border-radius: 50%; pointer-events: none;
    background-color: var(--font-white);
    bottom: 34%; right: 1%;
}

.musical-instrument-exhibits-item .exhibits-name {
    font-size: 26px;
    width: 220px; height: 220px;
    border-radius: 50%;
    background-color: #847855;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute; z-index: -1;
    right: -45%; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.musical-instrument-exhibits-item .exhibits-name span {
    position: absolute;
    top: 50%; white-space: nowrap;
}

.musical-instrument-exhibits-item:nth-of-type(2) .exhibits-backdrop::after {
    bottom: 2%; left: 32%; right: unset;
}

.musical-instrument-exhibits-item:nth-of-type(2) .exhibits-name {
    right: unset; bottom: -50%; left: 7%;
}

.musical-instrument-exhibits-item:nth-of-type(3) .exhibits-backdrop::after {
    bottom: 15%; right: 12%;
}

.musical-instrument-exhibits-item:nth-of-type(3) .exhibits-name {
    right: -20%; bottom: -30%;
}

.musical-instrument-exhibits-item:nth-of-type(1),
.musical-instrument-exhibits-item:nth-of-type(2) {
    -webkit-transform: translateX(-10%);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-o-transform: translateX(-10%);
	transform: translateX(-10%);
}

.musical-instrument-exhibits-item:nth-of-type(2) .exhibits-backdrop {
    border: 0;
    background-color: rgba(83, 99, 89, .3);
}

.musical-instrument-exhibits-item:nth-of-type(3) {
    margin-top: -17.5%;
    -webkit-transform: translateX(5%);
	-moz-transform: translateX(5%);
	-ms-transform: translateX(5%);
	-o-transform: translateX(5%);
	transform: translateX(5%);
}

.musical-instrument-exhibits-item:nth-of-type(3) .exhibits-backdrop {
    margin-left: auto; margin-right: auto;
}

.musical-instrument-exhibits-item:nth-of-type(3) .exhibits-image { left: 50%; }

/* =================== 杂器 ==================== */
.other-container { margin-top: 150px; }

.other-left-font .section-title > div { margin-left: -15px; }

.other-exhibits-list { margin-top: -43%; }

.other-exhibits-item {
    -webkit-transform: translateX(35%);
	-moz-transform: translateX(35%);
	-ms-transform: translateX(35%);
	-o-transform: translateX(35%);
	transform: translateX(35%);
}

.other-exhibits-item .exhibits-backdrop {
    width: 50%; margin-left: auto;
    padding-bottom: 50%; border-radius: 50%;
    background-color: rgba(83, 99, 89, .3);
}

.other-exhibits-item .exhibits-image {
    width: 41.25%; top: 50%; right: 20%;
}

.other-exhibits-item .exhibits-name { text-align: left !important; }

.other-exhibits-item:nth-of-type(2) { margin-top: -8%; }

@media (max-width: 1599px) {
    .liquor-exhibits-item:nth-of-type(odd) {
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        -o-transform: translateX(-25%);
        transform: translateX(-25%);
    }

    .liquor-exhibits-item:nth-of-type(2) .exhibits-image { right: 4.5%; }

    .other-exhibits-item {
        -webkit-transform: translateX(25%);
        -moz-transform: translateX(25%);
        -ms-transform: translateX(25%);
        -o-transform: translateX(25%);
        transform: translateX(25%);
    }
}

@media (max-width: 1399px) {
    :root {
        --larger-size: 48px;
        --medium-to-large: 30px;
        --medium-size: 26px;
        --small-size: 24px;
    }
    .section-title {
        width: 180px; height: 180px;
    }
	.section-sub-title {
        font-size: var(--medium-to-large);
    }
    .utensil-desc-left .align-left-desc {
        padding-left: 0;
    }
    .utensil-desc-right .align-right-desc {
        padding-right: 0;
    }

    .water-container { margin-top: 80px; }

    .water-exhibits-item .exhibits-name {
        -webkit-transform: translate(-50%, 455%);
        -moz-transform: translate(-50%, 455%);
        -ms-transform: translate(-50%, 455%);
        -o-transform: translate(-50%, 455%);
        transform: translate(-50%, 455%);
    }

    .water-exhibits-item:nth-child(3) .exhibits-name {
        -webkit-transform: translate(-50%, -535%);
        -moz-transform: translate(-50%, -535%);
        -ms-transform: translate(-50%, -535%);
        -o-transform: translate(-50%, -535%);
        transform: translate(-50%, -535%);
    }
}

@media (max-width: 1199px) {
    :root {
        --larger-size: 42px;
        --medium-to-large: 30px;
        --medium-size: 22px;
        --small-size: 18px;
        --smaller-size: 16px;
    }

    .section-title {
        width: 150px; height: 150px;
    }

    .musical-instrument-exhibits-item .exhibits-name {
        width: 180px; height: 180px;
        font-size: 24px;
    }

    .water-exhibits-item .exhibits-name {
        -webkit-transform: translate(-50%, 410%);
        -moz-transform: translate(-50%, 410%);
        -ms-transform: translate(-50%, 410%);
        -o-transform: translate(-50%, 410%);
        transform: translate(-50%, 410%);
    }

    .water-exhibits-item:nth-child(3) .exhibits-name {
        -webkit-transform: translate(-50%, -485%);
        -moz-transform: translate(-50%, -485%);
        -ms-transform: translate(-50%, -485%);
        -o-transform: translate(-50%, -485%);
        transform: translate(-50%, -485%);
    }
}

@media (max-width: 991px) {
    :root {
        --larger-size: 42px;
        --medium-to-large: 30px;
        --medium-size: 20px;
        --small-size: 18px;
        --smaller-size: 16px;
        --minimum-size: 16px;
    }

    .vertical-rl,
    .section-sub-title,
    .section-text {
        -ms-writing-mode: initial;
        writing-mode: initial;
    }

    .section-title {
        width: 130px; height: 130px;
    }

    .musical-instrument-exhibits-item .exhibits-name {
        width: 120px; height: 120px;
        font-size: 20px;
    }

    .align-left-desc .section-sub-title { padding-right: 0; }

    .align-right-desc .section-sub-title { padding-left: 0; }

    .align-left-desc { flex-direction: column; }

    .align-right-desc { flex-direction: column-reverse; }

    .utensil-desc-left .align-left-desc {
        justify-content: center !important;
    }
    .food-exhibits-item { margin-bottom: 0px; }
    
    .food-exhibits-list { margin-top: -200px; }

    .food-container .exhibits-backdrop.align-right { margin-left: 0; }
    .food-container .exhibits-backdrop.align-left + .exhibits-image {
        left: unset;
    }
    .food-container .exhibits-backdrop { width: 100%; }
    .food-container .exhibits-image {
        top: 58%;
        width: 80.5% !important;
        right: 8% !important;
    }

    .liquor-exhibits-list,
    .water-exhibits-list,
    .musical-instrument-exhibits-list {
        margin-top: 30px;
    }

    .other-exhibits-list,
    .other-exhibits-item:nth-of-type(2) {
        margin-top: 30px;
    }
    .other-exhibits-item {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .other-exhibits-item:nth-of-type(1) .exhibits-backdrop {
        margin-left: 0;
    }
    .other-exhibits-item:nth-of-type(1) .exhibits-image {
        right: 30%;
    }

    .water-left-font .water-left-desc, .liquor-right-font .liquor-right-desc, .food-left-font .food-left-desc, .musical-instrument-right-font .musical-instrument-right-desc, .other-left-font .other-left-desc {
        height: auto;
    }

    .water-exhibits-item .exhibits-name {
        -webkit-transform: translate(-50%, 380%);
        -moz-transform: translate(-50%, 380%);
        -ms-transform: translate(-50%, 380%);
        -o-transform: translate(-50%, 380%);
        transform: translate(-50%, 380%);
    }

    .water-exhibits-item:nth-child(3) .exhibits-name {
        -webkit-transform: translate(-50%, -470%);
        -moz-transform: translate(-50%, -470%);
        -ms-transform: translate(-50%, -470%);
        -o-transform: translate(-50%, -470%);
        transform: translate(-50%, -470%);
    }

    .food-right-exhibits, .food-exhibits-item:nth-of-type(2) {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .food-container > .container > .row > .col-md-6.col-sm-7 {
        margin-left: auto;
        margin-top: 30px;
    }
	
	.water-left-font .water-left-desc, .liquor-right-font .liquor-right-desc, .food-left-font .food-left-desc, .musical-instrument-right-font .musical-instrument-right-desc, .other-left-font .other-left-desc {
        margin-top: 30px;
    }

    .liquor-exhibits-item:nth-of-type(3) {
        margin-top: 0;
    }

    .liquor-exhibits-item:nth-of-type(2) .exhibits-image { 
        right: unset; left: 50%; 
    }
    .liquor-exhibits-item .exhibits-image {
        left: 50%; bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .liquor-exhibits-item:nth-of-type(odd),
    .liquor-exhibits-item:nth-of-type(2),
    .water-exhibits-item:nth-of-type(-n + 3),
    .water-exhibits-item:nth-of-type(4),
    .musical-instrument-exhibits-item:nth-of-type(1),
    .musical-instrument-exhibits-item:nth-of-type(2),
    .musical-instrument-exhibits-item:nth-of-type(3) {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .musical-instrument-exhibits-item:nth-of-type(3) .exhibits-backdrop {
        margin-right: 0;
    }

    .section-title .vertical-rl {
        -webkit-box-orient: vertical;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }

    .other-left-font .section-title > div {
        margin-left: -10px;
    }
}

@media (max-width: 767px) {
    :root {
        --larger-size: 32px;
        --medium-to-large: 25px;
        --medium-size: 20px;
        --small-size: 18px;
        --minimum-size: 16px;
    }

    .section-title {
        width: 120px; height: 120px;
    }

    .banner { padding-top: 120px; }
    .banner-top-wrap { justify-content: space-between; max-width: 100%; }
    .banner-top-wrap .font-item { flex: 1; }
    .banner-top-wrap .font-item img { width: 100%; height: 100%; }
    .font-item + .font-item { margin-left: 20px; }

    .exhibits-name { margin-top: 20px; }

    .water-exhibits-item .exhibits-name {
        -webkit-transform: translate(-50%, 300%);
        -moz-transform: translate(-50%, 300%);
        -ms-transform: translate(-50%, 300%);
        -o-transform: translate(-50%, 300%);
        transform: translate(-50%, 300%);
    }

    .water-exhibits-item:nth-child(3) .exhibits-name {
        -webkit-transform: translate(-50%, -380%);
        -moz-transform: translate(-50%, -380%);
        -ms-transform: translate(-50%, -380%);
        -o-transform: translate(-50%, -380%);
        transform: translate(-50%, -380%);
    }

    .food-exhibits-list {
        margin-top: -110px;
    }

    .food-exhibits-list .food-exhibits-item:nth-child(1) .exhibits-name {
        text-align: left;
    }

    .liquor-exhibits-item .exhibits-backdrop {
        width: 58.333333%;
    }

    .musical-instrument-exhibits-item .exhibits-backdrop::after {
        content: none;
    }

    .musical-instrument-exhibits-item .exhibits-name {
        width: 100px; height: 100px;
    }

    .utensil-desc-left .section-title {
        justify-content: center;
    }

    .other-left-font .section-title > div {
        margin-left: 0px;
    }
}

@media (max-width: 576px) {
    :root {
        --larger-size: 30px;
        --medium-to-large: 20px;
        --medium-size: 18px;
        --small-size: 16px;
        --smaller-size: 15px;
        --minimum-size: 15px;
    }

    .section-title {
        width: 100px; height: 100px;
    }

    .section-title,
    .section-title.yellow {
        background-color: transparent;
    }

    .food-exhibits-list .food-exhibits-item {
        margin-top: 30px;
    }

    .liquor-exhibits-item:nth-of-type(3),
    .musical-instrument-exhibits-item:nth-of-type(3) {
        margin-top: 0;
    }

    .liquor-exhibits-item .exhibits-backdrop,
    .water-exhibits-item .exhibits-backdrop {
        width: 100%;
    }

    .liquor-exhibits-item { margin-bottom: 50px; }
    .liquor-exhibits-item .exhibits-image {
        width: 80.5%;
    }

    .water-exhibits-item:nth-of-type(4),
    .water-exhibits-item:nth-of-type(2),
    .water-exhibits-item:nth-of-type(3) {
        margin-top: 0;
    }

    .water-exhibits-item .exhibits-image { width: 80.5%; }

    .water-exhibits-item:nth-of-type(2) { display: none; }

    .water-exhibits-item + .water-exhibits-item { margin-top: 30px; }

    .water-exhibits-item:nth-of-type(4) .exhibits-image {
        left: 50%;
    }
    .water-exhibits-item .exhibits-image {
        right: unset; left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .musical-instrument-exhibits-item .exhibits-backdrop { width: 100%; }
    .musical-instrument-exhibits-item:nth-of-type(1) .exhibits-backdrop, .musical-instrument-exhibits-item:nth-of-type(3) .exhibits-backdrop {
        padding-bottom: 100%;
    }
    .musical-instrument-exhibits-item .exhibits-image {
        width: 80.5%;
    }
    .musical-instrument-exhibits-item + .musical-instrument-exhibits-item {
        margin-top: 30px;
    }

    .musical-instrument-exhibits-item:nth-of-type(2) .exhibits-backdrop {
        padding-bottom: 100%;
    }

    .musical-instrument-exhibits-item .exhibits-name {
        position: static;
        -ms-writing-mode: initial;
        writing-mode: initial;
        width: auto; height: auto;
        background: none;
        justify-content: center;
        font-size: 15px;
    }

    .musical-instrument-exhibits-item .exhibits-name span { position: static; }

    .water-exhibits-item .exhibits-name,
    .water-exhibits-item:nth-child(3) .exhibits-name {
        -webkit-transform: translate(-0%, 0%);
        -moz-transform: translate(-0%, 0%);
        -ms-transform: translate(-0%, 0%);
        -o-transform: translate(-0%, 0%);
        transform: translate(-0%, 0%);
        position: static; margin: 0 auto;
    }
	
	.water-left-font .water-left-desc, .liquor-right-font .liquor-right-desc, .food-left-font .food-left-desc, .musical-instrument-right-font .musical-instrument-right-desc, .other-left-font .other-left-desc {
        margin-top: 0px;
    }

    .section-title .vertical-rl {
        -webkit-box-orient: horizontal;
        -ms-writing-mode: initial;
        writing-mode: initial;
    }
}