@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Kiwi+Maru&display=swap");
/*
//筆記体
font-family: 'Great Vibes', cursive;

//日本語
font-family: 'Kiwi Maru', serif;
*/
/* フォントサイズ */
/* @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;
  margin-block-end: 0 !important;
  padding-inline-start: 0 !important; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Kiwi Maru', serif;
  color: #525252;
  display: flex;
  flex-direction: column; }

header *,
footer *,
ul.Areaphot {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5,
figure, dl, dd, dt {
  margin: 0;
  padding: 0; }

header,
footer,
section {
  display: block; }

img,
svg {
  border: none;
  vertical-align: top; }
  @media (min-width: 681px) {
    img,
    svg {
      max-width: 100% !important;
      height: auto; } }

/* スライダー */
* {
  min-height: 0;
  min-width: 0; }

.inner {
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 680px) {
    .inner {
      padding: 1rem; } }

a {
  text-decoration: none;
  color: #b70a52; }

/* リンク（黒） */
#nav li a,
.tribe-common a,
#topix,
#topnews a {
  color: #525252; }

.shisetu a {
  color: #ea6f8e;
  text-decoration: underline;
  word-break: break-all; }

a.btn {
  background: #e5d0ca;
  color: #525252 !important;
  display: inline-block;
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  text-decoration: none; }

a.link {
  color: #03F;
  text-decoration: underline; }

#skip-link {
  display: none; }

.ev_imgw1 {
  object-fit: contain !important; }

.flex {
  display: flex;
  gap: 1rem; }

.flex1,
.flex_grow {
  flex: 1; }

ul.flex_grow li {
  flex: 1; }

.h50 {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none; }

.h50in {
  width: 50%;
  flex-shrink: 0; }

.img20 {
  width: 20%; }

.img30 {
  width: 30%; }

.t_c {
  text-align: center; }

.t_center {
  text-align: center; }

.t_right {
  text-align: right; }

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

.col4 li {
  width: 25%; }

.ul0,
ul.flex {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-block-end: 0 !important;
  padding-inline-start: 0 !important; }

.cursive {
  font-family: 'Great Vibes','Zapfino','Segoe Script', cursive; }

.space60 {
  padding: 60px 0; }

.spacet60 {
  padding-top: 60px; }

.spaceb60 {
  padding-bottom: 60px; }

@media screen and (max-width: 680px) {
  .space60 {
    padding: 2rem 0 !important; }

  .spacet60 {
    padding-top: 2rem !important; }

  .spaceb60 {
    padding-bottom: 2rem !important; } }
.bgpink {
  background: rgba(248, 240, 240, 0.7); }
  .bgpink .title .cursive {
    color: #fff; }

.gcol, .gcol2 {
  display: grid;
  gap: 1rem; }

.gcol2 {
  grid-template-columns: repeat(2, 1fr); }

/* マウスドラッグスクロール */
.scrollable {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  @media screen and (max-width: 680px) {
    .scrollable {
      overflow-x: scroll !important;
      overflow-y: hidden !important; } }
  @media (min-width: 681px) {
    .scrollable > * {
      display: inline-block;
      white-space: normal; } }
  .scrollable::-webkit-scrollbar {
    height: 0; }

img {
  max-width: 100%;
  height: auto; }

/* ふわんと浮く */
a.btn,
.btn a,
.scrollable li,
#topnews li,
.link ul li,
#teikyo li,
#mascot .mas_link a {
  text-decoration: none !important;
  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear, -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear; }
  a.btn:hover,
  .btn a:hover,
  .scrollable li:hover,
  #topnews li:hover,
  .link ul li:hover,
  #teikyo li:hover,
  #mascot .mas_link a:hover {
    transform: translateY(-5px); }

.btn a {
  text-decoration: none !important; }

.c_DE176A {
  background: #DE176A !important;
  color: white; }

