/*-------------------------------------------------------------------------- 共通部分 ---------------------------------------------------------------------- */

body{
    color: #fff;
    box-sizing: content-box;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    padding: 0;
    margin: 0;
    margin-top: -30px;
}

img{
    width: 100%;
}

h1,
h2,
h3{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

h4{
    font-size: 32px;
    text-align: center;
    line-height: 46px;
    margin-bottom: 54px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

h5{
    font-size: 24px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

h6{
    font-size: 20px;
    color: #D2E634;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
}

p{
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

a{
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

a:hover{
    opacity: 0.8;
    transition: all .4s;
}

.btn{
    width: 200px;
    border: 1px solid #AFD1FF;
    border-radius: 3px;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    text-align: center;
}

.btn a{
    display: inline-block;
    width: 100%;
    color: #AFD1FF;
    text-shadow: 0 0 12px #FFFFFF9A;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.btn2{
    width: 180px;
    height: 32px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
}

.btn2 a{
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.btn:hover,
.btn2:hover{
    opacity: .7;
    transition: .2s;
}

.clear:after{
    content: "";
    display: block;
    clear: both;
}

.wrapper1{
	background: #00AFD9;
    background-image: url(../images/bc1.png);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 0 62px 0;
}

.wrapper2{
    background: linear-gradient(#00408B, #011C5A);
    padding: 63px 0 72px 0;
    overflow: hidden;
}

/* .Wrap{
    padding: 0 20px;
} */

@media (min-width: 769px) {
    .sp{
        display: none;
    }
}


@media (max-width: 768px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    .Wrap{
        width: 88%;
        margin: 0 auto;
        padding: 0;
    }

    h4{
        font-size: 28px;
    }

    .wrapper1 {
	    background-size: auto;
	}
}

@media (max-width: 480px) {
	.wrapper1{
        background-image: url(../images/sp-bc1.png);
    }

}

/* ---------- ドロワーナビ（ページ毎に記述） ---------- */

.drawer{
    position: relative;
    z-index: 1010;
}

.drawer .drawer-nav .scroll{
    padding-bottom: 5%;
}

.drawer .logo{
    text-align: center;
    margin-top: 72px;
    margin-bottom: 98px;
}

.drawer .logo img{
    max-width: 142px;
    margin-bottom: 16px;
}

.drawer .logo .txt{
    display: inline-block;
    text-align: center;
    padding: 6px 130px;
    background-color: rgba(255, 255, 255, .1);
}

.drawer .logo .txt p{
    color: #AFD1FF;
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 40px;
}

.drawer .drawer-menu .wrap{
    display: flex;
    justify-content: space-between;
    max-width: 984px;
    margin: 0 auto;
}

.drawer .drawer-menu-item{
    font-size: 26px;
    line-height: 38px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.drawer .drawer-menu-item:hover{
    text-decoration: none;
}

.drawer .drawer-night{
    font-size: 30px;
    line-height: 42px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.drawer .drawer-menu .btn2{
    border: 1px solid #B0D2FD;
}

.drawer .drawer-menu .btn2 a{
    font-size: 14px;
    color: #B0D2FD;
    line-height: 22px;
    text-shadow: 0 0 12px #FFFFFF9A;
    vertical-align: baseline;
}

.drawer .drawer-nav .bc{
    margin-top: 68px;
    background-color: #00226F;
    padding: 64px 0 42px 0;
}

.drawer .bc .con{
    max-width: 802px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.drawer .bc .con dl{
    display: flex;
    color: #B0D2FD;
}

.drawer .bc .con dl a{
    color: #B0D2FD;
}

.drawer .bc .con dt{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    padding-right: 20px;
}

.drawer .bc .con dd{
    border-left: 1px solid #AFD1FF;
    padding-left: 20px;
}

.drawer .bc .con dd p{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
}

.drawer .bc .con dd p + p{
    margin-top: 26px;
}

.drawer .bc .box dl{
    margin-bottom: 66px;
}

.drawer .bc .box ul{
    display: flex;
}

.drawer .bc .box ul a{
    color:  #AFD1FF;
}

.drawer .bc .box ul a + a{
    margin-left: 26px;
}

@media (max-width: 768px) {
    .drawer .drawer-nav .scroll{
        padding-bottom: 20%;
    }

    .drawer .drawer-menu .wrap{
        display: block;
        max-width: 200px;
        text-align: center;
        margin-top: 80px;
    }

    .drawer .drawer-menu-item{
        font-size: 22px;
        line-height: 38px;
    }

    .drawer .drawer-menu .btn2{
        display: none;
    }

    .drawer .drawer-nav .bc{
        margin-top: 40px;
    }

    .drawer .bc .con{
	    max-width: 300px;
		margin: 0 auto;
        display: block;
    }

    .drawer .bc .con dt{
        width: 140px;
        font-size: 16px;
        text-align: right;
    }

    .drawer .bc .con dd p{
        font-size: 16px;
    }

    .drawer .bc .box{
        margin-top: 32px;
    }

    .drawer .bc .box ul{
        width: 230px;
        margin: 0 auto;
    }

}

@media (max-width: 480px) {
	.drawer .logo .txt {
        display: none;
    }

    .drawer .logo {
	    width: 100px;
	    margin: 20px 30px -50px;
    }
}

/* ---------- ヘッダーナビ（ページ毎に記述） ---------- */

.navi {
	position: fixed;
	top: 0;
  right: 0;
  background-color: #D2E634;
  width: 100%;
  z-index: 1000;
  align-items: center;
}

.navi img{
	max-width: 98px;
	padding: 5px 0 5px 20px;
}

@media (max-width: 768px) {
			.navi img {
	    padding: 8px;
	}
}

/* ---------- コンテンツ内 ---------- */

/*  main1  */
.main1{
    padding: 0;
    margin-top: 85px;
}

.main2,.main3,.main4{
    margin-top: 85px;
}

.main .top-logo,
.main4 .top-logo{
    position: absolute;
    top: 50px;
    left: 20px;
    max-width: 280px;
}

#home .wrapper1{
    margin-top: -10px;
}

/* message */
.msg{
    margin-bottom: 88px;
    position: relative;
}

.msg h1 img {
	margin: 0 auto;
    width: 267px;
}

.msg .box{
    text-align: center;
}

.msg .fish1{
    width: 180px;
    position: absolute;
    top: -3%;
    left: 18%;
    z-index: 10;
    -webkit-animation:fish1 5s ease-in-out infinite alternate;
    animation:fish1 3s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

@-webkit-keyframes fish1 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 35px);
    }
   }
   @keyframes fish1 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 35px);
    }
   }

.msg .fish2{
    width: 160px;
    position: absolute;
    top: 30%;
    right: 10%;
    z-index: 10;
    -webkit-animation:fish2 6s ease-in-out infinite alternate;
    animation:fish2 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

@-webkit-keyframes fish2 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 25px);
    }
   }
   @keyframes fish2 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 25px);
    }
   }

.msg .fish3{
    width: 130px;
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 10;
    animation-name: fish3;
    animation-duration: 24s;
    animation-timing-function: linear;
    animation-direction: normal;
}

@-webkit-keyframes fish3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
   }
   @keyframes fish3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
   }

.msg h1{
    font-size: 63px;
    text-shadow: 0 0 16px #FFFFFF91;
    line-height: 93px;
    position: relative;
    z-index: 100;
}

.msg h2{
    display: inline-block;
    color: #AFD1FF;
    font-size: 38px;
    border-top: 1px solid #B5D1FB;
    border-bottom: 1px solid #B5D1FB;
    padding: 20px 0 14px 0;
    letter-spacing: 2px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    z-index: 100;
}
.msg h3 {
	font-size: 24px;
	line-height: 36px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	margin-top:44px;
	letter-spacing: .1em;
}

.msg p{
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 32px;
    margin-top: 40px;
    position: relative;
    z-index: 100;
}

.msg p:last-child{
    font-size: 22px;
    line-height: 48px;
    margin-top: 60px;
    letter-spacing: 0px;
}

.msg p span{
		color: #D2E634;
}

