.main ul { list-style-type: none; }
.div01 img { float: left; margin: 0px 15px 0px 0px; width: 25%; max-width: 145px; min-width: 80px; display: none; }
.category { margin: 0px; padding: 10px 0px 0px; font-size: 0.9rem; line-height: 100%; text-align: center; display: flex; flex-flow: wrap; justify-content: space-between; }
.category li { margin-top: 10px; flex-basis: 32%; border: 1px solid #d2bc6e; box-sizing: border-box; }
.category li a { display: block; padding: 5px 1px; width: 100%; text-decoration: none; box-sizing: border-box; }
.category li img { margin: 0px auto; width: 100%; max-width: 164px; }
.category li div { margin-bottom: 10px; }
.category .sml { font-size: 0.83rem; }
.cntr01 { padding: 30px 0px 0px; text-align: center; }
.bnr01 { margin: 0px auto; padding: 10px 0px 0px; width: 100%; max-width: 900px; display: flex; flex-flow: wrap; justify-content: space-between; }
.bnr01 li { margin: 20px 0px 0px; flex-basis: 48%; border: 1px solid #d2bc6e; box-sizing: border-box; }
.bnr01 li img { width: 100%; }
.newsbox { flex-flow: wrap; justify-content: space-between; }
.newsbox > div { flex-basis: 47%; margin-top: 50px; }
.newsbox h3 { margin: 0px; padding: 10px 5px; font-size: 1rem; line-height: 100%; font-weight: normal; border-bottom: 1px solid #888833; }
.newsbox ul { margin: 0px; padding: 0px; }
.newsbox li { margin-top: 30px; }
.newsbox li a { width: 100%; text-decoration: none; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.newsbox .pht { position: relative; flex-basis: 35%; padding: 3px; border: 1px solid #bbbbbb; box-sizing: border-box; }
.newsbox .pht > div { position: relative; width: 100%; height: 0px; padding-bottom: 100%; }
.newsbox .pht div div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.newsbox .pht > div img { width: 100%; height: 100%; object-fit: contain; }
.newsbox .bun { flex-basis: 60%; }
.newsbox .ud { color: #bf9f0a; font-size: 0.85rem; line-height: 100%; }
.newsbox .tiz { padding: 5px 0px 10px; font-size: 1.14rem; line-height: 165%; text-decoration: underline; }
.newsbox .mj { color: #444444; line-height: 180%; }
.newsbox .bold { margin-left: 8px; font-weight: bold; color: #cc3300; }
.bggry { background-color: #f9f5e5; }
.hx01 { margin: 0px auto; padding: 0px; text-align: center; width: 170px; font-size: 1rem; line-height: 45px; font-weight: normal; color: #ffffff; border-radius: 50%; }
.hx02 { background-image: url("/hpdata/bg/100.jpg"); }
.hx03 { background-image: url("/hpdata/bg/101.jpg"); margin-bottom: 30px; }
.hx04 { background-image: url("/hpdata/bg/102.jpg"); }
#toph3 { margin-top: 20px; }
.prof { margin: 40px 0px 0px; padding: 15px; background-color: #ffffff; background-repeat: no-repeat; background-position: right 15px bottom 15px; background-image: url("/hpdata/bg/6.png"); background-size: 114px 66px; }
.prof > div { position: relative; width: 100%; }
.prof img { float: left; margin: 0px 5% 5px 0px; width: 43%; }
.prof .bun { padding: 0px 10px 15px 0px; }
.prof h3 { margin: 0px 0px 17px; padding: 3px 0px 12px; border-bottom: 1px solid #b3a263; font-size: 1.6rem; line-height: 125%; font-weight: normal; color: #663300; }
.wak01 { margin: 30px 0px 0px; padding: 5px 15px 15px; border: 1px solid #999999; }
.wak01 ul { margin: 0px; padding: 0px; }
.wak01 li { margin: 0px; padding: 0px 0px 10px; }
.wak01 li:first-of-type { margin: 0px; }
.wak01 h4 { margin: 0px; padding: 15px 0px 12px; font-size: 1.4rem; line-height: 125%; font-weight: normal; color: #006699; }
.wak01 .rgt { float: right; margin: 0px 0px 0px 20px; width: 25%; max-width: 170px; min-width: 120px; display: none; }
.wak01 .lft { float: left; margin: 0px 20px 0px 0px; width: 40%; max-width: 220px; }
.wak01 img { width: 100%; }
.cntr02 { margin: 0px auto; padding: 20px 0px 0px; width: 100%; max-width: 880px; font-size: 0.8rem; line-height: 225%; text-align: center; }
.insta { margin: 0px; padding: 0px; display: flex; flex-flow: wrap; justify-content: space-between; }
.insta li { margin: 40px 0px 0px; flex-basis: 48%; border: 1px solid #cccccc; box-sizing: border-box; }
.insta li a { position: relative; width: 100%; height: 0px; padding-bottom: 100%; display: block; }
.insta li div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.insta li img { width: 100%; height: 100%; object-fit: cover; }
.cntr03 { margin: 0px auto; padding: 50px 0px 0px; width: 100%; max-width: 350px; text-align: center; }
.cntr03 div { border: 1px solid #cccccc; }
.cntr03 img { width: 100%; }
.lnks { position: relative; margin: 40px 0px 0px; padding: 5px 10px 30px; background-color: #f9f8f5; border: 1px solid #d8cdb8; }
.lnks > img { position: absolute; top: 10px; right: 15px; width: 25%; max-width: 145px; }
.lnks ul { margin: 0px; padding: 0px; width: 100%; min-height: 100px; }
.lnks li { float: left; position: relative; display: block; margin: 15px 20px 0px 0px; padding: 0px 0px 0px 26px; line-height: 125%; }
.lnks li::before { content: ""; position: absolute; top: 0px; left: 5px; width: 13px; height: 17px; border-radius: 50%; transform: rotate(45deg); }
.shops { margin: 30px 0px 0px; padding: 15px 15px 30px; background-color: #ffffff; flex-flow: wrap; justify-content: space-between; background-repeat: no-repeat; background-position: right 15px bottom 15px; background-image: url("/hpdata/bg/6.png"); background-size: 114px 66px; }
.shops .pht { flex-basis: 38%; display: none; max-width: 385px; }
.shops .pht img { width: 100%; height: 100%; object-fit: cover; }
.shops .bun { flex-basis: 58%; }
.shops .clearfix img { float: right; margin: 0px 0px 0px 10px; width: 16%; max-width: 120px; display: none; }
.shops h3 { margin: 0px; padding: 15px 0px; font-size: calc(-0.208rem + 6vw); line-height: 125%; color: #794c1f; }
.shops h3 span { font-size: 1rem; }
.shops .pht3 { margin: 0px; padding: 20px 0px 10px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: space-between; }
.shops .pht3 li { margin: 0px; padding: 0px; flex-basis: 48%; }
.shops .pht3 img { width: 100%; }
.shops .deftab { margin: 15px 0px 10px; }
.shops .deftab td, .shops .deftab th { padding: 12px; }
.shops .deftab .bnr { display: flex; flex-flow: wrap; justify-content: flex-start; }
.shops .deftab .bnr > div { margin: 0px 20px 0px 0px; width: 90%; max-width: 100px; }
.bnrb { margin: 0px auto; padding: 0px; width: 100%; max-width: 980px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.bnrb li { margin: 30px 0px 5px; padding: 0px; flex-basis: 49%; max-width: 470px; }
.bnrb li img { width: 100%; }
#bnrb022 { padding-top: 20px; }
.genki { margin: 0px auto; padding: 20px 0px 10px; width: 96%; max-width: 600px; }
.genki a { display: block; width: 100%; flex-flow: wrap; justify-content: space-between; align-items: center; }
.genki a > img { width: 100%; max-width: 600px; }
.genki picture { margin: 0px auto; width: 100%; max-width: 457px; }
.genki picture img { width: 100%; }
@media print, screen and (min-width: 400px) {
  .wak01 .rgt { display: block; }
  .lnks ul { width: 77%; }
  .shops h3 span { font-size: 1.2rem; }
  .newsbox .pht { flex-basis: 155px; margin-right: 20px; }
  .newsbox .bun { flex: 1 1 0%; }
}
@media print, screen and (min-width: 500px) {
  .hx01 { width: 200px; line-height: 55px; }
  #toph3 { display: none; }
  .category li { flex-basis: 24%; }
  .div01 img { margin: 0px 20px 0px 0px; width: 20%; }
  .bnr01 li { flex-basis: 24%; }
  .prof img { width: 26%; max-width: 262px; }
  .shops h3 { font-size: 2rem; }
  .shops .clearfix img { display: block; }
}
@media print, screen and (min-width: 640px) {
  .shops { line-height: 225%; }
  .div01 img { display: block; margin-right: 30px; }
  .newsbox { display: flex; }
  .newsbox .pht { flex-basis: 32%; max-width: 155px; margin-right: 15px; }
  .prof .bun { padding-top: 80px; line-height: 250%; }
  .prof h3 { position: absolute; top: 15px; left: 30%; width: 70%; margin: 0px; padding: 0px 0px 19px; }
  .wak01 { margin: 30px 0px 0px; padding: 20px 35px 25px; line-height: 250%; }
  .insta li { flex-basis: 23%; }
  .lnks { padding: 10px 20px 20px; }
  .bnrb { display: flex; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .category { justify-content: flex-start; }
  .category li { margin-left: 0px; margin-right: 1%; flex-basis: 19%; }
}
@media print, screen and (min-width: 768px) {
  .category li { margin-top: 20px; flex-basis: 16%; }
}
@media print, screen and (min-width: 800px) {
  .shops { display: flex; }
  .shops .pht { display: block; }
  .shops h3 { font-size: 1.7rem; }
  .shops .pht3 { display: none; }
  .shops .deftab td, .shops .deftab th { padding: 6px 10px; }
  .newsbox .pht { margin-right: 25px; }
}
@media print, screen and (min-width: 900px) {
  .shops h3 { font-size: 2rem; }
  .shops .clearfix img { width: 20%; }
  .genki { padding: 30px 0px 20px; max-width: 900px; }
  .genki a { display: flex; }
  .genki a > img { width: 67%; }
  .genki picture { margin: 0px; width: 33%; max-width: 287px; }
}
@media print, screen and (min-width: 970px) {
  .div01 p { padding: 20px 0px 0px; }
}