@charset "UTF-8";

@media screen and (min-width: 459.8px){	
  .br-xs { display:none; }
}
@media screen and (max-width: 459.8px){	
  .br-xs { display:block; }
}

@media screen and (min-width: 767.8px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
	a[href^="tel:"]{
    pointer-events: none;
	color:#2d2d2d!important;
  }
	.child-tel a[href^="tel:"]{
    pointer-events: none;
	color:#fff!important;
  }
	.contact-tel a[href^="tel:"] {
	color: #af8d58!important;
	}
	.footer-info a[href^="tel:"] {
		color:#2d2d2d;
	}
}
@media screen and (max-width: 767.8px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
	
	
}

@media screen and (min-width: 850.8px){	
  .br-tab { display:none; }
}
@media screen and (max-width: 850.8px){	
  .br-tab { display:block; }
}

@media screen and (min-width: 991.8px){	
  .br-lg { display:none; }
		html,body {
		font-size:16px;
	}
}

@media (max-width:1119.8px) {
	.br-xl {display:block;}
}
@media (min-width:1119.8px) {
	.br-xl {display:none;}
}

@media(max-width:359.8px){
	
	.f4-riyou {
		position: absolute;
		display: inline-block;
		top: 50%;
		right: 1rem;
		transform: translateY(-50%);
		background-color: #fff;
		border-radius: 100vh;
		color: #af8d58;
		font-size: 1.2rem;
		padding: 0.15rem 0rem 0.15rem 2.6rem;
		background-image: url(image/charter_arrow2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 2.2rem;
	}
}



/*break-md*/
@media (min-width:767.8px) {
	.mt-50 {
		margin-top:50px!important;
		}
		.mb-50 {
			margin-bottom:50px!important;
		}
		.my-50 {
			margin-top:50px!important;
			margin-bottom:50px!important;
		}
	.mt-pc-100 {
		margin-top:100px!important;
	}

	html,body {
		width: 100%;
		height: 100vh;
		font-size:20px;
	}
	h2 {
		font-size: 2.2rem;
		letter-spacing:0.09em;
	}
	h3 {
		font-size: 1.35rem;
		letter-spacing:0.15em;
		line-height:175%;
	}
	header {
		background-color: #fff;
		height: 110px;
		width: 100%;
		position: fixed;
		z-index: 9999;
	}

	.top-slider {
		padding-top:0px;
		margin-top:90px;
		margin-bottom:3rem!important;
		height: calc(100vh - 90px);
	}
		.top-slider-inner {
		position:relative;
		width:100%;
		height: calc(100vh - 90px);
	}
	.top-slider-inner::before {
		content:none;
	}
	.top-slider-inner span {
		display:block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.top-slider-inner img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
		.ts-oshirase {
		background-color:#fff;
	}
	.ts-oshirase img{
		width:auto;
		height:99%;
		object-fit:contain;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.slide-dots {
		margin:12px;
		padding: 0;
		text-align: center;
	}
	.mainnav_pos {
		padding-top:0px;
	}
	.main-nav p {
		margin-bottom: 0;
		line-height:120%;
		letter-spacing:0.25em;
		padding-left:0.25rem;
	}
	.page-eyecatch {
		width:100%;
		max-width:1300px;
		margin-top:110px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6rem;
		position:relative;
		padding-top:0px;
		
	}
	.page-eyecatch-image {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:1;
	}
	.page-eyecatch-mask {
	display:block;
	z-index:5;
		position:relative;
	}
	.pc-container-fluid  {
		width:100%;
		max-width:inherit!important;
	}
	.pc-container, .insta-container{
		max-width:1300px!important;
	}
	.pc-container-narrow {
		max-width:1000px!important;
	}
	.head-rsvbtn {
		border: 2px solid #af8d58;
		display: inline-block;
		padding: 2px;
		border-radius: 100vh;
		font-family: dnp-shuei-mgothic-std,sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 100px;
		transition: 0.3s ease;
		opacity:1;
	}
	body.drawer-opened .head-rsvbtn {
		opacity:0;
	}
	.head-rsvbtn:hover {
		transform: scale(1.05) translateY(-50%);
	}
	.head-rsvbtn a, .head-rsvbtn a:link, .head-rsvbtn a:visited {
		display: inline-block;
		text-align: center;
		line-height: 1rem;
		position: relative;
		padding: 0.05rem 3rem;
		border-radius: 100vh;
		z-index: 1;
		color: #af8d58;
	}
	#hamburger {
		width: 37px;
		height: 37px;
		position: absolute;
		right: 32px;
		top: 50%;
		transform: translateY(-50%);
		background-image: url("image/hamburger.png");
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		transition: 0.3s ease;
	}
	.head-logo {
		width: auto;
		max-width: inherit;
		height: 64px;
		position: absolute;
		top: 50%;
		left: 40px;
		transform: translateY(-50%);
	}
	.copal-container {
		padding: 0px 15px;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
	}
	.copal-container-narrow {
		padding: 0px 15px;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
	}
	.top-subete {
		font-size:1.6rem;
	}
	.top-rsvbtn {
		margin-left:auto;
		margin-right:auto;
		width:700px;
		height:130px;
	}
	.top-rsvbtn a, .top-rsvbtn a:link, .top-rsvbtn a:visited {
		background-color: #c3e085;
		display: block;
		text-align: center;
		line-height: 30px;
		position: relative;
		padding: 1.3rem 1rem 0.8rem 1rem;
		z-index: 1;
		color: #2d2d2d;
	}
	.main-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap:nowrap;
		width: 100%;
	}
	.main-nav li {
		width: inherit;
	}
	.main-nav li+li {
		margin-left:10px;
	}
	.mnav-btn {
	 font-size:min(1.25vw,18px);
	}
	.mnav-btn img {
		width:50%;
		margin-bottom: 15px;
	}

	.rsv-circle {
		width: 130px;
		height: 130px;
	}
	.rsv-circle a:link, .rsv-circle a:visited {
		width: 124px;
		height: 124px;
		text-align:center;
	}
	.rsv-circle a::before {
		width: 124px;
		height: 124px;
	}
	.pickup-slide, .pickup-pc-slide {
		background-color: #fff;
		padding: 8px 8px 30px 8px;
		margin-right: 10px;
		border-radius: 1rem;
		margin:1rem 15px 1rem 15px;
		transition:0.3s ease;

	}
	.pickup-slide h3, .pickup-pc-slide h3 {
		color: #af8d58;
		margin:1.5rem 30px 1rem 30px;
		font-size: 1rem;
		letter-spacing:0.075em;
		line-height:145%;
	}
	.pickup-slide p, .pickup-pc-slide p {
		margin: 0 30px;
		font-size: 0.75rem;
	}
	.pickup-slide img, .pickup-pc-slide img {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

	.wave1 {
	padding-bottom: 125px;
	}
	.info-wave1{
		padding-bottom:55px!important;
	}
	.fuwa3 h2{
		letter-spacing:0.09em;
	}
	.top-people01 {
		position: absolute;
		width: 120px;
		top: -12px;
		left: -144px;
		z-index: 5;
	}
	.top-people02 {
		position: absolute;
		width: 118px;
		top: 10px;
		right: -145px;
		z-index: 5;
	}
	.top-people03 {
		position: absolute;
		width: 290px;
		bottom: 40px;
		right: 50%;
		transform:translatex(400px);
		z-index: 5;
	}
	.top-people04 {
		position: absolute;
		width: 180px;
		top: -20px;
		left: 10%;
		z-index: 6;
	}
	.top-people05 {
		position: absolute;
		width: 160px;
		top: -20px;
		right: 0px;
		z-index: 6;
	}
	.top-people06 {
		position: absolute;
		width: 170px;
		top: -8px;
		left: 10%;
		z-index: 6;
	}
	.top-people07 {
		position: absolute;
		width: 130px;
		bottom: -80px;
		right: 0px;
		z-index: 6;
	}
	.wave2-top {
		margin-top: 150px;
		pointer-events: none;
	}
	.slide-arrow {
		width: 30px;
	}
	.next-arrow {
		position: absolute;
		top: 53%;
		right: -28px;
		z-index: 10;
	}
	.prev-arrow {
		position: absolute;
		top: 53%;
		left: -28px;
		z-index: 10;
	}
	.next-arrowP {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		right: 15px;
		z-index: 10;
	}
	.prev-arrowP {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		left: 15px;
		z-index: 10;
	}

	.info-fukidashi {
		width:60%;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	.info-fukidashibtm {
		width: 70px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -5px;
		margin-bottom:25px;
	}
	.info-fuwa p {
		font-size: 1.1rem;
		padding: 0 1.5rem;
		line-height:175%;
	}
	.info-fuwa h2 {
		text-align: center;
		color: #af8d58;
		margin-bottom: 1rem;
	}

	.wave2-infomation {
		padding-bottom: 270px;
	}
	.info-wave5 {
		padding-bottom:2rem;
	}

	.info-people01 {
		position: absolute;
		width: 180px;
		top: -55px;
		right: 10%;
		z-index: 6;
	}
	.info-people02 {
		position: absolute;
		width: 110px;
		bottom: 62px;
		left: 50%;
		transform: translatex(-130%);
		z-index: 6;
	}
	.info-people03 {
		position: absolute;
		width: 280px;
		bottom: -190px;
		left:60%;
		z-index: 6;
	}
	.info-people04 {
		position: absolute;
		width: 180px;
		top: -50px;
		right: 0px;
		z-index: 6;
	}
	.class-people {
		position: absolute;
		width: 200px;
		top: -35px;
		right: 0px;
		z-index: 6;
	}
	.child-peple01 {
		position: absolute;
		width: 120px;
		top: -5px;
		right: -25px;
		z-index: 6;
	}
	.child-peple02 {
		position: absolute;
		width: 290px;
		top: -63px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}
	.child-people03 {
		position: absolute;
		width: 235px;
		top: -50px;
		right: 0px;
		z-index: 1;
	}
	.child-wave-top {
		position: relative;
		width: 100%;
		padding-top: 137px;
	}
	.child-fuwa h2 {
		margin-bottom:2rem;
	}
	.child-fuwa p {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		line-height:220%;
	}
	.about-people01 {
		position: absolute;
		width: 140px;
		top: -10px;
		right: 10%;
		z-index: 1;
	}
	.about-people02 {
		position: absolute;
		width: 280px;
		top: -4px;
		right: 0px;
		z-index: 1;
	}
	.contact-people01 {
		position: absolute;
		width: 96px;
		top: -4px;
		right: 0px;
		z-index: 1;
	}
	.news-people {
		position: absolute;
		width: 200px;
		top: -20px;
		right: 0px;
		z-index: 6;
	}
	
	.copal-form .contact-checkbox input[type=checkbox] {
	  appearance: none;
	  display: none;
	}
	.copal-form .contact-checkbox input[type=checkbox] + span {
	  display: inline-block;
	  position: relative;
	  vertical-align: middle;
	  cursor: pointer;
	   padding:0 0 0 30px;
	}
	.copal-form .contact-checkbox input[type=checkbox] + span:before {
		content: "";
		display: inline-block;
		width:1rem;
		height:1rem;
		margin-right: 0.5em;
		border:1px solid #c4c4c4;
		background-color:#fff;
		border-radius:100%;
		position:absolute;
		top:0.2rem;
		left:0px;
	}
	.copal-form  .contact-checkbox input[type=checkbox]:checked + span:after {
		content: "";
		display: inline-block;
		width: 0.5rem;
		height:0.5rem;
		border-radius:100%;
		background-color:#af8d58;
		position:absolute;
		left:0.27rem;
		top:0.45rem;
	}
	.charter-people01 {
		position: absolute;
		width: 190px;
		top: -4px;
		right: 0px;
		z-index: 1;
	}
	.access-people01 {
		position: absolute;
		width: 190px;
		top: -25px;
		right: 0px;
		z-index: 1;
	}
	.sp-menu-people {
		position: absolute;
		width: 126px;
		top: 100px;
		right: 85px;
	}
	.googlemap-linkbtn{
		font-size:16px;
	}
	.googlemap-linkbtn a:link, .googlemap-linkbtn a:visited {
	
		transition: 0.3s ease;
		padding:2px 16px;
		display:block;
	}

	.single-container {
		padding-top:160px;
	}
	.covid-cap {
		font-size:1rem;
	}
	.googlemap:before {
		content:"";
		display: block;
		padding-top: 56.25%;
	}
		.openinghours {
		text-align: center;
	}
	.openinghours h3 {
		background-color: #af8d58;
		padding: 1px;
		width: 1000px;
		display: block;
		color: #fff;
		text-align: center;
		font-size: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.openinghours p {
		margin-left: 0;
		margin-bottom: 0;
	}
	.openinghours-container {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
		width: 1000px;
		background-color: #fff;
		padding:1.25rem 0;

		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	.openinghours-container div{
		width: 50%;
		text-align: center;
	}
	.openinghours-container div h4{
		margin-left: auto;
		margin-right: auto;
		
	}
	.text-pc-center{
		text-align: center;
	}
	.info-fuwa {
		width: 55%;
	}

	.fuwa2{
		margin-left: auto;
		margin-right: 0;
		margin-top: -28vw;
	}
	.fuwa3 {
		margin-top: -34vw;
		margin-bottom: 4rem;
	}
	.fuwa4{
		margin-left: auto;
		margin-right: 0;
		margin-top: -30vw;
	}
	.cfuwa1 {
		width: 55%;
	}
	.cfuwa2 {
		width: 65%;
		margin-left: auto;
		margin-right: 0;
		margin-top: -270px;
		margin-bottom: 4rem;
	}
	.cfuwa3 {
		width: 95%;
		margin-top: -7rem;
		margin-left:auto;
		margin-right:auto;
	}
	.cfuwa3 p{
		width:100%;
		padding:0 1rem;
	}
	.about-ol li {
		text-align:center;
		padding:1.3rem 0rem;
	}
	.about-ol li span{
		position:relative;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		width:28rem;
		padding-left:5rem;
	}
	.about-copal-logo {
		width:70%; 
		margin-left:auto;
		margin-right:auto;
	}
	#footer{
		display:flex;
		justify-content:space-between;
	}
	.footer-logo {
		width:220px;
	}
	.footer-info{
	}
	.footer-nav {
		width:inherit;
		margin-top:97px;
		padding-right:15px;
		
	}
	.footer-nav table {
		border-bottom: none;
		transform:scale(0.9);
		transform-origin:right top;
	}
	.footer-nav tr {
		border-top:none;
	}
	.footer-nav td {
			word-break: keep-all;
		white-space: nowrap;
		line-height:30px;
	}
	.footer-nav td+td {
		border-left: none;
		padding-left:1rem;
	}
		.footer-nav td a:link, .footer-nav td a:visited {
		padding: 0.2rem 0rem 0.35rem 55px;
	}
			.footer-nav td a:hover {
		padding: 0.2rem 0rem 0.35rem 55px;
	}
	
	.footer-submenu{
		width:100%;
		text-align:center;
		
	}
	.footer-submenu ul {
		list-style-type:none;
		margin:0;
		padding:50px 0 1rem 0;
		display:flex;
		justify-content:center;
		font-size:0.6rem;
	}
	.footer-submenu li {
		padding:0rem 1rem;
		    line-height: 200%;

	}
	.footer-submenu li+li  {
		border-left: 1px solid #fff;
	}
	.footer-submenu li a:link, .footer-submenu li a:visited{
		color:#fff;
		transition:0.3s ease;
	}
	.footer-submenu li a:hover{
		opacity:0.65;
	}
	.copyright{
		font-size:0.6rem;
	}
	.sp-menu {
		background-color: transparent;
		width: 100%;
		height: calc(100vh - 90px);
		position: fixed;
		top:90px;
		z-index: 8000;
		opacity: 0;
		pointer-events: none;
		transition: 0.3s ease;
		padding: 0;
		font-family: dnp-shuei-mgothic-std,sans-serif;
		font-weight: 600;
		font-style: normal;
		overflow: auto;

	}
	.pc-menu-bg {
		background-color: #fcecd6;
		position:fixed;
		top:90px;
		z-index: -1;
		opacity: 1;
		pointer-events: none;
		transition: 0.3s ease;
		width:40%;
		right:0px;
		height: calc(100vh - 90px);
		display:block;
	}
	.spnav {
		word-break: keep-all;
		white-space: nowrap;
		background-color: #fcecd6;
		position:absolute;
		height:100%;
		top:0px;
		right:0px;
		margin-top:0px;
		padding:2.5rem 10rem 2.5rem 4rem;
	}
	.spnav ul{
		margin-top:3rem;
	}
	.spnav .sp-menu-rsvbtn a:link, .spnav .sp-menu-rsvbtn a:visited {
		color:#fff;
		border:none;
		transition:0.3s ease;
	}
	.spnav .sp-menu-rsvbtn a:hover {
		border:none;
		opacity:0.65;
		transform:scale(1.025);
	}
	.request-wave1 {
		padding-top: 150px;
		padding-bottom: 0!important;
	}
	.wave-contact {
		background-color: #f5f5f5;
		padding-bottom: 0;
		padding-top: 150px;
	}
	.pagenavi {
		margin-top:5rem;
	}
	.pc-scale{
		transform:scale(0.65);	
	}
	.charter li {
		padding: 0.8rem 36px;
		position: relative;
		margin-bottom: 0.8rem;
	}
	.charter-btn a:link, .charter-btn a:visited {
		display: inline-block;
		text-align: center;
		padding: 0.75rem 3rem;
		margin-left: 12px;
		margin-right: 12px;
		background-color:#af8d58;
		color: #fff;
		border-radius: 100vh;
		font-family: dnp-shuei-mgothic-std,sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		transition: 0.3s ease;
	}
	.event-list h4 {
		font-size:1.5rem;
		color:#af8d58;
	}
	.cfuwa3 h2 {
		font-size:2.2rem;
		letter-spacing:0.09rem;
	}
	.fc .fc-toolbar-title {
		font-size: 1.5rem;
		margin: 0;
		padding-top: 2.9px;
	}
	.fc .fc-button {

		font-size: 1rem;
	}
		.fc .fc-daygrid-day-number {
		position: relative;
		z-index: 4;
		padding: 4px;
		font-size: 20px;
	}
		.fc .fc-col-header-cell-cushion {
		display: inline-block;
		font-size: 17px;
		
	}
	.cal-event .fc-event-time {
		display:inline;
	}
	.cal-event .fc-event-main-frame .fc-event-time {
		color:#fff!important;
	}
	.cal-charter .fc-event-time {
		display:inline;
	}
	.cal-child .fc-event-time {
		display:inline;
	}
	.cal-etc .fc-event-time {
		display:inline;
	}
	.wp-block-file__button {
		display:inline-block;
		background:#af8d58!important;
		border:none!important;
		margin:1rem 0 1rem 1rem!important;
		color:#fff!important;
	}
	
	.event-eyecatch {
		position:relative;
		width:100%;
		margin-bottom:1rem;
		margin-left:auto;
		margin-right:auto;
	}
	.event-eyecatch::before {
		content:"";
		display: block;
		padding-top: 66.66%;
	}
	.event-eyecatch span {
		display:block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.event-eyecatch span img {
		width:100%;
		height:100%;
		object-fit:cover;
		border-radius:0.8rem;
	}
	.info-container-section {
		width:40%;
	}
	.info-container-inner {

		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;

	}

	.info-container h3 {

		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
		.littlejamlogo {
		width:6.5rem;
		margin-bottom:1.5rem;
	}
	.littlejamtel a:link, .littlejamtel a:visited{
		font-size:1.5rem;
	}
}


@media (max-width:767.8px) {
	.top-rsvbtn {
		width:calc(100% - 24px);
	}
	
}

@media (min-width:909.8px) {

		.pc-scale{
		transform:scale(0.7);	
			margin-left:-1rem;
		margin-right:-1rem;
	}
}


@media screen and (max-width: 991.8px){	
  .br-lg { display:block; }
.top-rsvbtn {
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		width: 60%;
		height: 130px;
	}
}

@media (min-width:1019.8px) {
	.fuwa2{
		margin-left: auto;
		margin-right: 0;
		margin-top: -350px;
	}
	.fuwa3 {
		margin-top: -251px;
		margin-bottom: 4rem;
	}
	.fuwa4{
		margin-left: auto;
		margin-right: 0;
		margin-top: -390px;
	}
		.pc-scale{
		transform:scale(0.8);	
				margin:0;
	}
		.child-peple01 {
		position: absolute;
		width: 120px;
		top: -5px;
		right: 27px;
		z-index: 6;
	}
}

@media (max-width:767.8px){
	.top-rsvbtn {
	padding: 0;
	margin-left:12px;
	margin-right:12px;
	margin:30px 12px 50px 12px;
	max-width:800px;
	border-radius: 1.28rem;
	font-family: dnp-shuei-mgothic-std,sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.6rem;
	position: relative;
	width:calc(100% - 24px);
}
}