@media (max-width: 768px) {

    .msg .fish1{
        width: 18%;
        top: 7%;
        left: -3%;
    }

    .msg h3 {
    font-size: 20px;
    margin-top: 32px;
    }

    @-webkit-keyframes fish1 {
        0% {
            transform: translate(0, 0px);
        }
        100% {
            transform: translate(0, 20px);
        }
       }
       @keyframes fish1 {
        0% {
            transform: translate(0, 0px);
        }
        100% {
            transform: translate(0, 20px);
        }
       }

    .msg .fish2{
        width: 18%;
        top: 50%;
        right: 0;
    }

    @-webkit-keyframes fish2 {
        0% {
            transform: translate(0, 0px);
        }
        100% {
            transform: translate(0, 15px);
        }
       }
       @keyframes fish2 {
        0% {
            transform: translate(0, 0px);
        }
        100% {
            transform: translate(0, 15px);
        }
       }

    .msg .fish3{
        width: 16%;
        position: absolute;
        top: 70%;
        left: 0;
        z-index: 10;
        animation-name: fish3;
        animation-duration: 26s;
        animation-timing-function: linear;
        animation-direction: normal;
    }

    @-webkit-keyframes fish3 {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
       }
       @keyframes fish3 {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
       }

    .msg h1{
        font-size: 46px;
        line-height: 80px;
    }

    .msg h2{
        color: #AE80B7;
        font-size: 30px;
        border-top: 1px solid #AE80B7;
        border-bottom: 1px solid #AE80B7;
        padding: 20px 0 14px 0;
        letter-spacing: 1.6px;
    }

    .msg p{
        font-size: 16px;
        letter-spacing: .1em;
        line-height: 32px;
        margin-top: 40px;
    }

    .msg p:last-child{
        font-size: 19px;
    }
}

@media (max-width: 480px) {
	.msg h1 img {
	    margin: 88px auto 80px;
	    width: 200px;
	}
}

/* info */
.info{
    margin-bottom: 72px;
}

.info .wrap{
    max-width: 1092px;
    margin: 0 auto;
}

.info .txt1{
    font-size: 24px;
    line-height: 24px;
    text-shadow: 0 0 8px #FFFFFFE0;
    text-align: center;
    margin-bottom: 6px;
    font-family: 'Damion', cursive;
}

.info .day >  p:first-child{
    color: #D2E634;
}

.info .night > p:first-child{
    color: #AFD1FF;
}

.info h3{
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 8px;
}

.info .day h3{
    color: #D2E634;
}

.info .night h3{
    color: #AFD1FF;
}

.info .wrap .box .txt{
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 14px;
}

.info .txt p{
    font-size: 18px;
    line-height: 24px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.info .box{
    float: left;
    width: 48%;
}

.info .box + .box{
    margin-left: 4%;
}

.info .btn{
    margin: 0 auto;
    margin-top: 24px;
    border: 1px solid #FFFFFF;
}

.info .btn a{
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .info .box{
        float: none;
        width: 100%;
    }

    .info .box + .box{
        margin-left: 0;
        margin-top: 90px;
    }

    .info h3{
        font-size: 36px;
    }
}

/* banner */
section.bnr{
    max-width: 810px;
    margin: 0 auto;
}

section.bnr .page {
	margin: 130px 0 80px;
}

.bnr img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
    background: none !important;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
    background: none !important;
}

