@charset "utf-8";
/* Googleフォント（※このページのみ／他ページでは使用しない） */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500&family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
/* 鳥羽旅館組合 × 夜の鳥羽水族館コラボ企画 */
/*ヘッダー背景調整*/
@media screen and (max-width: 825px){
#header .wrap{width:100%;}
}
/*----------------------------
共通
----------------------------*/
html {scroll-behavior: smooth;}
#container {background: url(../img/event_nightaquarium/2025/bg_dot.png?1) 0 0 repeat, linear-gradient(to bottom, #00478E, #003569);z-index: 0;position: relative;}
#nightaquaEvent{width:100%;line-height:2;color:#fff;font-family: "Zen Kaku Gothic New", sans-serif;}
#nightaquaEvent .ffJaM{font-family: "Zen Old Mincho", serif;font-weight:700;}
#nightaquaEvent .ooohBaby{font-family: "Lora", serif;font-weight:400;}
#nightaquaEvent img{width:100%;margin:0 auto;text-align:center;}
#nightaquaEvent p{font-size:16px;line-height:2;letter-spacing: .1rem;margin:0;}
#nightaquaEvent .section{position:relative;overflow:hidden;padding:60px 0;}
#nightaquaEvent .text{font-size:18px;letter-spacing:.05em;}
#nightaquaEvent .btnBox.link{margin-top:32px;}
#nightaquaEvent .btnBox.link a{border-radius:50px;transition: all .3s;text-align:center;color: #fff;display: flex;flex-direction: column;align-items: center;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(148, 230, 251, 0.15);padding:.8rem 0;line-height:1.6;text-decoration:none;justify-content:center;letter-spacing: .05em;width: 300px; margin: 0 auto;}
#nightaquaEvent .btnBox.link a:hover{transform:translateY(-10px);opacity:1;}
#nightaquaEvent .fcblue{color:#94E6FB;}
.bgBlue{background: rgba(148, 230, 251, 0.15);}
a{transition: all 0.5s 0s ease;}
a:hover{opacity:0.75;}
.shadowPnk{font-family: "Zen Old Mincho", serif;font-weight:700;text-shadow:0px 0px 10px #F5C9D9;}
.shadowBl{font-family: "Zen Old Mincho", serif;font-weight:700;text-shadow:0px 0px 10px #94E6FB;}
@media screen and (min-width: 826px) {
.wrap {width: 960px;}
}
@media screen and (max-width: 825px){
#nightaquaEvent {background-size: 80%;}
#nightaquaEvent .wrap{width:95%;max-width:640px;}
#nightaquaEvent p{font-size:16px;letter-spacing: .005em;}
}
/* 改行 */
@media screen and (max-width:825px){.brNone825{display:none;}.spBlock825{display:block;}}
@media screen and (max-width:460px){.brNone460{display:none;}.spBlock460{display:block;}}
/*スクロールアニメーション 下から上へ出現*/
.scroll_up,
.scroll_up_top {transition: 1s ease-in-out;transform: translateY(20px);opacity: 0;}
.scroll_up.on,
.scroll_up_top.on {transform: translateY(0);opacity: 1.0;}
/*スクロールアニメーション 左から出現*/
.scroll_left {-webkit-transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;transform: translateX(-30px);opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.scroll_left.on {opacity: 1.0;filter: alpha(opacity=100);-moz-opacity: 1.0;transform: translateX(0);}
/*スクロールアニメーション 右から出現*/
.scroll_right {-webkit-transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;transform: translateX(30px);opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.scroll_right.on {opacity: 1.0;filter: alpha(opacity=100);-moz-opacity: 1.0;transform: translateX(0);}
.timing02 {transition-delay: .4s;}
.timing03 {transition-delay: .8s;}
.timing04 {transition-delay: 1s;}
.timing05 {transition-delay: 1.2s;}
/*テキストがじわっと出現*/
.blur{animation-name:blurAnime;animation-duration:4s;animation-fill-mode:forwards;}
@keyframes blurAnime{
from {filter: blur(10px);transform: scale(1.02);opacity: 0;}
to {filter: blur(0);transform: scale(1);opacity: 1;}
}
.blurTrigger{opacity: 0;}
@media screen and (max-width: 825px){
.blur{animation-duration:3s;}
}
/*アコーディオン全体*/
.accordion-area{list-style: none;width: 100%;margin:0 auto;}
.accordion-area section {border-top: 1px solid rgba(255, 255, 255, 0.50);}
.accordion-area li:last-child section{border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
/*アコーディオンタイトル*/
.title {position: relative;/*+マークの位置基準とするためrelative指定*/cursor: pointer;font-size:18px;font-weight: 500;padding:1.5rem .5rem;transition: all .5s ease;}
/*アイコンの＋と×*/
.title::before,
.title::after{position: absolute;content:'';width: 15px;height: 1px;background: #fff;}
.title::before{top:48%;right: 15px;transform: rotate(0deg);}
.title::after{top:48%;right: 15px;transform: rotate(90deg);transition: all .5s ease;}
/* closeというクラスがついたら形状変化 */
.title.close::after{transform: rotate(0deg);}
/*アコーディオンで現れるエリア*/
.box {display: none;/*はじめは非表示*/padding:1rem .5rem 3rem .5rem;}
/*スライド*/
.slideBox {width:100%;position:relative;}
.slideBox::after {clear: both;}
.slideBox::before, .slideBox::after {content: "";display: block;overflow: hidden !important;}
.slide_shadow {position:absolute;top:3%;right:-1%;z-index:1;}
.slideBox .box_slide{z-index:2;}
.slideBox .box_slide img{aspect-ratio: 48/29;object-fit: cover;border-radius:8px;}
.slideBox .box_slide .slick-dots{position: absolute;bottom: 5px;left: 15px;}
.slideBox .box_slide .slick-dots li {opacity: 1;margin: 10px 8px;background:transparent;width: 8px;height: 8px;border-radius: 50%;border:1px solid #fff;float:left;cursor: pointer;}
.slideBox .box_slide .slick-dots li.slick-active {opacity: 1;background:#fff;}
.slideBox .box_slide .slick-dots li button{display:none;}
@media screen and (max-width: 825px){
.accordion-area{margin:0 auto 0;max-width:640px;}
.title {font-size:14px;padding-right:2.2rem;}
.box {padding:1rem .5rem 1rem .5rem;}
.slideBox {width:100%;}
.slideBox .box_slide .slick-dots{text-align:left;}
.slideBox .box_slide .slick-dots li {opacity: 1;margin: 10px 8px;background:transparent;width: 6px;height: 6px;border-radius: 50%;border:1px solid #fff;float:left;}
.slideBox .box_slide .slick-dots li.slick-active {opacity: 1;background:#fff;}
.slideBox .box_slide .slick-dots li button{display:none;}
}
/*背景花火*/
.fireworksItem{position:absolute;z-index:0;}
.fireworksItem img{width:100%;max-width:524px;}
.fireworksItem.type01{top: 33%;right: 4%;}
.fireworksItem.type02{top:31%;left:3%;z-index: -1;}
.fireworksItem.type03{top: 22%;right: 11%;}
.fireworksItem.type03 img{max-width:460px;}
@media screen and (max-width: 825px){
.fireworksItem img{width:100%;max-width:292px;}
.fireworksItem.type01{top: 15%;right: -25%;}
.fireworksItem.type02{top:23%;left:-16%;}
.fireworksItem.type03{top:35%;right:-8%;}
.fireworksItem.type03{top: 36%;right: -23%;}
.fireworksItem.type03 img{max-width:348px;}
}
/*----------------------------
セクション
----------------------------*/
/*タイトル*/
#sec01.section{overflow: hidden;position:relative;padding:0;}
.btnArea{display:flex;flex-wrap: wrap;justify-content:space-between;width:960px;margin:30px auto; gap:10px;}
.btnArea li{width:32.6%;min-width: 170px;}
.btnArea li a{border-radius:8px;transition: all .3s;text-align:center;color: #fff;display: flex;flex-direction: column;align-items: center;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(148, 230, 251, 0.15);padding:.8rem 0;line-height:1.6;text-decoration:none;justify-content:center;letter-spacing: .05em;}
.btnArea li a:hover{transform:translateY(-10px);opacity:1;}
.btnArea li a i{display: inline-block;margin-top: .5rem;}
#sec01 .titleArea{position: absolute;inset: 0;display: grid;place-items: center;pointer-events: none;}
#sec01 .titleArea .set{width: clamp(360px, 64vw, 1200px);position: relative;aspect-ratio: 16 / 9;text-align: center;}
#sec01 .titleArea .set .titleImg{width: 100%;height: auto;display: block;}
#sec01 .titleArea .set .otter{right: 13%;bottom: 0;width: 77%;height: auto;}
#sec01 .mainVisual .item02{margin-top: -50px;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec01 .titleArea .set{ width: clamp(300px, 90vw, 900px);margin-top: 20px;}
#sec01 .mainVisual .item02{margin-top: -30px;}
.btnArea li a{font-size: 12px;}
}
@media screen and (max-width: 825px){
.btnArea{flex-wrap: wrap;width: 100%;gap: 10px;justify-content: center;max-width:370px;}
.btnArea li a:hover{transform:translateY(-5px);}
}
/*イントロダクション*/
#sec02 .intro{text-align:left;position:relative;width: 100%;color:#fff;margin-bottom: 48px;}
#sec02 .text{font-size:24px;line-height:38px;margin:48px 0;}
#sec02 .logoBox{display: flex;align-items: center;justify-content: center;background: #fff;padding:10px 14px;margin: 0 auto;max-width:400px;border-radius:8px;}
#sec02 .logo01{margin-right: 10px;}
#sec02 .logo01 img{max-width: 92px;}
#sec02 .logo02{margin-left: 10px;}
#sec02 .logo02 img{max-width: 190px;}
#sec02 .logo01 a,
#sec02 .logo02 a{display:flex;align-items: center;}
#sec02 .closs{font-size: 15px;color: rgba(0, 0, 0, 0.50);}
#sec02 .intro_01{position:absolute;top:3%;right:4%;width:41%;max-width:222px;z-index:10;}
#sec02 .intro_02{position:absolute;top:55%;left:3%;width:40%;max-width:90px;z-index:10;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec02 .intro{margin-bottom: 24px;}
#sec02 .text{font-size:20px;margin:24px 0;}
#sec02 .logoBox{padding:7px 14px;max-width:217px;}
#sec02 .logo01 img{max-width: 55px;}
#sec02 .logo02 img{max-width: 110px;}
#sec02 .closs{font-size: 10px;}
#sec02 .intro_01{position:absolute;top:4%;right:4%;width:41%;max-width:121px;z-index:3;}
#sec02 .intro_02{position:absolute;top:34%;left:2%;width:40%;max-width:50px;z-index:3;}
}
/*プレミアムナイトの楽しみ方*/
#sec03 h2{font-size:32px;text-align:center;}
#sec03 h2 .smallHeading{font-size:16px;display:block;font-weight: 500;}
#sec03 .item{margin:48px auto 0;}
#sec03 .item .imgBox img{border-radius:8px;aspect-ratio: 16/10;object-fit: cover;}
#sec03 .item .text{font-size: 24px;line-height: 38px;margin-top: 48px;}
#sec03 .item p{font-size:18px;line-height: 2;}
#sec03 .item table{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.50);border-bottom: 1px solid rgba(255, 255, 255, 0.50);font-size: 18px;margin-top:48px;font-weight:500;max-width: 350px;}
#sec03 .item th{padding:.5rem;width:150px;}
#sec03 .item .note{font-size:14px;margin-top: 24px;}
#sec03 .intro_02{position:absolute;bottom:18%;right:4%;width:40%;max-width:94px;z-index:3;}
#sec03 .intro_03{position:absolute;bottom:4%;left:12%;width:24%;max-width:152px;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec03 h2{font-size:24px;line-height: 1.6;font-weight:500;}
#sec03 h2 .smallHeading{font-size:14px;margin-bottom: .5rem;color:#E5FAFF;}
#sec03 .item{margin:24px auto 0;}
#sec03 .item h3{font-size:65px;margin-bottom: 2rem;}
#sec03 .item .imgBox{position: relative;z-index: 1;}
#sec03 .item .text{font-size:18px;line-height: 2;margin-top: 24px;}
#sec03 .item p{font-size:14px;}
#sec03 .item table{font-size: 16px;max-width: none;margin-top:24px;}
#sec03 .item th{padding:1rem .5rem;width:80px;}
#sec03 .item .note{margin-top:1rem;}
#sec03 .intro_02{bottom:0;right:-3%;max-width:66px;}
#sec03 .intro_03{bottom:auto;left:8%;max-width:121px;top:0;}
}
/*宿泊者特典オリジナルグッズ*/
#sec04 h2{font-size:32px;margin-bottom: 48px;font-weight: 700;}
#sec04 .text{font-size:16px;line-height:2;}
#sec04 .item{display:flex;align-items: center;gap: 10px;justify-content: space-between;}
#sec04 .item.item02{flex-direction:row;max-width: 580px;padding: 10px 24px;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(148, 230, 251, 0.15);position:relative;z-index:1;}
#sec04 h3{font-size:24px;margin-bottom:10px;}
#sec04 .goods01{max-width:280px;transform: rotate(-5.846deg);flex:1;position:relative;z-index:1;}
#sec04 .goods02{max-width:150px;position:relative;z-index:1;}
#sec04 .goods02 img{border-radius:50%;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec04.bgBlue{background:none;}
#sec04 h2{font-size:24px;text-align:center;margin-bottom: 24px;}
#sec04 .item{flex-direction:column;gap: 1rem;}
#sec04 .item.item02{padding: 10px 8px;justify-content: center;margin-top: 24px;}
#sec04 .text {text-align:left;}
#sec04 .item.item02 .text {font-size:14px;}
#sec04 h3{font-size:18px;margin-bottom:.3rem;}
#sec04 .goods01{max-width:180px;margin:0 auto;transform: rotate(-5.846deg);}
#sec04 .goods02{min-width:100px;margin:0;}
#sec04 .goods02 img{border-radius:50%;}
}
/*期間・対象宿泊施設*/
#sec05 h2{font-size:32px;margin-bottom: 48px;text-align:center;}
#sec05 .text{font-size:16px;line-height:2;margin-bottom:24px;}
#sec05 .text a{color:#fff;}
#sec05 .text a:hover{text-decoration:underLine;}
#sec05 .plan {margin-bottom:60px;text-align:center;}
#sec05 .period {display:flex;justify-content:center;gap:1rem;color:#fff;margin:0 auto;}
#sec05 .period div{background:rgba(148, 230, 251, 0.15);border:1px solid rgba(255, 255, 255, 0.50);border-radius:10px;padding:1rem;width: 50%;}
#sec05 .period p{text-shadow:none;font-size:16px;line-height:1.6;margin-bottom:.5rem;font-weight:400;letter-spacing: initial;}
#sec05 .period p span{font-size:14px;}
#sec05 .period .date{font-weight:700;}
#sec05 .period .date span{font-size:28px;}
#sec05 .title {font-size:18px;padding: 1.2rem .5rem;font-family: "Zen Old Mincho", serif;font-weight:500;}
#sec05 .hotelList-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
#sec05 .hotelList-box:after{content:"";display: block;width:23%;}
#sec05 .hotelList-item{position:relative;width:18%;margin-bottom:20px;transition: all 0.5s 0s ease;}
#sec05 .hotelList-item:hover{opacity:0.75;}
#sec05 .hotelList-item a{position: absolute;z-index: 210;width: 100%;height: 100%;top: 0;left: 0;}
#sec05 .hotelList-item img{border-radius:8px;}
#sec05 h4{line-height: 1.4;font-size:16px;margin-top:.5rem;font-weight:normal;}
#sec05 .intro_02{position:absolute;bottom:0%;right:14%;width:40%;max-width:70px;z-index:3;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec05 .wrap{padding-top:0;padding-bottom:0;}
#sec05 h2{font-size:24px;line-height: 1.6;font-weight:500;margin-bottom: 24px;}
#sec05 .text{text-align:left;}
#sec05 .period {display:flex;flex-direction:column;gap:1rem;text-align:center;width:auto;}
#sec05 .period div{padding: 1rem 0;width: 100%;max-width: 640px;margin: 0 auto;}
#sec05 .period p{font-size:16px;line-height:1.6;margin-bottom:0;}
#sec05 .period p span{font-size:14px;}
#sec05 .period .date span{font-size:28px;}
#sec05 .title {font-size:18px;}
#sec05 .hotelList-box:after{width:47%;}
#sec05 .hotelList-item{position:relative;width:47%;}
#sec05 .hotelList-item a{position: absolute;z-index: 210;width: 100%;height: 100%;top: 0;left: 0;}
#sec05 .intro_02{right:2%;}
}
/*周遊バス*/
#sec06 h2{font-size:32px;text-align:center;margin-bottom: 48px;}
#sec06 .text{font-size:16px;text-align:center;line-height:2;margin-bottom:24px;}
#sec06 .text a{color:#fff;}
#sec06 .text a:hover{text-decoration:underLine;}
.busSchedule{margin-top:32px;}
.busSchedule div{display: flex; gap: 16px; justify-content: center;}
.busSchedule h3{text-align: center;margin-bottom:24px;font-size: 24px;letter-spacing: 1px;}
#sec06 h4{text-align: center;letter-spacing: 1px;}
.busSchedule .btnBox.link{margin-top:0 !important;}
/* SmartPhone */
@media screen and (max-width: 825px){
#sec06 .wrap{padding-top:0;padding-bottom:0;}
#sec06 h2{font-size:24px;line-height: 1.6;font-weight:500;margin-bottom: 24px;}
#sec06 .text{text-align:left;}
.busSchedule div{flex-direction: column;}
}
/*よくあるご質問*/
#sec07 h2{font-size:32px;text-align:center;line-height: 1.8;margin-bottom: 48px;font-weight: 500;}
#sec07 h2 .smallHeading {font-size: 16px;color: #E5FAFF;display: block;}
#sec07 .title{display:flex;padding: 2rem .5rem 2rem;}
#sec07 .title .qa{margin-right: 1.7rem;}
#sec07 .title p{font-size:16px;width:90%;line-height:2;letter-spacing: initial;margin-bottom: 0;}
#sec07 .box{padding: .5rem .5rem 1rem;}
#sec07 .box > *{float:left;}
#nightaquaEvent #sec07 .box p{width:90%;line-height:2;letter-spacing: initial;}
#sec07 .qa{font-size:22px;margin-right:2rem;line-height:1.4;}
#sec07 a{color: #fff;}
/* SmartPhone */
@media screen and (max-width:825px){
#sec07 .wrap{padding-top:0px;}
#sec07 h2{font-size:24px;margin-bottom: 24px;}
#sec07 h2 .smallHeading {font-size: 14px;margin-bottom: .5rem;}
#sec07 .title {padding:1.2rem 3rem 1.2rem .5rem;}
#sec07 .title::before,
#sec07 .title::after{top:34px;}
#sec07 .qa{margin-right:0.5rem;}
#sec07 .title .qa{margin-right: .3rem;}
}
/*お問い合わせ*/
#sec08{background: url(../img/event_nightaquarium/2025/bg_footer.png?1) 0 0 no-repeat;background-size: cover;background-position: center;}
#sec08 p{letter-spacing: .1rem;}
#sec08 .wrap{text-align:center;padding:20px 0;}
#sec08 .contactTtl{font-size:24px;margin-bottom:.2rem;font-weight: 700;}
#sec08 .contactText{font-size:16px;line-height:2.0;}
#sec08 .contactText a{font-size:16px;color:#37A4BB;text-decoration:none;}
#sec08 .intro_01{position:absolute;bottom:0;left:27%;width:41%;max-width:49px;z-index:10;}
#sec08 .intro_02{position:absolute;top:0;right:24%;width:40%;max-width:25px;z-index:10;}
@media screen and (max-width:825px){
#sec08 .contactTtl{font-size:18px;}
#sec08 .intro_01{bottom:6%;left:4%;}
#sec08 .intro_02{top:12%;right:5%;}
}
/* ----------------------------------------
* header
* ---------------------------------------- */
#header{ position:absolute;background:none; height:auto;z-index: 998;}
#header .wrap{width:100%;}
#header .logo{background:none;left:40px;width:150px;}
#header .logo .night{opacity:1;width:100%;position: absolute;}
#header .logo .day{opacity:0;width:100%;position: absolute;}
#header.open .logo .night{opacity:0;}
#header.open .logo .day{opacity:1;transition:all 3.5s;}
#header .honyaku{position:absolute;z-index:10;width:75px;left: auto;right: 230px;top:10px;}
#headerNav{ display:none;}
#headerNav .tobaHotelList{ visibility: hidden}
#headerNav .event{ visibility: hidden}
#headerNav .sightseeing{ visibility: hidden}
#headerNav .tobaCider{ visibility: hidden}
#headerNav .access{ visibility: hidden}
#headerNav .contact{ visibility: hidden}
#headerNav a{ font-weight:bold; text-decoration:none; color:#000;}
#headerNav a:hover { color:#f57cb9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.spNavbtn {display:block !important;position:fixed;top: 10px;right:40px;z-index: 999;width:30px;height:30px;background: #fff;padding: 6px;border-radius: 4px;}
.spNavbtn img{ width:30px; height:30px;}
.none{ display:none;}
.instagramLink {position: absolute;top: 10px;right: 140px;width: 32px;height: 32px;text-align: center;}
.onlineShop {position: absolute;top: 10px;right: 100px;width: 32px;height: 32px;text-align: center;}
.instagramLink a,
.onlineShop a{padding: 0;font-size: 15px;height: 100%;display: flex;align-items: center;justify-content: space-around;}
.instagramLink img{margin:0;width: 22px;}
.onlineShop img{margin:0;}
.instagramLink img,
.onlineShop img{margin:0; width: 14px;}
#spNavmenu {display:none;position:fixed;top:0;left:0;width:100%;height:100svh;background:#fff;z-index:998;margin:0;}
#spNavmenu.open {display:flex;flex-direction:column;}
#spNavmenu .logo {width:120px;margin:10px auto;flex:0 0 auto;}
#spNavmenu .logo img {width:100%;}
#spNavmenu ul {flex:1 1 auto;overflow-y:auto;padding:1rem 0 80px;margin:0;list-style:none;background:#fff;}
#spNavmenu li {display:block;position:relative;z-index:8;height:50px;line-height:50px;text-align:center;border-bottom:1px dotted #ddd;color:#F5568C;}
#spNavmenu li:first-child {border-top:1px dotted #ddd;}
#spNavmenu a {position:relative;display:block;color:#F5568C;text-decoration:none;}
@media screen and (max-width: 825px) {
#header .logo{width:96px;left:0;}
#header .logo a { position:absolute;z-index:210;width:100%;height:100%;top:0;left:0;}
#header .honyaku{margin: 0;top: 10px;left: 10px;right: auto;}
#headerNav{ display:none;}
#headerNav .tobaHotelList{ visibility: hidden}
#headerNav .event{ visibility: hidden}
#headerNav .sightseeing{ visibility: hidden}
#headerNav .tobaCider{ visibility: hidden}
#headerNav .access{ visibility: hidden}
#headerNav .contact{ visibility: hidden}
#headerNav a{ font-weight:bold; text-decoration:none; color:#000;}
#headerNav a:hover { color:#f57cb9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.spNavbtn {margin:0;top: 10px; right: 10px;}
.spNavbtn img{ width:30px; height:30px;}
.none{ display:none;}
.instagramLink {right: 100px;}
.onlineShop {right: 60px;}
}
/* ----------------------------------------
* 下部バナー
* ---------------------------------------- */
#btmbnrContents{background:#47A1D0;padding: 15px 0;}
#btmbnrContents .btmbnr li img{ width:100%;}
@media screen and (min-width: 826px) {
#btmbnrContents .wrap{width: 100%;}
#btmbnrContents .btmbnr {margin: 10px auto;display:flex;gap: 10px;justify-content: center;}
#btmbnrContents .btmbnr li{ max-width: 185px;width: 100%;margin: 0;}
}
@media screen and (max-width: 825px) {
#btmbnrContents .btmbnr {display:flex;flex-wrap:wrap;justify-content:space-between;}
#btmbnrContents .btmbnr li{ width:49%;}
}
/* ----------------------------------------
* footer
* ---------------------------------------- */
#footer{ font-family: "Zen Kaku Gothic New", sans-serif;background:transparent; font-size:16px;color:#fff;}
#footer .wrap{ max-width:1280px;width:100%;}
#footer .footerNav li { width: 165px !important;background: url(../img/event_nightaquarium/2025/footer_arrow.png) 100% 50% no-repeat;}
#footer .footerNav a { display:block; text-decoration:none; color:#fff; padding:15px;}
#copy{ position:relative; z-index:200; background:rgba(38, 72, 123, 0.30); padding:5px; color:#fff; font-size:10px; text-align:center;}
#footer .address{position: static;width:330px; text-align:left;}
@media screen and (min-width: 826px) {
#footer .footerNav {flex:1;margin:0;}
#footer .wrap{display: flex;justify-content: space-between;align-items: center;}
}
@media screen and (max-width: 825px) {
#footer .footerNav { margin:0 auto;display:flex;flex-wrap:wrap;}
#footer .footerNav li { width:50% !important;background-position: 95% center; border-bottom:1px solid rgba(255, 255, 255, 0.30);}
#footer .footerNav li:nth-child(odd) {border-right:1px solid rgba(255, 255, 255, 0.30);}
#footer .address{padding: 30px 20px; margin:0 auto;font-size: 16px;}
}
/* 改行 */
@media(max-width:1399px){/*
につける。改行をなくす*/.brNoneXL{display:none;}/*につける。改行をいれる*/.spBlockXL{display:block;}}
@media(max-width:1199px){.brNoneL{display:none;}.spBlockL{display:block;}}
@media(max-width:825px){.brNoneM{display:none;}.spBlockM{display:block;}}
@media(max-width:639px){.brNoneS{display:none;}.spBlockS{display:block;}}
@media(max-width:479px){.brNoneXS{display:none;}.spBlockXS{display:block;}}