@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/* ==============================================================
*  contents
* ============================================================ */
/* common.scss
============================== */
img {
  max-width: 100%;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

main {
  font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
}

#main img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  user-select: none;
}

::-moz-selection {
  color: #fff;
  background-color: #000000;
}

::selection {
  color: #fff;
  background-color: #000000;
}

::-moz-selection {
  color: #fff;
  background-color: #000000;
}

::selection {
  color: #fff;
  background-color: #000000;
}

.fs--xs {
  font-size: 10px;
}

.fs--s {
  font-size: 12px;
}

.fs--m {
  font-size: 14px;
}

.fs--16 {
  font-size: 16px;
}

.fs--l {
  font-size: 20px;
}

.bold {
  font-weight: 700;
}

.center {
  text-align: center;
}

.space-8 {
  margin-bottom: 8px;
}

.space-12 {
  margin-bottom: 12px;
}

.space-14 {
  margin-bottom: 14px;
}

.space-16 {
  margin-bottom: 16px;
}

.space-24 {
  margin-bottom: 24px;
}

.space-32 {
  margin-bottom: 32px;
}

.space-48 {
  margin-bottom: 48px;
}

h3 {
  font-family: "Helvetica", "Helvetica Neue", "YakuHanJP", "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20px;
  margin-bottom: 16px;
}

.date {
  font-family: "Helvetica", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #707070;
}

.txt--sub {
  font-size: 12px;
  color: #707070;
}

.list--photo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list--photo li {
  width: calc(50% - 4px);
  margin-bottom: 8px;
}
.list--photo li a {
  display: block;
  line-height: 0;
}
.list--photo li a img {
  width: 100%;
  height: calc(50vw - 20px);
  -o-object-fit: cover;
     object-fit: cover;
}
.list--photo li:nth-of-type(n+5) {
  display: none;
}

.list--themes li a {
  display: block;
  padding: 16px 5% 16px 0;
  border-bottom: 1px solid #E0E0E0;
  position: relative;
}
.list--themes li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  rotate: 45deg;
  position: absolute;
  top: calc(50% - 4px);
  right: 1px;
}
.list--themes li a .tit {
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
}

.list--reply li {
  border-bottom: 1px solid #E0E0E0;
  padding: 16px 0 16px 48px;
  position: relative;
}
.list--reply li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-family: "Helvetica", "Helvetica Neue", "YakuHanJP", "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  background: #000000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 0;
  border-radius: 3em;
  position: absolute;
  top: 16px;
  left: 0;
}
.list--reply li .date {
  display: flex;
  align-items: center;
  font-family: "Helvetica", "Helvetica Neue", "YakuHanJP", "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  color: #707070;
  letter-spacing: 0.02em;
  position: absolute;
  top: 16px;
  right: 0;
}
.list--reply li .name {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 8px;
}
.list--reply li .txt {
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  margin-bottom: 8px;
}
.list--reply li .btn {
  width: -moz-fit-content;
  width: fit-content;
  min-width: unset;
  margin: 0 0 0 auto;
  font-size: 12px;
  line-height: 1;
}
.list--reply li .btn input, .list--reply li .btn a {
  color: #000000;
  background: none;
  border: none;
  border-bottom: 1px solid currentColor;
  line-height: 1;
  letter-spacing: -0.01em;
  vertical-align: 1px;
  padding: 0;
}

.list--threads {
  margin-bottom: 48px;
}
.list--threads:last-of-type li:last-child a {
  border-bottom: none;
  padding-bottom: 0;
}
.list--threads li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-bottom: 1px solid #E0E0E0;
  position: relative;
  padding: 32px 4em 32px 0;
}
.list--threads li a .date {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  color: #fff;
  text-align: center;
  line-height: 1.4;
}
.list--threads li a .tit {
  width: calc(100% - 64px);
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.list--threads li a .txt--add {
  display: block;
  width: 100%;
  color: #707070;
  margin-top: 4px;
}
.list--threads li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  rotate: 45deg;
  position: absolute;
  top: calc(50% - 4px);
  right: 1px;
}
.list--threads li.disabled a {
  color: #707070;
  pointer-events: none;
}
.list--threads li.disabled a::after {
  content: "COMING SOON";
  display: block;
  width: 5em;
  height: auto;
  text-align: right;
  border: none;
  color: #707070;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.03em;
  rotate: none;
  top: 50%;
  transform: translateY(-50%);
}
.list--threads li.disabled a .date {
  background: #fff;
  color: #000000;
  border: 1px dashed currentColor;
}

