/* -- ダイアログ -- */
button {
	width: 120px;
	height: 50px;
	font-size: 15px;	
	padding: 3px;
	border : 1px solid #a9a9a9;
	border-radius: 0.1em;
	background: linear-gradient(#F7F7F7, #DFDFDF);
}

#search_box {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	max-width: 600px;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #c0c0c0;
	background: #f5f5f5;
}
#search_box .input_area {
	flex-grow: 1;
}

#search_box input {
	width: 97%;
	margin: 0 0.5em;
	padding: 8px;
}

#search_box button {
	border: 0;
	background: none;
	width:40px;
}

#global_icon,#global_icon_red {
		width: 20px;
		margin: 0 0 0 10px;
		padding: 0;
		border: 0;
		font-size: 0;
		background: none;
		cursor: pointer;
	}

	#global_search {
		position: relative;
		width: 240px;
		top: 0;
		left: 10px;
		margin: 0;
		padding: 0 15px;
		border: 2px solid #c0c0c0;
		background: #f0f0f0;
	}

	#global_search #textbox_search {
		width: 200px;
		margin: 0;
		padding: 5px;
		font-size: 16px;
		border: 1px solid #c0c0c0;
		border-radius: 3px;
	}

	#global_search #icon_search {
		width: 30px;
		margin-left: 10px;
		padding: 0;
		border: 0;
		background: none;
		cursor:pointer;
	}

@media screen and (min-width: 768px) {
	/* -- dialog ok -- */
	#dialog_ok_frame {
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		width: 400px;
		border:solid 5px #80989b;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_ok_title {
		height: 40px;
		padding: 3px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#80989b,#2c4f54);
	}

	#dialog_ok_title img {
		vertical-align: -40%;
	}

	#dialog_ok_message {
		padding: 5px;
		height: 100%;
		background: #eff7ff;
	}

	#dialog_ok_message p {
		padding: 5px;
		color: #2c4f54;
		font-size: 16px;
		text-align: center;
	}

	/* -- dialog error -- */
	#dialog_error_frame {
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		width: 600px;
		border:solid 5px #c85554;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_error_title {
		height: 40px;
		margin: -1px;
		padding: 5px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#c85554,#e95464);
	}

	#dialog_error_title img {
		vertical-align: -40%;
	}

	#dialog_error_massege {
		padding: 10px;
		height: 100%;
		background: #ffe5e5;
	}

	#dialog_error_message p {
		color: #d0576b;
		font-size: 14px;
	}

	/* -- dialog warning -- */
	#dialog_warning_frame {
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		width: 600px;
		border:solid 5px #deb068;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_warning_title {
		height: 40px;
		margin: 0;
		padding: 3px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#deb068,#bf794e);
	}

	#dialog_warning_title img {
		vertical-align: -40%;
	}

	#dialog_warning_massege {
		padding: 10px;
		height: 100%;
		background: #ffffe5;
	}

	#dialog_warning_message p {
		padding: 0 10px 0 10px;
		color: #7b6c3e;
		font-size: 14px;
	}
	
	.dialog_menu {
		position: fixed;
		z-index: 3;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		width: 500px;
		border:solid 3px #a9a9a9;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		z-index: 1000 !important;
	}
	
	.dialog_menu_title {
		padding: 15px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		background: #f0f8ff;
	}
	
	.dialog_menu_message {
		padding: 10px 20px;
		background: #fff;
	}
	
	#dialog_window {
		display: none;
		position: fixed;
		z-index: 3;
		top: 50vh;
		right: 0;
		left: 0;
		margin: auto;
		width: 500px;
		border:solid 1px #a9a9a9;
		box-shadow: 0 0 15px rgba(0,0,0,0.5);
		z-index: 1000 !important;
	}
	
	#dialog_window_title {
		padding: 15px;
		font-size: 20px;
		font-weight: bold;
		background: #ff7f7f;
	}
	
	#dialog_window_message {
		padding: 10px 20px;
		background: #fff;
	}
	
	#dialog_window_btn {
		width: 150px;
		margin: 10px auto;
		background: #fff;
	}
	
	#dialog_yes {
		width: 150px;
	}
	
	

}

