@charset "UTF-8";

main#contents {
	display: block;
	/* background-color: #f4f9f3; */
	background: #f4f9f3 url('../images/bottom-img03.png')  0px bottom no-repeat;
	background-size: contain;
	padding-bottom: 80px;
	margin-bottom: 20px;
}

section#main-image {
	position: relative;
	margin: 0 10px 40px 10px;
}

section#main-image>h2 {
	color: #5bb973;
	font-weight: normal;
	font-size: 1.1rem;
	text-align: center;
	padding-top: 24px;
	margin: 0 0 10px 0;
	letter-spacing: 0;
}

section#main-image>h2>img {
	height: 30px;
	margin: 0 6px 0 0;
}

section#main-image>p {
	margin: 0;
}


section#service {
	margin: 0 10px 20px 10px;
}

section#service>h3 {
	color: #7e7e49;
	font-size: 1rem;
	font-weight: normal;
	margin: 0 0 15px 0;
}

section#service>h3:before {
	content: '❖ ';
}

section#service>h3:after {
	content: ' ❖';
}

section#service>table>tbody>tr>th {
	font-weight: normal;
	width: 6rem;
	text-align: left;
}

section#service>table>tbody>tr p {
	margin: 0 0 5px 0;
}

section#service>table>tbody>tr p span {
	font-size: 0.5rem;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 3px;
	display: inline-block;
	padding-bottom: 2px;
}

section#service>table>tbody>tr p a {
	color: #43913a;
}

section#service>p {
	text-align: center;
}


main#contents>hr {
	border-bottom: 2px dotted #6ba101;
	height: 2px;
	width: 90%;
	margin: 0 auto 40px auto;
}


article#event {
	margin: 0 10px 20px 10px;
}

article#event>h3 {
	color: #7e7e49;
	font-size: 1rem;
	font-weight: normal;
	margin: 0 0 20px 0;
}

article#event>h3:before {
	content: '❖ ';
}

article#event>h3:after {
	content: ' ❖';
}

article#event>section {
	margin: 0 0 30px 0;
}

article#event>section>p.cancel>b {
	color: #f00000;
	font-weight: bold;
	font-size: 1rem;
	margin: 0 0 2px 0;
}

article#event>section>h4 {
	color: #5bb973;
	font-weight: bold;
	font-size: 1rem;
	margin: 0 0 10px 0;
}

article#event>section>div>p {
	text-indent: -3rem;
	margin: 0 0 5px 3rem;
}
article#event>section>div>p.no-indent {
	text-indent: 0;
	margin: 0 0 5px 0;
}
article#event>section>div>p.lineheight {
	line-height: 1.6rem;
	margin-bottom: 8px;
}
article#event>section>div>p.margin {
	margin-bottom: 12px;
}

article#event>section>div>p>a {
	color: #43913a;
}

article#event>section>div.left {
	margin: 0 0 30px 0;
}

article#event>section>div.right {
	margin: 0 0 30px 0;
}

article#event>section>div.right>p {
	text-align: center;
}

article#event>section>div>div.poster-box>div.right>p {
	text-align: center;
}

article#event>section>div>ul.poster a {
	color: #43913a;
}
article#event>section>div>div.poster-box>div.left>ul.poster a {
	color: #43913a;
}

article#event>section>div>ul li {
	line-height: 1.6rem;
}

article#event>section>div>div.poster-box>div.left>ul li {
	line-height: 1.6rem;
}

article#event>hr {
	border-bottom: 2px dotted #6ba101;
	height: 2px;
	width: 70%;
	margin: 0 auto 40px auto;
}



@media print, screen and (min-width:360px) {

	section#main-image>h2 {
		letter-spacing: 1px;
	}
	
	section#main-image>h2>br.sp {
		display: none;
	}
	
	section#service>table {
		margin-left: 1.5rem;
	}
	
	article#event > section > p.cancel {
		margin: 0 0 10px 1rem;
	}

	article#event>section>h4 {
		margin: 0 0 10px 1rem;
	}
	
	article#event>section>div>p {
		/* text-indent: -3rem; */
		margin: 0 0 5px 5rem;
	}
	article#event>section>div>p.no-indent {
		margin: 0 0 5px 2rem;
	}
	article#event>section>div>p.margin {
		margin-bottom: 12px;
	}

	article#event>section>div>ul {
		margin: 10px 10px 10px 3.5rem;
	}
	
	article#event>section>div>div.left>ul {
		margin: 10px 10px 10px 3.5rem;
	}
	
	article#event>section>div>div.poster-box>div.left>ul {
		margin: 30px 10px 10px 3.5rem;
	}

	article#event>section>div>div.poster-box>div.right>p {
		margin: 10px 10px 10px 3.5rem;
		text-align: center;
	}


}



