@charset "UTF-8";
/* evnt-1_sp.css */

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

ul { list-style: none;}
/*--------------------
1:.head-content
--------------------*/
.head-content { padding-bottom: 40px;}
h2 {
	color: #666;
	font-size: 5.2vw;
	font-family: YakuHanJP,"Noto Sans Japanese",sans-serif;
	margin: 10px 0;
	text-align: center;
}
h2 img {
	height: 48px;
	width: auto;
}
#hero { margin-bottom: 30px;}
.head-content h3 { padding: 0 2vw;}

/*--------------------
2:#info
--------------------*/
#info {
	color: #00991d;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 40px;
}
#info .content {
	position: relative;
	box-shadow: 0 4px 5px rgba(0,0,0,0.4);
	margin: 0 auto;
	padding: 10px;
	width: 92vw;
}
#info .content .inner {
	border: 2px solid #00991d;
	padding: 24vw 10px 14vw;
}
#info .ttl {
	position: absolute;
	top: -5vw;
	left: 20px;
	width: -webkit-calc(92vw - 40px);
	width: calc(92vw - 40px);
}
#info .ttl span {
	position: absolute;
	color: #000;
	display: block;
	top: 21.5vw;
	left: 2.9vw;
	font-size: 5.75vw;
	font-weight: bold;
}
#info .datetime {
	font-size: 5.8vw;
	margin-bottom: 15px;
	text-align: center;
}
#info .place {
	font-size: 5vw;
	margin-bottom: 25px;
	text-align: center;
}
#info .time {
	margin-bottom: 1em;
	text-align: center;
}
#info .time i {
	font-size: 10px;
	font-style: normal;
	padding: 0 4px;
	vertical-align: middle;
}
#info .price {
	line-height: 1.4;
}
#info .price i {
	font-size: 12px;
	font-style: normal;
}
#info .image {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 20vw;
}

/*--------------------
3:#access
--------------------*/
#access {
	line-height: 1;
	padding-bottom: 40px;
	text-align: center;
}
#access .head-txt {
	height: 30px;
	margin-bottom: 12px;
	text-align: center;
}
#access .head-txt img {
	height: 30px;
	width: auto;
}
#access h3 {
	color: #666;
	font-size: 20px;
	margin-bottom: 20px;
}
#map {
	height: 90vw;
	margin: 0 auto 20px;
	width: 92vw;
}
#access > a {
	background: #00991d;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto 25px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	width: 92vw;
}
#access > a:hover {
	background-color: #93bb4b;
}
#access .access-txt {
	color: #565656;
	font-size: 13px;
	line-height: 1.4;
	margin: 8px auto 0;
	text-align: left;
	width: 92vw;
}

/*--------------------
4:#prof
--------------------*/
#prof {
	background: #f4f4f4;
	padding: 30px 4vw 40px;
}
#prof h3 {
	margin-bottom: 15px;
}
#prof .box,
#prof .box-2 {
	background: #fff;
	box-shadow: 0 3px 4px rgba(0,0,0,0.4);
	margin-bottom: 20px;
}
#prof .prof-box {
	padding: 18px 12px 22px;
}
#prof h4 {
	border-bottom: 2px solid #00991d;
	font-size: 20px;
	line-height: 1;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 10px;
}
#prof .ttl {
	font-size: 17px;
	line-height: 1.2;
	margin-bottom: 10px;
}
#prof .txt {
	color: #565656;
	text-align: justify;
}
#prof .box-2:after {
	content: '';
	clear: both;
	display: block;
}
#prof .box-2 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#prof .box-2 .pic {
	width: 40%;
}
#prof .box-2 .txt-2 {
	width: 60%;
}
#prof .ttl-2 {
	font-size: 16px;
	line-height: 1.4;
	overflow: hidden;
	padding: 0 10px 8px;
}
#prof .name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	overflow: hidden;
	padding: 0 10px;
}
#prof .mc:after {
	content: '';
	clear: both;
	display: block;
}
#prof .ttl-3 {
	float: left;
	margin-right: 10px;
	height: 72px;
}
#prof .ttl-3 img {
	height: 100%;
	width: auto;
}
#prof .ttl-4 { margin-bottom: 8px;}
#prof .mc .name {
	padding: 0;
	text-align: left;
}

/*--------------------
5:#time-schedule
--------------------*/
#time-schedule { padding-bottom: 40px;}
#time-schedule h3 {
	background: #00991d;
	color: #fff;
	font-size: 20px;
	line-height: 2;
	height: 40px;
	text-align: center;
}
#time-schedule dl {
	margin: 10px auto;
	width: 92vw;
}
#time-schedule dt {
	position: relative;
	color: #00991d;
	font-family: Lato,"Noto Sans Japanese", sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	padding-left: 16px;
	padding-bottom: 4px;
}
#time-schedule dt:before {
	position: absolute;
	top: 4px;
	left: 0;
	content: '';
	background: #00991d;
	border-radius: 50%;
	height: 9px;
	width: 9px;
}
#time-schedule dd {
	position: relative;
	font-weight: bold;
	padding: 8px 0 8px 16px;
}
#time-schedule dd:before {
	position: absolute;
	top: 0;
	left: 4px;
	content: '';
	background: #00991d;
	height: 100%;
	width: 1px;
}
#time-schedule dd strong {
	color: #93bb4b;
}
#time-schedule dd span {
	font-size: 13px;
	font-weight: normal;
}
#time-schedule dl.time-3 dd p:first-of-type,
#time-schedule dl.time-4 dd p:first-of-type,
#time-schedule dl.time-5 dd p:first-of-type,
#time-schedule dl.time-6 dd > p:first-of-type {
	margin-bottom: 8px;
}
#time-schedule dl.time-3 dd p:last-of-type { margin-top: 8px;}
#time-schedule .list p {
	margin-bottom: 8px;
}
#time-schedule .list .row-3 p {
	margin-bottom: 0;
}
#time-schedule .attention {
	color: #565656;
	font-size: 13px;
	margin: 0 auto 10px;
	width: 92vw;
}
#time-schedule ul {
	margin: 0 auto;
	width: 92vw;
}
#time-schedule li {
	position: relative;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
	/*text-indent: -59px;*/
	padding-left: 59px;
}
#time-schedule li strong {
	position: absolute;
	top: 0;
	left: 0;
	background: #00991d;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	letter-spacing: 0.2em;
	margin-right: 7px;
	padding-left: 0.2em;
	text-align: center;
	width: 52px;
}

/*--------------------
6:footer
--------------------*/
.form-btn {
	background-color: #00991d;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.4);
	display: block;
	margin: 0 auto 20px;
	padding: 15px 25px;
	text-align: center;
	width: 86vw;
}
.form-btn:hover {
	background-color: #93bb4b;
}
footer {
	padding: 0 4vw 10px;
}
footer .foot-logo {
	margin-bottom: 20px;
}
footer .ttl {
	border: 1px solid #666;
	height: 40px;
	line-height: 38px;
	margin-bottom: 12px;
	text-align: center;
}
footer .txt,
footer .contact {
	color: #565656;
	font-size: 13px;
	line-height: 1.4;
}
footer .contact {
	padding-top: 10px;
}
footer address {
	color: #000;
	font-size: 13px;
	font-style: normal;
	line-height: 1;
	padding: 20px 0 0;
	text-align: center;
}

/*--------------------
7:#form-btn,#page-top
--------------------*/
#form-btn,
#page-top {
	position: fixed;
	bottom: 4vw;
	right: 3vw;
	z-index: 15;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	width: 56px;
}
#page-top {
	cursor: pointer;
	/*display: none;*/
}

}/*media*/