.toppht { position: relative; margin: 30px 0px 0px; width: 100%; height: 170px; }
.toppht .ph { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.toppht img { width: 100%; height: 100%; object-fit: cover; }
.toppht .cp { position: absolute; top: 10px; left: 3%; width: 96%; font-size: 2rem; line-height: 140%; display: none; }
.toppht .sn { position: absolute; top: 10px; left: 2%; width: 96%; font-size: 2.3rem; line-height: 125%; }
#ice .sn { font-size: 2.1rem; line-height: 140%; }
.tsdw { text-shadow: #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px, #ffffff 0px 0px 4px; }
.bun01 { padding: 20px 0px 0px; }
.bun02 { padding: 20px 0px 0px; }
.pht { position: relative; }
.nc { position: absolute; bottom: 7px; right: 10px; width: 100px; z-index: 3; font-size: 0.6rem; line-height: 100%; text-align: right; }
.toppht .nc { bottom: auto; top: 15px; }
.white { color: #ffffff; }
.ichigo { flex-flow: wrap; justify-content: space-between; }
.ichigo .pht { margin: 20px 0px 0px; padding: 0px; flex-basis: 45%; }
.ichigo .pht img { width: 100%; }
.ichigo .bun { margin: 20px 0px 0px; padding: 0px; flex-basis: 51%; font-size: 0.94rem; line-height: 225%; }
.ichigop { display: none; }
.shou { margin: 20px 0px 0px; padding: 15px; font-size: 0.9rem; line-height: 200%; background-color: #f9f8f5; border: 1px solid #d9d8d5; }
.shou strong { color: #dd3300; }
.shou img { float: right; margin: 0px 0px 0px 20px; width: 45%; max-width: 70px; }
.pcv { display: none; }
.bfc8::before { background-color: #834b38; }
.ul01 { margin: 0px; padding: 1px 0px 0px; list-style-type: none; font-size: 0.9rem; line-height: 150%; text-align: center; display: flex; flex-flow: wrap; justify-content: space-between; }
.ul01 li { margin: 20px 0px 0px; padding: 0px; flex-basis: 48%; }
.ul01 a { display: block; width: 100%; text-decoration: none; }
.ul01 img { width: 100%; margin: 0px 0px 10px; }
.ul02 { margin: 0px; padding: 1px 0px 0px; list-style-type: none; font-size: 0.9rem; line-height: 150%; text-align: center; display: flex; flex-flow: wrap; justify-content: flex-start; }
.ul02 li { margin: 20px 1% 0px 0px; padding: 0px; flex-basis: 32%; }
.ul02 a { display: block; width: 100%; text-decoration: none; }
.ul02 img { width: 100%; margin: 0px 0px 10px; }
.mg2 { margin-top: 30px; padding-top: 10px; border-top: 1px dashed #cccccc; }
.h3z { padding: 30px 0px 0px; }
.h3z a { position: relative; display: block; width: 100%; text-decoration: none; }
.h3z h3 { position: relative; margin: 0px; padding: 8px 0px 8px 20px; font-size: 1.7rem; line-height: 150%; font-weight: normal; border-bottom: 1px solid #777777; }
.h3z h3::before { content: ""; position: absolute; top: 8px; left: 2px; width: 5px; height: 36px; }
.h3z div { position: absolute; top: 50%; right: 30px; padding: 2px 0px 0px; width: 150px; text-align: right; font-size: 0.9rem; line-height: 100%; color: #999999; transform: translateY(-50%); display: none; }
.h3z a::after { position: absolute; top: 50%; right: 10px; margin: auto; width: 8px; height: 8px; content: ""; border-top: 1px solid #333333; border-right: 1px solid #333333; transform: translateY(-50%) rotate(45deg); }
.ctgz { margin: 0px; padding: 5px 20px 20px; list-style-type: none; font-size: 1rem; line-height: 100%; border: 1px solid #999999; display: flex; flex-flow: wrap; justify-content: flex-start; background-image: url("/commonfiles/bgi/e005.png"); }
.ctgz li { position: relative; margin: 15px 20px 0px 0px; padding: 0px 0px 0px 25px; }
.ctgz li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 19px; height: 19px; background: #333333; }
.ctgz li::after { position: absolute; top: 6px; left: 4px; margin: auto; width: 6px; height: 6px; content: ""; border-top: 2px solid #cccc00; border-right: 2px solid #cccc00; transform: rotate(45deg); }
.shops { margin: 0px auto; padding: 10px 0px 0px; list-style-type: none; width: 100%; }
.shops li { margin: 30px 0px 0px; padding: 0px; width: 100%; }
.shops img { width: 100%; }
@media print, screen and (min-width: 450px) {
  .ichigo { display: flex; }
  .ichigop { display: block; }
  .shops li { max-width: 300px; }
}
@media print, screen and (min-width: 510px) {
  .ul01 { justify-content: flex-start; }
  .toppht { position: relative; height: auto; }
  .toppht .ph { position: relative; height: auto; }
  .toppht img { width: 100%; height: auto; object-fit: scale-down; }
  .toppht .sn { font-size: 2.5rem; line-height: 125%; }
  .h3z { padding-top: 50px; }
  .h3z h3 { padding: 0px 0px 13px 30px; font-size: 2.3rem; line-height: 150%; }
  .h3z h3::before { top: 5px; width: 7px; height: 50px; }
  .h3z div { display: block; }
}
@media print, screen and (min-width: 640px) {
  .toppht .cp { display: block; }
  .toppht .sn { top: auto; bottom: 10px; text-align: right; }
}
@media screen and (min-width: 510px) and (max-width: 767px) {
  .ul01 li { margin: 20px 1% 0px 0px; flex-basis: 32%; }
  .ul02 li { margin: 20px 1% 0px 0px; flex-basis: 24%; }
}
@media print, screen and (min-width: 768px) {
  .ul01 li { margin: 20px 1% 0px 0px; flex-basis: 24%; }
  .ul02 li { margin: 20px 1% 0px 0px; flex-basis: 19%; }
  .ichigo .pht { flex-basis: 40%; }
  .ichigo .bun { flex-basis: 56%; }
  .toppht .cp { font-size: 2.2rem; line-height: 140%; }
  .toppht .sn { font-size: 3rem; line-height: 125%; }
  .mg2 { margin-top: 50px; padding-top: 30px; }
  .bun01 { padding-top: 27px; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  .toppht .cp { font-size: calc(0.8498rem + 2.7vw); line-height: 140%; }
}
@media print, screen and (min-width: 1040px) {
  .ichigo .pht { flex-basis: 30%; }
  .ichigo .bun { flex-basis: 66%; }
  .pcv { display: block; }
  .spv { display: none; }
}