#next {
  position: relative;
  margin-top: 16px;
}
#next .is-hidden {
  opacity: 0;
  pointer-events: none;
}
#next .loader {
  width: 32px;
  height: 32px;
  --c: linear-gradient(#000 0 0);
  background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
  background-size: 10.1px 50%;
  background-repeat: no-repeat;
  animation: loading 1s infinite linear alternate;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

@keyframes loading {
  20% {
    background-size: 10.1px 20%, 10.1px 50%, 10.1px 50%;
  }
  40% {
    background-size: 10.1px 100%, 10.1px 20%, 10.1px 50%;
  }
  60% {
    background-size: 10.1px 50%, 10.1px 100%, 10.1px 20%;
  }
  80% {
    background-size: 10.1px 50%, 10.1px 50%, 10.1px 100%;
  }
}
.btn {
  min-width: 40%;
  text-align: center;
}

.btn--main {
  display: block;
  width: 100%;
  font-family: "Helvetica", "Helvetica Neue", "YakuHanJP", "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  background: none;
  letter-spacing: 0.08em;
  text-align: center;
  color: #000000;
  border: 1px solid currentColor;
  padding: 8px 12px;
}

.btn_top_back {
  font-family: "Helvetica", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}

input[type=text], textarea {
  -webkit-appearance: none;
  background: none;
  border: 1px solid #a8a8a8;
  font-size: 16px;
  padding: 10px 12px;
  margin-bottom: 16px;
}

::-webkit-input-placeholder {
  color: #707070;
}

::-moz-placeholder {
  color: #707070;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #707070;
}

:-moz-placeholder {
  color: #707070;
}

.form--input {
  margin-bottom: 16px;
}
.form--input div {
  position: relative;
}
.form--input .text-count {
  font-family: "Helvetica", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form--input .text-count .text--warning {
  color: #fff;
  background: #000000;
}

.form--post dt {
  font-size: 12px;
  margin: 0 0 8px;
}
.form--post dd {
  margin-bottom: 16px;
}
.form--post dd input, .form--post dd textarea {
  margin: 0;
}

.block--error {
  background: #000000;
  padding: 8px 12px;
  margin-bottom: 24px;
}
.block--error li {
  font-size: 14px;
  color: #fff;
}

#contents:has(.page-toumei__yohaku-top) {
  padding: 48px 16px 0;
}
#contents:has(.page-toumei__yohaku-top) #content {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
#contents:has(.page-toumei__yohaku-top) #content.is-visible {
  opacity: 1;
  pointer-events: auto;
}
#contents:has(.page-toumei__yohaku-top) #next {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#contents:has(.page-toumei__yohaku-top) #next .loader {
  display: block;
}
#contents:has(.page-toumei__yohaku-top) #content_inner:not(:has(#content.is-visible)) #next {
  display: block;
}
#contents:has(.page-toumei__yohaku-top) h1 {
  width: 56.5%;
  margin: 0 auto 32px;
}
#contents:has(.page-toumei__yohaku-top) p {
  line-height: 1.4;
}
#contents:has(.page-toumei__yohaku-top) .block--attention {
  line-height: 1.4;
  font-size: 14px;
  position: relative;
  padding-top: 46px;
  margin-bottom: 32px;
}
#contents:has(.page-toumei__yohaku-top) .block--attention h2 {
  text-align: center;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 24px;
}
#contents:has(.page-toumei__yohaku-top) .block--attention::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center url(/static/sakanaquarium/fanclub-pc/feature/tour2026-2027/images/bbs/ico--attention.svg);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contents:has(.page-toumei__yohaku-top) .block--attention p:not(:last-of-type) {
  margin-bottom: 16px;
}
#contents:has(.page-toumei__yohaku-top) .btn--main {
  font-size: 16px;
  line-height: 24px;
  border: none;
  background: #000000;
  color: #fff;
}
#contents:has(.page-toumei__yohaku-top) .btn {
  margin-bottom: 16px;
}
#contents:has(.page-toumei__yohaku-top) .link--txt {
  text-align: center;
}
#contents:has(.page-toumei__yohaku-top) .link--txt a {
  display: block;
  line-height: 18px;
  font-size: 12px;
  color: #707070;
}

