@charset "utf-8";
/* CSS Document */

/* ---------------------------
 /ube220917
----------------------------- */

body#event #contents section {padding: 0;}
body#event p.event_close {
	color: #E00003; text-align: center;
	font-size: 120%; font-weight: 600;
	margin-top: 1em;}

#contents section h3.fukidashi {
	position: relative;
	display: inline-block;
	text-align: center;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 1.3em;
	padding: 0 45px;}
#contents section h3.fukidashi:before,
#contents section h3.fukidashi:after {
	content: '';
	position: absolute;
	top: 55%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: #53B607;}
#contents section h3.fukidashi:before {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	left:0;}
#contents section h3.fukidashi:after {
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	right: 0;}

body#event h3.fukidashi02 {
	position: relative;
	padding: 0.6em 1em;
	color: #FFF;
	background: #53B607;
	margin-bottom: 1.2em;}
body#event h3.fukidashi02:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50px;
	border: 15px solid transparent;
	border-top: 15px solid #53B607;
	width: 0;
	height: 0;}



/* mainvisual */
#contents div.special_main {
	width: 1000px;
	background-color: #EFEFEF;
	margin: 0 auto;
	margin-top: 1.5em;
	padding-bottom: 3em;}
#contents div.special_main img {width: 100%; vertical-align: bottom;}
#contents div.special_main div.images.col3 img {width: 33.3%;}
#contents div.special_main div.images.col3 a:hover {filter: brightness(1.2);}
#contents div.special_main p.caution {
	text-align: right;
	font-size: 85%;
	padding: 1em;}
#contents div.special_main p.fukidashi {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 120%;
	letter-spacing: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 1.5em;
	margin-bottom: 1.3em;
	padding: 0 45px;}
#contents div.special_main p.fukidashi:before,
#contents div.special_main p.fukidashi:after {
	content: '';
	position: absolute;
	top: 55%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: #53B607;}
#contents div.special_main p.fukidashi:before {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	left:0;}
#contents div.special_main p.fukidashi:after {
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	right: 0;}

#contents div.special_main ul.page_navi {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;}
#contents div.special_main ul.page_navi li {position: relative; width: 49%;}
#contents div.special_main ul.page_navi a {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding: 1em;
	padding-bottom: 3em;
	text-decoration: none;
	text-align: center;
	border: solid 1px #53B607;
	background-color: #fff;
	border-radius: 14px;
	color: #53B607;}
#contents div.special_main ul.page_navi a span {font-size: 130%; line-height: 2;}
#contents div.special_main ul.page_navi a::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 1.2em;
	left: calc(50% - 8px);
	width: 16px;
	height: 16px;
	border-bottom: 2px solid #F5A862;
	border-left: 2px solid #F5A862;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.5s;}	
#contents div.special_main ul.page_navi a:hover {
	border: solid 1px #53B607;
	background-color: #F9FFE4;
	color: #53B607;}
#contents div.special_main div.balloon {width: 80%; margin: 0 auto;}
#contents div.special_main div.balloon a {
	display: block;
	margin-bottom: 0;
	padding: 1em;
	border: solid 1px #53B607;
	background-color: #53B607;
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	text-align: center;}
#contents div.special_main div.balloon a:hover {
	border: solid 1px #53B607;
	background-color: #fff;
	color: #53B607;}




/* info_map */

#contents section .info_map {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 0;}
#contents section .info_map::after {position: absolute;}/* space-betweenの隙間対策 */
#contents section .info_map div.box_date {width: 39%;}
#contents section .info_map div.box_map {width: 60%;}

#contents section .info_map h3 {
	margin-top: 7px;
	padding: 7px 0 5px;
    font-size: 110%;
	border-bottom: solid 3px #53B607;}
#contents section .info_map h3 span {
	background: #53B607;
	padding: 7px 25px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #ffffff;}
#contents section .info_map div.box_date p {
	padding: .5em 1.5em 0 2em; font-size: 110%;}
#contents section .info_map div.box_date p span.toho  {font-weight: 600; border-bottom: solid 3px #B9F68A;}
#contents section .info_map div.box_date p span.toho strong {font-size: 120%;}
#contents section .info_map div.box_date p:before {
	position: absolute;
	margin-left: -1.5em;
	content: '●';
	font-size: 80%;
	color: #FFCC00;}


/* info_equipment */

#contents section .info_equipment {}
#contents section .info_equipment div.box_equipment {width: 100%;}
#contents section .info_equipment div.box_equipment {
	margin-top: 2em;}
#contents section .info_equipment p.copy {
	font-size: 120%;
	color: #53B607;}
#contents section .info_equipment p.txt_equipment {
	border-top: dotted 3px #53B607;
	border-bottom: dotted 3px #53B607;
	padding: 1em 1.2em;}


/* wpc_merit */

#contents section#wpc_merit  {
	background-color: #EFEFEF;}

#contents section#wpc_merit .about_wpc {
	padding: 1.2em 2em 1.8em;
	background-color: #FFF;}