.bnr .swiper-slide img{
    padding: 0 10%;
}

 .bnr .swiper-button-prev::after,
 .bnr .swiper-button-next::after{
    content: "" !important;
    display: block;
    margin-top: 10px;
    width: 15px;
    height: 15px;
    border-top: solid 2px #B0D2FD;
    border-right: solid 2px #B0D2FD;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bnr .swiper-button-prev::after{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (max-width: 768px) {
    section.bnr{
        width: 100%;
    }

    .bnr img {
    width: 90%;
		}

		section.bnr .page {
		margin: 72px 0 40px;
		}

    .bnr .swiper-slide img{
        padding: 0 10%;
    }

    .bnr .swiper-button-prev::after,
    .bnr .swiper-button-next::after{
        content: "" !important;
        display: block;
        width: 10px;
        height: 10px;
        border-top: solid 2px #B0D2FD;
        border-right: solid 2px #B0D2FD;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .bnr .swiper-button-prev::after{
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

/* spot */
.spot{
    margin-bottom: 158px;
}

.spot .inn{
    padding: 44px 0 28px 0;
    margin-bottom: 32px;
}

.spot .inn1{
    background: url(../images/bc2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.spot .inn2{
    background: url(../images/bc3.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.spot .wrap{
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.spot .wrap2{
    flex-direction: row-reverse;
}

.spot .wrap h6{
    text-align: left;
    font-size: 32px;
    text-shadow: 0 0 14px #FFFFFF9A;
    line-height: 1;
    position: relative;
}


.spot .new1:before{
    content: "";
    display: inline-block;
    width: 1000px;
    height: 1px;
    background-color: #D2E634;
    position: absolute;
    left: -1016px;
    top: 50%;
    transform: translateY(-50%);
}

.spot .new2:after{
    content: "";
    display: inline-block;
    width: 1000px;
    height: 1px;
    background-color: #D2E634;
    position: absolute;
    right: -1016px;
    top: 50%;
    transform: translateY(-50%);
}

.spot .wrap h5{
    line-height: 36px;
    margin-bottom: 6px;
}

.spot .wrap p{
    color: #AFD1FF;
}

.spot .wrap .box > p{
    color: #AFD1FF;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 24px;
    font-family: 'Noto Sans JP', sans-serif;
}

.spot .box .txt{
    max-width: 260px;
    margin-bottom: 30px;
}

.spot .txt p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-family: 'Noto Sans JP', sans-serif;
}

.spot .inn2 .box > h6,
.spot .inn2 .box > h5,
.spot .inn2 .box > p{
    text-align: right;
}

.spot img {
	max-width:335px;
}

@media (max-width: 768px) {
    .spot .wrap{
        width: 82%;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
    }

    .spot .wrap {
    	max-width: 650px;
    }

    .spot .wrap .box{
        margin-top: 26px;
    }

    .spot .inn1{
        background: url(../images/sp-bc2.png);
        background-repeat: no-repeat;
        background-size: 95% auto;
    }

    .spot .inn2{
        background: url(../images/sp-bc3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 220px;
    }

    .spot .inn2 .box .txt{
        margin-left: auto;
    }

    .spot .inn2 .box .btn{
        margin-left: auto;
    }

    .spot .inn2{
        margin-left: -30%;
    }

    .spot .inn2 img{
        width: 80%;
        margin-left: 30%;
    }
}
@media (max-width: 480px) {
    .spot .wrap{
    	display: block;
	}

	.spot .inn2 img{
        width: 77%;
	}
}

/* enjoy */
.enjoy{
    margin-bottom: 144px;
}

.enjoy .wrap{
    max-width: 820px;
    margin: 0 auto;
}

.enjoy .box{
    float: left;
    width: 48%;
    height: 540px;
    text-align: center;
    border-radius: 16px;
    padding: 28px 40px 36px 40px;
}

.enjoy .box + .box{
    margin-left: 4%;
}

.enjoy .box p{
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 6px;
    font-family: 'Damion', cursive;
    margin-bottom: 18px;
}

.enjoy .day p{
    color: #D2E634;
}

.enjoy .night p{
    color: #B0D2FD;
}

.enjoy .day{
    background: linear-gradient(#77DBF8, #0091B4);
}

.enjoy .night{
    background: linear-gradient(#00408B, #011C5A);
}

.enjoy h5{
    font-size: 28px;
    line-height: 32px;
    padding: 10px 0 20px 0;
}

.enjoy h5 span{
    font-size: 16px;
    line-height: 32px;
}

.enjoy .day h5{
    color: #011C5A;
    border-top: 1px solid #011C5A;
    border-bottom: 1px solid #011C5A;
}

.enjoy .night h5{
    color: #F7F7F7;
    border-top: 1px solid #F7F7F7;
    border-bottom: 1px solid #F7F7F7;
}

.enjoy .img{
    height: 230px;
    padding-top: 44px;
    margin-bottom: 48px;
}

.enjoy .day img{
    width: 80%;
}

.enjoy .night img{
    width: 80%;
}

.enjoy .btn{
    margin: 0 auto;
}

@media (max-width: 768px) {
    .enjoy{
        margin-bottom: 72px;
    }

    .enjoy .box{
        float: none;
        width: 100%;
        margin: 0 auto;
        height: 480px;
        padding: 22px 20px 18px 20px;
    }

    .enjoy .box + .box{
        margin-left: auto;
        margin-top: 20px;
    }

    .enjoy h5{
        font-size: 26px;
        line-height: 42px;
        padding: 0;
    }

    .enjoy .day h5{
        color: #011C5A;
        border: none;
    }

    .enjoy .night h5{
        color: #F7F7F7;
        border: none;
    }

    .enjoy .img{
        height: 210px;
        padding-top: 12px;
        margin-bottom: 38px;
    }

    .enjoy .day img{
        max-width: 300px;
        width: 90%;
    }

    .enjoy .night img{
        max-width: 250px;
        width: 100%;
        padding-top: 20px;
    }

}

/* ---------- イベント情報 ---------- */

.event > .ttl,
.movie > .ttl{
    background-color: #011C5A;
    padding: 37px 0 27px 0;
    margin-bottom: 64px;
}

.event > .ttl h4,
.movie > .ttl h4{
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.event h6,
.movie h6{
    color: #FFFFFF;
}

.event h4,
.movie h4{
    color: #D2E634;
    font-size: 24px;
    margin-bottom: 0;
}

.event p{
    font-family: 'Noto Sans JP', sans-serif;
}

.event .box{
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
    background-color: #011C5A;
    padding: 40px 0;
    border-radius: 16px;
    margin-bottom: 48px;
}

.event .box .ttl{
    background-color: #D2E634;
    color: #011C5A;
    font-size: 22px;
    padding: 12px 90px;
    margin-bottom: 26px;
}

.event .box .ttl p{
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.event .inn{
    padding: 0 90px;
}

.event .notice{
    color: #B0D2FD;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.8px;
    margin-bottom: 18px;
}

.event dt{
    color: #D2E634;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 16px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.event dd p{
    color: #B0D2FD;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
}

.event .open .date p:first-child{
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 18px;
}

.event table{
    color: #B0D2FD;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 14px;
}

.event table th{
    width: 80px;
}

.event .open .price p{
    color: #AE80B7;
}

.event .open .tic p:first-child{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}

.event .aqua .tic p:first-child{
    margin-bottom: 16px;
    color: #AE80B7;
    font-size: 18px;
}

.event .btn{
    width: auto;
    border: 1px solid #D2E634;
    margin: 0;
    font-size: 18px;
    width: 260px;
    margin-top: 40px;
}

.event .btn a{
    color: #D2E634;
}

.event .aqua .date p{
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 1.8;
    font-weight: bold;
}

.event .aqua .date .txt1{
    margin-top: 18px;
}

.event .aqua .date .txt2{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.6px;
    margin-top: 18px;
}

.event .end {
	margin: 3rem 0;
    color: #D2E634;
    font-size: 18px;
    text-align: center;
}

.event .txts {
		color: #B0D2FD;
	  font-size: 14px;
	  line-height: 24px;
	  letter-spacing: 0.7px;
}

.event dd.present {
		color: #B0D2FD;
	  font-size: 16px;
	  line-height: 24px;
	  letter-spacing: 0.7px;

}


@media (max-width: 768px) {

    .event .box{
        width: 100%;
        background-color: #011C5A;
        padding: 40px 0;
        border-radius: 0;
        margin-bottom: 48px;
    }

    .event .box .ttl{
        font-size: 18px;
        padding: 12px 20px;
        line-height: 26px;
    }

    .event .inn{
        padding: 0 20px;
    }

    .event table th{
        font-size: 16px;
    }

    .event .tic p:first-child{
        font-size: 18px;
    }

    .event .btn{
        margin: 0 auto;
        margin-top: 30px;
    }

    .event .end {
	     font-size: 16px;
	  }
	  .event .aqua .date p{
	    font-size: 16px;
}
}


/* ---------- 動画セクション（動画完成後公開箇所） ---------- */
.movie{
    margin-bottom: 170px;
}

.movie .wrap{
    max-width: 1092px;
    margin: 0 auto;
}

.movie .box{
    float: left;
    width: 32%;
}

.movie .box + .box{
    margin-left: 2%;
}

@media (max-width: 768px) {
    .movie{
        margin-bottom: 100px;
    }

    .movie .box{
        float: none;
        max-width: 600px;
        width: 78%;
        margin: 0 auto;
    }

    .movie .box + .box{
        margin-left: auto;
        margin-top: 30px;
    }
}

/* ---------- シェアボタン ---------- */

.share{
    margin-bottom: 72px;
    margin-top: 100px;
}

.share .wrap{
    max-width: 618px;
    margin: 0 auto;
}

.share .btn{
    width: 32%;
    float: left;
}

.share .btn + .btn{
    margin-left: 2%;
}

@media (max-width: 768px) {
    .share{
        margin-bottom: 20px;
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
	.share .btn{
        float: none;
        width: 200px;
        margin: 0 auto;
    }

    .share .btn + .btn{
        margin-left: auto;
        margin-top: 28px;
    }
}


/* ---------- フッター ---------- */
footer{
    background-color: #001138;
    padding: 92px 0 14px 0;
    color: #AFD1FF;
}

footer a{
    color: #AFD1FF;
}

footer .wrap{
    max-width: 940px;
    margin: 0 auto;
    margin-bottom: 74px;
}

footer .box1{
    float: left;
}

footer .box2{
    float: right;
}

footer .renew{
    background-color: rgba(255, 255, 255, .1);
    color: #AFD1FF;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.9px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 50px;
}

footer .inner p{
    font-family: 'Noto Sans JP', sans-serif;
}

footer .txt1{
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 18px;
}

footer .txt2{
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: .02em;
    line-height: 1.2rem;
}

footer .txt3{
    font-size: 16px;
    margin-bottom: 14px;
}

footer .txt3 a{
    font-size: 28px;
    vertical-align: bottom;
}

footer .txt4{
    margin-bottom: 14px;
    font-size: 16px;
}

footer ul{
    margin-bottom: 80px;
}

footer .icon a{
    float: left;
}

footer .icon a + a{
    margin-left: 26px;
}

footer .con table{
    border-collapse: separate;
    border-spacing: 0 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

footer table tr{
    padding: 10px;
}

footer table th{
    width: 100px;
    text-align: left;
}

footer table td{
    line-height: 20px;
}

footer .time .link{
    text-decoration: underline;
}

footer .acc .btn2{
    float: left;
}

footer .acc .btn2 + .btn2{
    margin-left: 20px;
}

footer .tic .btn2{
    width: 220px;
    background-color: #AFD1FF;
    border: none;
}

footer .tic .btn2 a{
    color: #011C5A;
}

footer > p:last-child{
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.6px;
    padding-bottom: 20px;
}

@media (max-width: 768px) {

    footer .box1{
        float: none;
    }

    footer .box2{
        float: none;
    }

    footer .box2 .con{
        max-width: 320px;
        margin: 0 auto;
    }

    footer .box1 .img{
        text-align: center;
    }

    footer .box1 img{
        width: 200px;
    }

    footer .renew{
        width: 200px;
        font-size: 15px;
        margin: 0 auto;
        margin-top: 12px;
        margin-bottom: 50px;
    }

    footer .inner{
        max-width: 320px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    footer .icon{
        max-width: 260px;
        margin: 0 auto;
    }

    footer table th{
        width: 80px;
    }

    footer table th,td{
        font-size: 14px;
    }

    footer .acc .btn2{
        float: none;
    }

    footer .acc .btn2 + .btn2{
        margin-left: 0;
        margin-top: 16px;
    }

    footer > p:last-child {
	    line-height: 1.2rem;
	}
}

/* ---------- トップへ戻るボタン ---------- */
.to-top{
    position: fixed;
    bottom: 20px;
    right: 40px;
    display: none;
    z-index: 1000;
}

.to-top:hover{
    cursor: pointer;
    opacity: .7;
    transition: all .3s;
}

.to-top img{
    width: 100px;
}

@media (max-width: 768px) {
    .to-top{
        right: 10px;
        bottom: 10px;
    }

    .to-top img{
        width: 80px;
    }
}

/*-------------------------------------------------------------------------- fish ---------------------------------------------------------------------- */
#fish{
    background: linear-gradient(#00408B, #011C5A);
    background-repeat: no-repeat;
}

/* move */
.move{
    background:radial-gradient(#003480, #001545);
    text-align: center;
    padding: 84px 0 98px 0;
}

.move .box p{
    font-size: 32px;
    line-height: 48px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 68px;
}

.move .box img{
    width: 568px;
}

@media (max-width: 768px) {
    .move{
        padding: 62px 0 72px 0;
    }

    .move .box p{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 34px;
    }

    .move .box img{
        max-width: 600px;
        width: 80%;
    }
}

/* space */
.space{
    background: url(../images/bc4.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 62px 0 80px 0;
}

.space .ttl{
    text-align: center;
    margin-top: 18px;
    margin-bottom: 66px;
}

.space .ttl img{
    width: 380px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.space h4{
    font-size: 48px;
    letter-spacing: 4.8px;
    line-height: 72px;
    margin-bottom: 56px;
}

.space .box{
    float: left;
    width: 36%;
    margin-left: 6%;
}

.space .inn{
    max-width: 500px;
    width: 90%;
    margin-right: 8%;
}

.space .inn2{
    margin-top: 60px;
    margin-left: 70px;
}

.space h3{
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 77px;
}

.space h5{
    color: #D2E634;
    font-size: 24px;
    border-bottom: 1px solid #B0D2FD;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.space p{
    color: #B0D2FD;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
}

.space .clear {
    max-width: 1029px;
    margin: 0 auto;
}

.space .clear .img{
    float: right;
    width: 50%;
    margin-right: 3%;
}

@media (max-width: 768px) {
    .space .ttl{
        text-align: center;
        margin-top: 8px;
        margin-bottom: 38px;
    }

    .space .ttl img{
        max-width: 270px;
        text-align: center;
    }

    .space h4{
        font-size: 40px;
        margin-bottom: 38px;
    }

    .space .box{
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .space .inn{
        margin: 0 auto;
    }

    .space .inn2{
        margin: 0 auto;
        margin-top: 60px;
    }

    .space h3{
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        margin-top: 24px;
        margin-bottom: 46px;
    }

    .space .clear .img{
        float: none;
        max-width: 500px;
        width: 80%;
        margin: 0 auto;
        margin-top: 40px;
    }
}

/* season */
.season{
    padding: 110px 0 90px 0;
}

.season h5{
    color: #D2E634;
    text-align: center;
    margin-bottom: 48px;
}

.season .txt{
    max-width: 600px;
    width: 80%;
    margin: 0 auto;
}

.season .txt p{
    color: #AFD1FF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.season .slide{
    margin-top: 50px;
}

.season .slick-slide{
    margin-left: 40px;
    outline: none;
}

.season .slick-slide:nth-child(odd){
    margin-top: 30px;
}

.season .txt1{
    color: #AFD1FF;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 2.4px;
    line-height: 34px;
    margin-top: 10px;
}

.season img{
    box-shadow: 0 0 24px #FFFFFF40;
}

@media (max-width: 768px) {
    .season{
        padding: 40px 0;
    }

    .season h5{
        font-size: 22px;
        margin-bottom: 48px;
    }

    .season .slick-slide{
        margin-left: 30px;
    }

    .season .txt p{
        font-size: 12px;
        line-height: 18px;
    }

    .season .txt1{
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 22px;
    }
}

/* book */

.book{
    background: url(../images/bc-book.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 84px 0;
    padding-bottom: 780px;
}

.book .wrap{
    margin-top: 250px;
}

.book li a{
    outline: none;
}

.book h6{
    color: #B0D2FD;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
}

.book h4{
    color: #D2E634;
    font-size: 28px;
    letter-spacing: 5.6px;
    line-height: 42px;
    margin-bottom: 40px;
}


.book #slick-slide-control00,
.book #slick-slide-control01,
.book #slick-slide-control02,
.book #slick-slide-control03,
.book #slick-slide-control04{
    color: transparent;
    background-color: transparent;
    border: none;
    display: inline;
    outline: none;
    font-size: 10px;
}


.book #slick-slide-control01{
    -webkit-animation:camera 4s ease-in-out infinite alternate;
    animation:camera 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.book #slick-slide-control03{
    -webkit-animation:camera 3s ease-in-out infinite alternate;
    animation:camera 3s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

@-webkit-keyframes camera {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 20px);
    }
   }
   @keyframes camera {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 20px);
    }
   }

.book #slick-slide-control00{
    -webkit-animation:camera2 4s ease-in-out infinite alternate;
    animation:camera2 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.book #slick-slide-control02{
    -webkit-animation:camera2 5s ease-in-out infinite alternate;
    animation:camera2 5s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.book #slick-slide-control04{
    -webkit-animation:camera2 4s ease-in-out infinite alternate;
    animation:camera2 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

@-webkit-keyframes camera2 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -20px);
    }
   }
   @keyframes camera2 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -20px);
    }
   }

.book #slick-slide-control00:hover,
.book #slick-slide-control01:hover,
.book #slick-slide-control02:hover,
.book #slick-slide-control03:hover,
.book #slick-slide-control04:hover{
    cursor: pointer;
    opacity: 0.7;
    transition: all .3s;
}

.book .slick-dots{
    width: 1000px;
    margin: 0 auto;
    margin-top: -950px;
}

.book .slick-dots li{
    display: inline-block;
}

.book #slick-slide-control00,
.book #slick-slide-control01,
.book #slick-slide-control02,
.book #slick-slide-control03,
.book #slick-slide-control04{
    content: "";
    display: inline-block;
    width: 200px;
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
}

.book #slick-slide-control00{
    background: url(../images/book1.png);
}

.book #slick-slide-control01{
    background: url(../images/book2.png);
    position: relative;
    top: -30px;
}

.book #slick-slide-control02{
    background: url(../images/book3.png);
}

.book #slick-slide-control03{
    background: url(../images/book4.png);
    position: relative;
    top: -30px;
}

.book #slick-slide-control04{
    background: url(../images/book5.png);
    }

.book .slick-slide {
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: scale( .85 );
    outline: none;
}

.slick-slide:hover{
    cursor: pointer;
}

.main1 .slick-slide {
    transform: none;
}

.is--active {
    transform: scale( 1 );
}

.book .card{
    background-color: #151621;
    box-shadow: 0 0 18px #000000BE;
    padding: 27px 52px;
    max-width: 600px;
    width: 99%;
    height: 680px;
    margin: 0 auto;
    margin-top: 40px;
}

.book .card h5{
    text-align: center;
    color: #D2E634;
    font-size: 31px;
    line-height: 46px;
    margin-top: 22px;
}

.book .card h6{
    font-size: 22px;
    letter-spacing: 1.1px;
    line-height: 26px;
    margin-bottom: 20px;
}

.book .card p{
    color: #AFD1FF;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
}

.book figure{
    padding: 0;
    margin: 0;
}

@media (max-width: 1210px) {
    .book #slick-slide-control00:after,
    .book #slick-slide-control01:after,
    .book #slick-slide-control02:after,
    .book #slick-slide-control03:after,
    .book #slick-slide-control04:after{
        width: 190px;
        height: 230px;
        transform: scale(0.9);
   }
}