#wrap:has(.page-toumei__thread-top) #contents {
  padding: 24px 16px 0;
}
#wrap:has(.page-toumei__thread-top) footer#footer {
  padding-bottom: 30px;
}
#wrap:has(.page-toumei__thread-top) h1 {
  width: 40%;
  margin: 16px auto;
}
#wrap:has(.page-toumei__thread-top) h2 {
  margin-bottom: 8px;
}
#wrap:has(.page-toumei__thread-top) .txt--sub {
  font-size: 12px;
}
#wrap:has(.page-toumei__thread-top) #section-thread {
  position: relative;
}
#wrap:has(.page-toumei__thread-top) #section-thread h2 {
  font-family: "Helvetica", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 20px;
}
#wrap:has(.page-toumei__thread-top) #section-thread .list--label {
  font-family: "Helvetica", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  font-size: 12px;
  letter-spacing: 0.04em;
  margin-top: 16px;
}
#wrap:has(.page-toumei__thread-top) #section-thread ul + .list--label {
  margin-top: -16px;
}
#wrap:has(.page-toumei__thread-top) #block--tour-talk {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
}
#wrap:has(.page-toumei__thread-top) #block--tour-talk a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #000000;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 24px 16px;
}
#wrap:has(.page-toumei__thread-top) #block--tour-talk a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  rotate: 45deg;
  position: absolute;
  top: calc(50% - 4px);
  right: 16px;
}
#wrap:has(.page-toumei__thread-top) #block--tour-talk a .txt--sub {
  width: 100%;
  color: #fff;
  margin-bottom: 8px;
}

