@charset "UTF-8";
/* フォントサイズ */
/* @include   sp */
@media (min-width: 681px) {
  .sp {
    display: none; } }
@media screen and (max-width: 680px) {
  .pc {
    display: none; } }
.ul0 {
  margin: 0;
  padding: 0;
  list-style: none; }

a.btn {
  background: #957D36;
  color: #fff !important; }

a:hover img {
  opacity: 0.6; }

/* スライドショー
***********************************************/
#TOPSlider {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto; }
  #TOPSlider ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  @media (min-width: 681px) {
    #TOPSlider div {
      padding-top: 105px;
      width: 3105px;
      position: relative;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      #TOPSlider div ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex; }
        #TOPSlider div ul li, #TOPSlider div ul li img {
          width: 1035px; }
        #TOPSlider div ul li img {
          width: 1035px;
          max-width: inherit !important;
          aspect-ratio: 1035 / 510;
          object-fit: cover; }
        #TOPSlider div ul li:last-child {
          order: -1; }
        #TOPSlider div ul li:not(.center) {
          opacity: 0.3; } }
  @media screen and (max-width: 680px) {
    #TOPSlider div {
      padding-top: 0; }
      #TOPSlider div li:nth-child(n+2) {
        display: none; } }

h2.tits {
  font-size: clamp(1.625rem, 6vw, 2.5rem); }

.tits {
  font-family: "Calisto MT","Bookman Old Style","Bookman,Goudy Old Style",Garamond,"Hoefler Text","Bitstream Charter",Georgia, serif;
  font-size: clamp(1.6875rem, 6vw, 3.375rem);
  font-weight: 500;
  color: #957D36; }

.toptitle {
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 680px) {
    .toptitle {
      margin-bottom: 1rem !important; } }
  .toptitle p {
    margin: 0 0 1rem; }
  .toptitle h2 {
    font-size: 1rem, 4vw, 1.5625rem; }

.titflex {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#enjoy {
  background: #FFF073 url("/img/enjoybg.png") top center;
  background-size: 100% auto;
  padding: 60px 0; }
  @media screen and (max-width: 680px) {
    #enjoy {
      padding: 1.5rem 1rem !important; } }
  #enjoy .enjoyli {
    display: grid; }
    @media (min-width: 681px) {
      #enjoy .enjoyli {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px; } }
    @media screen and (max-width: 680px) {
      #enjoy .enjoyli {
        grid-template-columns: 1fr 1fr;
        gap: 1rem; } }
    #enjoy .enjoyli li a, #enjoy .enjoyli li figure {
      display: flex;
      flex-direction: column;
      flex: 1; }
    #enjoy .enjoyli li figcaption {
      flex: 1;
      background: #fff;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      min-height: 2.5rem;
      color: #000;
      margin-top: 8px; }
  #enjoy .soon {
    position: relative; }
    #enjoy .soon::before, #enjoy .soon::after {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center; }
    #enjoy .soon::before {
      content: "coming soon";
      top: 5rem;
      z-index: 15;
      font-size: 2em;
      font-weight: bold; }
    #enjoy .soon::after {
      content: "";
      height: 100%;
      background: rgba(255, 255, 255, 0.75);
      top: 0;
      z-index: 10; }
  #enjoy .junbi {
    position: relative; }
    #enjoy .junbi::after {
      content: "準備中";
      background: rgba(255, 255, 255, 0.8);
      display: inline-block;
      padding: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.3rem; }

#topevent h2.widget-title {
  display: none; }
@media (min-width: 681px) {
  #topevent .calendar,
  #topevent #eo_event_list_widget-2 ul {
    display: grid;
    grid-template-rows: 1fr;
    column-gap: 30px; } }
#topevent .calendar {
  grid-template-columns: 2fr 1fr; }
  @media (min-width: 681px) {
    #topevent .calendar {
      margin-bottom: 30px; } }
