body{font-family: 'Libre Caslon Display', serif;color: #401e00 !important;}
.slick-prev, .slick-next{background: #f58220 !important;}
h1 img {transform: scale(0.7);transform-origin: center;}
h2#itemname {font-size: 3.2rem;border:none;}
h2{color:#f58220 !important;margin-bottom:1em !important;border-bottom: 4px solid #f58220;}
nav li a{color: #401e00 !important;}
nav a:hover {background-color: #fff8f2;}
.under {border-bottom: 0.4rem solid #f58220 !important;}
.gray-back {background-color:#fff8f2;}
td {border-bottom: #401e00 solid 1px;background-color: #fff8f2;text-align: center;}
th {background-color: #e9c2a1;text-align: center;}

#pagetop a:hover{background: #ff995a;}
#pagetop a {background: #f58220;}
.copyright {background-color: #f58220;}

@media screen and (max-width: 768px){
body,p,div {line-height: 1.4em;font-size:1.6rem;}
.catch {padding: 1em 0 2em;}
h1 img {transform: scale(0.5);margin-bottom: 0;}
.slick-slide img {display: block;aspect-ratio: 4 / 3;object-fit: cover;}
.sp-left p{text-align: center !important;}
.col.span-12 img{aspect-ratio: 4 / 3;object-fit: cover;}
h2{font-size: 2.0rem !important;font-weight: bold;line-height: 2.8rem;}
h2#itemname {font-size: 2.1rem !important;margin: 0 .4em;}
h3 {font-size: 1.8rem !important;font-weight: bold;}
h4 {font-size: 1.6rem !important;font-weight: bold;}
}