.c_FBE6EB {
  background: #FBE6EB; }

.border-table {
  margin: 1em 0; }
  .border-table table {
    border-collapse: collapse; }
    .border-table table th, .border-table table td {
      border: 1px solid #DE176A;
      padding: 5px 10px;
      vertical-align: center; }
    .border-table table th {
      font-weight: normal;
      background-color: #FBE6EB;
      text-align: left; }
      .border-table table th.top-cell {
        font-weight: bold;
        text-align: center; }

.btable {
  margin: 1em 0; }
  .btable table {
    border-collapse: collapse; }
    .btable table th, .btable table td {
      border: 1px solid #DE176A;
      padding: 5px 10px;
      vertical-align: center; }
    .btable table th {
      font-weight: normal;
      background-color: #FBE6EB;
      text-align: left; }
      .btable table th.top-cell {
        font-weight: bold;
        text-align: center; }

/* header
***********************************************/
#header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  overflow: hidden; }

#toph {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  background: #FDEFF5;
  padding: 5px; }
  #toph h1 {
    padding-left: 3%; }
  #toph .title {
    padding: 0 1rem;
    color: #957d36;
    font-weight: bold; }
  #toph .bar_R {
    justify-self: end; }
  #toph picture {
    display: block; }
  #toph .lang {
    visibility: hidden; }
  #toph .btn_catalog a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 2.5rem 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #E80065;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px; }
    @media screen and (max-width: 680px) {
      #toph .btn_catalog a {
        transform: scale(0.7); } }
    #toph .btn_catalog a::after {
      position: absolute;
      top: 50%;
      right: 20px;
      transition: 0.2s ease-in-out;
      content: "\f0da";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      transform: translateY(-50%); }
    #toph .btn_catalog a:hover {
      transform: translateY(-2px);
      box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 30px -5px, rgba(0, 0, 0, 0.1) 0px 0px 5px; }

/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
header.scroll-nav {
  height: auto; }

body.scroll-nav #toph,
body.scroll-nav .stt-lang-select.tr {
  display: none !important; }

/* ====================
ページの先頭へ
==================== */
.pagetop {
  position: fixed;
  bottom: -175px;
  right: 10px;
  z-index: 10000; }
  .pagetop a {
    display: block;
    background: url(../images/pagetop.png);
    width: 119px;
    height: 96px; }
  .pagetop .hidden {
    display: none; }

/* nav
***********************************************/
.blur {
  backdrop-filter: blur(12px); }

#nav {
  font-size: 0.75rem;
  border-color: #f7f1f0;
  border-width: 1px 0;
  border-style: solid;
  padding: 5px 0;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 100%); }
  @media (min-width: 681px) {
    #nav ul {
      justify-content: space-between; }
    #nav li {
      flex: 1;
      text-align: center; } }
  #nav li:not(:first-child):not(:last-child) {
    margin: 0 5px; }
  #nav li a {
    color: #525252;
    white-space: nowrap; }
  #nav svg {
    cursor: pointer; }
  #nav .img {
    display: flex;
    align-items: center;
    width: 50px;
    height: 54px;
    margin: 0 auto 10px; }
    @media screen and (max-width: 680px) {
      #nav .img {
        width: 30px;
        height: 30px; } }
  #nav .low2 .img {
    margin: 0 auto 5px !important; }
  @media screen and (max-width: 680px) {
    #nav {
      border-color: #fff #fff #f7f1f0 !important; }
      #nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-block-end: 0 !important;
        padding-inline-start: 0 !important;
        justify-content: space-evenly; }
        #nav ul li {
          width: 60px;
          font-size: 2vw; }
          #nav ul li a {
            display: block;
            width: 60px;
            white-space: normal !important;
            text-align: center; }
          #nav ul li .low2 br {
            display: none; }
          #nav ul li .bar_R .lang {
            display: none !important; } }

/* フッター
*****************************************************************************/
#footer {
  background: #8B7152;
  font-size: 0.875rem;
  color: #fff;
  margin-top: auto; }
  #footer a {
    color: currentColor; }
  #footer.top {
    margin: 0 !important; }
  #footer .inner {
    display: flex; }
    @media (min-width: 681px) {
      #footer .inner {
        padding: 2rem 1rem; } }
  #footer ul {
    margin-right: 5%; }
  #footer li {
    margin-bottom: 0.8em;
    padding-left: 20px;
    position: relative; }
    @media screen and (max-width: 680px) {
      #footer li {
        border-bottom: 1px solid #DE176A; } }
    #footer li::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.35em;
      left: 0;
      width: 12px;
      height: 12px;
      border: solid 3px #fff;
      border-radius: 50%; }

.footeraddress {
  margin-right: 5%; }
  .footeraddress h3 {
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: 1rem; }
  .footeraddress a {
    color: #fff !important;
    text-decoration: underline !important; }

