/*

Style Sheet

*/

body {
	width: 100%;
	padding:0;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic";
	font-size: 10pt;
	word-break: break-all;
}

input[type="text"], input[type="password"], textarea, input[type="submit"] {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic";
	width:100%;
}

input[type="submit"] {
	padding:20px;
}

.pure-form select {
	width: 100%;
	height:3.2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #fff;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	padding:10px;
	font-size:0.9em;
	line-height:110%;
}

.pure-form select::-ms-expand {
	display: none;
}

.pure-form br {
	margin-top:10px;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ddd;
	margin-bottom:30px;
}

.fa {
	margin-right:5px;
}

#head {
	margin-top:-20px;
	padding-bottom:4px;
	background-color:#74b93a;
	text-align:center;
}

#head h1 {
	padding-top:20px;
	font-size:2em;
}

#head img {
	vertical-align:middle;
}

/*#head h1 {
	padding-top:30px;
	font-size:2em;
	text-shadow: 2px	2px 5px #222,
				-2px	2px 5px #222,
				2px -2px 5px #222,
				-2px -2px 5px #222;
}*/

#head h1 a {
	text-decoration:none;
}

#head h1 .fa {
	margin-right:15px;
}

#menu ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#menu li { 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
	width: 24.99%;
	list-style: none;
}

#menu li a {
	display: block; 
	border-left: 1px solid #74b93a;
	background-color:#e3d7a3;
	padding: 10px 0;
	text-decoration: none;
	color: #0000ff;
	width: 100%;
	text-align: center;
	font-size:95%;
}

#menu li a:hover {
	background:#86d248 url(../images/triangle.png) no-repeat;
}

#menu li a.current {
	background-color: #74b93a;
	color:#fff;
}

#bodyin {
	padding:0 20px 20px 20px;
}

#bodyin a {
	text-decoration:none;
}

#bodyin a:hover {
	text-decoration:underline;
}

#bodyin .posttitle {
	margin-top:40px;
	color:#fff;
	padding:5px 10px 1px 10px;
	background-color:#000;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#bodyin .posttitle h2 {
	font-size:1.1em;
	font-weight:normal;
}

#bodyin .posttitle p {
	height:4px;
	margin:0;
	padding:0;
}

#bodyin .posttitle2 {
	margin-top:40px;
	color:#000;
	padding:5px 10px 1px 10px;
	border-left:5px solid #74b93a;
}

#bodyin .posttitle2 h2 {
	font-size:1.1em;
	font-weight:normal;
}

#bodyin .posttitle2 span {
	font-weight:bold;
	font-size:95%;
	color:#74b93a;
}


#bodyin h2.itemtitle {
	font-size:1.1em;
	font-weight:normal;
	margin-top:40px;
	color:#fff;
	padding:5px 30px;
	background-color:#000;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#bodyin h3 {
	font-size:1.6em;
	text-align:center;
	padding-bottom:20px;
	border-bottom:3px dotted	#74b93a;
}

#bodyin p {
	line-height:120%;
}

#bodyin p#post a {
	display:block;
	font-size:1.4em;
	text-decoration:none;
	padding:15px 0;
	background-color:#e3d7a3;
	width:100%;
	text-align:center;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

#bodyin p#post a:hover {
	background-color: #74b93a;
	color:#fff;
}

#breadclumb {
	font-size:85%;
}

#breadclumb span {
	float:right;
	font-size:85%;
}




#footer {
	text-align:center;
	background-color:#7a661f;
	color:#fff;
	padding:10px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	color:#90ee90;
}

#footermenu {
	margin:10px 0 50px 0;
}

#footermenu a {
	padding:0 10px;
	font-size:90%;
	color:#fff;
}

#footer p {
	font-size:85%;
}

.usage {
	border:1px solid #ddd;
	padding:10px 20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.usage p {
	line-height:100%;
}

.usage2 {
	border:1px solid #74b93a;
	padding:10px 20px;
}

.usage2 p {
	line-height:100%;
}

.itemtitle1 {
	margin:50px 0 20px 0;
	border-left:5px solid #74b93a;
	padding: 2px 20px;
	font-size:1.2em;
	font-weight:bold;
	color:#74b93a;
}

.itemtitle2 {
	margin:20px 0;
	border:2px solid #74b93a;
	padding: 2px 10px;
	text-align:center;
	font-weight:bold;
	color:#74b93a;
}

.area2 {
	font-size:90%;
}

.clear {
	clear:both;
}

#notice {
	padding:4px 30px 0 30px;
	border:0;
	background:url(../images/noticebg.png);
	color:#ff8c00;
	height:26px;
	line-height:26px;
	letter-spacing:1px
}

ul.stockTicker {
	left: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.stockTicker li {
	margin: 0 10px 0;
	float:left;
	padding-left: 200px;
}

.maps {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.paging {
	text-align:center;
}

.paging span {
	padding-left:25px;
	padding-right:25px;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
	margin-top:30px;
}

table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: .35em;
}

table th {
	border:2px solid #74b93a;
	padding: .5em;
	text-align: center;
	color:#74b93a;
	font-weight:normal;
}

table td {
	padding-top: .8em;
	padding-bottom: .8em;
	text-align: center;
}

table td span {
	margin-left:30px;
}

table.tablestyle2 {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
	margin-top:30px;
}

table.tablestyle2 tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: .35em;
}