@media (max-width: 1154px) {

    .book .slick-dots li{
        display: none;
    }

    .book{
        padding-top: 62px;
        padding-bottom: 24px;
    }

    .book .wrap{
        margin-top: 0;
    }

    .book .slick-dots{
        margin-top: 0;
    }

    .book h4{
        margin-bottom: 12px;
    }

}

@media (max-width: 768px) {
    .book{
        padding-top: 62px;
        padding-bottom: 24px;
    }

    .book .wrap{
        margin-top: 0;
    }

    .book .slick-dots{
        margin-top: 0;
    }

    .book h4{
        margin-bottom: 12px;
    }

    .book .card{
        max-width: 379px;
        width: 99%;
        padding: 18px 20px;
        height: 560px;
        margin-top: 20px;
    }

    .book .card h5{
        font-size: 17px;
        margin-bottom: 4px;
        line-height: 24px;
    }

    .book .card h6{
        font-size: 14px;
        margin-bottom: 14px;
        line-height: 14px;
    }

    .book .card p{
        font-size: 12px;
        letter-spacing: 0.7px;
        line-height: 24px;
    }
}

/* spe */
.spe .wrap{
    background: url(../images/spe-bc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.spe .wrap2{
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    padding: 14% 2% 22% 2%;
}

.spe .box1{
    width: 27%;
    text-align: center;
}

.spe .box2{
    width: 65%;
    margin-left: 8%;
}

.spe .box1 .txt1{
    display: inline-block;
    color: #B0D2FD;
    font-size: 20px;
    left: 24px;
    letter-spacing: 1px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #011C5A;
    padding: 9px 40px 2px 40px;
    margin-bottom: 26px;
}

.spe .box1 .txt2{
    font-size: 22px;
    line-height: 36px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 26px;
}

.spe .box1 img{
    width: 150px;
    margin-bottom: 8px;
}

.spe .box1 .txt3{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    color: #AFD1FF;
    margin-bottom: 8px;
}

.spe .wrap{
    position: relative;
}

.spe .box2 img{
    width: 12%;
    position: absolute;
    top: 48%;
    left: 10%;
    -webkit-animation:spe 5s ease-in-out infinite alternate;
    animation:spe 3s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
    max-width: 180px;
}

@-webkit-keyframes spe {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 35px);
    }
   }
   @keyframes spe {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 35px);
    }
   }

.spe .box2 li + li{
    margin-top: 28px;
}

