@charset "UTF-8";
body {
	background-color: #cff;
	line-height: 1.6;
	margin: 0;
	padding: 20px;
}
#gallery {
  margin: auto;
  padding-top: 40px;
  width: 700px;
}

#gallery .main img {
  border: 4px solid #fff;
  box-shadow: 0px 0px 14px #000;
  width: 100%;
}

#gallery .main p {
  color: #00f;
  font-size: 30px;
  font-weight: bold;
}

#gallery .thumb img {
  border:4px solid #fff;
  border-radius: 400px;
  box-shadow: 0px 0px 10px #000;
  height: 60px;
  margin: 10px;
  width: 60px;
}
h1 {
	color: #000;
	line-height: 1.0;
	margin: 30px 0 0 0;
	text-align: center;
	font-family: serif; /* 明朝体 */
}
h2 {
	margin: 20px 0 20px 20px;
	text-align: center;
}
#visitors {
	display: flex;
	justify-content: flex-end;
	margin: 0 10px 0 0 ;
}
#navi {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	background-color: #c63;
	color: #fff;
	margin: 0 30px 0 0 ;
	list-style-type: none;
}
#navi li {
	margin: 5px;
	border-width: thin;
	border-style: solid;
	text-align: center;
	font-family: sans-serif; /* ゴシック体 */
	font-size: 1.4rem;
}
#renraku li {
	background-color: #cff;
	margin: 10px;
/*	border-width: thin; */ /* 線無しなので指定しない */
	border-style: none;
	text-align: left;
	font-size: 1rem;
}
#aed {
	margin: 0 30px 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#springwater {
	margin: 0 30px 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#bousai {
	margin: 0 30px 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ol {
	list-style-type: decimal;
}
li {
	background-color: #fff;
	margin: 5px;
	border-width: thin;
	border-style: solid;
	text-align: left;
	font-size: 1rem;
}
span {
	color: #f00;
}
.text-center {
	text-align: center;
}
.text-decoration-line-through {
	text-decoration-line: line-through;
}
.container {
	width: 80%;
	margin: auto;
	text-align: center;
}
.row {
	width: 80%;
	margin: 20px 0 20px 100px;
	padding: 0.3%;
	text-align: left;
}
#input {
	width: 90%;
	height: 28px;
	margin: 5px;
	border-width: medium;
	border-style: solid;
	text-align: left;
	font-size: 1.2rem;
}
/* form.php confirm.php */
.iken_form {
	width: 40%;
	margin: auto;
	text-align: left;
}
label {
	padding: 0 0.5rem;
}
select, input[type=email], input[type=text] {
	width: 25rem;
	height: 1.6rem;
}
textarea {
	width: 25rem;
	height: 10rem;
}
button[type=submit] {
	width: 70%;
	background-color: #36c;
	color: #fff;
	padding: 0.5rem;
	font-size: 1.2rem;
	cursor: pointer;
	box-shadow: 1px 1px 1px #069;
}
button:hover {
	background-color: #39c;
}
button:active {
	box-shadow: none;
}
/* thanks.html */
.thanks_msg {
    text-align: center;
    background-color: #c8fbff;
    padding:20px 0 50px;
}

.thanks_msg img {
    border-radius: 50%;
}
.search form {
	text-align: right;
	margin: 0.5rem 30px;
}
input[type=search] {
	width: 6rem;
}
@media screen and (max-width: 700px) { /* 640px以下 */
body {
/*		background-color: #fcf;  薄いピンク */
		line-height: 1.3;
		padding: 10px;
}
h1 {
		margin: 10px 0 0 0; /* 30->10 */
		font-size: 2rem; /* 20px */
}
h2 {
		margin: 10px 0 10px 10px; /* 20->10 */
		font-size: 1.4rem; /* 14px */
}
h3 {
		margin: 0 0 0 0;
		font-size: 1rem; /* 10px */
}
#gallery {
  margin: auto;
  padding-top: 20px;
  width: 500px;
}
#navi {
		margin: 0 0 0 0; /* 30->0 */
}
#aed {
	margin: 0 0 0 0; /* 30->0 */
}
#springwater {
	margin: 0 0 0 0; /* 30->0 */
}
#bousai {
	margin: 0 0 0 0; /* 30->0 */
}
#aed img, #springwater img, #bousai img {
	width: 100%;
}
.iken_form {
		width: 100%;
}
select, input[type=email], input[type=text] {
	width: 15rem;
	height: 1.6rem;
}
textarea {
	width: 15rem;
	height: 15rem;
}
}