@charset "UTF-8";
:root {
  --ofClGreen: #BED973;
  --ofClBlue: #BBE2F1;
  --ofClOrange: #DE8F6E;
  --ofClNavy: #08415C;
  --ofClGray: #7D7C84;
  --ofClYellow: #FFF100;
  --of-ClTxt: #222; }

.fo-mt1 {
  margin-top: min(4.1vw,20px) !important; }

.fo-mt2 {
  margin-top: min(8.2vw,30px) !important; }

.fo-mt3 {
  margin-top: min(12.3vw,45px) !important; }

.fo-mt4 {
  margin-top: min(16.4vw,70px) !important; }

.fo-mt5 {
  margin-top: min(20.5vw,90px) !important; }

.fo-mt6 {
  margin-top: min(24.6vw,120px) !important; }

.fo-center {
  text-align: center; }

.fo-right {
  text-align: right; }

.fo-left {
  text-align: left !important; }

.fo-font-note {
  font-size: 85%;
  color: var(--ofClGray); }

.fo-font-s {
  font-size: 85%; }

.fo-font-l {
  font-size: min(4.61vw,20px); }

.fo-font-bold {
  font-weight: bold; }

.fo-font-color {
  color: var(--ofClOrange); }

.fo-pc {
  display: none; }

@media screen and (min-width: 768px) {
  br.fo-mb {
    display: none; }

  .fo-pc {
    display: inline; }

  .fo-font-pc-s {
    font-size: 75%; } }
/* override
-------------------------------------------- */
.article-single-body {
  position: relative;
  z-index: 1; }

@media screen and (min-width: 768px) {
  .article-single-share_wrap {
    top: 150px !important; }

  .article-single-share {
    left: 2vw;
    top: -20px;
    z-index: 10; } }
@media screen and (min-width: 1400px) {
  .article-single-share {
    left: calc(((100vw - 1400px)/2) + 10px); } }
/* layout / container
-------------------------------------------- */
.fo-container, .fo-container--narrow, .fo-container--morenarrow, .fo-container--article {
  padding-inline: var(--sidePaddingSp1);
  /* &--spwide{
      @extend .fo-container;
      padding-inline: 0;
  } */ }
  .fo-container:has(.fo-infobox), .fo-container--narrow:has(.fo-infobox), .fo-container--morenarrow:has(.fo-infobox), .fo-container--article:has(.fo-infobox) {
    padding-inline: 0; }
  .fo-container--article {
    padding-top: 40px; }

.fo-box, .fo-box--bg {
  border: solid 2px var(--ofClGray);
  border-radius: 30px;
  padding: min(6.41vw,30px); }
  .fo-box--bg {
    background-color: #fafafa; }
  .fo-box.blue, .blue.fo-box--bg {
    border-color: var(--ofClBlue); }
  .fo-box.green, .green.fo-box--bg {
    border-color: var(--ofClGreen); }
  .fo-box__layout .box + .box {
    margin-top: 30px; }

@media screen and (min-width: 768px) {
  .fo-container, .fo-container--narrow, .fo-container--morenarrow, .fo-container--article {
    padding-inline: var(--sidePaddingPc1);
    max-width: 1400px;
    margin-inline: auto;
    width: 96%; }
    .fo-container--narrow {
      max-width: 1200px; }
    .fo-container--morenarrow {
      max-width: 900px; }
    .fo-container--article {
      max-width: 800px;
      padding-top: 70px; }

  .fo-box, .fo-box--bg {
    padding: min(3.9vw,50px); }
    .fo-box.narrow, .narrow.fo-box--bg {
      max-width: 750px;
      margin-inline: auto; }
    .fo-box__layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 40px;
      max-width: 1000px;
      margin-inline: auto; }
      .fo-box__layout .box + .box {
        margin-top: 0; } }
@media screen and (min-width: 1200px) {
  .fo-container--article {
    max-width: 1000px; } }
/* font
-------------------------------------------- */
.font-kiwi {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'fukushimaoze-icon';
  src: url("/yk/issue/fukushima-oze2025-sp/assets/font/fukushimaoze-icon.ttf?ZanCU6SD") format("truetype"), url("/yk/issue/fukushima-oze2025-sp/assets/font/fukushimaoze-icon.woff?ZanCU6SD") format("woff"), url("/yk/issue/fukushima-oze2025-sp/assets/font/fukushimaoze-icon.svg?ZanCU6SD#fukushimaoze-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
i[class^="ico-"] {
  font-family: 'fukushimaoze-icon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--ofClGray); }

.ico-left:before {
  content: "\e900"; }

.ico-right:before {
  content: "\e901"; }

.ico-left:before {
  content: "\e902"; }

.ico-right:before {
  content: "\e903"; }

.ico-exlink:before {
  content: "\e904"; }

.fo-main {
  font-size: 16px;
  color: var(--of-ClTxt);
  overflow: hidden; }
  .fo-main a {
    color: var(--of-ClTxt); }
  .fo-main p {
    line-height: 1.8; }
    .fo-main p > a {
      text-decoration: underline; }

@media screen and (min-width: 768px) {
  .fo-main {
    font-size: 17px; } }
/* headline
-------------------------------------------- */
.fo-sectionhead, .fo-sectionhead--summary, .fo-sectionhead--yama, .fo-sectionhead--ozenuma, .fo-sectionhead--event, .fo-sectionhead--insta, .fo-sectionhead--present {
  font-size: min(6.15vw,30px);
  text-align: center;
  position: relative; }
  .fo-sectionhead::before, .fo-sectionhead--summary::before, .fo-sectionhead--yama::before, .fo-sectionhead--ozenuma::before, .fo-sectionhead--event::before, .fo-sectionhead--insta::before, .fo-sectionhead--present::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: absolute; }
  .fo-sectionhead span, .fo-sectionhead--summary span, .fo-sectionhead--yama span, .fo-sectionhead--ozenuma span, .fo-sectionhead--event span, .fo-sectionhead--insta span, .fo-sectionhead--present span {
    display: inline-block;
    position: relative;
    letter-spacing: 0.05em; }
    .fo-sectionhead span::before, .fo-sectionhead--summary span::before, .fo-sectionhead--yama span::before, .fo-sectionhead--ozenuma span::before, .fo-sectionhead--event span::before, .fo-sectionhead--insta span::before, .fo-sectionhead--present span::before, .fo-sectionhead span::after, .fo-sectionhead--summary span::after, .fo-sectionhead--yama span::after, .fo-sectionhead--ozenuma span::after, .fo-sectionhead--event span::after, .fo-sectionhead--insta span::after, .fo-sectionhead--present span::after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      position: absolute;
      bottom: -16px; }
    .fo-sectionhead span::before, .fo-sectionhead--summary span::before, .fo-sectionhead--yama span::before, .fo-sectionhead--ozenuma span::before, .fo-sectionhead--event span::before, .fo-sectionhead--insta span::before, .fo-sectionhead--present span::before {
      left: calc(50% - 12px); }
    .fo-sectionhead span::after, .fo-sectionhead--summary span::after, .fo-sectionhead--yama span::after, .fo-sectionhead--ozenuma span::after, .fo-sectionhead--event span::after, .fo-sectionhead--insta span::after, .fo-sectionhead--present span::after {
      right: calc(50% - 12px); }
  .fo-sectionhead.top, .top.fo-sectionhead--summary, .top.fo-sectionhead--yama, .top.fo-sectionhead--ozenuma, .top.fo-sectionhead--event, .top.fo-sectionhead--insta, .top.fo-sectionhead--present {
    margin-bottom: 50px; }
  .fo-sectionhead--summary::before {
    content: none; }
  .fo-sectionhead--summary span::after, .fo-sectionhead--summary span::before {
    background-color: var(--ofClGray); }
  .fo-sectionhead--yama {
    margin-top: min(25.6vw,160px); }
    .fo-sectionhead--yama::before {
      background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/headicon-hiuchi.svg");
      width: 118px;
      height: 29px;
      left: calc(50% - 59px);
      top: -39px; }
    .fo-sectionhead--yama span::after, .fo-sectionhead--yama span::before {
      background-color: var(--ofClGreen); }
  .fo-sectionhead--ozenuma {
    margin-top: min(30.7vw,180px); }
    .fo-sectionhead--ozenuma::before {
      background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/headicon-ozenuma.svg");
      width: 80px;
      height: 72px;
      left: calc(50% - 40px);
      top: -82px; }
    .fo-sectionhead--ozenuma span::after, .fo-sectionhead--ozenuma span::before {
      background-color: var(--ofClBlue); }
  .fo-sectionhead--event {
    margin-top: min(28vw,160px); }
    .fo-sectionhead--event::before {
      background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/headicon-tent.svg");
      width: 80px;
      height: 62px;
      left: calc(50% - 40px);
      top: -72px; }
    .fo-sectionhead--event span::after, .fo-sectionhead--event span::before {
      background-color: var(--ofClYellow); }
  .fo-sectionhead--insta {
    margin-top: min(28vw,160px); }
    .fo-sectionhead--insta::before {
      background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/headicon-insta.svg");
      width: 48px;
      height: 48px;
      left: calc(50% - 24px);
      top: -58px; }
    .fo-sectionhead--insta span::after, .fo-sectionhead--insta span::before {
      background-color: var(--ofClOrange); }
  .fo-sectionhead--present {
    margin-top: min(28vw,160px);
    margin-bottom: min(7.69vw,60px); }
    .fo-sectionhead--present::before {
      background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/headicon-present.svg");
      width: 64px;
      height: 64px;
      left: calc(50% - 32px);
      top: -74px; }
    .fo-sectionhead--present span::after, .fo-sectionhead--present span::before {
      background-color: var(--ofClYellow); }

.fo-headline1 {
  color: var(--ofClNavy);
  font-size: min(5.12vw,26px);
  margin-bottom: min(5.12vw,30px); }
  .fo-headline1 span {
    font-size: min(4.1vw,20px); }

.fo-headline2 {
  font-size: min(4.61vw,24px);
  display: inline-block;
  margin-bottom: min(5.12vw,30px); }
  .fo-headline2.blue span {
    background: linear-gradient(to bottom, rgba(187, 226, 241, 0) 0%, rgba(187, 226, 241, 0) 74%, #bbe2f1 75%, #bbe2f1 100%); }
  .fo-headline2.green span {
    background: linear-gradient(to bottom, rgba(190, 217, 115, 0) 0%, rgba(190, 217, 115, 0) 74%, #bed973 75%, #bed973 100%); }
  /* .fo-headline2 {
    font-weight: bold; } */

.fo-headline3 {
  padding-left: 1em;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px; }
  .fo-headline3::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--ofClGray);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 4px); }

.fo-headline4 {
  display: inline-block;
  font-weight: bold;
  background: linear-gradient(to bottom, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 50%, #d9d9d9 50%, #d9d9d9 100%);
  margin-bottom: 1em; }

@media screen and (min-width: 768px) {
  .fo-sectionhead span::before, .fo-sectionhead--summary span::before, .fo-sectionhead--yama span::before, .fo-sectionhead--ozenuma span::before, .fo-sectionhead--event span::before, .fo-sectionhead--insta span::before, .fo-sectionhead--present span::before, .fo-sectionhead span::after, .fo-sectionhead--summary span::after, .fo-sectionhead--yama span::after, .fo-sectionhead--ozenuma span::after, .fo-sectionhead--event span::after, .fo-sectionhead--insta span::after, .fo-sectionhead--present span::after {
    width: 8px;
    height: 8px;
    bottom: -22px; }
  .fo-sectionhead span::before, .fo-sectionhead--summary span::before, .fo-sectionhead--yama span::before, .fo-sectionhead--ozenuma span::before, .fo-sectionhead--event span::before, .fo-sectionhead--insta span::before, .fo-sectionhead--present span::before {
    left: calc(50% - 16px); }
  .fo-sectionhead span::after, .fo-sectionhead--summary span::after, .fo-sectionhead--yama span::after, .fo-sectionhead--ozenuma span::after, .fo-sectionhead--event span::after, .fo-sectionhead--insta span::after, .fo-sectionhead--present span::after {
    right: calc(50% - 16px); }
  .fo-sectionhead--yama::before {
    width: 148px;
    height: 36px;
    left: calc(50% - 74px);
    top: -46px; }
  .fo-sectionhead--ozenuma::before {
    width: 100px;
    height: 90px;
    left: calc(50% - 50px);
    top: -100px; }
  .fo-sectionhead--event::before {
    width: 100px;
    height: 76px;
    left: calc(50% - 50px);
    top: -86px; }
  .fo-sectionhead--insta::before {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: -70px; }
  .fo-sectionhead--present::before {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: -90px; } }
/* btn
-------------------------------------------- */
.fo-btn-color {
  display: block;
  position: relative;
  width: calc(100% - 4px);
  max-width: 500px;
  margin-inline: auto;
  line-height: 1.4;
  text-align: center;
  filter: brightness(1);
  transition: filter .3s ease-out;
  z-index: 1; }
  .fo-btn-color::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(125, 124, 132, 0.2);
    border-radius: 20px;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1; }
  .fo-btn-color .inner {
    display: block;
    background: var(--ofClGreen) url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_btn2.svg") left top no-repeat;
    background-size: contain;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 1em;
    border-radius: 20px; }
  .fo-btn-color .btnsub {
    font-size: 16px; }
  .fo-btn-color .btnmain {
    font-size: 26px;
    letter-spacing: 0.05em; }
  .fo-btn-color.exlink .btnmain {
    display: inline-block;
    position: relative; }
    .fo-btn-color.exlink .btnmain::after {
      content: '';
      width: 1.2em;
      height: 1.2em;
      -webkit-mask-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/icon_exlink.svg");
      mask-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/icon_exlink.svg");
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      background-color: rgba(125, 124, 132, 0.5);
      position: absolute;
      right: -1.8em;
      top: calc(50% - 0.35em); }
  .fo-btn-color:hover, .fo-btn-color:active {
    filter: brightness(1.2); }

.fo-btn-mono {
  display: block;
  position: relative;
  width: calc(100% - 4px);
  max-width: 500px;
  margin-inline: auto;
  line-height: 1.4;
  text-align: center;
  z-index: 1;
  filter: brightness(1);
  transition: filter .3s ease-out; }
  .fo-btn-mono::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(125, 124, 132, 0.2);
    border-radius: 20px;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1; }
  .fo-btn-mono .inner {
    display: block;
    background: var(--ofClGreen) url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_btn.svg") left top no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 1em;
    z-index: 1; }
    .fo-btn-mono .inner::after {
      content: '';
      display: block;
      width: 0.8em;
      height: 0.8em;
      border: solid 2px rgba(125, 124, 132, 0.5);
      border-width: 2px 2px 0 0;
      rotate: 45deg;
      position: absolute;
      right: 15%;
      top: calc(50% - 0.4em); }
  .fo-btn-mono .txt {
    font-size: min(5.12vw,22px);
    letter-spacing: 0.05em; }
  .fo-btn-mono.green .inner {
    background-color: var(--ofClGreen); }
  .fo-btn-mono.blue .inner {
    background-color: var(--ofClBlue); }
  .fo-btn-mono.yellow .inner {
    background-color: var(--ofClYellow);
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_btn.svg"), url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_btn.svg");
    background-position: left top, left top;
    background-repeat: no-repeat,no-repeat; }
  .fo-btn-mono:hover, .fo-btn-mono:active {
    filter: brightness(1.2); }

@media screen and (min-width: 768px) {
  .fo-btn-mono {
    max-width: 400px; }
    .fo-btn-mono .inner {
      padding: 1.25em 1em; }
    .fo-btn-mono.left {
      margin-inline: 0; } }
/* list
-------------------------------------------- */
.fo-list li {
  position: relative;
  padding-left: 1em; }
  .fo-list li + li {
    margin-top: 0.5em; }
  .fo-list li::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--ofClGray);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.5em; }