#copyright {
  background: #8B7152;
  color: #fff;
  text-align: center;
  padding: 0.5rem; }

/* メイン
***********************************************/
#main {
  padding-top: 66px;
  width: 100%; }
  #main .news a {
    color: #DE176A;
    text-decoration: underline; }
  @media screen and (max-width: 680px) {
    #main {
      padding-top: 124px !important; } }

/* トピックス
***********************************************/
.field_topix {
  flex: 3;
  margin-right: 2%; }
  .field_topix dl {
    display: grid;
    grid-template-columns: 7em 1fr;
    grid-template-rows: auto;
    gap: 0; }
  .field_topix dd, .field_topix dt {
    border-bottom: solid 1px #f7f1f0;
    padding: 0.5rem; }
  .field_topix dd {
    padding-left: 1rem !important; }
  .field_topix a {
    color: #333; }
    .field_topix a:hover {
      color: #b70a52; }

.field_corona {
  flex: 2;
  border: solid 1px #f7f1f0;
  padding: 5px;
  /* タテ揃え */
  display: flex;
  flex-direction: column;
  gap: 1em; }
  .field_corona .in {
    background: #f7f1f0;
    /* タテ揃え */
    flex: 1 0 auto; }

.enjoybn {
  width: 100%; }
  .enjoybn li img {
    width: 260px;
    height: 160px;
    padding-right: 10px; }

.scrollable_w {
  position: relative; }

.bgpink .scrollable li {
  padding: 0 0 0 10px; }
  .bgpink .scrollable li:first-child {
    padding-left: 20px; }
  .bgpink .scrollable li:last-child {
    padding-right: 20px; }
  @media screen and (max-width: 680px) {
    .bgpink .scrollable li:first-child {
      padding-left: 0 !important; }
    .bgpink .scrollable li:last-child {
      padding-right: 0 !important; } }

.yazirusi {
  margin: 0 0 0 auto;
  display: flex;
  position: relative; }
  .yazirusi::after {
    content: '';
    width: 100px;
    height: 15px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: skew(45deg); }
  .yazirusi span {
    position: absolute;
    bottom: 0;
    left: 0; }

.field_topix .new {
  position: relative;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-size: 0.75rem;
  padding: 0.3em 0.5em;
  background: #FF6B86;
  color: #fff;
  border-radius: 5px; }

/* コロナ注意書き */
.cornainfo_f {
  width: 80%;
  top: 50%;
  position: relative;
  background: white;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  border-image: initial;
  padding: 1em;
  margin: 1em auto; }

.taisaku {
  background: #3e90c6;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
  margin: 1em auto;
  border-radius: 5px; }
  .taisaku tr:nth-child(odd) {
    background-color: transparent  !important; }
  .taisaku .li {
    background: #fff;
    color: #000;
    vertical-align: bottom;
    width: 7em;
    white-space: nowrap;
    border-radius: 5px;
    text-align: center;
    font-weight: bold; }

/* トピックス
***********************************************/
.title {
  text-align: center;
  position: relative; }
  .title h2 {
    position: absolute;
    top: 20%;
    width: 100%;
    line-height: 1; }
  .title .cursive {
    margin: 0;
    font-size: 4rem;
    color: rgba(248, 240, 240, 0.7); }

#topnews picture {
  display: block; }
  #topnews picture img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9; }
#topnews time {
  color: #546E7A;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  display: block; }
#topnews li {
  margin-bottom: 30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
  transition: transform 0.2s linear, box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear, -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  margin-right: 15px;
  margin-left: 15px; }
  #topnews li:hover {
    box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
    transform: translateY(-5px); }
@media screen and (max-width: 680px) {
  #topnews ul {
    flex-direction: row !important;
    flex-wrap: wrap; }
  #topnews li {
    width: 43%;
    margin-right: 0 !important; } }

.newstit {
  padding: 20px;
  font-size: 1.125rem; }
  @media screen and (max-width: 680px) {
    .newstit {
      padding: 0.5rem; } }

