@charset "utf-8";

/* @group reset */
*{margin:0;	padding:0; line-height:1.5em;}
html,body {height: 100%;}
a{ text-decoration:none;}
ul,ol{ list-style:none;}
img{ vertical-align:top; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0;}

a {text-decoration: none;}
a:link {color: #4D863E;}
a:visited {color: #4D863E;}
a:hover {color: #ccc; text-decoration: none;}
a:active {color: #ccc;}

.news a {text-decoration: none;}
.news a:link {color: #F90; font-weight:bold;}
.news a:visited {color: #F90;}
.news a:hover {color: #FC0; text-decoration: none;}
.news a:active {color: #ccc;}

/* @end */
.liveimg{display:none;}
.liveimgpc{display:block;}

/* @end */

/* @group HTML */
html{font-size:100%;}

/* @end */

/* @group Heading */
h1{ font-size:11px; text-align:center; padding:5px 0; color:#fff; font-weight:normal; line-height:1.6em;}
h2{ clear:both; font-size:22px; text-align:left; color:#CCCCCC; margin:0;padding:5px 0 20px 0;font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
h3{ font-size:35px; text-align:left; color:#4D863E; margin:0;padding:0;font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif; font-weight:normal;}
h4{ width:auto;font-size:15px; text-align:left; color:#CCCCCC; margin:0 0 15px 0;padding:3px;line-height:1.8em;}
h5{ font-size:20px; text-align:center; color:#fff; margin:0;padding:5px; background:#65A75D;}

/* @end */
.orenge {color:#F90; font-weight:bold; font-size:15px; text-align:left; margin:0px;padding:5px; line-height:1.5em;}
.price { float:left;border:1px solid #ccc; color:#CCCCCC; font-size:15px; text-align:left; margin:20px 20px 20px 0px;padding:10px 50px 10px 10px; line-height:2em;text-align: justify;
text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
.kp { background-color:#65A75D;  color:#fff; font-size:15px; text-align:left; margin:10px 0px;padding:5px; line-height:1.5em;text-align: center;
text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
.copy { font-size:11px; color:#CCCCCC; margin:0;padding:0; line-height:1.8;}
.logo {text-align:center; padding:0;}
.title {text-align:right; padding:0;margin-left: auto;}
.text01 { color:#CCCCCC; font-size:15px; text-align:left; margin:0;padding:0; line-height:2.0;text-align: justify;
text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
.text02 { font-size:16px; font-weight:bold; text-align:left; padding:5px 0; color:#FFFFFF;} 
.text03 { width:auto; font-size:15px;text-align:center; padding:10px; color:#FFFFFF;} 
.text04 { width:auto; font-size:15px;text-align:center; padding:10px 20px; color:#FFFFFF;} 

.text05 { font-size:15px; font-weight:bold; text-align:left; padding:5px 0; color:#65A75D;} 
.text06 { color:#65A75D; font-size:17px; text-align:left; margin:0;padding:0; line-height:2.0;}
.text07 { width:auto; font-size:14px; font-weight:bold; text-align:center; margin:0 5px 0 0; padding:3px 5px; color:#000; background:#65A75D;} 
.text08 { width:auto; font-size:14px; font-weight:bold; text-align:center; margin:15px 0; padding:3px 5px; color:#000; background:#ccc; line-height:1.4em;} 
.text09 { color:#ccc; font-size:12px;}

.input2{width:90%}
.input3{width:43%}

.tea {  width:auto; font-size:14px; text-align:left; margin:10px 0; padding:15px; color:#CCCCCC; border:1px solid #CCCCCC; line-height:2.0;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;} 

.hall { border-bottom:3px solid #666; width:auto;} 

.news { font-size:14px; text-align:left; color:#FFFFFF; margin:15px 0px;padding:0; line-height:1.6em;}
.kizai { font-size:14px; text-align:left; color:#ccc; margin:0;padding:0; line-height:1.5;}

.day{ background:#696969; padding:0; width:4%; height:auto;text-align:center;}
.day02{ background:#a7a7a7; padding:0; width:4%; height:auto;text-align:center;} 

.img{ background:#FFF; padding:20px 5px; width:auto;width:auto; text-align:center;}  
.ov {width:auto;text-align:left; padding:10px 0;}
.ov01 { font-size:16px; font-weight:bold; color: #2D2D2D; padding:5px 0; line-height:1.8;font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
.ov02 { font-size:14px; color: #000; padding:3px 0;}
.ov03 { font-size:14px; color: #666; padding:3px 0;}

.mon00{padding:3px 0 0 0; margin:0; width:6%; border-right: 3px solid #000000; background:#FFF; color:#FFFFFF;font-size:18px;} 
.mon01{padding:0; width:7.9%;border-right: 3px solid #000000;color:#48dda2;} 
.mon-on{padding:0; width:7.9%;border-right: 3px solid #000000;} 
.mon-on a:hover{padding:0; color:#48dda2;}  
.mon-off{padding:0; width:7.9%;border-right: 3px solid #000000; color:#c0c0c0;} 
.uchikeshi{text-decoration: line-through;color: #ff0000;}
.btn  { float:left; margin:10px 15px 10px 0;}
.btn a {font-size:13px; text-align:center; padding:3px 20px; color: #65A75D; margin:0 0 0 0; color:#fff; border:2px solid #65A75D;text-decoration:none; font-weight:bold;}
.btn a:visited { color:#65A75D;}
.btn a:hover {text-decoration:none;background:#65A75D; color:#000;}

.table5{ font-size:14px;line-height:1.6em;padding:3px 0 3px 0; margin:0;text-align:left;color:#65A75D; font-weight:bold;}
.table6{ font-size:90%;line-height:1.8em;padding:0; margin: 0;text-align:left;color:#ccc;}
.kiyaku0{ margin:10px 0px; border:#65A75D 2px solid; }
.kiyaku1{ font-size:90%;line-height:1.8em;padding:10px 50px; margin: 0;text-align:left;color:#ccc;text-indent:-22px;}
.kiyaku2{ font-size:90%;line-height:1.8em;padding:10px 30px; margin: 0;text-align:right;color:#ccc;}
.kiyaku3{ margin:20px 0px; border:#65A75D 2px solid; padding:10px; color:#FFF; font-weight:bold; font-size:18px;}


.con{color:#F00;}
.entrybutton{ text-align:center; margin:0 0 10px 0;}

.hallentry a:link{float:right; padding:30px 20px; margin:0 30px 0 0; border:solid 2px #65A75D; color:#FFF; font-weight:bold; text-align:center; font-size:18px;}
.hallentry a:hover{float:right; padding:30px 20px; background:#65A75D;  border:solid 2px #65A75D; color:#FFF }


.line{ width:auto; border-bottom:1px dotted #65A75D; margin:10px 0;}
.line2{ clear:both;width:auto; border-bottom:2px solid #65A75D; margin:30px 0;}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 
ul.social li {display: block;float:right !important; padding-top:15px;}
li.twitter {width: 90px;}
li.facebook {border: none;overflow: hidden;width: 90px;}

.gall{ margin:0;padding:0 15px 15px 0;}
.gall a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

dt{ margin:20px 0px 20px 0px;  padding:3px 3px 3px 6px; background:#65A75D;font-size:18px; font-style:italic; letter-spacing:1px; color:#FFF;}
dd{ margin:5px;  padding:0px 10px; color:#FFF; font-size:15px; letter-spacing:1px; width:80%; display:block;}

dd a:link{ margin:0px;  padding:5px; color:#FFF; border-left: 10px solid #65A75D; display:block;}
dd a:hover{ margin:0px;  padding:5px; color:#FFF; background:#65A75D; display:block;}


/* @main */

body {
	font-family: Arial,Helvetica,sans-serif;
	background: #223228;
	position: relative;
}

.splide{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

/* #sub {
	float:left;
	margin:0 10px 10px 10px;
	padding:5px 0;
	width: auto;
	height: auto;
	text-align: left;
	background: #000;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;position: fixed;  
} */

#sub {
	padding:20px 0 5px;
	text-align: left;
	background: #000;
    opacity: 0.7;
	position: fixed;
	top: 0;
	left: 10px;
}
body{display: flex; flex-direction: column;}
main{
	flex: 1;
}

.construction{font-size: 200%;color: #fff;margin: 3em auto 2em;}

#main2 {
	width: 70%;
	max-width: 700px;
	margin:0 40px 20px auto;
	padding:0;
}

#news {
float:right;
	width: auto;
	margin:20px 30px 20px 0;
	padding:20px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
}

#news2 {
clear:right;
float:right;
	width: auto;
	margin:20px 30px 0 0;
	padding:20px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
}

#news3 {
display:none;
}

#news4 {
float:right;
	width: auto;
	margin:20px 30px 20px 0;
	padding:20px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
}


#live-box {
float:left; height:auto; 
	margin:0 0 5px 0;
	padding:0;
	width:100%;background:#FFFFFF;
}

#month {
clear:both;
margin: 0 0 15px 0;
padding:0;
width:100%;	 border-bottom:1px dotted #48dda2;}


#month-box {
clear:both;
font-size:20px;
text-align:center;
height:auto; 
margin:0 0 15px 0;
padding:0;
width:100%;background:#FFFFFF;font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;font-weight:bold;
	}


#con-box {
	height:auto; 
	margin:10px 0;
	padding:0;
	width:auto;
}

#con-box2 {
	width:auto;
	height:auto; 
	margin:20px 0 10px 0;
	padding:20px 0;
	border-top:1px solid #65A75D;
	border-bottom:1px solid #65A75D;
}


#menu li{
  display: block;
  margin:0;}
  
#toggle{ display: none;}

footer{
	width: 100%;
	text-align: center;
	padding: 1.5em 0 1em;
	clear: both;

	&.fot_abso{
		position: absolute;
		bottom: 0;
		left: 0;
	}
}



/*たたむ*/
.tatamibtn{
    border: 1px solid #fff;
    color: #fff;
    padding: 0.5em;
    display: inline-block;
    cursor: pointer;
    margin: 1em 0;
}
.tatamibtn:hover{
    background: rgba(255,255,255,0.3);
}


/*Googleフォーム埋め込み*/
.gform{
    width: 100%;
    padding: 0;
    background: #fff;
}
.gform iframe{
    padding: 2em 0;
    height: 1200px;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    background: rgba(101,167,93,0.5);
    vertical-align: middle;
}


/*photo*/
.photoalbum{
	display: flex;
	flex-wrap: wrap;
	gap:1em;
	margin: 0 0 3em;
	
	li{
		width: calc((100% - 1em * 2) / 3);
		a{
		display: block;

		transition: 0.3s;
		border: 1px solid transparent;
			&:hover{
				opacity: 0.7;
				border-color: #fff;
			}
			img{height: auto;}
		}
	}
}



@media only screen and (max-width: 1100px) {
.copy { font-size:9px; text-align:center; color:#FFFFFF; margin:0;padding:5px 0; line-height:1.8;}
.ov01 { font-size:12px;}
.ov02 { font-size:12px;}
.ov03 { font-size:12px;}
#sub {	
	width: auto; position:static;
}
#main {
	float: left;	/*左側に回り込み*/
	width: auto;
	margin:0 5px 0 30px;
	padding:0;
}

#main2 {
	float: left;	/*左側に回り込み*/
	width: auto;
	margin:0 5px 0 30px;
	padding:0;
}


#news {
float:left;
	width: auto;
	margin:150px 5px 0 30px;
	padding:20px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
}

#hall-box2 {
float:none; height:auto; 
	margin:0;
}

#footer{ padding:30px 0px 30px 0px;
}

}

@media only screen and (max-width: 640px) {
h1{ display:none;}
.input2{width:80%}
.input3{width:60%}
.day{width:8%; height:100%;} 
.day02{width:8%; height:100%;} 

.img{padding:0 5px; width:auto;width:auto; text-align:center;}  

.ov01 { font-size:12px;}
.ov02 { font-size:12px;}
.ov03 { font-size:12px;}
.title { width:auto; clear:both; float:none; text-align:center;}
.logo { display:none;}
.text01 {font-size:13px;} 
.text03 {font-size:13px; padding:3px;} 
.text04 {font-size:13px; padding:10px;} 
.tea {font-size:13px;} 
#main {width: auto; float:none; clear:both; height:auto; margin:8px;}
#main2 {width: auto; float:none; clear:both; height:auto; margin:8px 8px 15px 8px;}

#sub {margin:0;
	padding:0;
float: none;background: none;	height: auto;
min-height: auto;
width: auto; 
filter:alpha(opacity=80);
-moz-opacity: 8.0;
opacity: 8.0;position:static;}

#news {
float:none;
	width: auto;
	margin:30px 0;
	padding:10px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
	display:none;
}

#news2 {
float:none;
	width: auto;
	margin:30px 0;
	padding:10px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
}

#news3 {
float:none;
	width: auto;
	margin:30px 0;
	padding:10px;
	background: #000;
	background-color:rgba(0,0,0,0.65);
		display: block;
}

#live-box {
clear:both;
	margin:0 0 5px 0;
	padding:0;
	width:100%;
}

#hall-box2 {
float:none; height:auto; 
	margin:0;
}


  #menu{
    display: none;
  }
  #menu li{
    width: 100%; background:#000;
  }
  #toggle{
    display: block;
    position: relative;
    width: auto;
    background:#000;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #666;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

	.liveimg{display:block;}
	.liveimgpc{display:none;}

.photoalbum{li{width: calc((100% - 1em) / 2);}}

}