table.tablestyle2 th {
	padding: .5em;
	text-align: center;
	color:#74b93a;
	width:30%;
	border:0;
}

table.tablestyle2 td {
	padding-top: .8em;
	padding-bottom: .8em;
	text-align: left;
	width:70%;
}

.bold {
	font-weight:bold;
}

.bbsnormal {
	color:#ff8c00 !important;
}

.bbsstrong {
	font-weight:bold;
	color:#ff8c00;
}

.bbsstrong2 {
	font-weight:bold !important;
	color:#ff8c00 !important;
	text-decoration:underline !important;
	font-size:130% !important;
}

p.bbsicon {
	margin-bottom:30px;
}

p.bbsicon img {
	vertical-align:middle;
}

p.bbsicon span {
	font-size:1.05em;
	color:#a39147;
}

.vmargin2 {
	margin-top:20px;
}

h1 span {
	font-size:60%;
	color:#fff;
	margin-left:0.3em;
}

.waku {
	margin:10px 20px;
	border:3px solid #74b93a;
	padding:10px 20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:url("../images/nagasawa2017.jpg") no-repeat right #ffffe0;
}

p a:hover {
	opacity:0.8;
}



div#jijibaba_schedule {
	width:100% !important;
	border:0px solid #eee;
	text-align:center;
	background-image:url("../images/jijibaba-bk.png");
	font-size:1.1em;"
}
div#jijibaba_schedule .jijibaba_event {
	color:#ff8c00;
	font-weight:bold;
}
div#jijibaba_schedule p {
	background-color:#74b93a;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	margin-top:0;
	padding:10px 0;
}
div#jijibaba_schedule  div span {
	 color:#ff8c00;
}
div#jijibaba_schedule .jijibaba_member {
	margin-top:1em;
	font-size:0.8em;
}
div#jijibaba_schedule2 {
	margin-top:10px;
	background-image:url("../images/noticebg.png");
	color:#fff;
	padding:3px;
	font-size:0.8em;
}
div#jijibaba_schedule2 img {
	vertical-align:middle;
}



.accordion {
	margin-top:2em;
}
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;
	text-align:center;
	font-size:130%;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
}

.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

div.findform {
	width:100%;
	background-color:#74b93a;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
div.findform table {
	padding:0px;
/*	border-collapse: collapse;
	border-spacing:0;*/
	border:2px solid #74b93a !important;
	text-align:center;
	margin:0 auto;
	width:300px !important;
}
div.findform .findkeyword {
	width:12em;
	border:1px solid #74b93a;
	padding:3px 2px;
}
div.findform .findsubmit {
	width:8em !important;
	margin-left:30px;
	padding:5px 10px;
	background-color:#e3d7a3;
	color:#000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
div.findform .findsubmit:hover {
	background-color: #90c761;
}

div.songblock {
	margin-top:-6px;
	text-align:center;
	color:#fffc41;
	font-size:1.1em;
	background:#e3d7a3;
	background-image:url("../images/jijibaba-bk2.png");
}

div.songblock a {
	display:block;
	text-decoration:none;
}

div.songblock a:hover {
	background:#86d248;
}

div.songblock a img {
	vertical-align:middle;
	padding-top:10px;
}

div.songblock a span {
	font-size:75%;
}

	
.top-banner{
	display: flex;
	flex-wrap:wrap;
	list-style: none;
}
.top-banner li {
	width: 50%;
	padding:0 5px;
	box-sizing:border-box;
	text-align:center;
}


.c-btn {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  background: rgba(255,255,255,0.6) !important;
/* background: #ff701e;*/
  border: 1px solid #ff701e;
  border-radius: 60px;
  color: #fff;
  display: block;
/*  font-weight: bold; */
  max-width: 500px;
  padding: 10px 20px;
  text-align: center;
}




.c-btn.circle {
  background: #fff;
  color: #ff701e;
  overflow: hidden;
  position: relative;
  transition-duration: .4s;
  z-index: 2;
}
.c-btn.circle::after {
  background: #ff701e;
  border-radius: 50%;
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity .5s, transform 0s;
  transition-delay: 0s, .4s;
}

.c-btn.circle:hover {
  color: #fff;
}
.c-btn.circle:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}

.c-btn.circle a {
	text-decoration:none;
	font-size:14px;
}

.c-btn.circle a:hover {
	color:#fff;
}






@media screen and (max-width:800px){
	div#jijibaba_schedule div {
		font-size:0.9em;
	}
	div#jijibaba_schedule div img#jijibaba2019 {
		width:100% !important;
	}
	#photo {
		display: block;
		width:100% !important;

	}
	#photo img {
		width:100% !important;
		max-width: 640px;
		height: auto;
		box-sizing: border-box;
	}
	div#jijibaba_schedule2 {
		font-size:0.7em !important;
	}

	.c-btn.circle a {
		font-size:12px !important;
	}
}


@media screen and (max-width:620px){

	#bodyin {
		padding:0 5px 20px 5px;
	}

	.waku {
		background:url("");
		padding:5px 5px;
	}

	img.photo {
		text-align:center !important;
	}

	.sp_image {
		width:100%;
	}
	.usage {
		padding:5px 5px;
	}
	.usage2 {
		padding:2px;
	}

	.usage2 iframe {
		width:96% !important;
	}

	div#jijibaba_schedule .jijibaba_member {
		margin-top:-3em;
	}

}