ol.snslink {
  margin-top: 100px; }
  ol.snslink li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold; }
    ol.snslink li a strong {
      color: #fff;
      padding: 5px 2em;
      margin: 0.5rem 1rem;
      display: inline-block;
      border: solid 3px #fff;
      border-radius: 2em; }
    ol.snslink li:last-child a strong {
      color: #1b1464; }
    ol.snslink li:not(:last-child) {
      width: 20%; }
    ol.snslink li:nth-child(1) {
      background: #00aeef; }
    ol.snslink li:nth-child(2) {
      background: #0071bc; }
    ol.snslink li:nth-child(3) {
      background: #1b1464; }
    ol.snslink li:last-child {
      height: calc(200px - 2px);
      border: solid 1px #1b1464;
      width: 40%; }

#teikyo ul {
  display: grid !important; }
  @media (min-width: 681px) {
    #teikyo ul {
      gap: 30px;
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 680px) {
    #teikyo ul {
      gap: 1rem;
      grid-template-columns: repeat(2, 1fr); } }
  #teikyo ul li img {
    max-width: 100%;
    height: auto; }

/***/
#headline {
  background: #F0E5E9;
  position: relative; }
  #headline * {
    margin: 0; }
  #headline h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 229, 233, 0.8);
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    min-height: 150px;
    padding: 0 3rem; }
    #headline h2::before {
      content: "";
      position: absolute;
      top: -5px;
      bottom: -5px;
      left: -5px;
      right: -5px;
      border: solid 1px #F0E5E9;
      z-index: 1; }
  #headline p img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 350px;
    object-fit: cover;
    opacity: 0.5; }

.single-tribe_events #headline h2::after,
.post-type-archive-tribe_events #headline h2::after {
  content: "イベント情報"; }

/* 記事 **********************************************************/
.newslist dt, .newslist dd {
  padding: 0 0.5em; }
.newslist dt {
  margin-bottom: 0.5em;
  font-weight: bold; }
.newslist dd {
  border-bottom: dashed 1px #ddd;
  padding-bottom: 1em;
  margin-bottom: 1em; }

.news {
  padding-top: 2em;
  padding-left: 2rem;
  line-height: 1.8; }
  .news h2 {
    font-weight: normal;
    margin: 1rem 0 1.5em;
    padding: 0 0 0 0.5em;
    font-size: 1.5rem;
    color: #DE176A;
    border-bottom: solid 2px #DE176A; }
  .news h3 {
    color: #DE176A;
    margin: 2em 0 1em;
    clear: both; }
  .news h4 {
    color: #DE176A;
    margin: 1em 0 1em;
    clear: both; }
  .news dl:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0em;
    clear: both;
    visibility: hidden; }
  .news dt, .news dd {
    padding: 3px; }
  .news dt {
    float: left;
    clear: left;
    background: #4B824B;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 15%; }
  .news dd {
    margin-left: 20%;
    margin-bottom: 2.5em; }
  .news ul li {
    list-style: disc;
    margin-left: 1.5em; }
  .news ol li {
    list-style: decimal;
    margin-left: 1.5em; }
  .news .section {
    margin: auto 1em; }
  .news img {
    max-width: 100%;
    height: auto; }

.date {
  text-align: right !important; }

.width90 {
  width: 90%;
  margin: auto; }

.tag {
  padding: 3px;
  font-size: 0.75rem;
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: bottom;
  font-weight: normal; }

.tag_oevent {
  background: #4B824B;
  color: #fff; }

.tag_boshu {
  background: #E94C96;
  color: #fff; }

.tag_syuryo {
  background: #666;
  color: #fff; }

.txt_torikesi {
  text-decoration: line-through; }

.bg_syuryo {
  background-color: #ededed !important; }

#kaika figure {
  display: inline-block;
  width: 48%;
  text-align: center;
  margin-bottom: 1em; }
  #kaika figure img {
    width: 100%;
    height: auto; }

.kiji {
  margin: 3em 0 0 !important; }

/* SNSボタン **********************************************************/
/* ボタンにマウスを乗せた時 */
.snsbtn a:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }

/* 追加 **********************************************************/
.imgtxt {
  flex: 1; }

.imgarea {
  width: 20%; }

.imgarea img {
  -webkit-border-radius: 1em;
  border-radius: 1em; }

.alignself_c {
  align-self: center; }

/* 下層見出し・体裁 */
.page-content h2 {
  font-weight: normal;
  margin: 2em 0 1.5em;
  padding: 0 0 0 0.5em;
  font-size: 1.5rem;
  color: #DE176A;
  border-bottom: solid 2px #DE176A; }
.page-content p {
  margin: 0 1em 1em 1em; }

/* メイン会場案内
*****************************************************************************/
#about {
  width: 100%; }
  #about #about-txt {
    padding: 0 20px 0 0; }
    @media (min-width: 681px) {
      #about #about-txt {
        padding: 0; } }
  #about #about-img {
    text-align: center; }
    @media (max-width: 1200px) {
      #about #about-img {
        width: 400px; } }

