@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html {scroll-behavior: smooth;}
.content{margin-top:0;}
.content-in{width:100%;}
div#footer-in.footer-in.wrap.cf{width:100%;margin:auto;}
.footer{margin:0 auto;width:30%;}
.m-nav{display:none;}
.logo-image{z-index:1;position: relative;top: 30px;width: 213px;margin: auto;}
.header{height:0;}
body{font-family :YuGothic, 'Yu Gothic',serif;}
body{top:0;border:none;padding:0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/sea.png);background-size: cover;background-attachment: fixed;background-position:center;}
.main{padding: 0;background: transparent;border:none;}
.left{width:35%;height:100vh;position:fixed;}
.l-box{position: relative; height:60%;width:80%;top: 50%;left: 45%; transform: translate(-50%,-50%);}
.left-img-b{position:relative;top: 50%;left: 60%; transform: translate(-50%,-50%);}
.right{width:35%;height:100vh;position:fixed;right:0;}
.r-box{position: relative;width:60%;top: 50%;left: 45%; transform: translate(-50%,-50%);}
.top-menu{position:relative;display: flex;flex-direction: row;justify-content: center;}
#t-nav{position:relative;}
#t-nav ul{list-style:none;padding-left:0;}
.t-logo{margin:30px 0;text-align:center;}
.sns-box{position:relative;;display:flex;flex-direction:row;justify-content:space-around;margin-top:30px;}
.sns-box a{width:50px;}
.sns-box a:hover{transform:scale(1.2,1.2);transition:1s all;}
.logo-image{position:relative;top:30px;}
.top{height:100vh;position:relative;}
.mv{top:20%;margin:0 auto;width:90%;position:relative;}
.main-ctt{background:#F5FFFE;width:30%;margin:auto;position:relative;top:0;overflow: hidden;border-left:solid 15px #183153;border-right:solid 15px #183153;}
category-content main#main.main{background:#F5FFFE;width:30%;margin:auto;position:relative;top:0;overflow: hidden;border-left:solid 15px #183153;border-right:solid 15px #183153;}
.btn-box{position:relative;text-align:center;}
.c-link{background:#F7C628;border-radius:20px;padding:5px 20px;font-size:90%;}
.c-link:hover{color:#000;opacity:0.7;}
.c-link-m{background:#F7C628;;border-radius:20px;text-align:center;left:20px;position:relative;top:20px;padding:5px 20px;font-size:90%;}
.c-link-m:hover{color:#000;opacity:0.7;}
a{text-decoration:none;color:#000;}
#asoberu{margin-top:100px;padding:100px 0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/asoberu-bg.png)#F4DB95;background-repeat:no-repeat;background-size:cover;}
.h2-asoberu{margin:auto;margin-bottom:20px;width:90%;}
.asoberu-msg{width:90%;margin:auto;background:#fff;padding:10px;border-radius:10px;}
.asoberu-ctt{width:90%;margin:auto;margin-top:20px;}
#ikimono{padding:100px 0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/ikimono-bg.png)#F9E1F4;background-repeat:no-repeat;background-size:cover;}
.h2-ikimono{margin:auto;margin-bottom:20px;width:90%;}
.ikimono-msg{width:90%;margin:auto;background:#fff;padding:10px;border-radius:10px;}
.ikimono-ctt{width:90%;margin:auto;margin-top:20px;}
#news{padding:100px 0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/event-bg.png)#F4DB95;background-repeat:no-repeat;background-position:bottom;background-size:contain;}
.h2-news{margin:auto;margin-bottom:20px;width:90%;}
.inner{width:90%;margin:auto;}
ul.ul-blog{width:70%;margin:auto;}
ul.ul-blog li{list-style:none;padding-left:0;margin:20px 0;}
.catn{font-size:90%;color:#fff;background:#4991CF;padding:3px 10px;border-radius:20px;margin:5px 5px 0 0;}
.eventn{font-size:90%;color:#fff;background:#53B340;padding:3px 10px;border-radius:20px;margin:5px 5px 0 0;}
.blog-list{width:100%;}
.t-list{border-bottom:solid 1px;margin-bottom:10px;padding-bottom:10px;}
.list-img{width:100%;}
.new{display:block;width:100%;}
.new a{color:#003656;display:block;}
.e-detail{line-height:1.2;margin-bottom:5px;}
.entry-categories-tags > div {margin-bottom: 2em;}
#search{padding:100px 0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/event-bg.png)#F5FFFE;background-repeat:no-repeat;background-position:bottom;background-size:contain;}
.h2-search{margin:auto;margin-bottom:20px;width:90%;}
.map{width:90%;margin:auto;position:relative;}
.menu {max-width: 600px;}
.menu a {display: block;padding: 15px;text-decoration: none;color: #000;}
label {display: block;margin: 0 0 4px 0;padding : 15px;line-height: 1;color :#fff;cursor :pointer;}
input {display: none;}
.menu ul {margin: 0;padding: 0;background :#f4f4f4;list-style: none;}
.label1{background:#0F53A2;}
.label2{background:#63BBD0;}
.label3{background:#64A435;}
.label4{background:#088790;}
.label5{background:#F4C43A;}
.label6{background:#C2621A;}
.label7{background:#A51C46;}
.label8{background:#B06390;}
.menu li {height: 0;overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li
{ height: 54px; opacity: 1;}
header.article-header.entry-header{position:relative;top:100px;}
.entry-content {position:relative;top:100px;margin:auto;margin-bottom: 6em;width:90%;}
footer.article-footer.entry-footer{position:relative;top:50px;}
table td{width:100%;display:block;border:none;background:#fff;}
table th{width:100%;display:block;background:#183153;color:#fff;border:none;}
table tr:nth-of-type(2n+1) {background:transparent;}
.button-box{right:10px;position:absolute;margin:50px 0;}
.btn-more{color: #fff;background: #003656; padding: 3px 10px; border-radius: 20px;}
#reserve{padding:100px 0;background:url(https://join.mizumizuland.com/wp-content/uploads/2023/03/event-bg.png)#F9E1F4;background-repeat:no-repeat;background-position:bottom;background-size:contain;}
.reserve-ctt{width:90%;margin:auto;margin-top:20px;}
.go-to-top-button {border-radius:50px;}
.go-to-top {right:20px;bottom:20px;}

/*下層ページ*/
.new-list{margin-top:100px;min-height:800px;}
.list{margin: 180px 0;min-height:800px;}
.entry-card-thumb {width:100%;}
.entry-card-content {margin-left:0;padding-bottom:0;}
.archive-title {width:30%;margin:auto;position:absolute;left:52%;top:170px;transform: translate(-50%,-50%);z-index:5;}
.pagination-next { display: none;}
.archive .pagination{position: absolute;bottom: 50px;}
.entry-card-meta, .related-entry-card-meta {display:none;}
.a-wrap{padding:0;margin-bottom:0;}
h2.entry-card-title.card-title.e-card-title{font-weight:normal;}
.entry-card-content.card-content.e-card-content{margin:auto;border-bottom: solid 1px;margin-bottom: 10px;padding-bottom: 10px;}
td.td-line{text-align:center;}
td.td-line img{width:50%;}

/*バブル*/
.circles{top: 0;left: 0;width: 50%;height: 100%;overflow: hidden;padding-left: 300px;}
.circles li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 255, 255, 0.2);animation: animate 25s linear infinite;bottom: -30px;}
.circles li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
.circles li:nth-child(2){left: 10%;width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}
.circles li:nth-child(3){left: 70%;width: 20px;height: 20px;animation-delay: 4s;}
.circles li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.circles li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
.circles li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.circles li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
.circles li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
.circles li:nth-child(9){left: 20%;width: 15px;height: 15px;animation-delay: 2s;animation-duration: 35s;}
.circles li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}
@keyframes animate {0%{transform: translateY(0) rotate(0deg);opacity: 1;border-radius: 150px;background-color: #f7ddc5;}100%{background-color: #f8eac0;  transform: translateY(-1000px) rotate(720deg);opacity: 0;border-radius: 50%;}}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
main#main.main{padding:0;}
.main-ctt{width:100%;border:none;}
.footer {width: 100%;}
.m-nav{display:block;}
#g-nav{position:fixed;z-index:10;top:0;right: -120%;width:100%; height: 100vh;/*ナビの高さ*/background:#183153;transition: all 0.6s;}
#g-nav.panelactive{right: 0;}
#g-nav.panelactive #g-nav-list{position: absolute;z-index: 999; width: 100%; height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
#g-nav ul {padding-left:0; position: absolute;z-index: 999;top:50%;left:50%;transform: translate(-50%,-50%);}
#g-nav li{ list-style: none;text-align: center;}
#g-nav li a{font-size:120%;color: #fff;text-decoration: none;margin-bottom:20px;display: block;letter-spacing: 0.1em;font-family :'Marcellus';}
.openbtn1{position:fixed;z-index: 9999;top:10px;right: 20px;cursor: pointer;width: 50px;height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;left: 14px;height: 2px;background-color:#183153;width: 60%;}
.openbtn1 span:nth-of-type(1) {top:15px; }
.openbtn1 span:nth-of-type(2) {top:23px;}
.openbtn1 span:nth-of-type(3) { top:31px;}
.openbtn1.active span:nth-of-type(1) { top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg); width: 60%;background:#fff;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;background:#fff;}
.openbtn1.active span:nth-of-type(3){ top: 30px;left: 18px; transform: translateY(-6px) rotate(45deg);width: 60%;background:#fff;}
.archive-title { width: 80%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}