.spe .box2 .txt1{
    color: #AFD1FF;
    font-size: 18px;
    line-height: 40px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.spe .box2 .txt2{
    font-size: 18px;
    line-height: 30px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
}

.spe .box2 .txt3{
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 768px) {
    .spe .wrap{
        background: url(../images/sp-spe-bc.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .spe .wrap2{
        display: block;
        padding: 14% 2% 22% 2%;
    }

    .spe .box1{
        width: 100%;
    }

    .spe .box2{
        width: 100%;
        margin-left: 0;
        padding: 0 4%;
    }

    .spe .box1 .txt1{
        margin-bottom: 10px;
    }

    .spe .box1 .txt2{
        margin-bottom: 16px;
    }

    .spe .box1 .txt3{
        margin-bottom: 16px;
    }

    .spe .box2 .txt1{
        font-size: 16px;
        line-height: 32px;
    }

    .spe .box2 .txt2{
        font-size: 18px;
        line-height: 28px;
    }

    .spe .box2 .txt3{
        font-size: 14px;
        line-height: 24px;
    }
}

/* menu */
.menu{
    margin-bottom: 120px;
}

.menu h6{
    color: #B0D2FD;
}

.menu h4{
    color: #D2E634;
    font-size: 24px;
    letter-spacing: .1em;
}

.menu .wrap{
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.menu .wrap .box{
    width: 46%;
}

.menu p{
    color: #B0D2FD;
    line-height: 24px;
    margin-top: 16px;
    font-family: 'Noto Sans JP', sans-serif;
}

.menu .txt1{
    font-size: 16px;
}

.menu .txt2{
    font-size: 14px;
}

.menu .txt3{
    font-size: 12px;
    text-align: center;
}

@media (max-width: 768px) {
    .menu{
        margin-bottom: 80px;
    }

    .menu h4{
        font-size: 22px;
        margin-bottom: 10px;
    }

    .menu .wrap .box{
        max-width: 300px;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .menu p{
        color: #B0D2FD;
        line-height: 24px;
        margin-top: 10px;
    }

    .menu .txt1{
        font-size: 16px;
    }

    .menu .txt2{
        font-size: 12px;
    }

    .menu .txt3{
        font-size: 11px;
    }
}

/* share */
#fish .share{
    margin-top: 0;
}

/* det */
.det{
	width: 90%;
    margin: 0 auto 86px;
/*     margin-top: 120px; */
}

.det .wrap{
    max-width: 1092px;
    margin: 0 auto;
}

.det .box{
    float: left;
    width: 32%;
}

.det .box + .box{
    margin-left: 2%;
}

@media (max-width: 480px) {
    .det .box{
        float: none;
        width: 80%;
        margin: 0 auto;
    }

    .det .box + .box{
        margin-left: auto;
        margin-top: 30px;
    }

    .menu .wrap{
        display: block;
    }

}

/*-------------------------------------------------------------------------- night ---------------------------------------------------------------------- */
#night{
    background: linear-gradient( #00408B, #011C5A);
}

.bc-wrap{
    background:radial-gradient(#003480, #001545);
    padding: 66px 0 88px 0;
}

/* note */
.note{
    text-align: center;
}

.note .box .txt1{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 36px;
}

.note .box h1{
    font-size: 72px;
    letter-spacing: 2.88px;
    line-height: 100px;
    color: #AFD1FF;
    text-shadow: 0 0 8px #FFFFFFE0;
    text-align: center;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
}
}

.note .box .txt2{
    color: #B0D2FD;
    font-size: 28px;
    letter-spacing: .05em;
    line-height: 36px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 24px;
}

.note .box .txt3{
    color: #B0D2FD;
    font-size: 28px;
    letter-spacing: .05em;
    line-height: 24px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 10px;
}

.note .box .txt4{
    color: #B0D2FD;
    font-size: 12px;
    letter-spacing: .05em;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 82px;
}

.note .box .txt5{
    color: #AE80B7;
    font-size: 28px;
    letter-spacing: .05em;
    line-height: 24px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 28px;
}

.note .btn{
    width: auto;
    border: 1px solid #D2E634;
    margin: 0;
    font-size: 18px;
    width: 260px;
    margin: 0 auto;
}

.note .btn a{
    color: #D2E634;
}

@media (max-width: 768px) {
    .bc-wrap{
        padding: 48px 0 72px 0;
    }

    .note{
        padding: 42px 2% 0 2%;
    }

    .note .box .txt1{
        font-size: 16px;
        line-height: 24px;
    }

    .note .box h1{
        font-size: 48px;
        letter-spacing: 1.44px;
        line-height: 72px;
        margin-bottom: 18px;
    }

    .note .box .txt2{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .note .box .txt3{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .note .box .txt4{
        font-size: 11px;
        line-height: 24px;
        margin-bottom: 58px;
    }

    .note .box .txt5{
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 28px;
    }

    .note .btn{
        font-size: 14px;
        width: 200px;
    }
}

/* move2 */
.move2{
    text-align: center;
    margin-top: 72px;
}

.move2 .box p{
    font-size: 24px;
    line-height: 36px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 28px;
}

.move2 .box img{
    max-width: 568px;
}

@media (max-width: 768px) {
    .move2{
        margin-top: 28px;
    }

    .move2 .box p{
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 18px;
    }

    .move2 .box img{
        max-width: 600px;
        width: 80%;
    }
}

/* live */

.live{
    background: url(../images/bc-live.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 54px;
}

.live .con{
    background-color: rgba(21, 22, 33, .35);
    max-width: 1088px;
    width: 90%;
    margin: 0 auto;
    padding: 144px 40px 0 40px;
    margin-bottom: 64px;
}

.live h2{
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-family: "ten-mincho", serif;
    margin-bottom: 8px;
    margin-top: 8px;
}

.live h2.em{
    margin-bottom: 120px;
    font-size: 42px;
    line-height: 62px;

}

.live .con .txt{
    max-width: 560px;
    margin: 0 auto;
    margin-bottom: 200px;
}

.live .txt p{
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 36px;
}

.live .inn{
    display: flex;
}

.live .wrap{
    width: 48%;
}

.live .wrap2{
    margin-top: -60px;
    margin-left: 4%;
}

.live .box{
    margin-bottom: 64px;
}

.live .inn .ex{
    border: 1px solid #D6E459;
    border-radius: 16px;
    box-shadow: 0 0 10px #FFFFFFD0;
    padding: 42px 28px;
}

.live .inn h5{
    font-size: 28px;
    color: #D2E634;
    line-height: 42px;
    margin-bottom: 40px;
}

.live .ex .txt1{
    color: #D2E634;
    background-color: #011C5A;
    display: inline-block;
    padding: 5px 15px 5px 5px;
    margin-bottom: 16px;
}

.live .ex .txt2{
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 34px;
}

.live .ex .txt3{
    color: #B0D2FD;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 768px) {
    .live{
        background: url(../images/sp-bc-live.png);
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 32px;
    }

    .live .con{
        padding: 62px 20px 48px 20px;
        width: 100%;
    }

    .live h2{
        font-size: 23px;
        line-height: 42px;
    }

    .live h2.em{
        margin-bottom: 78px;
        font-size: 34px;
        line-height: 50px;
    }

    .live .con .txt{
        margin-bottom: 32px;
    }

    .live .txt p{
        font-size: 14px;
        margin-bottom: 0;
    }

    .live .inn h5{
        font-size: 22px;
        margin-top: 60px;
    }

    .live .inn{
        display: block;
    }

    .live .inn .ex{
        padding: 32px 20px;
    }

    .live .wrap{
        width: 100%;
    }

    .live .wrap2{
        margin: 0;
    }

    .live .box{
        margin-bottom: 32px;
    }

    .live .ex .txt1{
        margin-bottom: 10px;
    }

    .live .ex .txt2{
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .live .ex .txt3{
        font-size: 12px;
    }

}

/* spot2 */
.spot2{
    background-color: rgba(21, 22, 33, .2);
    max-width: 1088px;
    width: 90%;
    margin: 0 auto;
    padding: 60px 4%;
    margin-bottom: 144px;
}

.spot2 h4{
    font-size: 24px;
}

.spot2 p{
    font-family: 'Noto Sans JP', sans-serif;
}

.spot2 .wrap{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 68px;
}

.spot2 .box{
    width: 40%;
}

.spot2 .img{
    width: 48%;
}

.spot2 h5{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
}

.spot2 .box .txt1{
    font-size: 12px;
    line-height: 14px;
    color: #AFD1FF;
}

.spot2 .box .txt2{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.7px;
    color: #AFD1FF;
    margin-bottom: 38px;
}

.spot2 .box .txt3{
    font-size: 16px;
    line-height: 24px;
    color: #D2E634;
    margin-bottom: 10px;
}

.spot2 .box .txt4{
    font-size: 14px;
    line-height: 24px;
    color: #B0D2FD;
    letter-spacing: 0.7px;
}

.spot2 .wrap2 .txt1{
    margin-bottom: 32px;
}

.spot2 .food ul {
    display: flex;
    margin: 0 auto 40px;
    max-width: 776px;
    justify-content: space-between;
}

.spot2 .food ul.mb0 {
	margin-bottom: 0;
}

.spot2 .food li{
/*     width: calc((100% - 2% * 4) / 5); */
    text-align: center;
}

.spot2 .food li + li{
    margin-left: 2%;
}

.spot2 .food img{
/*     width: 90%; */
    margin-bottom: 14px;
}

.spot2 .food .txt1{
    line-height: 18px;
    font-size: 14px;
    color: #B0D2FD;
    height: 50px;
}

.spot2 .food .txt2{
    line-height: 24px;
    font-size: 14px;
    color: #B0D2FD;
}


@media (max-width: 768px) {
    .spot2{
        padding: 40px 6%;
        margin-bottom: 98px;
        width: 100%;
    }

    .spot2 .wrap2{
        margin-bottom: 20px;
    }

    .spot2 h4{
        margin-bottom: 32px;
    }

    .spot2 h5{
        margin-top: 32px;
    }

    .spot2 .wrap{
        display: block;
    }

    .spot2 .box{
        width: 100%;
    }

    .spot2 .img{
        float: none;
        width: 100%;
    }

    .spot2 .txt1{
        font-size: 12px;
        line-height: 14px;
        color: #AFD1FF;
        margin-bottom: 4px;
    }

    .spot2 .txt3{
        font-size: 14px;
        margin-bottom: 4px;
    }

    .spot2 .food li{
        width: calc((100% - 3%) / 2);
        margin-top: 30px;
    }

    .spot2 .food li + li{
        margin-left: 0;
    }

    .spot2 .food li:nth-child(2n){
        margin-left: 3%;
    }

    .spot2 .food img{
        width: 80%;
        margin-bottom: 10px;
    }

    .spot2 .food .txt1{
        font-size: 12px;
        line-height: 18px;
        height: auto;
    }

    .spot2 .food .txt2{
        line-height: 18px;
    }
}
@media (max-width: 480px) {
    .spot2 .food ul{
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }
}

/*-------------------------------------------------------------------------- enjoy ---------------------------------------------------------------------- */
#enjoy{
    background: linear-gradient(#00AFD9, #007B98);
    overflow: hidden;
}

.bc-day{
    background: url(../images/enjoy-bc.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bc-night{
    background: linear-gradient(#00408B, #011C5A);
    overflow: hidden;
}

#enjoy h6{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.course .wrap{
    max-width: 720px;
    margin: 0 auto;
    margin-top: -60px;
    position: relative;
    z-index: 10;
}

.course .box{
    padding: 16px 0;
    text-align: center;
    border-radius: 8px;
    float: left;
    width: 352px;
}

#enjoy .course p{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 12px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.course .day p span{
    font-size: 28px;
    line-height: 32px;
}

.course .night p span{
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 40px;
}

.course .day{
    background-color: #D2E634;
    color: #011C5A;
}

.course .night{
    background-color: #011C5A;
    color: #AFD1FF;
    margin-left: 16px;
}

@media (max-width: 768px) {
    .bc-day{
        background: none;
    }

    .course .box{
        float: none;
        max-width: 352px;
        width: 90%;
        margin: 0 auto;
    }

    .course .night{
        margin-top: 20px;
    }
}

/* 共通 */

#enjoy .co{
    max-width: 904px;
    margin: 0 auto;
}

#enjoy .co .ttl{
    text-align: center;
    margin-top: 62px;
}

#enjoy .co .ttl img{
    display: block;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 14px;
}

#enjoy .co .ttl .txt1{
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    padding: 8px 22px;
    background-color: #031E58;
    border-radius: 16px;
    margin: 0 auto;
    margin-bottom: 32px;
    font-family: 'Noto Sans JP', sans-serif;
}

#enjoy .co .ttl h6{
    color: #FFFFFF;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
}

#enjoy .co .ttl .txt2{
    max-width: 540px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 46px;
}

#enjoy .co .ttl .txt2 p{
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
}

#enjoy .co .img{
    margin-bottom: 48px;
}

#enjoy .inn{
    margin-bottom: 12px;
}