#aisatu {
  display: grid;
  gap: 0 2rem;
  margin-top: 3em; }
  @media (min-width: 681px) {
    #aisatu {
      grid-template-columns: 1fr 1fr; } }
  #aisatu .aisatu_c {
    border-radius: 1em;
    background: #FDF7EB url(../images/aisatu_bg.jpg);
    padding: 2em;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
    #aisatu .aisatu_c .h3 {
      background: #4B824B;
      color: #fff;
      display: inline-block;
      padding: 0.3em 1em;
      border-radius: 1em;
      margin-bottom: 10px;
      font-size: 1.125rem; }
    #aisatu .aisatu_c .h4 {
      display: block;
      color: #4f894f;
      font-size: 1.375rem;
      margin-bottom: 10px;
      margin-left: 1rem !important; }
    #aisatu .aisatu_c p {
      text-align: justify;
      margin: 0 0 0.5em !important; }
    #aisatu .aisatu_c dl {
      display: flex;
      margin-bottom: 2em; }
    #aisatu .aisatu_c dt {
      margin-right: 50px; }
      #aisatu .aisatu_c dt p {
        margin-left: 1rem !important; }
    #aisatu .aisatu_c dd {
      margin-left: auto;
      width: 115px; }
      #aisatu .aisatu_c dd img {
        max-width: inherit !important;
        border-radius: 7px;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }

/* FAQ
*****************************************************************************/
#qanda dl {
  margin: 0; }
#qanda dt, #qanda dd {
  background-color: #FBE6EB;
  background-repeat: no-repeat;
  padding: 30px;
  padding-left: 90px;
  background-position: 18px;
  margin: 0; }
#qanda dt {
  border-bottom: 1px solid #E8718E;
  font-weight: bold;
  background-image: url(../images/faqq.png);
  position: relative;
  cursor: pointer;
  padding-right: 50px;
  transition: .3s; }
  #qanda dt:not(:first-child) {
    margin-top: 20px; }
  #qanda dt::after {
    content: url(../images/icon_dw.png);
    position: absolute;
    top: 37%;
    right: 10px;
    margin-top: -12px;
    width: 46px;
    height: 46px;
    border-radius: 50%; }
  #qanda dt.ac::after {
    content: url(../images/icon_up.png); }
  #qanda dt:hover {
    background-color: #E8718E;
    color: #fff; }
#qanda dd {
  background-image: url(../images/faqa.png); }

dl#qanda {
  margin-bottom: 20px; }

/* アクセス
*****************************************************************************/
.midato_dl {
  margin: 2em 1em 1em 1em; }
  .midato_dl dt {
    float: left;
    clear: left;
    width: 12em; }
  .midato_dl dd {
    margin-left: 12em;
    margin-bottom: 0.5em; }
  .midato_dl strong {
    display: inline-block;
    border: solid 1px #005178;
    color: #005178;
    padding: 0 0.5em; }

/* ガーデンベア
*****************************************************************************/
#bear-profile {
  margin: 0 0 1em 0;
  display: table;
  width: 100%; }
  #bear-profile #portrait {
    display: table-cell;
    width: 280px;
    padding: 20px;
    vertical-align: top; }
  #bear-profile #prof-txt {
    display: table-cell;
    vertical-align: top; }
  #bear-profile h2 {
    color: #285A77;
    border-bottom: solid 1px #285A77;
    margin: 0 0 1em 0;
    font-size: 1.25rem;
    font-weight: normal; }
    #bear-profile h2 br {
      display: none; }

#bear-story {
  padding: 30px; }

