.content {
	position: relative;
	height: 100vh;
}
.forSwipe {
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index: 2;
}
.contentIframeClass {
	width: 1191px;
	height: 843px;
	position: absolute;
	border: none;
	right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.prev, .next {
	cursor: pointer;
  position: fixed; /* ← ここを absolute から fixed に変更 */
  z-index: 1000;   /* ← iframeより上に */
	/* top: calc(50% - 50px); */
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	visibility: hidden;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-right: 50px solid #e60012;
  border-left: 0;
}
.next {
	right: 0;
	border-left: 50px solid #e60012;
	border-right: 0;
}

.next.last-page img {
	display: block !important;
	right: 0;
}
.prev.first-page img {
	display: block !important;
	left: 0;
}
.prev img, .next img {
	padding-top: 70px;
	position: absolute;
}

html, body {
	margin: 0;
	overflow: hidden
}
body {
	width: 100%;
	height: 100%;
	background: #eef3ef;
}

.mokuji_back {
  position: fixed; /* ← ここを absolute から fixed に変更 */
  z-index: 1000;   /* ← iframeより上に */
	bottom: 0;
}
.mokuji_back img {
    width: 50px;
}

/* 縦向き防止 */
.portrait-warning {
  width: 100dvw;
  height: 100dvh;
  background-color: #eef3ef;
  position: relative;
  display: none;
  overflow: hidden;
}

.portrait-warning p {
	background-color: #ebf0eb;
	width: 75%;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	border-radius: 10px;
	border: 1px solid #3B9827;
	text-align: center;
}


.swiper-wrapper > div {
	width: 100%;
}

.iframe-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent; /* 見えない */
    touch-action: pan-y pan-x; /* タッチ操作を有効に */
}

/* ページ遷移時に表示するワンクッションモーダル */
.next-modal,.prev-modal{
	position: absolute;
	background-color: #97bdd1;
	width: 100vw;
	height: 100dvh;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next-modal.show,.prev-modal.show {
	opacity: 1;
	visibility: visible;
}

.next-modal-text,.prev-modal-text{
	background-color: #ebf0eb;
  width: 75%;
	max-width: 400px;
  padding: 40px 20px;
  border-radius: 10px;
  border: 1px solid #3b9827;
  text-align: center;
}

.next-modal-text .green,.prev-modal-text .green{
	color: #3b9827;
	font-weight: bold;
}

.next-modal-text .blue,.prev-modal-text .blue{
	color: #006cba;
	font-weight: bold;
}

.next-modal-text .purple,.prev-modal-text .purple{
	color: #8c3f8b;
	font-weight: bold;
}

/* 縦向き制御 */
.portrait-warning {
  width: 100dvw;
  height: 100dvh;
  background-color: #97bdd1;
  position: relative;
  display: none;
  overflow: hidden;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}

.portrait-warning p {
	background-color: #ebf0eb;
	width: 75%;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #3b9827;
	text-align: center;
}

/* フォント指定 */
.portrait-warning p,.prev-modal-text,.next-modal-text {
  font-family: "M PLUS 1p", sans-serif;
}

.swiper-horizontal {
 touch-action: auto !important;
}

@media (max-width: 1200px) {
.contentIframeClass {
	left: 50%;
	transform: translate(-50%, 0%) scale(0.8);
}
}