* {
		margin: 0;
		padding: 0;
	}

	#openModal {
		margin: 10px 0;
		padding: 5px 20px;
		color: white;
		background-color: #6fa24a;
		border: 1px solid #6fa24a;
		border-radius: 5px;
	    transition: .3s;
	}

	#openModal:hover {
		/*opacity: 0.8;*/
		color: #6fa24a;
		border: 1px solid #6fa24a;
		background-color: white;
	}

	/* イベント期間指定検索モーダル画面 */
	#event_search {
		padding-bottom: 5px;
		/*width: 200px;*/
		font-size: 90%;
		background-color: #EADFDB;
		border-radius: 10px;
	}

	/* イベント期間指定検索モーダル画面タイトル部 */
	#event_search p:first-of-type {
	    display: flex;
	    align-items: center;
	    padding: .5em .3em;
	    background-color: #C0C4B6;
	    color: #333333;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	}

	/* イベント期間指定検索モーダル画面タイトル部横棒 */
	#event_search p:first-of-type::before {
	    content: '';
	    display: inline-block;
	    margin-right: .5em;
	    width: 5px;
	    height: 1.5em;
	    background-color: #F28585;
	    opacity: 0.5;
	}

	/* イベント期間指定検索モーダル画面エラーメッセージ表示部 */
	#event_search p:last-of-type {
		padding: 0 5px;
		color: red;
		font-size: 80%;
	}

	/* イベント期間指定検索モーダル画面＞開始日、終了日欄 */
	#event_search dl {
		display: flex;
		flex-wrap: wrap;
		margin: 5px 10px;
	}

	#event_search dt {
		margin-bottom: 3px;
		width: 35%;
		height: 26px;
		color: #242B40;
		line-height: 160%;
		text-align: center;
		background-color: #D69694;
	}

	#event_search dd {
		margin-left: 5%;
		width: 60%;
		height: 26px;
	}

	/* イベント期間指定検索モーダル画面＞ボタン表示部 */
	#event_search ul {
		display: flex;
	}

	#event_search li {
		width: 50%;
		text-align: center;
		list-style-type: none;
		border: none;
	}

	#event_search #youbi option:nth-of-type(2) {
		color: red;
	}

	#event_search #youbi option:nth-of-type(8) {
		color: #0087B6;
	}

	#event_search button {
		/*display: block;
		margin: auto;*/
		padding: 5px 20px;
		font-weight: 700;
		line-height: 1.5;
		color: #333;
		cursor: pointer;
	    border: 1px solid #ddd;
	    border-radius: 100vh;
	    background: linear-gradient(180deg, #fbfbfc 0%, #dcddde 100%);
	    transition: .3s;
	}

	#event_search button:hover {
		border: 1px solid #86A69D;
	}

	/* イベント期間指定検索モーダル画面＞閉じるボタン */
	#event_search #close {
		color: #F2668B;
		border-color: #F28585;
		background: white;
	}

	#event_search #close:hover {
		border-color: red;
		background: white;
	}


	/* ローダー(画面クルクル)モーダル化 */
	.modalWrapper_loader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
		width: 400px;
		max-width: 1000px;
		min-height: 200px;
		padding: 10px 30px;
	}

	/* モーダル画面表示位置設定 */
	.modalArea, .modalArea_search, .numCheckModalArea {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	/* モーダル画面の背景 */
	.modalBg {
		width: 100%;
		height: 100%;
		background-color: rgba(30,30,30,0.9);
		opacity: 0.8;
	}

	/* モーダル画面本体 */
	.modalWrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
		width: 400px;
		max-width: 1000px;
		min-height: 200px;
		padding: 10px 30px;
		background-color: #fff;
		border-radius: 4px;
	}

	#event_search input[type=date] {
		width: 200px;
		height: 21px;
	}

	#event_search dd:nth-of-type(3) {
	    position: relative;
	}

	#event_search dd:nth-of-type(3)::before,
	#event_search dd:nth-of-type(3)::after {
	    position: absolute;
	    content: '';
	    pointer-events: none;
	}

	#event_search dd:nth-of-type(3)::before {
	    right: 0;
	    display: inline-block;
	    width: 2.8em;
	    height: 21.33px;
	    border-radius: 0 3px 3px 0;
	    background-color: #D69694;
	    content: '';
	}

	#event_search dd:nth-of-type(3)::after {
	    position: absolute;
	    top: 35%;
	    right: 1.4em;
	    transform: translate(50%, -50%) rotate(45deg);
	    width: 6px;
	    height: 6px;
	    border-bottom: 1px solid #fff;
	    border-right: 1px solid #fff;
	    content: '';
	}

	#event_search dd:nth-of-type(3) select {
	    appearance: none;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    min-width: 108px;
	    height: 21.33px;
	    padding: .4em 3.6em .4em .8em;
	    border: 1px solid #D69694;
	    border-radius: 3px;
	    color: #333333;
	    font-size: 1em;
	    cursor: pointer;
	}

	#event_search dd:nth-of-type(3) select:focus {
	    outline: 1px solid #d02525;
	}

	@media screen and (max-width: 600px) {
		#openModal {
			margin: 10px 20px;
		}

		#event_search input[type=date] {
			width: 96%;
			height: 24px;
			border: none;
		}
	}