.bear-story-bg1 {
  background-color: #f7f3df; }

.bear-story-bg2 {
  background-color: #FFFAEC; }

.bear-story-bg3 {
  background-color: #FAF4E8; }

.bear-story-bg4 {
  background-color: #F7F2E9; }

#bear-story p {
  margin: 0 0 1em 0 !important; }
#bear-story .serifu-waku {
  padding: 1em 1em 0 1em;
  border: solid 1px #069;
  margin: 0 0 1em 0; }

#bear-prologue {
  display: table;
  margin: 0 0 30px 0; }
  #bear-prologue #prologue-pict {
    display: table-cell;
    vertical-align: top; }
  #bear-prologue #prologue-txt {
    display: table-cell;
    text-align: center;
    padding: 20px 0 0 0; }
  #bear-prologue #prologue-index {
    display: table-cell;
    text-align: left;
    padding: 20px 0 0 0; }

#prologue-index li {
  margin-bottom: 0.8em;
  padding-left: 20px;
  position: relative; }
  #prologue-index li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.35em;
    left: 0;
    width: 12px;
    height: 12px;
    border: solid 3px #487D48;
    border-radius: 50%; }

.bear-tale .pict-line {
  display: table;
  width: 100%;
  margin: 0 0 2em 0; }
  .bear-tale .pict-line .pict-cell, .bear-tale .pict-line .txt-cell {
    display: table-cell; }
  .bear-tale .pict-line .pict-cell, .bear-tale .pict-line .pict-cell-large {
    text-align: center;
    vertical-align: middle; }
  .bear-tale .pict-line .pict-cell {
    width: 420px; }
  .bear-tale .pict-line .pict-cell-large {
    width: 540px; }
  .bear-tale .pict-line .txt-cell {
    padding-top: 20px;
    vertical-align: top; }
.bear-tale .mono-pict {
  width: 100%;
  text-align: center; }
.bear-tale .sp-cell {
  width: 800px;
  margin: 0 auto;
  position: relative; }

.sp-cell .sp-txt-cell {
  position: absolute;
  width: 400px;
  top: 80px;
  right: 0; }

.bear-tale .cell-tatenaga {
  position: relative; }

.cell-tatenaga .bear-sate {
  position: absolute;
  left: 0;
  bottom: 5em; }

