@media screen and (max-width: 980px) {
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;
}
@media screen and (max-width: 850px) {
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;

}}

@media screen and (max-width: 700px) {
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;

}}
@media screen and (max-width: 600px) {
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;
}
}
@media screen and (max-width: 500px) {
    
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;
}
}
@media screen and (max-width: 400px) {
    /* 動画の再生中はサイトの内容を隠す */
    #site-content {
        display: none;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    /* 動画要素にスタイルを適用する */
    #intro-video {
        object-fit: cover;
        justify-content: center;
        position: fixed;
        margin: 0%;
        width: 100%;
        height: 100%;
    }

    /* 画像スライダーCSS */
    .slider-container {
        border-top: dashed 4px #009abd;
        border-bottom: dashed 4px #009abd;
        position: relative;
        width: 90%;
        /* max-width: 800px; */
        height: 22vh;
        /* margin: 5% auto; */
        overflow: hidden;
    }

    .slides {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

    .slide.active {
        opacity: 1;
        z-index: 1; /* アクティブなスライドを最前面に */
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

        /* ナビゲーションボタン */
    .prev, .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 18px;
        z-index: 2;
    }

    .prev {
        left: 10px;
    }

    .next {
        right: 10px;
    }

    /* ドットナビゲーション */
    .dots {
        text-align: center;
        position: absolute;
        bottom: 10px;
        width: 100%;
        z-index: 2;
    }

    .dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        background: #bbb;
        border-radius: 50%;
        cursor: pointer;
    }

    .dot.active {
        background: rgb(0, 208, 255);
    }
    
.top-bar {
    top: 0%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    display: flex;
    box-shadow: rgba(0, 5, 26, 0.505) 0px 5px 5px;
}

.top-bar a {
    display: none;
}

.top-icon {
    margin: 0;
    /* float: left; */
    width: auto;
    height: 63px;
}

.countdown {
    border-top: 3px dotted #333;
    font-size: 120%;
    padding: 2.5%;
}


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .btn {
        display: block;
      position: fixed;
        background-color: #007590;
        padding: 16.5px;
        z-index: 1000;
        right: 0%;
    }
    /* ハンバーガーボタン */
    .hamburger {
      display: block;
      width: 30px;
      height: 30px; /* 正方形にする */
      position: relative;
      cursor: pointer;
    }

    .hamburger span {
      background-color: #fff;
      height: 3px;
      width: 100%;
      position: absolute;
      left: 0;
      transition: all 0.3s;
    }

    .hamburger span:nth-child(1) {
      top: 6px; /* 線を正方形内に調整 */
    }

    .hamburger span:nth-child(2) {
      top: 13.5px;
    }

    .hamburger span:nth-child(3) {
      top: 21px;
    }

    /* メニューオープン時のアニメーション（☰ → ✕） */
    .hamburger.open span:nth-child(1) {
      transform: rotate(45deg);
      top: 13.5px;
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 13.5px;
    }

    /* メニュー */
    .nav-menu {
        display: block;
      /* background-color: #007590; */
      position: fixed;
      top: 63px;
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.6s ease-in-out;
      z-index: 999;
    }

    .nav-menu.open {
      height: 100%; /* メニューの高さは必要に応じて調整 */
    }

    .nav-menu ul {
      list-style: none;
      background-color: #007590;
      padding: 20px;
    }

    .nav-menu li {
      margin: 15px 0;
    }

    .nav-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }

    .nav-menu a:hover {
      color: #ddd;
    }

    /* コンテンツ部分 */
    .content {
      margin-top: 60px;
      padding: 20px;
    }

    .rss {
        display: block;
    }
    .rss1, .bbs {
        width: 100%;
    }
    .main {
        padding-top: 73px;
    }

.shops {
    display: flex;
    flex-wrap: wrap;
}
.shop {
    flex-flow: row;
    width: 80%;
    margin: 5% auto;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: 1px #007590 solid;
    border-left: 1px #007590 solid;
    border-radius: 20px 0px 20px 0px;
    box-shadow: #00000080 3px 5px 5px;
}
.shop img {
    width: 90%;
    margin: 5% 5% 0% 5%;
}
.shop p {
    width: 90%;
    margin: 5%;
}
.shop a {
    width: 90%;
    margin: 5%;
}
.rss1 h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}

.bbs h2 {
    margin: 0% 2%;
    padding: 1%;
    border-left: 5px solid #007590;
    color: #009abd;
}
/* .bbs img {
    margin: 0% 7%;
} */
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}

.tl {
    margin: 0% 2%;
}
.main2 {
    margin: 0% 2%;
}
.links h2 {
    margin: 0% 2%;
}
.links img {
    width: 98%;
    margin: 1%;
    box-shadow: #333 4px 6px 6px;
}
.main1 {
    margin: 0% 2%;
    background-color: #fff;
}
.bbs a {
    margin: 0% 2%;
    /* padding-top: 5%; */
    font-size: 120%;
}
.bbs img {
    margin-left: 6%;
    /* padding-top: 5%; */
    font-size: 120%;
}
}
}