#enjoy .inn .wrap .box{
    float: left;
}

#enjoy .inn .wrap .txt{
    width: 40%;
}

#enjoy .inn .wrap .img{
    width: 54%;
    margin-left: 6%;
}

#enjoy .inn h6{
    text-align: left;
    font-size: 24px;
    line-height: 36px;
}

#enjoy .inn .txt1{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}

#enjoy .inn p.txt2{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .35px;
    font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 768px) {

    #enjoy .co .ttl img{
        width: 150px;
    }

    #enjoy .co .ttl h6{
        font-size: 19px;
        line-height: 32px;
    }

    #enjoy .co .ttl .txt2{
        max-width: 320px;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 32px;
    }

    #enjoy .co .ttl .txt2 p{
        font-size: 14px;
        line-height: 24px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    #enjoy .co .img{
        margin-bottom: 24px;
    }

    #enjoy .inn .wrap .box{
        float: none;
    }

    #enjoy .inn .wrap .txt{
        width: 100%;
    }

    #enjoy .inn .wrap .img{
        width: 100%;
        margin-left: auto;
    }

    #enjoy .inn h6{
        text-align: left;
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px;
    }

    #enjoy .inn .txt1{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    #enjoy .inn .txt2{
        font-size: 12px;
        line-height: 24px;
        letter-spacing: .35px;
        margin-bottom: 24px;
        font-family: 'Noto Sans JP', sans-serif;
    }
}

/* border */
.border{
    padding-top: 70px;
}

.border .wrap{
    background:radial-gradient(rgba(255, 255, 255, .07),rgba(0, 0, 0, .07));
}

.border .day{
    background: url(../images/border1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 3% 0;
}

.border .night{
    background: url(../images/border2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 3% 0;
}

.border .wrap .txt1{
    font-size: 24px;
    line-height: 24px;
    text-shadow: 0 0 8px #FFFFFFE0;
    text-align: center;
    font-family: 'Damion', cursive;
    margin-bottom: 18px;
}

.border .day .txt1{
    color: #D2E634;
}

.border .night .txt1{
    color: #AFD1FF;
}

.border .wrap .txt2{
    text-align: center;
    font-family: "ten-mincho", serif;
    font-size: 16px;
    line-height: 28px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.border .day .txt2{
    color: #011C5A;
}

.border .night .txt2{
    color: #AFD1FF;
}

.border .day .txt2 span{
    font-size: 28px;
}

.border .night .txt2 span{
    display: inline-block;
    font-size: 38px;
    line-height: 24px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    margin-top: 8px;
    letter-spacing: 1.9px;
}

@media (max-width: 768px) {
    .border .day{
        padding: 5% 0;
    }

    .border .night{
        padding: 5% 0;
    }

    .border .wrap .txt1{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .border .wrap .txt2{
        font-size: 13px;
        line-height: 20px;
    }

    .border .day .txt2 span{
        font-size: 23px;
    }

    .border .night .txt2 span{
        font-size: 32px;
        line-height: 24px;
        margin-top: 8px;
        letter-spacing: 1px;
    }
}

/* world */
.world .inn h6{
    color: #011C5A;
    padding: 14px 0;
    border-top: 1px solid #011C5A;
    border-bottom: 1px solid #011C5A;
    margin-bottom: 40px;
}

.world .ttl .txt2 p,
.shark .ttl .txt2 p{
    color: #011C5A;
}

#enjoy .world .slick-list{
    padding: 30px 0 0 0 !important;
}

#enjoy .world .slick-slide:nth-child(even){
    position: relative;
    top: -30px;
}

#enjoy .world .slick-more li img{
    width: 180px;
    border-radius: 50%;
    box-shadow: 0 0 26px #FFFFFF;
    border: 2px solid #B5D1FB;
}

#enjoy .world .slick-more .slick-slide {
    transform: scale( .85 );
    outline: none;
}

#enjoy .world .slick-more li .sinkai{
    transform: rotate(45deg);
}

#enjoy .world .slick-more li p{
    width: 100%;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 18px;
    margin-top: 12px;
}