.pager-btn {
  display: inline-block;
  color: #FFF;
  background-color: #069;
  margin: 0 10px;
  padding: 5px 10px;
  border: solid 2px #069; }
  .pager-btn:hover {
    color: #069;
    background-color: #FFF; }

.tribe-events-sub-nav {
  margin: 0;
  padding: 0; }

.oubobox {
  display: block;
  background: #FCFAE6;
  padding: 1.5em;
  border-radius: 1em;
  box-shadow: 5px 5px 0px 0px #998675; }

.button03 {
  padding: 1em 0 0; }
  .button03 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 300px;
    color: #C93D00;
    font-size: 1.125rem;
    font-weight: 700;
    border: 2px solid #C93D00; }
    .button03 a::after {
      content: '';
      width: 5px;
      height: 5px;
      border-top: 3px solid #C93D00;
      border-right: 3px solid #C93D00;
      transform: rotate(45deg); }
    .button03 a:hover {
      color: #534741;
      text-decoration: none;
      background-color: #F7D5C6; }
      .button03 a:hover::after {
        border-top: 3px solid #534741;
        border-right: 3px solid #534741; }

.color_p {
  background: linear-gradient(transparent 60%, #FFC5C5 60%); }

.rosefear ul {
  list-style-type: none !important; }
.rosefear h3 {
  padding: 0.5em;
  /*文字周りの余白*/
  color: #494949;
  /*文字色*/
  background: #fffaf4;
  /*背景色*/
  border-left: solid 5px #ffaf58;
  /*左線（実線 太さ 色）*/ }
.rosefear a.btn {
  position: relative;
  background: #fff;
  border: solid 3px #F471BF;
  color: #E4007F !important;
  font-size: 1.375rem;
  font-weight: bold;
  border-radius: 10px;
  padding: 1rem 3rem; }
  .rosefear a.btn:hover {
    border-bottom: solid 3px #F471BF; }
  .rosefear a.btn img {
    position: absolute;
    top: -54px;
    left: -3rem; }
.rosefear .wakubox li {
  margin: 10px 1rem;
  border: 2px solid #EA9814;
  border-radius: 10px;
  padding: 10px; }
  .rosefear .wakubox li em {
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
    background: #EA9814;
    color: #fff;
    font-style: normal;
    border-radius: 5px;
    margin-right: 0.5rem; }

.tribe-events-category-garden1, .tribe-events-category-garden2, .tribe-events-category-garden3, .tribe-events-category-garden4, .tribe-events-category-garden5, .tribe-events-category-garden6, .tribe-events-category-garden7, .tribe-events-category-garden8 {
  display: none !important; }

.tribe-events .tribe-events-c-view-selector__list-item-link {
  white-space: nowrap; }

/* POPUP */
.footeraddress .open {
  cursor: pointer;
  color: #fff !important;
  text-decoration: underline !important; }
.footeraddress #pop-up {
  display: none; }
.footeraddress .overlay {
  display: none;
  color: #000; }
.footeraddress #pop-up:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.54);
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0; }
.footeraddress .window {
  width: 90vw;
  max-width: 380px;
  height: 240px;
  background-color: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.footeraddress .text {
  margin: 0;
  padding: 1rem; }
  .footeraddress .text a {
    color: #b70a52 !important;
    text-decoration: underline !important; }
.footeraddress .close {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 1.25rem; }

.clm3 li {
  width: 30%; }

.kaikalist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2em 29px;
  /* 年別 */
  /* サクラ */
  /* チューリップ */
  /* バラ */
  /* ユリ */
  /* 菜の花 */
  /* パンジー・ビオラ */
  /* ユキヤナギ・レンギョウ */ }
  .kaikalist a {
    position: relative;
    display: block;
    padding: 10px;
    border: 1px solid #e6cada;
    color: #000;
    overflow: hidden;
    margin-bottom: 1rem; }
  .kaikalist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-block-end: 0 !important;
    padding-inline-start: 0 !important;
    text-align: right; }
  .kaikalist img {
    width: 100%;
    height: 200px;
    object-fit: cover; }
  .kaikalist .y_2021 {
    box-shadow: 6px 6px #F0E1F5; }
  .kaikalist .y_2022 {
    box-shadow: 6px 6px #F5E3E1; }
  .kaikalist .y_2023 {
    box-shadow: 6px 6px #F5E1F2; }
  .kaikalist .y_2024 {
    box-shadow: 6px 6px #f6e2e7; }
  .kaikalist .y_2025 {
    box-shadow: 6px 6px #F5E7E1; }
  .kaikalist .i_sakura,
  .kaikalist .i_churip,
  .kaikalist .i_bara,
  .kaikalist .i_yuri,
  .kaikalist .i_nano,
  .kaikalist .i_panji,
  .kaikalist .i_yuki {
    padding-left: 25px;
    line-height: 20px;
    display: inline-block;
    margin: 0 5px;
    font-size: 0.7em; }
  .kaikalist .i_sakura {
    background: url(/images/i_sakura.png) no-repeat 0 50%; }
  .kaikalist .i_churip {
    background: url(/images/i_churip.png) no-repeat 0 50%; }
  .kaikalist .i_bara {
    background: url(/images/i_bara.png) no-repeat 0 50%; }
  .kaikalist .i_yuri {
    background: url(/images/i_yuri.png) no-repeat 0 50%; }
  .kaikalist .i_nano {
    background: url(/images/i_nano.png) no-repeat 0 50%; }
  .kaikalist .i_panji {
    background: url(/images/i_panji.png) no-repeat 0 50%; }
  .kaikalist .i_yuki {
    background: url(/images/i_yuki.png) no-repeat 0 50%; }

@media (min-width: 681px) {
  .marginLeft1 {
    margin-left: 30px; } }
@media screen and (min-width: 681px) and (max-width: 1305px) {
  .event_koubo .box img {
    object-fit: cover; }

  .event_koubo .box,
  .event_koubo .box:nth-child(4n),
  .normal_li li,
  .normal_li li:nth-child(4n) {
    margin-right: 2% !important; } }
/* 横幅 1000px 以下のデバイス */
@media screen and (max-width: 1000px) {
  .endmeg {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block; }

  .endmeg br {
    display: none; }

  /*ここまで ///////////////////////////////////////////////////////////////////////////////// */ }
@media screen and (max-width: 680px) {
  .pc {
    display: none !important; }

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

  img, object {
    max-width: 100% !important;
    height: auto; }

  #widget-calendar .tribe-events-c-top-bar.tribe-events-widget-header__top-bar,
  #widget-calendar .tribe-events-calendar-month {
    display: none !important; }

  .mas_img {
    text-align: center; } }