:root {
    --color1: #3e2011;
    --gold: linear-gradient(90deg, rgba(147, 109, 55, 1) 0%, rgba(255, 216, 139, 1) 50%, rgba(147, 109, 55, 1) 100%);
    --gradation: linear-gradient(50deg, #3e2011ff 10%, #a3542cff 50%, rgba(62, 32, 17, 1) 90%);
    --gradation2: linear-gradient(40deg, rgba(62, 32, 17, 1) 0%, rgba(163, 84, 44, 1) 50%, rgba(62, 32, 17, 1) 100%);
}
h2 {
    display: block;
    background: var(--gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 100%;
    width: fit-content;
}
h2::selection {
    background: var(--color1);
    -webkit-text-fill-color: white; 
    background-clip: unset; 
    -webkit-background-clip: unset;
}
h2::-moz-selection {
    background: var(--color1);
    color: white;
}
#profile .inner h2 {
    margin: 0 auto 24px;
}
.more:hover,
header .button li a:hover,
footer .button li a:hover,
header.on .button li a:hover,
header .button li a:hover,
header.pc .button a:hover {
    background: var(--gold) !important;
    color: var(--color1) !important;
}
#profile .more.white:hover,
#shop .more:hover,
footer .button li a:hover,
header.pc .button a:hover {
    border: 1px solid var(--color1) !important;
}
.more:hover .icon-arrow,
footer .button li a:hover span,
header.on .button li a:hover span,
.active .menuWrap .left .button li a:hover span {
    color: var(--color1) !important;
}
#message::after,
#gallery .gallery-wrap::after,
#shop {
    background: var(--gradation);
}
#news ul li .category i,
#news_detail .category i {
    background: var(--gradation2);
}
.border-tb::before,
.border-tb::after {
    border: none;
    width: 100%;
    height: 1.39vw;
    background: var(--gradation);
}
#message::after,
#gallery .gallery-wrap::after,
#wallpaper::after  {
    background: url(../img/new/pattern3.jpg);
    background-size: cover;
}

#shop {
    background: url(../img/new/pattern4.jpg);
    background-size: cover;
}
.subpage h2 span{
    background: var(--color1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 100%;
    width: fit-content;
}
.subpage footer{
    background: linear-gradient(100deg, #3e2011 10%, #a3542c 50%, rgb(62, 32, 17) 90%) !important;
}
.subpage footer .wrap .copy{
    margin-bottom: clamp(20px, calc(20px + 12 * ((100vw - 320px) / 1120)), 32px);
}
@media screen and (max-width: 768px) {
#shop {
    background: url(../img/new/pattern4.jpg);
    background-size: cover;
    background-position: 20%;
}
}