@media screen and (max-width: 769px) {
	/* -- dialog ok -- */
	#dialog_ok_frame {
		position: absolute;
		width: 90%;
		top: 20%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		border:solid 5px #80989b;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_ok_title {
		height: 40px;
		padding: 3px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#80989b,#2c4f54);
	}

	#dialog_ok_title img {
		vertical-align: -40%;
	}

	#dialog_ok_message {
		padding: 5px;
		height: 100%;
		background: #eff7ff;
	}

	#dialog_ok_message p {
		padding: 5px;
		color: #2c4f54;
		font-size: 16px;
		text-align: center;
	}

	/* -- dialog error -- */
	#dialog_error_frame {
		position: absolute;
		width: 90%;
		top: 20%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		border:solid 5px #c85554;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_error_title {
		height: 40px;
		margin: 0;
		padding: 3px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#c85554,#e95464);
	}

	#dialog_error_title img {
		vertical-align: -40%;
	}

	#dialog_error_massege {
		padding: 10px;
		height: 100%;
		background: #ffe5e5;
	}

	#dialog_error_message p {
		color: #d0576b;
		font-size: 14px;
	}

	/* -- dialog warning -- */
	#dialog_warning_frame {
		position: absolute;
		width: 90%;
		top: 20%;
		right: 0;
		left: 0;
		margin: auto;
		border-radius: 6px 6px 6px 6px;
		border:solid 5px #deb068;
		box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
		z-index: 1000 !important;
	}

	#dialog_warning_title {
		height: 40px;
		margin: 0;
		padding: 3px 0 0 10px;
		color: #ffffff;
		font-size: 18px;
		background: linear-gradient(#deb068,#bf794e);
	}

	#dialog_warning_title img {
		vertical-align: -40%;
	}

	#dialog_warning_massege {
		padding: 10px;
		height: 100%;
		background: #ffffe5;
	}

	#dialog_warning_message p {
		padding: 0 10px 0 10px;
		color: #7b6c3e;
		font-size: 14px;
	}
	
	.dialog_menu {
		position: fixed;
		z-index: 3;
		top: 30%;
		right: 0;
		left: 0;
		margin: auto;
		width: 95%;
		border:solid 3px #a9a9a9;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		z-index: 1000 !important;
	}
	
	.dialog_menu_title {
		padding: 15px;
		font-size: 20px;
		font-weight: bold;
		background: #f0f8ff;
	}
	
	.dialog_menu_message {
		padding: 10px 20px;
		background: #fff;
	}
	
	#dialog_window {
		display: none;
		position: absolute;
		z-index: 3;
		top: 75vh;
		right: 0;
		left: 0;
		margin: auto;
		width: 90%;
		border:solid 1px #a9a9a9;
		box-shadow: 0 0 15px rgba(0,0,0,0.5);
	}
	
	#dialog_window_title {
		padding: 15px;
		font-size: 20px;
		font-weight: bold;
		background: #ff7f7f;
	}
	
	#dialog_window_message {
		padding: 10px 20px;
		background: #fff;
	}
	
	#dialog_window_btn {
		width: 150px;
		margin: 10px auto;
		background: #fff;
	}
	
	#dialog_yes {
		width: 150px;
	}
	
	#global_icon,#global_icon_red {
		width: 20px;
		margin: 0 0 0 10px;
		padding: 0;
		border: 0;
		font-size: 0;
		background: none;
		cursor: pointer;
	}

	#global_search {
		position: absolute;
		width: 240px;
		top: 100px;
		left: 10px;
		margin: 0;
		padding: 0 15px;
		border: 2px solid #c0c0c0;
		background: #f0f0f0;
	}

	#global_search #textbox_search {
		width: 200px;
		margin: 0;
		padding: 5px;
		font-size: 16px;
		border: 1px solid #c0c0c0;
		border-radius: 3px;
	}

	#global_search #icon_search {
		width: 30px;
		margin-left: 10px;
		padding: 0;
		border: 0;
		background: none;
		cursor:pointer;
	}
	
	.align_items {
		display: flex;
		align-items: center;
	}
}