.fo-infolist {
  margin-top: min(7.69vw,40px); }
  .fo-infolist dt {
    min-width: 6em;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    margin-bottom: 0.5em;
    padding-inline: 1em;
    font-weight: bold;
    background-color: var(--ofClGray); }
    .fo-infolist dt.green {
      background-color: #AFCE57; }
    .fo-infolist dt.orange {
      background-color: var(--ofClOrange); }
    .fo-infolist dt.blue {
      background-color: #67BCDD; }
    .fo-infolist dt.yellow {
      background-color: var(--ofClYellow);
      color: var(--of-ClTxt); }
  .fo-infolist dd + dt {
    margin-top: 1em; }

@media screen and (min-width: 768px) {
  .fo-infolist.horizon {
    display: grid;
    grid-template-columns: 8em auto;
    align-items: start;
    gap: min(2.6vw,40px) min(2.6vw,30px); }
    .fo-infolist.horizon dd + dt {
      margin-top: 0; } }
/* header
-------------------------------------------- */
/* .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
} */
.fo-header {
  height: 70px;
  background-color: #fafafa; }
  .fo-header .mainlogo {
    display: inline-block;
    width: min(44.3vw,200px);
    margin-left: -5px;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out; }
    .fo-header .mainlogo.active {
      transform: translateY(0);
      opacity: 1; }
  .fo-header .logoyamakei {
    display: flex;
    align-items: center;
    width: min(30.76vw,173px);
    position: absolute;
    right: 20px;
    top: 0;
    height: 70px; }
  .fo-header__nav {
    display: none; }

.header.hide {
  transform: translateY(-150%); }

@media screen and (min-width: 768px) {
  .fo-header {
    height: 100px;
    background-color: #fafafa;
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg-header-1.svg"), url("/yk/issue/fukushima-oze2025-sp/assets/img/bg-header-2.svg");
    background-repeat: no-repeat,no-repeat;
    background-position: right top, right 228px bottom;
    background-size: 186px 94px,184px 30px;
    background-size: 186px 94px; }
    .fo-header .mainlogo {
      width: 243px;
      margin-left: 5px; }
    .fo-header .logoyamakei {
      width: 173px;
      right: 20px;
      height: 100px; }
    .fo-header__nav {
      display: block;
      position: absolute;
      left: min(36.45vw,300px);
      top: calc(50% - 0.5em); }
      .fo-header__nav ul {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 0 min(2.6vw,45px);
        font-size: min(2.08vw,18px); }
      .fo-header__nav a {
        position: relative; }
        .fo-header__nav a::after {
          content: '';
          height: 2.4em;
          width: 2.4em;
          background-color: #BED973;
          border-radius: 50%;
          position: absolute;
          left: -10px;
          top: calc(50% - 1.2em);
          z-index: -1;
          opacity: 0;
          scale: 0;
          transition: opacity .3s ease-out, scale .3s ease-out; }
        .fo-header__nav a:hover::after, .fo-header__nav a:active::after {
          scale: 1;
          opacity: 0.5; }
      .fo-header__nav span {
        opacity: 0.25;
        position: relative; }
        .fo-header__nav span::before {
          content: "（近日公開）";
          position: absolute;
          font-size: 75%;
          left: 0;
          top: -1.1em;
          opacity: 1; } }
/* main visual
-------------------------------------------- */
.fo-mainv {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 110px;
  padding-bottom: 40px; }
  .fo-mainv.blue {
    background: url("/yk/issue/fukushima-oze2025-sp/assets/img/photo/bg-mainv.svg") left top no-repeat;
    background-size: cover; }
  .fo-mainv.green {
    background: url("/yk/issue/fukushima-oze2025-sp/assets/img/event/bg-mainv.svg") left top no-repeat;
    background-size: cover; }
  .fo-mainv__copy {
    line-height: 1.4;
    margin-inline: var(--sidePaddingSp1);
    margin-top: 5px;
    letter-spacing: 0.05em; }
    .fo-mainv__copy .copy-sub {
      font-size: min(6.15vw,32px); }
    .fo-mainv__copy .copy-main {
      font-size: min(8.2vw,42px); }
      .fo-mainv__copy .copy-main span {
        font-size: min(6.15vw,32px); }

@media screen and (min-width: 768px) {
  .fo-mainv {
    overflow: hidden;
    padding-bottom: 20px; }
    .fo-mainv__photo {
      margin-left: 15%; }
    .fo-mainv__copy {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      letter-spacing: 0.1em;
      position: absolute;
      left: 5%;
      top: 190px;
      letter-spacing: 0.2em; }
    .fo-mainv.blue {
      background: url("/yk/issue/fukushima-oze2025-sp/assets/img/photo/bg-mainv-pc.svg") left top no-repeat; }
    .fo-mainv.green {
      background: url("/yk/issue/fukushima-oze2025-sp/assets/img/event/bg-mainv-pc.svg") left top no-repeat; } }
@media screen and (min-width: 1200px) {
  .fo-mainv__photo {
    margin-left: 22%; }
  .fo-mainv__copy {
    left: 12%; } }
@media screen and (min-width: 1800px) {
  .fo-mainv {
    text-align: center; }
    .fo-mainv__photo {
      margin-left: 0; }
    .fo-mainv__copy {
      text-align: left;
      margin-left: 15%; } }
/* main visual - TOP
-------------------------------------------- */
.fo-topmainv {
  width: 100%;
  position: relative;
  height: 96dvh;
  margin-bottom: 8vh;
  z-index: 1; }
  .fo-topmainv__photo {
    height: 90dvh;
    width: 100%;
    overflow: hidden; }
    .fo-topmainv__photo img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .fo-topmainv__illust {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 2; }
    .fo-topmainv__illust img {
      width: min(52.3vw,220px); }
    .low .fo-topmainv__illust img {
      width: 180px; }
  .fo-topmainv__copy {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 45%;
    left: 0;
    font-size: min(5.12vw,22px);
    font-weight: bold;
    text-shadow: 0 0 5px black;
    z-index: 2;
    letter-spacing: 0.1em; }
    .low .fo-topmainv__copy {
      top: 40%;
      font-size: min(5.12vw,18px); }
  .fo-topmainv__title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 18%;
    z-index: 2; }
    .fo-topmainv__title img {
      width: min(56.4vw,220px); }
    .low .fo-topmainv__title img {
      width: min(56.4vw,160px); }
  .fo-topmainv__date {
    margin-top: 6vh;
    text-align: right;
    font-weight: bold;
    padding-right: var(--sidePaddingSp1);
    font-size: min(3.07vw,16px); }

@media screen and (min-width: 768px) {
  .fo-topmainv {
    height: min(98vh,900px); }
    .fo-topmainv__photo {
      height: min(90vh,828px); }
    .fo-topmainv__illust img {
      width: min(35vh,280px); }
    .fo-topmainv__copy {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-align: left;
      font-size: min(2.86vw,30px);
      letter-spacing: 0.25em;
      top: calc(50% - 6em);
      left: auto;
      right: calc(50% - 12em);
      width: auto; }
    .fo-topmainv__title img {
      width: min(35vh,344px); }
    .fo-topmainv__date {
      margin-top: 10px; } }
/* intro
-------------------------------------------- */
.fo-topintro {
  margin-top: min(25.6vw,120px); }
  .fo-topintro__box {
    overflow: hidden;
    width: 100vw; }
    .fo-topintro__box + .fo-topintro__box {
      margin-top: min(10.25vw,60px); }
    .fo-topintro__box .box-photo {
      position: relative;
      width: min(128vw,740px);
      opacity: 0;
      transform: translateY(20px);
      transition: opacity .8s ease-out, transform .5s ease-out; }
      .fo-topintro__box .box-photo .illust {
        position: absolute; }
      .fo-topintro__box .box-photo.active {
        opacity: 1;
        transform: translateY(0); }
    .fo-topintro__box .box-txt {
      padding-inline: var(--sidePaddingSp1);
      width: 100vw;
      margin-top: min(10.25vw,60px); }
      .fo-topintro__box .box-txt p {
        line-height: 1.8;
        letter-spacing: 0.05em; }
      .fo-topintro__box .box-txt p + p {
        margin-top: 1.5em; }
    .fo-topintro__box:nth-of-type(1) .box-photo {
      margin-left: var(--sidePaddingSp1); }
      .fo-topintro__box:nth-of-type(1) .box-photo .illust {
        width: 25.64vw;
        left: 0;
        bottom: 0; }
    .fo-topintro__box:nth-of-type(2) .box-photo {
      margin-left: calc((28vw + var(--sidePaddingSp1))*-1); }
      .fo-topintro__box:nth-of-type(2) .box-photo .illust {
        width: 25.64vw;
        right: 0;
        bottom: 0; }
    .fo-topintro__box:nth-of-type(3) .box-photo {
      margin-left: var(--sidePaddingSp1); }
      .fo-topintro__box:nth-of-type(3) .box-photo .illust {
        width: 38.46vw;
        left: 0;
        top: 0; }
    .fo-topintro__box:nth-of-type(4) .box-photo {
      margin-left: calc((28vw + var(--sidePaddingSp1))*-1);
      padding-bottom: 8vw; }
      .fo-topintro__box:nth-of-type(4) .box-photo .illust {
        width: 38.46vw;
        right: 0;
        bottom: 0; }
    .fo-topintro__box:nth-of-type(5) .box-photo {
      margin-left: var(--sidePaddingSp1);
      padding-bottom: 10vw; }
      .fo-topintro__box:nth-of-type(5) .box-photo .illust {
        width: 56.41vw;
        left: 0;
        bottom: 0; }
    .fo-topintro__box:nth-of-type(6) .box-photo {
      margin-left: calc((28vw + var(--sidePaddingSp1))*-1);
      padding-top: 8vw; }
      .fo-topintro__box:nth-of-type(6) .box-photo .illust {
        width: 30.76vw;
        right: 0;
        top: 0;
        transform: rotate(15deg); }
  .fo-topintro__link {
    text-align: center;
    margin-top: 60px;
    padding-bottom: 30px;
    padding-inline: var(--sidePaddingSp1); }

@media screen and (min-width: 580px) {
  .fo-topintro__box:nth-of-type(1) .box-photo .illust {
    width: 129px; }
  .fo-topintro__box:nth-of-type(2) .box-photo {
    margin-left: calc(50% - 500px); }
    .fo-topintro__box:nth-of-type(2) .box-photo .illust {
      width: 148px; }
  .fo-topintro__box:nth-of-type(3) .box-photo .illust {
    width: 223px; }
  .fo-topintro__box:nth-of-type(4) .box-photo {
    margin-left: calc(50% - 500px);
    padding-bottom: 46px; }
    .fo-topintro__box:nth-of-type(4) .box-photo .illust {
      width: 223px; }
  .fo-topintro__box:nth-of-type(5) .box-photo {
    padding-bottom: 58px; }
    .fo-topintro__box:nth-of-type(5) .box-photo .illust {
      width: 327px; }
  .fo-topintro__box:nth-of-type(6) .box-photo {
    margin-left: calc(50% - 500px);
    padding-bottom: 46px; }
    .fo-topintro__box:nth-of-type(6) .box-photo .illust {
      width: 178px; } }
@media screen and (min-width: 768px) {
  .fo-topintro__box {
    width: 100%; }
    .fo-topintro__box .box-txt {
      width: 740px;
      padding-inline: var(--sidePaddingPc1);
      margin-left: calc((100% - 740px)/2); }
    .fo-topintro__box:nth-of-type(1) .box-photo, .fo-topintro__box:nth-of-type(3) .box-photo, .fo-topintro__box:nth-of-type(5) .box-photo {
      margin-left: 40px; }
    .fo-topintro__box:nth-of-type(2) .box-photo, .fo-topintro__box:nth-of-type(4) .box-photo, .fo-topintro__box:nth-of-type(6) .box-photo {
      margin-left: calc(100% - 780px); }
    .fo-topintro__box:nth-of-type(6) .box-txt {
      margin-top: 0; } }
@media screen and (min-width: 1200px) {
  .fo-topintro {
    max-width: 1400px;
    margin-inline: auto; }
    .fo-topintro__box {
      display: grid;
      align-items: center;
      gap: 70px;
      justify-content: center;
      padding-inline: 5vw; }
      .fo-topintro__box + .fo-topintro__box {
        margin-top: 0; }
      .fo-topintro__box .box-photo {
        width: 100%;
        max-width: 740px;
        grid-area: photo; }
      .fo-topintro__box .box-txt {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        max-width: 740px;
        grid-area: txt; }
        .fo-topintro__box .box-txt p {
          line-height: 2; }
      .fo-topintro__box:nth-of-type(1) .box-photo, .fo-topintro__box:nth-of-type(2) .box-photo, .fo-topintro__box:nth-of-type(3) .box-photo, .fo-topintro__box:nth-of-type(4) .box-photo, .fo-topintro__box:nth-of-type(5) .box-photo, .fo-topintro__box:nth-of-type(6) .box-photo {
        margin-left: 0; }
      .fo-topintro__box:nth-of-type(odd) {
        grid-template-areas: "photo txt";
        grid-template-columns: 1fr 0.8fr; }
      .fo-topintro__box:nth-of-type(even) {
        grid-template-areas: "txt photo";
        grid-template-columns: 0.8fr 1fr; }
      .fo-topintro__box:nth-of-type(1) .box-photo .illust {
        left: auto;
        right: 0; }
      .fo-topintro__box:nth-of-type(4) .box-photo .illust {
        left: 0;
        right: auto; }
      .fo-topintro__box:nth-of-type(5) .box-photo {
        padding-bottom: 60px; } }
/* infobox
-------------------------------------------- */
.fo-infobox {
  background-color: #f9f9f9;
  border-radius: 30px;
  padding: 30px 20px;
  margin-top: min(14.1vw,75px);
  position: relative;
  z-index: 1;
  background-position: right 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 100vw; }
  .fo-infobox:has(.green) {
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_infobox_green.svg"); }
  .fo-infobox:has(.blue) {
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_infobox_blue.svg"); }
  .fo-infobox:has(.yellow) {
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_infobox_yellow.svg"); }
  .fo-infobox:has(.orange) {
    background-image: url("/yk/issue/fukushima-oze2025-sp/assets/img/bg_infobox_orange.svg"); }
  .fo-infobox:has(.present) {
    background-color: rgba(255, 241, 0, 0.15);
    margin-top: min(7.69vw,40px); }
  .fo-infobox:has(.simple) {
    margin-top: min(7.69vw,40px); }
  .fo-topinfo .fo-infobox {
    margin-top: 75px; }
  .fo-infobox:first-of-type:has(.fo-infobox__head) {
    margin-top: 100px; }
  .fo-infobox__main {
    border: solid 2px #aaa;
    border-radius: 30px;
    padding: 50px min(3.84vw,50px);
    position: relative;
    z-index: 1; }
    .fo-infobox__main.simple {
      padding: 30px min(3.84vw,40px) 40px; }
    .fo-infobox__main.green {
      border-color: var(--ofClGreen); }
    .fo-infobox__main.blue {
      border-color: var(--ofClBlue); }
    .fo-infobox__main.yellow {
      border-color: var(--ofClYellow); }
    .fo-infobox__main.orange {
      border-color: var(--ofClOrange); }
    .fo-infobox__main.present {
      background-color: #fff;
      border-width: 0;
      padding: 30px min(3.84vw,40px) 40px; }
    .fo-infobox__main .main-img {
      margin-bottom: 30px;
      text-align: center; }
      .fo-infobox__main .main-img img {
        border-radius: 30px; }
    .fo-infobox__main .main-headline {
      font-size: min(5.64vw,26px);
      margin-bottom: 20px; }
      .fo-infobox__main .main-headline span {
        font-size: min(5.12vw,22px); }
    .fo-infobox__main .main-txt {
      position: relative;
      z-index: 1;
      word-break: break-all; }
      .fo-infobox__main .main-txt .haedline {
        font-size: min(5.64vw,26px);
        line-height: 1.5;
        margin-bottom: 10rem; }
    .fo-infobox__main .main-prof {
      border-top: solid 2px var(--ofClGreen);
      padding-top: 30px;
      margin-top: 30px; }
    .fo-infobox__main .present-headline {
      font-size: min(5.12vw,22px);
      text-align: center;
      position: relative;
      margin-bottom: 30px;
      margin-inline: 30px; }
      .fo-infobox__main .present-headline > span {
        display: inline-block;
        position: relative; }
        .fo-infobox__main .present-headline > span::before, .fo-infobox__main .present-headline > span::after {
          content: '';
          width: 2px;
          height: 1.5em;
          background-color: var(--ofClYellow);
          display: block;
          position: absolute; }
        .fo-infobox__main .present-headline > span::before {
          left: -20px;
          bottom: 0;
          rotate: -30deg; }
        .fo-infobox__main .present-headline > span::after {
          right: -20px;
          bottom: 0;
          rotate: 30deg; }
        .fo-infobox__main .present-headline > span > span {
          background: linear-gradient(to bottom, rgba(255, 241, 0, 0) 0%, rgba(255, 241, 0, 0) 74%, #fff100 75%, #fff100 100%);
          word-break: keep-all; }
  .fo-infobox__head {
    position: absolute;
    aspect-ratio: 135 / 134;
    width: min(46.15vw,200px);
    z-index: 1;
    text-align: center;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 0.62fr 1fr;
    gap: 10px 0;
    left: -10px;
    top: -70px;
    line-height: 1.2;
    z-index: 2; }
    .fo-infobox__head.one {
      grid-template-rows: 0.8fr 1fr; }
    .fo-infobox__head.date {
      width: min(31.8vw,156px);
      grid-template-rows: 1fr 1fr;
      gap: 5px 0;
      top: max(-12.8vw,-70px); }
    .fo-infobox__head svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
    .fo-infobox__head .head-txt {
      display: inline-block;
      color: #fff;
      font-size: min(5.38vw,24px);
      position: relative;
      align-self: start; }
      .fo-infobox__head .head-txt::after {
        content: '';
        display: block;
        width: 4em;
        height: 2px;
        position: absolute;
        left: calc(50% - 2em);
        bottom: -0.75em;
        background-color: #fff; }
    .fo-infobox__head .head-icon {
      display: inline-block;
      text-align: center;
      width: 100%;
      align-self: end; }
      .fo-infobox__head .head-icon img {
        width: 1.5em; }
    .fo-infobox__head .head-date {
      display: inline-block;
      color: #fff;
      font-size: min(5.38vw,28px);
      align-self: end; }
    .fo-infobox__head .head-week {
      display: inline-block;
      color: #fff;
      font-size: min(4.61vw,24px);
      align-self: start; }
      .fo-infobox__head .head-week .week {
        border-radius: 50%;
        display: inline-block;
        width: 1.6em;
        height: 1.6em;
        line-height: 1.6em;
        text-align: center; }
        .fo-infobox__head .head-week .week.day {
          background-color: var(--ofClNavy); }
        .fo-infobox__head .head-week .week.end {
          background-color: var(--ofClOrange); }
        .fo-infobox__head .head-week .week.end2 {
          background-color: rgba(255, 241, 0, 0.5); }

@media screen and (min-width: 768px) {
  .fo-infobox-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(5.2vw,40px); }
    .fo-infobox-wrap .fo-infobox {
      background-size: 75%;
      padding: min(3.9vw,50px);
      margin: 0; }

  .fo-infobox {
    max-width: 1400px;
    margin-inline: auto;
    padding: 50px;
    background-size: auto; }
    .fo-topinfo .fo-infobox {
      margin-top: 110px; }
    .fo-infobox__main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "txt img";
      gap: 0 5.33vw;
      align-items: center;
      padding: 5.33vw 6.66vw; }
      .fo-infobox__main.event {
        grid-template-areas: "headline headline" "txt img";
        gap: 20px 5.33vw; }
        .fo-infobox__main.event:has(.main-prof) {
          grid-template-areas: "headline headline" "txt img" "prof prof"; }
      .fo-infobox__main.present {
        grid-template-areas: "p-headline img" "txt img"; }
      .fo-infobox__main.simple {
        display: block;
        padding: min(3.9vw,50px); }
      .fo-infobox__main .main-img {
        grid-area: img;
        margin-bottom: 0;
        align-self: start; }
      .fo-infobox__main .main-txt {
        grid-area: txt;
        align-self: start; }
      .fo-infobox__main .main-headline {
        grid-area: headline; }
      .fo-infobox__main .main-prof {
        grid-area: prof; }
      .fo-infobox__main .present-headline {
        grid-area: p-headline; }
    .fo-infobox__head {
      top: max(-12vw,-100px);
      left: 10px;
      width: min(26.04vw,200px); }
      .fo-infobox__head .head-txt {
        font-size: min(3.125vw,24px); } }
@media screen and (min-width: 1200px) {
  .fo-topinfo {
    max-width: 1400px;
    width: 96%;
    margin-inline: auto; }

  .fo-infobox {
    margin-top: 80px; }
    .fo-infobox__head {
      top: -90px;
      left: 60px; }
      .fo-infobox__head.date {
        top: -50px; }
    .fo-infobox__main {
      /* &.event{
          grid-template-areas:
          "headline img"
          "txt img";
      } */ }
      .fo-infobox__main .main-headline br {
        display: none; } }
/* credit / contact / summary
-------------------------------------------- */
.fo-contact {
  margin-top: min(12.8vw,100px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px 0;
  margin-inline: var(--sidePaddingSp1);
  border: solid 2px var(--ofClGreen);
  border-width: 2px 0;
  padding: 40px var(--sidePaddingSp1); }
  .fo-contact .contact-box .headline {
    font-size: min(4.61vw, 22px); }

.fo-credit {
  word-break: keep-all;
  padding-inline: var(--sidePaddingSp1);
  font-size: 14px;
  overflow-wrap: anywhere; }

@media screen and (min-width: 768px) {
  .fo-contact {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 40px 7vw;
    max-width: 1500px;
    margin-inline: var(--sidePaddingPc1); }
    .fo-contact .contact-box {
      padding-inline: 5vw; }
      .fo-contact .contact-box:first-child {
        border-right: solid 2px var(--ofClGreen); }

  .fo-credit {
    padding-inline: var(--sidePaddingPc1); } }
@media screen and (min-width: 1200px) {
  .fo-contact {
    padding: 40px 60px;
    margin-top: 120px; }
    .fo-contact .contact-box {
      padding-inline: 60px; }

  .fo-credit {
    text-align: right;
    max-width: 1400px;
    margin-inline: auto; } }
@media screen and (min-width: 1560px) {
  .fo-contact {
    margin-inline: auto; } }
/* date ( event )
-------------------------------------------- */
.fo-date {
  text-align: center;
  font-size: min(5.64vw,26px);
  letter-spacing: 0.05em; }
  .fo-date .inner {
    display: inline-block;
    text-align: right;
    width: auto; }
  .fo-date .num {
    font-size: min(6.92vw,32px); }
  .fo-date .week {
    color: #fff; }
    .fo-date .week.day {
      background-color: var(--ofClNavy);
      border-radius: 50%;
      display: inline-block;
      width: 1.6em;
      height: 1.6em;
      line-height: 1.6em;
      text-align: center; }
    .fo-date .week.end {
      background-color: var(--ofClOrange);
      border-radius: 50%;
      display: inline-block;
      width: 1.6em;
      height: 1.6em;
      line-height: 1.6em;
      text-align: center; }

/* event navigation
-------------------------------------------- */
.fo-eventnav {
  border: solid 2px var(--ofClGreen);
  border-width: 2px 0; }
  .fo-eventnav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center; }
  .fo-eventnav li {
    height: 3.8em;
    align-self: center;
    border: solid 2px rgba(125, 124, 132, 0.25);
    border-width: 0;
    text-align: center;
    line-height: 1.5; }
    .fo-eventnav li:nth-of-type(odd) {
      border-width: 2px 2px 0 0; }
    .fo-eventnav li:nth-of-type(even) {
      border-width: 2px 0 0 0; }
    .fo-eventnav li:nth-of-type(1), .fo-eventnav li:nth-of-type(2) {
      border-top-width: 0; }
  .fo-eventnav a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .fo-eventnav a span {
      position: relative;
      word-break: keep-all; }
      .fo-eventnav a span::after {
        content: '';
        height: 2.4em;
        width: 2.4em;
        background-color: #BED973;
        border-radius: 50%;
        position: absolute;
        left: -10px;
        top: calc(50% - 1.2em);
        z-index: -1;
        opacity: 0;
        scale: 0;
        transition: opacity .3s ease-out, scale .3s ease-out; }
    .fo-eventnav a:hover span::after, .fo-eventnav a:focus span::after {
      scale: 1;
      opacity: 0.5; }

@media screen and (min-width: 768px) {
  .fo-eventnav {
    padding-bottom: 0.75em; }
    .fo-eventnav ul {
      grid-template-columns: repeat(3, 1fr); }
    .fo-eventnav li {
      border-width: 0; }
      .fo-eventnav li:nth-of-type(odd), .fo-eventnav li:nth-of-type(even), .fo-eventnav li:nth-of-type(1), .fo-eventnav li:nth-of-type(2) {
        border-width: 0; }
    .fo-eventnav a:after {
      font-family: 'fukushimaoze-icon' !important;
      content: "\e900";
      color: var(--ofClGreen);
      position: absolute;
      left: calc(50% - 0.5em);
      bottom: -0.5em;
      rotate: 270deg; } }
@media screen and (min-width: 1200px) {
  .fo-eventnav ul {
    grid-template-columns: repeat(6, 1fr); }
  .fo-eventnav li:nth-of-type(4) a:after {
    bottom: -0.75em; }
  .fo-eventnav li:nth-of-type(4) a span:after {
    left: 5px; } }
/* report
-------------------------------------------- */
.fo-report * + p,
.fo-report * + div,
.fo-report * + .fo-headline2 {
  margin-top: 30px; }
.fo-report .fo-headline2 + * {
  margin-top: 0; }
.fo-report__title {
  font-size: min(5.12vw,26px);
  border-bottom: solid 2px var(--ofClGreen);
  padding-bottom: 0.5em;
  margin-bottom: 1em; }
.fo-report__inner {
  max-width: 800px;
  margin-inline: auto; }
.fo-report__lead {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: min(4.61vw,48px); }
  .fo-report__lead + * {
    margin-top: 0; }
.fo-report__sublead {
  font-size: 18px; }
.fo-report__slider {
  position: relative; }
  .fo-report__slider .slider-inner {
    overflow: hidden; }
  .fo-report__slider .swiper-button-next,
  .fo-report__slider .swiper-button-prev {
    margin-top: 0; }
    .fo-report__slider .swiper-button-next::after,
    .fo-report__slider .swiper-button-prev::after {
      content: '';
      width: 40px;
      height: 40px;
      background-color: var(--ofClGreen);
      border-radius: 10px;
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
    .fo-report__slider .swiper-button-next::before,
    .fo-report__slider .swiper-button-prev::before {
      font-family: 'fukushimaoze-icon' !important;
      font-size: 30px;
      line-height: 40px;
      color: #fff;
      position: absolute;
      left: calc(50% - 7px);
      top: 0;
      z-index: 10; }
.fo-report .swiper-button-next {
  right: 3px; }
  .fo-report .swiper-button-next::before {
    content: "\e901";
    left: calc(50% - 7px); }
.fo-report .swiper-button-prev {
  left: -9px; }
  .fo-report .swiper-button-prev::before {
    content: "\e900";
    left: calc(50% - 9px);
    top: 0; }
.fo-report .article-single-share {
  margin-bottom: min(10.25vw,60px); }

@media screen and (min-width: 768px) {
  .fo-report * + p,
  .fo-report * + div {
    margin-top: 40px; }
  .fo-report * + .fo-headline2 {
    margin-top: 50px; }
  .fo-report__lead {
    font-size: 20px; }
  .fo-report .article-single-share {
    margin-bottom: 0;
    top: 100px; } }
/* mobile navigation
-------------------------------------------- */
.fo-mobilenav {
  background-color: var(--ofClGreen);
  border-radius: 10px;
  min-height: 60px;
  line-height: 1.4;
  width: 90vw;
  position: fixed;
  left: 5vw;
  bottom: 15px;
  z-index: 2;
  opacity: 0;
  transform: translateY(90px);
  transition: opacity .3s ease-out, transform .3s ease-out; }
  .fo-mobilenav ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 60px;
    align-items: center; }
  .fo-mobilenav li {
    border-left: solid 2px rgba(125, 124, 132, 0.2); }
    .fo-mobilenav li:first-child {
      border-left-width: 0; }
    .fo-mobilenav li a {
      display: block;
      width: 100%;
      height: 100%; }
    .fo-mobilenav li span {
      opacity: 0.4;
      position: relative;
      display: inline-block;
      margin-top: 0.5em;
      line-height: 1.2; }
      .fo-mobilenav li span::before {
        content: "(近日公開)";
        font-size: 75%;
        position: absolute;
        left: 0;
        top: -1em; }
  .fo-mobilenav.active {
    opacity: 1;
    transform: translateY(0); }
  .fo-mobilenav .photobtn {
    display: block;
    background-color: var(--ofClBlue);
    border: solid 1px rgba(125, 124, 132, 0.25);
    margin: 8px 8px;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px; }

/* photo gallery
-------------------------------------------- */
/* pagination */
.fo-main .pager_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 64px;
  height: auto; }

.fo-main .pager_wrap > li {
  overflow: hidden;
  margin-bottom: 3.5%;
  width: 31%;
  border-radius: 8px; }

.fo-main .pager_wrap > li:not(:nth-of-type(3n)) {
  margin-right: 3.5%; }

.fo-main .pager_wrap > li > a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  position: relative; }

.fo-main .pager_wrap > li > a::before {
  content: '';
  display: block;
  padding-top: 100%; }

.fo-main .pager_wrap > li > a > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover; }

.fo-main .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .25em;
  width: 100%;
  line-height: 1; }

.fo-main .pagination p {
  margin: 0; }

.fo-main .pagination .clearfix {
  display: flex;
  padding: 0 1em;
  font-weight: 700; }

.fo-main .pagination .clearfix > li > a,
.fo-main .pagination .clearfix > li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .7em;
  min-width: 2em;
  height: 2em;
  color: var(--of-ClTxt);
  border-radius: 4px;
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal; }

.fo-main .pagination .clearfix > li.current > a {
  color: #fff;
  color: var(--ofClGray);
  background-color: var(--ofClBlue); }

.fo-main .pagination .first-page,
.fo-main .pagination .prev-page,
.fo-main .pagination .next-page,
.fo-main .pagination .end-page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1em;
  position: relative; }