@media print, screen and (min-width:400px) {

	article#event>section>h4>span>br.sp1 {
		display: none;
	}
	



}




@media print, screen and (min-width:480px) {

	article#event>section>div>p>br.sp {
		display: none;
	}


}


@media print, screen and (min-width:600px) {



}


@media print, screen and (min-width:640px) {

	/* article#event>section>h4 {
		text-indent: -22.5rem;
		margin-left: 22.5rem;
	}
	
	article#event>section>h4>span {
		display: inline-block;
		width: 17.5rem;
		margin-left: 21.5rem;
	} */
	
	article#event>section>h4 {
		position: relative;
	}

	article#event>section>h4>span:first-child {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	article#event>section>h4>span:last-child {
		display: block;
		margin-left: 19.0rem;
	}
	article#event>section>h4.type2>span:last-child {
		margin-left: 19.5rem;
	}
	article#event>section>h4.type3>span:last-child {
		margin-left: 20.0rem;
	}
	article#event>section>h4.type4>span:last-child {
		margin-left: 21.0rem;
	}
	article#event>section>h4.type5>span:last-child {
		margin-left: 21.5rem;
	}
	article#event>section>h4.type6>span:last-child {
		margin-left: 22.0rem;
	}
	article#event>section>h4.type7>span:last-child {
		margin-left: 22.5rem;
	}

	article#event>section>h4.type8>span:last-child {
		margin-left: 8rem;
	}
	article#event>section>h4.type1>span:last-child {
		margin-left: 10rem;
	}

	article#event>section>h4.type0>span:last-child {
		margin-left: 14.0rem;
	}

	article#event>section>h4>span>br.sp2 {
		display: none;
	}

	article#event>section.type-str-img>div.left {
		float: left;
		width: calc(100% - 182px);
	}

	article#event>section.type-str-img>div.right {
		float: left;
		width: 180px;
	}

	article#event>hr {
		clear: left;
	}

	article#event>section.type-str-img>div.right>p {
		margin: 10px;
		text-indent: 0;
	}


	article#event>section>div>div.poster-box {
		display: flex;
		flex-direction: row-reverse;
		/* justify-content: flex-end; */
		justify-content: space-between;
	}

	article#event > section > div > div.poster-box > div.right>p {
		margin: 10px;
		text-indent: 0;
	}



}


@media print, screen and (min-width:800px) {

	main#contents {
		float: left;
		width : -webkit-calc(100% - 150px) ;
		width : calc(100% - 150px) ;
		font-size: 0.85rem;
	}

	section#main-image {
		width: 80%;
		margin: 0 auto 40px auto;
	}

	section#main-image > h2 {
		font-size: 1.5rem;
		margin: 0 0 40px 0;
		padding-top: 40px;
	}

	section#main-image > h2 > img {
		height: auto;
		margin: 0 6px 0 0;
	}


	section#service {
		width: 80%;
		margin: 0 auto 20px auto;
	}


	article#event > section > h4 {
		font-size: 0.85rem;
	}

	article#event>section>h4>span:last-child {
		margin-left: 17.5rem;
	}
	article#event>section>h4.type2>span:last-child {
		margin-left: 18.0rem;
	}
	article#event>section>h4.type3>span:last-child {
		margin-left: 17.5rem;
	}
	article#event>section>h4.type4>span:last-child {
		margin-left: 18.0rem;
	}
	article#event>section>h4.type5>span:last-child {
		margin-left: 18.5rem;
	}
	article#event>section>h4.type6>span:last-child {
		margin-left: 21.0rem;
	}
	article#event>section>h4.type7>span:last-child {
		margin-left: 21.5rem;
	}


	article#event {
		width: 80%;
		margin: 0 auto 20px auto;
	}


}




@media print, screen and (min-width:860px) {



}


@media print, screen and (min-width:1000px) {

	main#contents {
		width: 840px;
	}



}