#topevent ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%; }
  #topevent ul li {
    height: 100%; }
    @media (min-width: 681px) {
      #topevent ul li {
        display: flex;
        flex-direction: column; }
        #topevent ul li .time {
          margin-top: auto; } }
    @media screen and (max-width: 680px) {
      #topevent ul li {
        display: grid;
        grid-template-columns: 38% 1fr;
        grid-template-rows: repeat(2, auto);
        align-content: space-between; }
        #topevent ul li .ftit {
          padding-top: 15px; } }
  #topevent ul a {
    color: #000;
    display: block;
    margin-bottom: 10px; }
  #topevent ul figure {
    position: relative; }
    #topevent ul figure::before {
      position: absolute;
      left: 9px;
      top: 0;
      content: "";
      display: block;
      width: 78px;
      height: 30px; }
    #topevent ul figure img {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-top: 15px; }
    #topevent ul figure figcaption {
      padding: 0.5rem 5px 1rem; }
  #topevent ul .time {
    background: #9E4B9A;
    color: #fff;
    padding: 5px; }
#topevent #eo_event_list_widget-2 ul {
  grid-template-columns: 1fr 1fr; }
#topevent #eo_event_list_widget-2 figure img {
  aspect-ratio: 171/128; }
#topevent #eo_event_list_widget-2 figure::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OC4zIDMwLjYiPjxkZWZzPjxzdHlsZT4uY2xzLTJ7ZmlsbDojZWQ4MWNifTwvc3R5bGU+PC9kZWZzPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uNSAzMC4xVi41aDc3LjFsLTUuOCAxNC44IDUuOCAxNC44SC41eiIvPjxwYXRoIGQ9Im03Ni45IDEtNS42IDE0LS4xLjMuMS4zIDUuNiAxNEgxVjFoNzUuOW0xLjQtMUgwdjMwLjZoNzguM2wtNi0xNS4zIDYtMTUuM1oiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik0xNi4xIDIwLjhWMTFjMC0xLjIuNy0xLjcgMS40LTEuN2EyIDIgMCAwIDEgMS42LjlsNSA4LjYuMi4ycy4yIDAgLjItLjdsLS4xLTguMWMwLS42LjQtLjkuOS0uOXMxIC4zIDEgLjlhMTc2LjcgMTc2LjcgMCAwIDAgMCAxMGMwIDEtLjggMS42LTEuNSAxLjYtLjYgMC0xLS4zLTEuNC0uOS0xLjItMS44LTQuMi03LjQtNS4xLTguOGwtLjMtLjR2OS4yYzAgLjYtLjQuOC0xIC44cy0uOS0uMy0uOS0uOFpNMzQgMTAuOWMtMS43IDAtMiAwLTIuMS43djIuMmMwIC4zIDAgLjMgMiAuM2gxLjhjMSAwIDEgLjggMSAuOCAwIC41LS40IDEtMSAxSDM0Yy0yIDAtMi4yIDAtMi4yLjN2M2MuMi44LjQuOCAyLjcuOEgzN2MuNiAwIDEgLjQgMSAuOHMtLjQgMS0xLjEgMWE0NS4zIDQ1LjMgMCAwIDEtNC4yIDBDMzEgMjEuNiAzMCAyMSAzMCAxOS42di04LjVjMC0xLjMuOS0yIDIuMi0yYTUwLjQgNTAuNCAwIDAgMSA0LjIgMGMuNiAwIDEgLjQgMSAuOHMtLjQuOS0xIC45aC0yLjZaTTUwLjQgMjEuNmMtLjcgMC0xLjQtLjUtMS43LTEuN2ExMzEuNyAxMzEuNyAwIDAgMS0xLjYtOC40bC0uMS4yYy0uMiAxLjUtMSA2LjItMS42IDguMi0uMiAxLjEtMSAxLjctMS44IDEuN1M0MiAyMSA0MS44IDIwYy0xLjgtOC4zLTItOS41LTItOS44IDAtLjYuNS0uOSAxLS45LjQgMCAuOS4zIDEgLjcgMS42IDkuNCAxLjYgOS41IDEuOCA5LjUuMiAwIC4zLS4xLjMtLjRsMS43LTguNWMuMS0uOC44LTEuMiAxLjUtMS4yczEuNC40IDEuNSAxLjJsMS42IDguNGMwIC4zIDAgLjQuMi40cy4zIDAgMi4xLTkuNGMuMS0uNC41LS43IDEtLjdzMSAuNCAxIC45TDUyLjIgMjBjLS4yIDEtMSAxLjYtMS44IDEuNloiIGNsYXNzPSJjbHMtMiIvPjwvc3ZnPg==");
  background-repeat: no-repeat; }