.fo-main .pagination .first-page::before,
.fo-main .pagination .prev-page::before,
.fo-main .pagination .next-page::before,
.fo-main .pagination .end-page::before {
  font-family: 'fukushimaoze-icon';
  font-weight: 900;
  font-size: .8em;
  color: #0384ca; }

.fo-main .pagination .first-page::before {
  content: '\e902'; }

.fo-main .pagination .prev-page::before {
  content: '\e900'; }

.fo-main .pagination .next-page::before {
  content: '\e901'; }

.fo-main .pagination .end-page::before {
  content: '\e903'; }

.fo-main .pagination .disabled {
  opacity: .25; }

@media (min-width: 768px) {
  .fo-main .pager_wrap > li {
    margin-bottom: 2%;
    width: 18.4%; }

  .fo-main .pager_wrap > li:not(:nth-of-type(3n)),
  .fo-main .pager_wrap > li:not(:nth-of-type(5n)),
  .fo-main .pager_wrap > li:nth-of-type(3n) {
    margin-right: 2%; }

  .fo-main .pager_wrap > li:nth-of-type(5n) {
    margin-right: 0; }

  /* pagination */
  .fo-main .pager_wrap {
    margin-top: 80px; }

  .fo-main .pager_wrap > li {
    margin-bottom: 2%;
    width: 18.4%; }

  .fo-main .pager_wrap > li:not(:nth-of-type(3n)),
  .fo-main .pager_wrap > li:not(:nth-of-type(5n)),
  .fo-main .pager_wrap > li:nth-of-type(3n) {
    margin-right: 2%; }

  .fo-main .pager_wrap > li:nth-of-type(5n) {
    margin-right: 0; } }

.bottom-area {
  margin-top: 100rem;
}