.page-bbs__thread h2 {
  line-height: 1.4;
  margin-bottom: 24px;
}
.page-bbs__thread .date {
  font-weight: 700;
  margin-bottom: 4px;
}
.page-bbs__thread #section-photo {
  margin-block: 32px;
  position: relative;
}
.page-bbs__thread #section-photo h3 {
  font-size: 14px;
  font-weight: 700;
}
.page-bbs__thread #section-photo .venue {
  display: none;
  margin-bottom: 8px;
}
.page-bbs__thread #section-photo .modal-switch {
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: -4px;
  right: 7px;
}
.page-bbs__thread #section-photo .modal-switch::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  rotate: 45deg;
  position: absolute;
  top: calc(50% - 4px);
  right: -4px;
}
.page-bbs__thread #section-photo .modal-switch button {
  -webkit-appearance: none;
  background: none;
  border: none;
  font-size: 12px;
  padding: 0.5em 1.5em 0.5em 0.5em;
  letter-spacing: 0.1em;
  position: relative;
  right: -7px;
}
.page-bbs__thread #section-photo .list--photo {
  margin-bottom: 8px;
}
.page-bbs__thread #section-photo .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 7px;
  top: 36px;
  opacity: 0;
  pointer-events: none;
}
.page-bbs__thread #section-photo .close:before, .page-bbs__thread #section-photo .close:after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #000000;
  transform-origin: center;
  rotate: 45deg;
  position: absolute;
  top: 7px;
  left: 50%;
}
.page-bbs__thread #section-photo .close:after {
  rotate: -45deg;
}
.page-bbs__thread #section-photo .txt--sub {
  display: none;
  font-size: 12px;
}
.page-bbs__thread #section-photo:has(#photo-body) .modal-switch {
  display: block;
}
.page-bbs__thread #section-photo.is-visible {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
  z-index: 999;
  padding: 48px 16px;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.page-bbs__thread #section-photo.is-visible .modal-switch {
  display: none !important;
}
.page-bbs__thread #section-photo.is-visible .close {
  opacity: 1;
  pointer-events: auto;
}
.page-bbs__thread #section-photo.is-visible .txt--sub,
.page-bbs__thread #section-photo.is-visible .venue {
  display: block;
}
.page-bbs__thread #section-photo.is-visible .list--photo li {
  width: calc(50% - 0.5px);
  margin-bottom: 1px;
}
.page-bbs__thread #section-photo.is-visible .list--photo li img {
  height: calc(50vw - 16.5px);
}
.page-bbs__thread #section-photo.is-visible .list--photo li:nth-of-type(n+5) {
  display: block;
}
.page-bbs__thread.thread-22 .block--title {
  width: calc(100% - 24px);
  border: 1px solid currentColor;
  padding: 12px;
  margin: 16px auto 44px;
}
.page-bbs__thread.thread-22 .block--title .fs--s {
  font-weight: 700;
  color: #707070;
  margin-bottom: 8px;
}
.page-bbs__thread.thread-22 .block--title h2 {
  margin-bottom: 8px;
}
.page-bbs__thread.thread-22 .block--title .txt--sub {
  position: relative;
  padding-left: 28px;
}
.page-bbs__thread.thread-22 .block--title .txt--sub::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: no-repeat center url(/static/sakanaquarium/fanclub-pc/feature/tour2026-2027/images/bbs/ico--attention.svg);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.page-bbs__thread.thread-22 #section-photo {
  display: none;
}
.page-bbs__thread:has(#section-photo.is-visible) {
  overflow: hidden;
}
.page-bbs__thread:has(#section-photo.is-visible) #official_header {
  opacity: 0;
  pointer-events: none;
}
.page-bbs__thread:has(#swipebox-overlay) #official_header .menu_hamburger a {
  pointer-events: none;
}
.page-bbs__thread #section-form {
  border-top: 1px solid #E0E0E0;
  padding-top: 16px;
  margin-top: 64px;
  position: relative;
}
.page-bbs__thread #section-form #comment_form {
  margin-top: 16px;
}
.page-bbs__thread #section-form textarea {
  height: 5em;
}
.page-bbs__thread #section-form .btn {
  width: 70%;
  margin: 0 0 0 auto;
  max-width: 250px;
}
.page-bbs__thread #section-form .btn input {
  width: 100%;
  font-size: 16px;
}
.page-bbs__thread #section-list h3 {
  margin-bottom: 0;
}

#swipebox-slider {
  padding: 3vh 0;
}
#swipebox-slider .slide-loading {
  background-image: none !important;
}
#swipebox-slider .slide {
  padding-inline: 16px;
}
#swipebox-slider .slide img {
  max-height: 80%;
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9215686275) !important;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.2;
}

#swipebox-close {
  top: 48px;
  right: 0;
  background: none;
}
#swipebox-close::before, #swipebox-close::after {
  content: "";
  width: 24px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 24px;
  left: calc(50% - 12px);
}
#swipebox-close::before {
  transform: rotate(45deg);
}
#swipebox-close::after {
  transform: rotate(-45deg);
}

#swipebox-prev,
#swipebox-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #fff;
  position: fixed;
  top: unset;
  bottom: 16px;
}

#swipebox-prev {
  left: 0;
}
#swipebox-prev::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-top: none;
  border-right: none;
  pointer-events: none;
  rotate: 45deg;
}

#swipebox-next {
  right: 0;
}
#swipebox-next::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-top: none;
  border-right: none;
  pointer-events: none;
  rotate: -135deg;
}

#swipebox-caption {
  display: none;
  width: 100%;
  max-width: 800px;
  padding: 0 8%;
  text-align: center;
  position: absolute;
  bottom: 5%;
  left: 50%;
  color: #fff;
  transform: translateX(-50%);
}