.world .btn-more{
    margin: 0 auto;
    margin-top: 30px;
}

.iwashi_btn-more {
	margin: 0 0 30px;
}

@media (max-width: 768px) {
    #enjoy .world .slick-more{
        max-width: 768px;
    }

    #enjoy .world .slick-more li img{
        width: 100%;
    }

    #enjoy .world .slick-more li p{
        width: 100%;
        text-align: center;
        font-size: 13px;
    }
}


/* shark */
.shark{
    padding-bottom: 60px;
}

.shark .inn h6{
/*     color: #AFD1FF; */
    margin-bottom: 16px;
}

.shark .list ul{
    display: flex;
    max-width: 1028px;
    margin: 0 auto;
    margin-bottom: 120px;
}

.shark .list li{
    width: calc((100% - 2% * 3) / 5);
    text-align: center;
}

.shark .list li + li{
    margin-left: 2%;
}

.shark .list .txt1{
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 18px;
}

.shark .list .txt2{
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    color: #FFD750;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.shark .list img{
    width: 80%;
    margin-bottom: 20px;
}

.shark .list .txt3{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.shark .shop .wrap{
    display: flex;
    justify-content: space-between;
    max-width: 920px;
    margin: 0 auto;
}

.shark .shop .box{
    width: 46%;
}

.shark .shop .box1{
    margin-top: -60px;
}

.shark .shop .box h6{
    font-family: alternate-gothic-no-2-d, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 44px;
}

.shark .shop .txt1{
    font-size: 14px;
    line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-bottom: 16px;
}

.shark .shop .txt2{
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 12px;
}

@media (max-width: 768px) {
    .shark .list ul{
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }

    .shark .list li{
        width: calc((100% - 5%) / 2);
        margin-bottom: 40px;
    }

    .shark .list li + li{
        margin-left: 0;
    }

    .shark .list li:nth-child(2n){
        margin-left: 5%;
    }

    .shark .list .txt1{
        margin-bottom: 4px;
    }

    .shark .list .txt2{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .shark .list img{
        width: 70%;
        margin-bottom: 10px;
    }

    .shark .list .txt3{
        font-size: 13px;
        line-height: 18px;
    }

    .shark .shop .wrap{
        display: block;
    }

    .shark .shop .box{
        max-width: 450px;
        width: 70%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .shark .shop .box1{
        margin-top: 40px;
    }

    .shark .shop .box h6{
        font-size: 26px;
        line-height: 34px;
    }

    .shark .shop .txt2{
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
    }
}

/* int */
.int{
    padding: 86px 0;
    background-color: #006D86;
}

.int .wrap{
    display: flex;
    justify-content: space-between;
}

.int .box1{
    width: 24%;
    text-align: center;
}

.int .box1 .txt1{
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #B0D2FD;
    background-color: #011C5A;
    padding: 9px 40px 2px 40px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 24px;
}

.int .box1 .txt2{
    font-size: 24px;
    line-height: 36px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 26px;
}

.int .box1 img{
    width: 150px;
    margin-bottom: 8px;
}

.int .box1 .txt3{
    font-size: 12px;
    line-height: 14px;
    font-family: 'Noto Sans JP', sans-serif;
}

.int .box2{
    width: 70%;
}

.int .box2 .txt1{
    color: #AFD1FF;
    font-size: 24px;
    line-height: 36px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.int .box2 .txt2{
    font-size: 18px;
    line-height: 40px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.int .box2 .txt3{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .05em;
    font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 768px) {
    .int{
        padding: 42px 0;
    }

    .int .wrap{
        display: block;
    }

    .int .box1{
        width: 100%;
    }

    .int .box2{
        width: 100%;
    }

    .int .box1 .txt1{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .int .box1 .txt2{
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 14px;
    }

    .int .box1 .txt3{
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 20px;
    }

    .int .box2 .txt1{
        font-size: 20px;
        line-height: 34px;
    }

    .int .box2 .txt2{
        font-size: 18px;
        line-height: 26px;
        margin: 10px 0;
    }

    .int .box2 .txt3{
        font-size: 14px;
        line-height: 22px;
    }

}

/* ocean */
.ocean  .ttl .txt2 p,
.ver  .ttl .txt2 p,
.relax  .ttl .txt2 p{
    color: #AFD1FF;
}

.ocean .inn h6{
    color: #AFD1FF;
    padding: 14px 0;
    border-top: 1px solid #AFD1FF;
    border-bottom: 1px solid #AFD1FF;
    margin-bottom: 30px;
}

/* ver */
#enjoy .ver .img{
    margin-bottom: 20px;
}

#enjoy .img2{
    display: flex;
}

#enjoy .img2 div{
    width: calc(50% -20px / 2);
}

#enjoy .img2 div:last-child{
    margin-left: 20px;
}

/* relax */
.relax{
    margin-bottom: 162px;
}

#enjoy .relax .img{
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    #enjoy .ver .img{
        margin-bottom: 10px;
    }

    #enjoy .img2 div{
        width: calc(50% -10px / 2);
    }

    #enjoy .img2 div:last-child{
        margin-left: 10px;
    }

    #enjoy .relax .img{
        margin-bottom: 10px;
    }

}

/* banner */
/*
#enjoy .bnr{
    margin-bottom: 140px;
}
*/



/*-------------------------------------------------------------------------- error---------------------------------------------------------------------- */
.error{
    padding: 400px 0;
    background: url(../images/bc-404.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
}

.error .img{
    position: absolute;
    width: 130px;
    top: 360px;
    left: 50%;
    margin-left: -65px;
    -webkit-animation:error 6s ease-in-out infinite alternate;
    animation:error 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

@-webkit-keyframes error {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 25px);
    }
   }
   @keyframes error {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 25px);
    }
   }

.error .txt1{
    color: #D2E634;
    font-size: 200px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .05em;
}

.error .txt2{
    color: #D2E634;
    font-size: 32px;
    letter-spacing: .2em;
    line-height: 44px;
    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: -30px;
    margin-bottom: 50px;
}

.error .txt3{
    color: #AFD1FF;
    font-size: 18px;
    line-height: 26px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}

.error .btn{
    margin: 0 auto;
    margin-top: 80px;
}

@media (max-width: 768px) {
    .error{
        padding: 250px 0;
        background: url(../images/sp-bc-404.png);
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        position: relative;
    }

    .error .img{
        position: absolute;
        width: 100px;
        top: 250px;
        margin-left: -50px;
    }

    .error .txt1{
        color: #D2E634;
        font-size: 180px;
    }

    .error .txt2{
        font-size: 28px;
    }

    .error .txt3{
        font-size: 16px;
    }

    .error .btn a{
        font-size: 16px;
    }
}

/*-------------------------------------------------------------------------- iwashi_life ---------------------------------------------------------------------- */
.img_radius {
	border-radius: 16px;
}

.pc_none {
	display: none;
}

.iwashi_life_top p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 1rem;

}

.iwashi_life_top_title {
	margin-bottom: 25px;
	text-align: center;
	font-weight: normal;
}

.iwashi_life_top_title p:nth-child(1) {
	margin-bottom: 7px;
	font-family: alternate-gothic-no-2-d, sans-serif;
	font-size: 24px;
	color: #D2E634;
	position: relative;
}

.iwashi_life_top_title p:nth-child(1)::after {
	content: "";
    display: inline-block;
    width: 1px;
    height: 65px;
    background-color: #fff;
    position: absolute;
    top: -3px;
    left: 75px;
}

.iwashi_life_top_title p:nth-child(2) {
	font-family: ten-mincho, serif;
	font-size: 20px;
	color: #FFFFFF;
	position: relative;
}

.iwashi_life_top_title p:nth-child(2)::after {
	content: "";
    display: inline-block;
    width: 1px;
    height: 65px;
    background-color: #fff;
    position: absolute;
    top: -35px;
    right: 75px;
}


.iwashi_life_top2_left p,
.iwashi_life_point_txt p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	letter-spacing: 0.35px;
	line-height: 24px;
	color: #FFFFFF;
}

.iwashi_life_point_txt p {
    margin-bottom: 20px;
}

