@charset "UTF-8";
/* CSS Document */
.close_btn{
	text-align: center;
}
.duck_image{
	text-align: right;
	margin-top: -10px;
}


/* イベントページ上部メニュー */
@media (min-width: 768px) {
	.upmenu{ display: flex; justify-content: space-between; padding: 0; margin: 0 0 20px;}
	.upmenu li{ background-color: white; border: 5px solid #e9e9e8; width: 220px;}
	.upmenu li a{ display: block; color: #383838; padding: 5px;}
	.upmenu li a:hover{ opacity:1; background-color: #d8eee8;}
	.upmenu li a span{ display: block; border-left: #9f9f9f solid 2px; position: relative; padding: 5px;}
	.upmenu li a span::after{ content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 50%; right: 2px; margin-top: -6px; border-top: 1px solid #5cb89e; border-right: 1px solid #5cb89e; transform: rotate(45deg);}
	.upmenu li:last-child{ background-color: #ccdbdc;}
}
@media (max-width: 767px) {
	.upmenu{ background-color: #e9e9e8; padding: 5px 5px 4px; margin: 0 0 20px 0;}
	.upmenu li{ background-color: white; width: 100%; margin-bottom: 1px;}
	.upmenu li a{ display: block; color: #383838; padding: 5px;}
	.upmenu li a span{ display: block; border-left: #9f9f9f solid 2px; position: relative; padding: 5px;}
	.upmenu li a span::after{ content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 50%; right: 2px; margin-top: -6px; border-top: 1px solid #5cb89e; border-right: 1px solid #5cb89e; transform: rotate(45deg);}
	.upmenu li:last-child{ background-color: #ccdbdc;}
}