/*NY追記*/

/*-------modal menu-------*/

		.open-modal {
			position: absolute; /* ボタンをページ上に絶対位置で配置 */
			top: 50%; /* ボタンを縦方向に中央に配置 */
			left: 50%; /* ボタンを横方向に中央に配置 */
			width: 250px; /* ボタンの幅 */
			height: 60px; /* ボタンの高さ */
			font-size: 18px; /* ボタン内のテキストのフォントサイズ */
			font-weight: bold; /* テキストのフォントを太字に設定 */
			color: #fff; /* ボタンのテキストカラーを白に設定 */
			background: #000; /* ボタンの背景色を黒に設定 */
			border: #000; /* ボタンの境界線を黒に設定 */
			border-radius: 14px; /* ボタンの角を丸くするための半径 */
			cursor: pointer; /* カーソルがホバーした時にポインタが表示されるように設定 */
			transform: translate(-50%, -50%); /* 中央に位置するための補正 */
		}
			
		/* モーダルウィンドウの基本スタイル */
		.modal {
			display: none; /* デフォルトでは非表示に設定 */
			position: fixed; /* モーダルがページ全体に固定されるように設定 */
			top: 0; /* ページの最上部からスタート */
			left: 0; /* ページの最左端からスタート */
			width: 100%; /* モーダルが画面全体の幅を占める */
			height: 100%; /* モーダルが画面全体の高さを占める */
			background-color: rgba(0, 0, 0, 0.4); /* 背景を半透明の黒に設定（モーダルの背後が見えるように） */
			z-index: 5000;
		}

		.modal-content2 {
			position: fixed; /* モーダル内容が画面上に固定されるように設定 */
			top: 50%; /* 縦方向の中央に配置 */
			left: 50%; /* 横方向の中央に配置 */
			transform: translate(-50%, -50%); /* 完全に中央に配置するための補正 */
			padding: 20px; /* モーダル内の余白を設定 */
			width: 75%; /* モーダルの幅 */
			height: 85%; /* モーダルの高さ */
			background-color: #fefefe; /* モーダルの背景色を白に設定 */
			border: 1px solid #888; /* 境界線の色を薄いグレーに設定 */
			border-radius: 10px; /* モーダルの角を丸くするための半径 */
			overflow-y: scroll;
			z-index: 5000;
		}

		/* モーダルを閉じるボタン（×）のスタイル */
		#closeModal {
			//position: absolute; /* モーダル内で絶対位置に配置 */
			display: flex; /* ボタン内のテキストが中央に配置されるようにフレックスボックスを使用 */
			align-items: center; /* ボタン内のテキストを縦方向に中央揃え */
			justify-content: center; /* ボタン内のテキストを横方向に中央揃え */
			//top: -30%; /* モーダル内容の上部から離れた位置に配置 */
			//right: -10%; /* モーダル内容の右端から離れた位置に配置 */
			font-size: 28px; /* 閉じるボタンのフォントサイズ */
			font-weight: bold; /* 閉じるボタンのフォントを太字に設定 */
			cursor: pointer; /* ホバー時にポインタが表示されるように設定 */
			color: #FFF; /* 閉じるボタンのテキストカラーを白に設定 */
			width: 40px; /* ボタンの幅 */
			height: 40px; /* ボタンの高さ */
			background-color: #333; /* ボタンの背景色をダークグレーに設定 */
			border: #333; /* ボタンの境界線を背景と同じ色に設定 */
			border-radius: 50%; /* ボタンを丸くするための半径 */
		}
		
		.wrapper{
			width:200px;
			height:60px;
			position: absolute;
			left:50%;
			top:49%;
			transform: translate(-50%, -50%);
		}
		.circle{
			width:20px;
			height:20px;
			position: absolute;
			border-radius: 50%;
			background-color: #FEEB29;
			left:15%;
			transform-origin: 50%;
			animation: circle .5s alternate infinite ease;
		}

		@keyframes circle{
			0%{
				top:60px;
				height:5px;
				border-radius: 50px 50px 25px 25px;
				transform: scaleX(1.7);
			}
			40%{
				height:20px;
				border-radius: 50%;
				transform: scaleX(1);
			}
			100%{
				top:0%;
			}
		}
		.circle:nth-child(2){
			left:45%;
			animation-delay: .2s;
		}
		.circle:nth-child(3){
			left:auto;
			right:15%;
			animation-delay: .3s;
		}
		.shadow{
			width:20px;
			height:4px;
			border-radius: 50%;
			background-color: rgba(0,0,0,.5);
			position: absolute;
			top:62px;
			transform-origin: 50%;
			z-index: -1;
			left:15%;
			filter: blur(1px);
			animation: shadow .5s alternate infinite ease;
		}

		@keyframes shadow{
			0%{
				transform: scaleX(1.5);
			}
			40%{
				transform: scaleX(1);
				opacity: .7;
			}
			100%{
				transform: scaleX(.2);
				opacity: .4;
			}
		}
		.shadow:nth-child(4){
			left: 45%;
			animation-delay: .2s
		}
		.shadow:nth-child(5){
			left:auto;
			right:15%;
			animation-delay: .3s;
		}
		.wrapper span{
			position: absolute;
			top:75px;
			font-family: 'Lato';
			font-size: 20px;
			letter-spacing: 12px;
			color: #242424;
			left:15%;
		}

		.wrapper0{
			display:flex;
			flex-direction:column;
			width:90%;
			margin:auto;
		}

		.wrapper0 h1{
			margin-top:60px;
			text-align:center;
		}

		.wrapper0 p{
			text-align:center;
		}

		.wrapper0 a{
			text-align:center;
		}
		
		.wrapper2{
			max-width:500px;
			height:60px;
			position: absolute;
			left:50%;
			top:63%;
			transform: translate(-50%, -50%);
			text-align: center;
		}

		.wrapper2 span{
			margin:　auto;
			//padding-top: 100px;
			//margin-top: 100px;
			text-align: center;
			position: initial;
			//top:75px;
			font-family: sans-serif;
			font-size: 20px;
			font-weight: bold;
			//letter-spacing: 6px;
			color: #242424;
			//align-content: center;
			//justify-content: center;
			//left:20%;
			//margin: auto;
		}
		
		@media screen and (max-width: 768px) {
			.wrapper2 span{
				font-size: 11px;
			}
		}

		.wrapper2_error{
			//width:500px;
			width: 100%;
			height:60px;
			position: relative;
			//position: absolute;
			left:50%;
			top:10%;
			transform: translate(-50%, -50%);
		}

		.wrapper2_error span{
			display: flex;
			width: 100%;
			text-align: center;
			//position: absolute;
			top:75px;
			font-family: sans-serif;
			font-size: 20px;
			font-weight: bold;
			//letter-spacing: 6px;
			color: #242424;
			align-content: center;
			justify-content: center;
			//left:20%;
			//margin: auto;
			margin-top: 30px;
		}
		
		@media screen and (max-width: 768px) {
			.wrapper2_error span{
				font-size: 11px;
			}
		}

		.error_img{
			top: 30px;
			width: 100%;
			text-align: center;
			position: relative;
			margin: auto;
		}
		
		.img_ex{
			//width: 30%;
			//max-width: 300px;
			width: 250px;
			//position: absolute;
			//transform: translate(-50%, 30%);
		}

		.btn {
			max-width: 300px;
			//display: block;
			font-weight: bold;
			//font-weight: 800;
			text-align: center;
			//vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			text-decoration: none;
			font-size: 14px;
			color: #242424;
			border: 3px solid #242424;
			border-radius: 40px;
			//margin: 0;
			padding: 1pc 30px;
			line-height: 1;
			outline: 0;
			background-color: #feeb29;
			//margin: 20px 0;
			margin: 40px auto;
		}