/* style.css */
/*
Theme Name: OKAYAMA SATO
Author: JUNICHI KASAI
Description: Custom WordPress Theme
Version: 1.0
*/

html {
	margin: 0 auto;
	width: 1000px;
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background: #87CEFA;
	border-bottom: 1px solid #EEE;
}

.nav {
	display: flex;
	gap: 10px;
}

.nav-item {
	text-decoration: none;
	color: #000;
	padding: 10px 10px;
	border-radius: 4px;
	transition: background-color 0.3s;
}

/*
.nav-item:hover {
	background-color: #E0FFFF;
}
*/

.top {
	margin: 10px 0px;
	width: 100%;
}


#grid-container {
	margin: 0px;
	display: grid;
	/* align-content: center; */
	/* justify-content: center; */
	/* place-content: center; */
	grid-template-columns: 1fr 1fr;
	grid-template-columns: 600px 385px;
	/* gap: 10px; */
}

.grid-item {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-color: lightyellow;
}

.notice {
	font-size: 30px;
}

#grid-container2 {
	margin: 10px 0px;
	padding: 10px 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.grid-item2 {
	margin: 0px;
	padding: 0px;
}

.grid-item2 img {
	width: 485px;
}

.center {
	text-align: center
}

.hidden-fields-container {
	display: none;
}

#wpcf7-f26-p24-o1-ve-your-name {
	display: none;
}

#wpcf7-f26-p24-o1-ve-your-email {
	display: none;
}

#wpcf7-f26-p24-o1-ve-your-company {
	display: none;
}

#wpcf7-f26-p24-o1-ve-your-tel {
	display: none;
}

#wpcf7-f26-p24-o1-ve-your-message {
	display: none;
}

.wpcf7 input {
	width: 400px;
	border: 1px solid #707070;
	padding: 5px;
	border-radius: 5px;
}

.wpcf7 textarea {
	width: 400px;
	border: 1px solid #707070;
	padding: 5px;
	border-radius: 5px;
}

.wpcf7 input[type="submit"] {
	padding: 20px;
	border: none;
	font-size: 18px;
}

.screen-reader-response p {
	display: none;
}

.screen-reader-wpcf7-response-output {
	margin: 0 auto;
}

footer {
	padding: 0px 0px 0px 20px;
	background: #87CEFA;
}

footer a {
	text-decoration: none;
	color: #000;
}

footer .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .wrap .box:first-child {
	width: 75%;
}

footer .wrap .box:nth-child(2) {
	width: 25%;
}

footer .wrap .box ul {
	margin: 0;
	padding: 0px 0px 20px 0px;
	list-style: none;
}

footer .wrap .box li {
	padding: 0 0 20px 0;
}

footer .wrap .copyright {
	width: 100%;
}