.iwashi_life_wrap_top {
	background: transparent linear-gradient(180deg, #00408B 0%, #011C5A 100%);
}

.iwashi_life_wrap1 {
	padding-top: 80px;
	background: transparent linear-gradient(180deg, #00AFD9 0%, #007B98 100%);
}

.iwashi_life_wrap2 {
	padding: 100px 0 150px;
	background: transparent linear-gradient(180deg, #00408B 0%, #011C5A 100%);
}

.iwashi_life_container {
	width: 900px;
	margin: 0 auto;
	padding-top: 100px;
}

.iwashi_life_top {
	max-width: 540px;
	margin: 0 auto 85px;
}

.iwashi_life_top h1 {
	margin-bottom: 40px;
	font-family: ten-mincho, serif;
	line-height: 35px;
	font-size: 24px;
	text-align: center;
}

.iwashi_life_top img {
	display: block;
	max-width: 330px;
	margin: 30px auto 0;
}

.iwashi_life_top2_wrap {
	display: flex;
	margin-bottom: 140px;
}

.iwashi_life_top2_left {
	width: 37%;
	margin-right: 3%;
}

.iwashi_life_top2_right {
	width: 60%;
}

.iwashi_life_top2_left h2 {
	margin-bottom: 30px;
	color: #D2E634;
	font-family: ten-mincho, serif;
	line-height: 35px;
	font-size: 24px;
}

.iwashi_life_top2_left p:nth-of-type(1) {
	margin-bottom: 25px;
}

.iwashi_life_point {
	padding-bottom: 75px;
}

.iwashi_life_point_txt {
	max-width: 540px;
	margin: 0 auto;
}

.iwashi_life_point_txt img {
	display: block;
	max-width: 240px;
    margin: 0 auto 15px;
}

.iwashi_life_point_txt h3 {
	margin-bottom: 25px;
	text-align: center;
	color: #FFFFFF;
	font-family: ten-mincho, serif;
	line-height: 35px;
	font-size: 24px;
}

.iwashi_life_point_img_left,
.iwashi_life_point_img_right {
	width: 49%;
}

.iwashi_life_point_img_left {
	float: left;
	margin-right: 2%;
}

.iwashi_life_point_img {
	display: block;
	width: 59%;
	margin: 0 auto;
}

.iwashi_life_point_txt:nth-of-type(1),
.iwashi_life_point_txt:nth-of-type(2) {
	margin-bottom: 40px;
}


/*
.iwashi_inn p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	letter-spacing: 0.8px;
	color: #B0D2FD;
}

.iwashi_inn dt {
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-size: 18px;
	color: #D2E634;
}

.iwashi_inn dd {
	letter-spacing: 0.7px;
	font-size: 14px;
	line-height: 24px;
	color: #B0D2FD;
}
*/

.iwashi_inn dl:nth-of-type(1) dd {
	font-weight: bold;
}

.iwashi_inn dl:nth-of-type(2) {
	margin-bottom: 12px;
}

.iwashi_det {
	margin-bottom: 0;
}

/* 泡 */
.iwashi_msg {
	margin-bottom: 0;
}

.iwashi_msg .iwashi_fish1{
    width: 230px;
    position: absolute;
    top: -10%;
    left: 4%;
    z-index: 10;
    padding-top: 300px;
    -webkit-animation:fish1 5s ease-in-out infinite alternate;
    animation:fish1 3s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.iwashi_msg .iwashi_fish2{
    width: 230px;
    position: absolute;
    top: 30%;
    right: 4%;
    z-index: 10;
    padding-top: 50px;
    -webkit-animation:fish2 7s ease-in-out infinite alternate;
    animation:fish2 5s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.iwashi_msg .iwashi_fish3 {
    width: 230px;
    position: absolute;
    top: 1000px;
    left: 16%;
    z-index: 10;
    padding-top: 300px;
    -webkit-animation:fish1 7s ease-in-out infinite alternate;
    animation:fish1 5s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.iwashi_msg .iwashi_fish4{
    width: 230px;
    position: absolute;
    top: 1450px;
    right: 12%;
    z-index: 10;
    padding-top: 50px;
    -webkit-animation:fish2 6s ease-in-out infinite alternate;
    animation:fish2 4s ease-in-out infinite alternate;
    -webkit-transform-origin:center top;
    transform-origin:center top;
}

.iwashi_box {
  animation: iwashi_box1 10s ease infinite;
}

@keyframes iwashi_box1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-5px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-5px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}

.iwashi_box2 .iwashi_fish1,
.iwashi_box2 .iwashi_fish2 {
	margin-top: -200px;
}

/* 泡ここまで */

/* タブレット */
@media (max-width: 768px) {
	.iwashi_life_wrap_top {
		overflow: hidden;
	}
	.tablet_none {
	    display: none;
	}

    .tablet_show {
	    display: block;
	}

	.iwashi_life_container {
		width: 90%;
	}

	.iwashi_life_wrap1 {
		overflow: hidden;
	}

	.iwashi_life_top {
		width: 90%;
	}

	.iwashi_life_top2_left h2 {
		margin-bottom: 24px;
		line-height: 35px;
		font-size: 24px;
	}

	.iwashi_life_top2_left p,
	.iwashi_life_point_txt p {
		font-size: 15px;
		line-height: 25px;
	}

	.iwashi_life_top2_left p:nth-of-type(1) {
	    margin-bottom: 15px;
	}

	.iwashi_life_top2_right {
		margin: auto;
	}

	/* 	泡 */


	.iwashi_msg .iwashi_fish1 {
	    width: 200px;
	    left: -17%;
	    padding-top: 290px;
    }

	.iwashi_msg .iwashi_fish2 {
	    right: -16%;
	    padding-top: 0;
	}

	.iwashi_msg .iwashi_fish3 {
	    width: 230px;
	    top: 915px;
	    left: -11%;
    }

    .iwashi_msg .iwashi_fish4 {
	    width: 220px;
	    top: 2000px;
	    right: -13%;
	}

	.iwashi_box2 {
		display: none;
	}
}

/* SP */
@media (max-width: 480px) {
	.iwashi_life_container {
		width: 100%;
		padding-top: 0;
	}

	.iwashi_life_container1 {
		padding-top: 60px;
	}

	.sp_none {
		display: none;
	}

	.pc_none {
		display: block;
	}

	.iwashi_life_top h1 {
		font-size: 22px;
		line-height: 33px;
		text-align: left;
		margin: 0 auto 40px;
	}

	.iwashi_life_top_title p:nth-child(1) {
	    font-size: 23px;
	}

	.iwashi_life_top_title p:nth-child(2) {
    	font-size: 17px;
    }

    .iwashi_life_top_title p:nth-child(1)::after {
		height: 60px;
		left: 20px;
	}

	.iwashi_life_top_title p:nth-child(2)::after {
		height: 60px;
		right: 20px;
	}

	.iwashi_life_top img {
	    max-width: 290px;
	}

	.iwashi_life_top2_wrap {
		display: block;
		margin-bottom: 80px;
	}

	.iwashi_life_top2_left {
		width: 90%;
		margin: 20px auto 0;
	}

	.iwashi_life_point_txt {
	    width: 80%;
	}

	.iwashi_life_point_img_top {
		margin-bottom: 20px;
	}

	.iwashi_inn p,
	.iwashi_inn a {
		line-height: 24px;
	}

	.iwashi_life_point_spimg_top {
		margin-bottom: 20px;
	}

	/* 	泡 */
	.iwashi_box {
		display: none;
	}
/*
	.iwashi_box2 {
		display: block;
	}

	.iwashi_fish1,
	.iwashi_fish2,
	.iwashi_fish3,
	.iwashi_fish4 {
		overflow: hidden;
	}

	.iwashi_msg .iwashi_fish2 {
		width: 180px;
	    right: -25%;
	    padding-top: 0;
	}

	.iwashi_msg .iwashi_fish1 {
    	left: -42%;
    	width: 180px;
    }

    .iwashi_msg .iwashi_fish3 {
	    width: 180px;
    	left: -32%;
		padding-top: 180px;
    }

    .iwashi_msg .iwashi_fish4 {
		width: 180px;
	    top: 790px;
	    right: -32%;
    }

    .iwashi_box2 .iwashi_fish1 {
	    left: -32%;
		width: 168px;
	    margin-top: -900px;
	}

	.iwashi_box2 .iwashi_fish2 {
		width: 178px;
		margin-top: -1700px
	}

	@keyframes iwashi_box1 {
	  0% { transform:translateX(0) }
	  5% { transform:translateX(0) }
	  10% { transform:translateX(0) }
	  20% { transform:translateX(-3px) }
	  25% { transform:translateX(0) }
	  30% { transform:translateX(-3px) }
	  50% { transform:translateX(0) }
	  100% { transform:translateX(0) }
	}
*/
}


.kinkyukokuchi {
	max-width: 600px;
	width: 90%;
	background: #18355d;
	margin: 1rem auto 0;
	border: 1px solid #6caffd;
	padding: 1rem;
	font-size: 0.8rem;
	line-height: 1.6;
	text-align: left;
}