#topevent #eo_event_list_widget-3 li figure img {
  aspect-ratio: 171/122; }
#topevent #eo_event_list_widget-3 li figure::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OC4zIDMwLjYiPjxkZWZzPjxzdHlsZT4uY2xzLTJ7ZmlsbDojNTljNWM1fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uNSAzMC4xVi41aDc3LjFsLTUuOCAxNC44IDUuOCAxNC44SC41eiIvPjxwYXRoIGQ9Im03Ni45IDEtNS42IDE0LS4xLjMuMS4zIDUuNiAxNEgxVjFoNzUuOW0xLjQtMUgwdjMwLjZoNzguM2wtNi0xNS4zIDYtMTUuM1oiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Im0xOCAxNy4zLjEgMS4yYzAgMS4zLS43IDIuMy0zLjIgMS45LTEuNS0uMy0xLTIgLjEtMS42LjcuMiAxLjYuMyAxLjUtLjZ2LTQuNGExOSAxOSAwIDAgMS01LjQgNWMtMS4zLjktMi4xLS43LTEuMS0xLjIgMi4zLTEuMiA0LTMgNS41LTVoLTQuM2MtMSAuMS0xLjMtMS40IDAtMS41aDUuMVY4LjhjLS4xLTEuMiAxLjUtMSAxLjUgMFYxMWgyLjhjMS4yIDAgMS4xIDEuNiAwIDEuNmwtMi43LS4xYzAgMS43IDAgMy42LjIgNC44Wk0yNS4xIDE5LjhjLTEuMi40LTEuOC0xLjItLjUtMS42IDMtMSA1LjUtMy43IDYuOC02IC4yLS40LjEtLjYtLjMtLjZoLTQuN2MtMSAuMS0xLTEuNSAwLTEuNWg1LjNjMS40IDAgMi4zLjggMS42IDItLjUgMS0xLjEgMS44LTEuOCAyLjdhMTcgMTcgMCAwIDEgNC4yIDMuM2MuNy45LS42IDIuMS0xLjMgMS4yLS44LTEtMi41LTIuNS0zLjktMy4zLTEuNCAxLjYtMy4yIDMtNS40IDMuOFpNMzkuNSAxOS44Yy0xLjIuNC0xLjgtMS4yLS42LTEuNiAzLTEgNS42LTMuNyA2LjktNiAuMS0uNCAwLS42LS4zLS42aC00LjdjLTEgLjEtMS0xLjUgMC0xLjVINDZjMS41IDAgMi4zLjggMS43IDJsLTEuOCAyLjdjMS4zLjggMy40IDIuMiA0LjIgMy4zLjYuOS0uNiAyLjEtMS40IDEuMi0uOC0xLTIuNS0yLjUtMy44LTMuMy0xLjQgMS42LTMuMiAzLTUuNCAzLjhaTTU0LjMgMjAuOGMtMS4yLjYtMi0uOS0xLTEuNCAyLTEgMy44LTIuNiA1LjItNC4zLS43LS41LTEuNC0uOC0yLTEtLjgtLjMtLjItMS44IDEtMS4zbDIgMWMuOS0xLjMgMS41LTIuNiAyLTMuOS42LTEuMyAyLjMtLjUgMS44LjYtLjcgMS40LTEuNSAyLjgtMi40IDQuMS43LjUgMS4zIDEgMS42IDEuNS40LjUuMiAxLS4yIDEuMy0uMy4zLS44LjMtMS4xLS4xTDU5LjkgMTZhMTggMTggMCAwIDEtNS42IDQuOFoiIGNsYXNzPSJjbHMtMiIvPjwvc3ZnPg==");
  background-repeat: no-repeat; }

#instagram {
  background: #f8bbd0; }
  #instagram .top {
    position: relative; }
  #instagram .t_c {
    text-align: left !important; }

