{"id":847,"date":"2025-07-21T19:32:08","date_gmt":"2025-07-21T10:32:08","guid":{"rendered":"https:\/\/www.ohisama.work\/?page_id=847"},"modified":"2025-11-22T16:56:34","modified_gmt":"2025-11-22T07:56:34","slug":"%e3%83%86%e3%82%b9%e3%83%88%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89","status":"publish","type":"page","link":"https:\/\/www.ohisama.work\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n.slider-container {\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n}\n.slider {\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n}\n.slider img {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n.prev, .next {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: rgba(0, 0, 0, 0.4);\n  color: #fff;\n  border: none;\n  padding: 10px 15px;\n  cursor: pointer;\n  border-radius: 50%;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n  transition: background-color 0.3s ease;\n  z-index: 10;\n}\n.prev:hover, .next:hover {\n  background-color: rgba(0, 0, 0, 0.7);\n}\n.prev { left: 10px; }\n.next { right: 10px; }\n.dots {\n  text-align: center;\n  position: absolute;\n  bottom: 15px;\n  width: 100%;\n}\n.dot {\n  cursor: pointer;\n  height: 12px;\n  width: 12px;\n  margin: 0 4px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 50%;\n  display: inline-block;\n  transition: background-color 0.3s ease;\n}\n.dot.active {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n@media (max-width: 768px) {\n  .slider img {\n    height: auto;\n  }\n}\n<\/style>\n\n<div class=\"slider-container\">\n  <div class=\"slider\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/\u65b0\uff0f\u30db\u30fc\u30e0\u307a\u30fc\u30b8-\u30d8\u30c3\u30bf\u30fc\u8a2d\u5b9a\u4e2d\u306e\u30b3\u30d4\u30fc\u306e\u30b3\u30d4\u30fc-1.png\" alt=\"Slide 1\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/3-2.png\" alt=\"Slide 2\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/4-2.png\" alt=\"Slide 3\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/5-1.png\" alt=\"Slide 4\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/6-1.png\" alt=\"Slide 5\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/7-1.png\" alt=\"Slide 6\">\n    <img decoding=\"async\" src=\"https:\/\/www.ohisama.work\/wp-content\/uploads\/2025\/07\/8-1.png\" alt=\"Slide 7\">\n  <\/div>\n  <button class=\"prev\" onclick=\"moveSlide(-1)\">\u276e<\/button>\n  <button class=\"next\" onclick=\"moveSlide(1)\">\u276f<\/button>\n  <div class=\"dots\"><\/div>\n<\/div>\n\n<script>\n(function() {\n  let slideIndex = 0;\n  const slides = document.querySelectorAll('.slider img');\n  const totalSlides = slides.length;\n  const dotsContainer = document.querySelector('.dots');\n\n  slides.forEach((_, i) => {\n    const dot = document.createElement('span');\n    dot.classList.add('dot');\n    dot.addEventListener('click', () => {\n      slideIndex = i;\n      showSlide(slideIndex);\n    });\n    dotsContainer.appendChild(dot);\n  });\n\n  function updateDots() {\n    const dots = document.querySelectorAll('.dot');\n    dots.forEach(dot => dot.classList.remove('active'));\n    dots[slideIndex].classList.add('active');\n  }\n\n  function showSlide(index) {\n    if (index >= totalSlides) slideIndex = 0;\n    if (index < 0) slideIndex = totalSlides - 1;\n    document.querySelector('.slider').style.transform = `translateX(-${slideIndex * 100}%)`;\n    updateDots();\n  }\n\n  window.moveSlide = function(n) {\n    slideIndex += n;\n    showSlide(slideIndex);\n  }\n\n  showSlide(slideIndex);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u276e \u276f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-847","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/pages\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ohisama.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=847"}],"version-history":[{"count":14,"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/pages\/847\/revisions"}],"predecessor-version":[{"id":1574,"href":"https:\/\/www.ohisama.work\/index.php?rest_route=\/wp\/v2\/pages\/847\/revisions\/1574"}],"wp:attachment":[{"href":"https:\/\/www.ohisama.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}