/*
Theme Name: basstemplate
Theme URI:
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.4
License: GNU General publish License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}
a:focus {
	outline:none;
}
.both{
	clear:both;
}
p {
    display: block;
    -webkit-margin-before:0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
html{
/*font-family: 'Noto Serif JP', serif;*/
font-family: 'Noto Sans JP', sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size:16px;
line-height:1.6;
color:#ffffff;
	word-break: break-all;
}


img{
	display:block;
	max-width:100%;
	height:auto;
}
a,
a:hover,
a:active,
a:visited,
a:link{
	text-decoration:none;
	color:inherit;
}
ol, ul{
    list-style:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

span{
	display:inline-block;
	font-weight: inherit;
}

p{margin-bottom:20px;
}
p:last-child{margin-bottom:0px;
}

div.bgimg{
	background: url("../images/bg.jpg");
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	background-size: cover;
	z-index: 1;
	top: 0;
}
div.bgimg:after{
	content: "";
    background: url(../images/ky.svg);
    display: block;
    width: 110vw;
    height: 160vh;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    opacity: 0.2;
    background-position: -20vw -32vh;
}
@media (max-width: 800px){
	div.bgimg:after{
	background-position: -29vw -19vh;
	}
}
@media (max-width: 600px){
	div.bgimg:after{
	background-position: -51vw -19vh;
	}
}
header{
	position: fixed;
	z-index: 100;
	background: rgb(0 0 0 / 0.7);
	height: 60px;
	box-sizing: border-box;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 10px 2px rgba(140, 198, 63, 0.6);
}
header h1 {height: 40px;}
header h1 img{height: 100%;}
header .inner{
	max-width: 1600px;
	padding-left: 30px;
	padding-right: 0px;
	display: flex;
	justify-content: space-between;
	margin: auto;
	align-items: center;
	width: 100%;
}
header .inner h1{width: 200px;}
header .inner article{
	width: 400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.threelinemenu{
	width: 60px;
	height: 60px;
	background: #17732A;
	cursor: pointer;
	position: relative;
	background-image: linear-gradient(325deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
}
.threelinemenu:before{
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #ffffff;
	border-radius: 4px;
	position: absolute;
	top:20px;
	left: 16px;
	overflow: hidden;
}
.threelinemenu:after{
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #ffffff;
	border-radius: 4px;
	position: absolute;
	top:29px;
	left: 16px;
	overflow: hidden;
}
.threelinemenu hr{
	display: block;
	width: 24px;
	height: 2px;
	background: #ffffff;
	border-radius: 4px;
	position: absolute;
	top:38px;
	left: 16px;
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.pagetopbtn{
	display: block;
	position: fixed;
	z-index: 100;
	width: 70px;
	height: 70px;
	bottom:10px;
	right: 10px;
}
.spnavi_bg{
	background-color: rgba(0,0,0,0.90);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 50;
}
.spnavi{
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	margin-top: 50px;
}
.spnavi ul{
	max-width: 900px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap:60px;
	width: 100%;
}
.spnavi li{
	width: calc( 50% - 30px);
	
}
@media (max-width: 800px){
	.spnavi ul{gap:30px;}
	.spnavi li{	width: calc( 50% - 15px);}
}
/*.spnavi li:first-child{
	border-top: solid 1px #8cc63f;
}*/

.spnavi li a{
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
	padding: 10px;
    color: #8cc63f;
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.spnavi li a b{
	display: block;
	 font-size: 22px;
	font-weight: 700;
	border-bottom: 1px solid #8cc63f;
}
.ticket .btn_a{
	margin-bottom: 50px;
}
.btn_a a{
	display: block;
	background-image: linear-gradient(325deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
    padding: 5px 0px;
    color: #ffffff;
    font-weight: 700;
    font-size: 17px;
    border-radius: 60px;
    width: 9em;
    text-align: center;
	box-shadow: 0px 0px 10px 2px rgba(140, 198, 63, 0.6);
}
.btn_b a{
	display: block;
	background: #A3A3A3;
    padding: 5px 0px;
    color: #ffffff;
    font-weight: 700;
    font-size: 17px;
    border-radius: 60px;
    width: 9em;
    text-align: center;
}
.wp-block-button.btn_a a{
	 width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
}
.wp-block-button.btn_a.taiyou a{
	 width: 100%;
	max-width: 300px;
	margin: auto;
}
.ticket .btn_a a{
	width: 100%;
	padding: 10px 0;
}
.ticket .btn_b a{
	width: 100%;
	padding: 10px 0;
	
	
}
section{
	position: relative;
	z-index: 10;
}
section.black{
	background: rgb(0 0 0 / 0.5);
}
hr.top{
	border: none;
	height: 13vh;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
margin: 0;
	display: flex;
	justify-content: center;
	align-items: end;
	width: 100%;
	overflow: hidden;
}

hr.top:before{
	content: "";
    border-left: 50vw solid rgb(0 0 0 / 0.5);
    border-top: 13vh solid transparent;
 
    top: 0px;
   
    height: 0;
    width: 0;
    box-sizing: border-box;
   border-right: none;
    display: block;
    z-index: 10;
}
hr.top:after{
	content: "";
    border-right: 50vw solid rgb(0 0 0 / 0.5);
    border-top: 13vh solid transparent;
  
    top: 0px;
 
    height: 0;
    width: 0;
    box-sizing: border-box;
     border-left: none;
    display: block;
    z-index: 10;
}
hr.bottom{
	border: none;
	height: 13vh;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
margin: 0;
	width: 100%;
	overflow: hidden;
}
hr.bottom:before{
	content: "";
    border-right: 50vw solid rgb(0 0 0 / 0.5);
    border-bottom: 13vh solid transparent;
    
    top: 0px;
  
    height: 0;
    width: 0;
    box-sizing: border-box;
   border-left: none;
    display: block;
    z-index: 10;
}
hr.bottom:after{
	content: "";
    border-left: 50vw solid rgb(0 0 0 / 0.5);
    border-bottom: 13vh solid transparent;
   
    top: 0px;
   
    height: 0;
    width: 0;
    box-sizing: border-box;
     border-right: none;
    display: block;
    z-index: 10;
}
section.cta{
	background: rgb(91 179 0 / 0.9);
}

hr.top.cta:before{
    border-left: 50vw solid rgb(91 179 0 / 0.9);
}
hr.top.cta:after{
    border-right: 50vw solid rgb(91 179 0 / 0.9);
}
hr.bottom.cta:before{
    border-right: 50vw solid rgb(91 179 0 / 0.9);
}
hr.bottom.cta:after{
    border-left: 50vw solid rgb(91 179 0 / 0.9);
}
@media (max-width: 700px){
	hr.top,hr.bottom{height: 9vh;}
	hr.top:before,hr.top:after{
		border-top: 9vh solid transparent;
	}
	hr.bottom:before,hr.bottom:after{
		border-bottom: 9vh solid transparent;
	}
}
section .inner{
	max-width: 900px;
	margin: auto;
	padding: 30px;
}
section .inner h2{
	height: 100px;
	margin-bottom: 40px;
	margin-top: 20px;
}
section .inner h2 img{
	height: 100%;
	text-align: center;
	margin: auto;
}
header .inner article.page{width: 170px;}
@media (max-width: 700px){
	section .inner h2{height: 60px;}
	.btn_a.con{display: none;}
	header .inner article{width: 60px;}
	header .inner{padding-left: 15px;}
	header .inner article.page{width: 170px;}
}


section#keyvisual .spmain{display: none;}
section#keyvisual .pcmain{display: block;}
section#keyvisual{
	margin-top: 60px;
	position: relative;
	height: 63vw;
}
@media (max-width: 700px){
	section#keyvisual{height: 135vw;}
	section#keyvisual .pcmain{display: none;}
	section#keyvisual .spmain{display: block;}

}

section#keyvisual .part1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:3s;
	animation-delay:1s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .part2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:3s;
	animation-delay:2s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .part3{
	position: absolute;
    top: 20vw;
    left: 2vw;
    width: 14%;
    z-index: 4;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:5s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .part4{
	position: absolute;
    top: 20vw;
    left: 56vw;
    width: 40%;
    z-index: 5;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .part5{
	position: absolute;
    top: 57vw;
    left: 3vw;
    width: 37%;
    z-index: 6;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:4s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:4s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:3s;
	animation-delay:1s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart3{
	position: absolute;
    top: 74vw;
    left: 1vw;
    width: 97%;
    z-index: 4;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart4{
	position: absolute;
   top: 28vw;
    left: 2vw;
    width: 21%;
    z-index: 5;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:5s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart5{
	position: absolute;
    top: 95vw;
    left: 3vw;
    width: 60%;
    z-index: 6;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:4s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
section#keyvisual .sppart6{
	position: absolute;
    top: 123vw;
    left: 6vw;
    width: 53%;
    z-index: 6;
	opacity: 0;
	animation-name:fadeinphoto;
	animation-duration:2s;
	animation-delay:6s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
}
@keyframes fadeinphoto{
  0%{
    opacity: 0;
  }
  100%{
   opacity: 1;
  }
}



h3{
	font-size:2.2em;
	font-weight:700; 
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	margin-bottom: 30px;
	margin-top: 60px;
}

#message h3{
	margin-top: 0px;
}
.has-text-align-center{
	text-align: center;
}
h4{
	font-size:1.4em;
	font-weight:700; 
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 10px;
	color: #8cc63f;
	margin-top: 20px;
}
h4:after{
	content: "";
	width: 100%;
	box-sizing: border-box;
	height: 4px;
	border-radius: 4px;
	background-image: linear-gradient(90deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
	bottom: 0;
	left: 0;
	position: absolute;
}

.wp-block-column{
	width: 48%;
}
.goodsbox .wp-block-column{
	width: 32%;
}
.wp-block-columns{
	justify-content: space-between;
	display: flex;
}
@media (max-width: 700px){
.wp-block-column{
	width: 100%;margin-bottom: 1em;
}
.goodsbox .wp-block-column{
	width: 100%;margin-bottom: 1em;
}
.wp-block-columns{
	display: block;
}
	h3{font-size:1.6em;}
	h4{font-size:1.2em;}

}

.kaijo{
	margin-top: 60px;
}
.information_list{
	border-top: 1px solid #8cc63f;
}
.listitem_text{
	border-bottom: 1px solid #8cc63f;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 10px;
	padding-right: 0;
}
.listitem_text:last-child{
	margin-bottom: 0;
}
.listitem_text .left{ 
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	flex-shrink: 1;
}

@media (max-width: 700px){
	.listitem_text .left{ 
		flex-direction: column;
		justify-content:center;
		align-items: flex-start;
	}
}
.listitem_text h5{
	width: 100%;
	flex-shrink: 1;
}
.listitem_text .btn_a{
	font-size:14px;
	flex-shrink: 0;
}
.listitem_text .btn_a a{
	font-size:14px;
}
.postdate{
	margin-bottom: 0;
	font-size:14px;
	color: #CBE9C7;
	margin-right: 10px;
	word-break: keep-all;
}
@media (max-width: 700px){

.listitem_text .btn_a a{
	font-size:12px;
        width: 15vw;
	}
.listitem_text h5 {
    width: 100%;
    flex-shrink: 1;
    font-size: 14px;
}
}

.time_schedule{
}
.time_schedule li{
	display: flex;
	position: relative;
	margin-bottom: 2rem;
	border: solid 2px #8cc63f;
	border-radius: 15px;
	padding: 10px 20px;
	align-items: stretch;
	justify-content: flex-start;
	font-size: 1rem;
	gap:30px;
}
.time_schedule li p{
	margin: 0;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.time_schedule li p:first-child{
	flex-shrink: 0;
	font-size: min(2.5em,6vw);
	line-height: 1;
	width: auto;
	padding:  10px 10px;;
	padding-right: 30px;
	text-align: center;
	align-items: center;
	border-right: 1px solid #8cc63f;
  font-family: "Noto Serif JP", serif;
	box-sizing: border-box;

}
.time_schedule li:after{
	content: "";
	display: block;
	border-bottom: solid 2px #8cc63f;
	border-right: solid 2px #8cc63f;
	transform: rotateZ(45deg);
	width: 1rem;
	height: 1rem;
	bottom: -1.3rem;
	left: 0;
	right: 0;
margin: auto;
	position: absolute;
}

.time_schedule li:last-child{
	margin-bottom: 0rem;
}

.time_schedule li:last-child:after{
	display: none;
}

.wp-block-table table{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	width: 100%;
	box-sizing:border-box;
	margin-bottom: 30px;
	margin-top: 30px;
}
.wp-block-table.abc table{
	
	margin-top: 0px;
}
.wp-block-table table td,.wp-block-table table th{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 12px;
	align-items: center;
	vertical-align: middle;
}
.wp-block-table table th{
	background: #0d5908;
}
.wp-block-table table td{
	/*background: #22831b;*/
}
.cta h4{
	color:#ffffff;
}
.cta h4:after{
	background-image: linear-gradient(-90deg, rgba(140, 198, 63, 1), rgb(255 255 255));
}

@media (max-width: 700px){
.time_schedule li p:first-child{
	padding:  10px 00px;;
	padding-right: 20px;
	}
	
.time_schedule li {
	gap: 20px;
	}
}

.mokuji{
	background: #263726;
    padding: 50px;
    box-sizing: border-box;
    /* max-width: 700px; */
    margin: auto;
    box-shadow: 0px 0px 10px 2px rgba(140, 198, 63, 0.4);
    border-radius: 10px;
}
.page_contents .mokuji h3{
	margin-top: 0;
}


input{
	width: 100%;
	font-size:18px;
	padding: 10px 20px;
	max-width: inherit;
	border-radius: 8px;
	border:none;box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 10px;
}
textarea{
	width: 100%;
	border-radius: 8px;
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 10px;
}
.formbox span{
	display: block;
}
input[type="submit"] {
background-image: linear-gradient(325deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
	cursor: pointer;
	color: #ffffff;
	font-weight: 600;
	font-size:20px;
	}
.wpcf7-not-valid-tip{
	color: #ffec00;
	font-weight: 600;
}
.page_contents h3 {
    font-size: 1.4em;
    font-weight: 700;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 30px;
    color: #8cc63f;
    margin-top: 40px;
	font-family: "noto sans jp";
}
.page_contents h3:after {
    content: "";
    width: 100%;
    box-sizing: border-box;
    height: 4px;
    border-radius: 4px;
    background-image: linear-gradient(90deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
    bottom: 0;
    left: 0;
    position: absolute;
}
section.page_contents .inner h2{
	background-image: linear-gradient(-90deg, rgba(140, 198, 63, 1), rgba(20, 150, 77, 1));
    padding: 10px 10px;
    margin: 0;
    height: inherit;
    border-radius: 6px;
    font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 50px;
}

.page_contents h1{
	font-size:2em;
	font-weight:800; 
	
	line-height: 1.4;
	margin-bottom: 30px;
	margin-top: 60px;
	color: #ffffff;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgb(0 0 0 / 0.3);
	font-style: italic;
}
.page_contents h5{
	font-size:1.2em;
	color: #8bd756;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 14px;
}
.page_contents .wp-block-column h5{
	
	margin-top: 0px;
}
.page_contents h4{
	margin-top: 40px;
	margin-bottom: 20px;
}
.sign{
	margin-top: -60px;
    width: 60%;
    max-width: 300px;
    margin-left: 35%;
}
.namae{
	font-size:22px;
	font-family: "noto serif jp";
	text-align: right;
}
.wp-block-image{
	margin-bottom: 10px;
}
.wp-block-list{
	margin-bottom: 20px;
}
.wp-block-list li{
  text-indent: -1em;
  padding-left: 1em;
	margin-bottom: 5px;
}
.wp-block-list li:last-child{
	margin-bottom: 0px;
}

.wp-block-list li:before{
	content: "・";
	color: #8cc63f;
	
}
.wp-block-list.komelist li:before{
	content: "※";
	color: #8cc63f;
	
}
.page_contents a:link{
	text-decoration: underline;
}
.page_contents a:link:hover{
	text-decoration: none;
}
.page_contents .btn_a a{
	text-decoration: none;
	padding: 15px 30px;
	box-sizing: border-box;
	margin-top: 20px;
}
.site-footer{

	z-index: 15;
	position: relative;
	padding: 20px;
	background-color: #000;
	text-align: center;
}

.ticket_table span{
	display: inline-block;
	font-size: inherit;
}


@media (max-width: 500px){
.ticket_table{
	font-size: 12px;
	}
	.wp-block-table.ticket_table td{
	padding: 5px;
	}
.ticket_table span{
	display: block;
}
}