#mascot {
  background: #A5D6A7; }
  @media screen and (max-width: 680px) {
    #mascot {
      padding-bottom: 30px; } }
  #mascot .inner {
    max-width: 880px !important; }
  #mascot .container {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "mcmenu2 mcmenu1 mcmenu3" "mcmenu4 mcmenu1 mcmenu5"; }
    @media (min-width: 681px) {
      #mascot .container {
        gap: 10px;
        grid-template-columns: 22% 1fr 22%; } }
    @media screen and (max-width: 680px) {
      #mascot .container {
        row-gap: 5px;
        grid-template-columns: repeat(3, 1fr); } }
    #mascot .container .mmnav a {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: #000;
      font-size: clamp(0.75rem, 3.5vw, 1rem); }
      #mascot .container .mmnav a i {
        display: inline-block;
        position: absolute;
        top: -5px;
        left: 0; }
        #mascot .container .mmnav a i img {
          height: auto; }
          @media (min-width: 681px) {
            #mascot .container .mmnav a i img {
              width: 73px; } }
          @media screen and (max-width: 680px) {
            #mascot .container .mmnav a i img {
              width: 45%; } }
      #mascot .container .mmnav a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 0 0.5rem; }
  #mascot .mcmenu1 {
    grid-area: mcmenu1;
    display: flex;
    align-items: center;
    justify-content: center; }
  #mascot .mcmenu2 {
    grid-area: mcmenu2; }
  #mascot .mcmenu3 {
    grid-area: mcmenu3; }
  #mascot .mcmenu4 {
    grid-area: mcmenu4; }
  #mascot .mcmenu5 {
    grid-area: mcmenu5; }

/* 協賛 **********************************************************/
#sponsor {
  background: #F2F2E8; }
  #sponsor #kyosan {
    width: 100%;
    margin: 0 auto;
    background: #fff; }
    @media (min-width: 681px) {
      #sponsor #kyosan {
        padding: 30px 1rem 10px; } }
    @media screen and (max-width: 680px) {
      #sponsor #kyosan {
        padding: 1rem; } }
    #sponsor #kyosan a {
      color: #000; }
    #sponsor #kyosan ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #sponsor #kyosan ul li img {
        vertical-align: middle; }
    #sponsor #kyosan .spon1 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem;
      margin-bottom: 2rem !important; }
      @media screen and (max-width: 680px) {
        #sponsor #kyosan .spon1 {
          flex-wrap: wrap; }
          #sponsor #kyosan .spon1 li {
            width: calc(50% - 1rem); } }
    #sponsor #kyosan .spon2 {
      max-width: 977px;
      margin: 0 auto 1rem !important; }
      @media screen and (max-width: 680px) {
        #sponsor #kyosan .spon2 {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 10px; } }
      @media (min-width: 681px) {
        #sponsor #kyosan .spon2 li {
          display: inline-block;
          margin: 0 0.5rem 1rem; } }
      @media screen and (max-width: 680px) {
        #sponsor #kyosan .spon2 li img {
          max-height: 26px; } }
    #sponsor #kyosan .kyosai2 li {
      display: inline-block;
      margin: 0 5px 0.5rem; }

#anketo {
  background: #E1EEF8; }
  #anketo .btn {
    background: #D73B5C;
    font-weight: bold;
    color: #fff !important; }
  #anketo .antxt {
    max-width: 530px; }
  #anketo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; }

/* ==============================================================================================
　スマホ以上
============================================================================================== */
/* ==============================================================================================
　スマートフォン用　画面の横幅が680pxまで
============================================================================================== */
@media screen and (max-width: 680px) {
  #topevent ul {
    margin: 0 0 1rem;
    padding: 0; }
    #topevent ul li {
      margin-bottom: 1rem;
      border-bottom: solid 1px #D7CFB7;
      padding-bottom: 1rem;
      display: grid;
      grid-auto-columns: 1fr;
      grid-template-columns: 38% 1fr;
      grid-template-rows: 1fr min-content;
      gap: 0px 1em;
      grid-template-areas: "fimg ftit" "fimg time"; }
      #topevent ul li .ftit {
        grid-area: ftit; }
      #topevent ul li .fimg {
        grid-area: fimg; }
      #topevent ul li .time {
        grid-area: time; }

  .anbox {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: min-content min-content;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "antxt antxt" "img1 img2";
    align-items: center; }
    .anbox .antxt {
      grid-area: antxt; }
    .anbox .img1 {
      grid-area: img1; }
    .anbox .img2 {
      grid-area: img2; }

  /*ここまで ///////////////////////////////////////////////////////////////////////////////// */ }