.page-bbs__commentdetail .block--title {
  width: calc(100% - 24px);
  border: 1px solid currentColor;
  background: #fff;
  padding: 12px;
  margin: 16px auto calc(32px + 6%);
  position: relative;
}
.page-bbs__commentdetail .block--title::before {
  content: "";
  width: 100%;
  height: 115%;
  background-color: #fff;
  background-image: radial-gradient(circle, rgba(73, 73, 74, 0.8) 0.4px, transparent 0.4px);
  background-position: 0 0;
  background-size: 4.8px 4.8px;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: -1;
}
.page-bbs__commentdetail .block--title h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
.page-bbs__commentdetail .block--title .txt--sub {
  line-height: 1.3;
  font-size: 12px;
}
.page-bbs__commentdetail .block--title:not(:has(.txt--sub)) h2 {
  margin-bottom: 0;
}
.page-bbs__commentdetail h3 {
  margin-bottom: 24px;
}
.page-bbs__commentdetail #next {
  margin-top: 32px;
}
.page-bbs__commentdetail .block--comment-input {
  padding-block: 32px 0;
}
.page-bbs__commentdetail .block--comment-input h3 {
  text-align: center;
  font-size: 14px;
}
.page-bbs__commentdetail .block--comment-input textarea {
  margin-bottom: 24px;
}
.page-bbs__commentdetail .block--comment-input .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}
.page-bbs__commentdetail .block--comment-input .btn .btn--main {
  font-size: 16px;
  font-weight: 700;
}
.page-bbs__commentdetail #block--delete {
  border-top: 1px solid #E0E0E0;
  padding-top: 24px;
  margin-top: 32px;
}
.page-bbs__commentdetail #block--delete #theme-delete .btn--main {
  width: 100%;
}

.page-bbs__commentreportconfirm #wrap #main #content .block--post,
.page-bbs__commentconfirm #wrap #main #content .block--post {
  padding-block: 32px;
}
.page-bbs__commentreportconfirm .form--confirm,
.page-bbs__commentconfirm .form--confirm {
  border: 1px solid #A8A8A8;
  padding: 16px;
  margin-block: 24px;
}
.page-bbs__commentreportconfirm .form--confirm dt,
.page-bbs__commentconfirm .form--confirm dt {
  font-family: "Helvetica Neue", YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #707070;
  margin-bottom: 8px;
}
.page-bbs__commentreportconfirm .form--confirm dd,
.page-bbs__commentconfirm .form--confirm dd {
  margin-bottom: 16px;
}
.page-bbs__commentreportconfirm .form--confirm dd:last-of-type,
.page-bbs__commentconfirm .form--confirm dd:last-of-type {
  margin-bottom: 0;
}
.page-bbs__commentreportconfirm .btn,
.page-bbs__commentconfirm .btn {
  width: 100%;
  margin: 0 auto;
}
.page-bbs__commentreportconfirm .btn input,
.page-bbs__commentconfirm .btn input {
  width: 100%;
}

.page-bbs__reportcomplete #wrap #main #content,
.page-bbs__commentcomplete #wrap #main #content {
  padding: 32px 16px;
}
.page-bbs__reportcomplete .btn,
.page-bbs__commentcomplete .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.body--app #wrap:has(.page-toumei__thread-top) #contents {
  padding-bottom: 100px;
}
.body--app .btn,
.body--app input[type=submit] {
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media screen and (min-width: 771px) {
  .sp {
    display: none !important;
  }
  body #wrap #main #content {
    margin: 0;
  }
  body #wrap main {
    max-width: 480px;
    margin: 0 auto;
  }
  .list--photo li {
    width: calc(20% - 4px);
    margin-bottom: 4px;
  }
  .list--photo li:nth-of-type(n+5) {
    display: block;
  }
  .list--photo li a img {
    height: 92px;
  }
  .page-bbs__thread #section-photo .modal-switch {
    display: none !important;
  }
  #contents:has(.page-toumei__thread-top) #block--tour-talk {
    position: sticky;
    max-width: 700px;
  }
}
@media screen and (min-width: 1px) and (max-width: 770px) {
  .pc {
    display: none !important;
  }
}