#contents section#wpc_merit span.title {font-size: 110%; font-weight: 600; border-bottom: solid 3px #B9F68A;}
#contents section#wpc_merit h4 {
	margin-top: 7px;
	padding: 7px 0 5px;
    font-size: 110%;
	border-bottom: solid 3px #53B607;}
#contents section#wpc_merit h4 span {
	background: #53B607;
	padding: 7px 25px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #ffffff;}
#contents section#wpc_merit div.box_flex {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;}
#contents section#wpc_merit div.box_flex div.images {width: 20%;}
#contents section#wpc_merit div.box_flex div.txt {width: 78%; padding-top: 1em;}
#contents section#wpc_merit .about_wpc {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
#contents section#wpc_merit .about_wpc div.box_col {width: 48%;}
#contents section#wpc_merit .about_wpc p.title_merit {
	font-size: 120%;
	font-weight: 600;
	color: #53B607;}
#contents section#wpc_merit .about_wpc div.images {width: 70%; margin: 0 auto; margin-top: 1em;}
#contents section#wpc_merit .about_wpc div.box_col div.box_flex {margin-bottom: 0;}
#contents section#wpc_merit .about_wpc div.box_col div.box_flex div.box_col {width: 67%;}
#contents section#wpc_merit .about_wpc div.box_col div.box_flex div.images {width: 30%;}
#contents section#wpc_merit div.balloon {}
#contents section#wpc_merit div.balloon a {
	display: block;
	margin-top: 2em;
	margin-bottom: 0;
	padding: 1em;
	border: solid 1px #53B607;
	background-color: #53B607;
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	text-align: center;}
#contents section#wpc_merit div.balloon a:hover {
	border: solid 1px #53B607;
	background-color: #fff;
	color: #53B607;}


#contents section.history div.inner {padding: 0;}
#contents section.history div.box_flex02 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;}
#contents section.history div.box_flex02 {width: 90%; margin: 0 auto; margin-top: 2em; margin-bottom:0;}
#contents section.history div.box_flex02 div.images.left {width: 15%;}
#contents section.history div.box_flex02 div.images.right {width: 18%;}
#contents section.history div.box_flex02 div.txt {width: 67%;}
#contents section.history div.box_flex02 div.txt p {text-align: center; font-size: 120%;}


/* information */



#contents div.info {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;}
#contents div.info .boxInfo {
	background-color: #EFEFEF;
	width: 48%;}
#contents div.info .boxInfo p.info_title {
	font-size: 130%;
	text-align: center;
	margin-top: 1em;
}
#contents div.info .boxInfo p.info_title:before,
#contents div.info .boxInfo p.info_title:after {
	content: '●';
	font-size: 80%;
	color: #A4E870;}
#contents div.info .boxInfo p.info_title:before {margin-right: 10px;}
#contents div.info .boxInfo p.info_title:after {margin-left: 10px;}
#contents div.info .boxInfo p.info_text {
	font-size: 95%;
	padding: 0 2em;
	margin-bottom: 2em;
	text-align: left;}
#contents div.info .boxInfo a {
	display: block;
	margin: 1.5em;
	margin-top: .8em;
	padding: 1em;
	border: solid 1px #53B607;
	background-color: #53B607;
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	text-align: center;}
#contents div.info .boxInfo a:hover,
#contents .download a:hover{
	border: solid 1px #53B607;
	background-color: #fff;
	color: #53B607;}

#contents br.br_sp {display: none;}



@media only screen and (min-width: 480px) and (max-width: 999px) {
	#contents div.special_main {width: 90%;}
	#contents br.br_sp {display: none;}
}
@media only screen and (max-width: 480px) {
	#contents div.special_main {width: 90%;}
	#contents br.br_sp {display: block;}
	#contents br.br_pc {display: none;}
	#contents div.special_main p.fukidashi {font-size: 100%;}
	#contents div.special_main ul.page_navi a span {font-size: 110%; line-height: 2;}
	#contents div.special_main ul.page_navi li  {width: 100%; margin-top: 1em;}
	#contents section .info_map div.box_date,
	#contents section .info_map div.box_map {width: 100%;}
	#contents section#wpc_merit div.box_flex div.images {width: 40%; margin: 0 auto; margin-top: 1em;}
	#contents section#wpc_merit div.box_flex div.txt {width: 100%;}
	#contents section#wpc_merit .about_wpc div.box_col {width: 100%;}
	#contents section#wpc_merit .about_wpc div.images {width: 100%;}
	#contents section.history div.inner {padding: 0;}
	#contents section.history div.box_flex02 div.images.left {width: 41%; order: 2;}
	#contents section.history div.box_flex02 div.images.right {width: 50%; order: 3;}
	#contents section.history div.box_flex02 div.txt {width: 100%; order: 1;}
#contents section.history div.box_flex02 div.txt p {text-align: center; font-size: 120%;}
	#contents section h3.fukidashi {font-size: 130%;}
	#contents div.info {display: block;}
	#contents div.info .boxInfo {width: 100%; padding: .3em 0 .3em; margin-bottom: 1em;}
}