/* ===== Webサイト全体のスタイル ===== */
/* html */
html {
  height: 400%;
}

/* body */
body {
  font-family: sans-serif;
  height: 100%;
  margin: 0;
}

/* h1見出し */
h1 {
  color: #000000;/* フォントの色 */
  font-size: 60px;/* フォントの大きさ */
  font-family:yellowtail;/* フォントの種類 */
  text-align: center;/* 文字・画像を中央にそろえる */
  padding: 350px;/* 内側の余白 */
  margin: 30px;/* 外側の余白 */
}
header {
  background-image: url(img/Omw.jpg);/* 背景画像 */
  height: 520px;
  opacity:0.9;
  padding-top:80px;
}

nav ul{
margin: 0 auto;
padding: 0;
text-align: center;
}
nav ul li{
display: inline-block;
position: relative;
padding-right: 15px;
margin-right: 10px;
}
nav ul li a::after,
nav ul li a::before {
display: block;
content: ”;
position: absolute;
}
nav ul li a::after {
top: 10%;
right: 0;
width: 13px;
height: 13px;
background-color: #c0c0c0;
border-radius: 100%;
}
nav ul li a.current::after,
nav ul li a:hover:after{
background-color: #c0c0c0;
}
nav ul li a::before {
z-index: 2;
top: 40%;
right: 5px;
width: 5px;
height: 5px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
nav ul li a{
text-decoration: none;
color:#aaa;
display: inline-block;
width: 100%;
}
nav ul li a.current{
color:#555;
}
nav ul li a:hover{
color:#003300;
}

.setume {
  background-color:#cccccc;
  color:#000000;
  font-size:20px;
  text-align:center;
  padding:5px;
}

.abt {
  background-image:url(img/501.png);
  color: #003300;
  padding:40px;
  background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 100%;
  text-align: right;
}


/* h2見出し */
.abt title {
  font-size: 35px;
  padding-left: 15px;
  margin-bottom: 40px;
  font-family:yellowtail;
  text-align: right;
}

/* 段落 */
.abt p {
  font-size: 17px;
  padding: 20px;
  border-radius: 30px;
  height: 300px;
}

.enj{
  background-image:url(img/pink.jpg);
  color: #003300;
  padding:20px;
  background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	text-align:left;
}

/* h2見出し */
.enj title {
  font-size: 35px;
  padding-left: 15px;
  margin-bottom: 35px;
  font-family:yellowtail;
  padding:25px;
  text-align:left;
}

/* 段落 */
.enj p {
  font-size: 17px;
  padding: 15px;
  border-radius: 30px;
  height: 300px;
}

.show{
  padding: 30px;
  background-image: url(img/506.png);
  color:#3CB371;
  	text-align: center;
  	font-size:16px;
  	font-family:yellowtail;
  	margin-left:auto;
   margin-right:auto;
  
}

.show h3 {
  color: #000000;
  	text-align: center;
  	font-size:16px;
}

.title{
  font-size: 35px;
  padding-left: 15px;
  margin-bottom: 20px;
  font-family:yellowtail;
}

.show p {
  color: #000000;
  font-size:16px;
  font-family:stoke;
  clear: left;/* 画像や箱の回り込みをやめる */
  text-align: center;

}


.show div {
  background-color: rgba(255,255,255,0.3);
  width: 330px;/* 横幅を指定する */
  float: left;
  margin: 10px;
text-align: center;
font-family:stoke;
}

.price {
  padding: 30px;
  background-image: url(img/backnew.jpg);
  background-position: left top;
	background-size: auto 100%;
	text-align: center;
	color: #003300;
	font-size:16px;
}
.price h2{
  color:#003300;
  text-align:center;
  font-size:35px;
}
/* 表 */
.price table {
  background-color: #dcdcdc;
  border-collapse: collapse;/* 表の隙間（すきま） */
  width: 100%;
  text-align:center;
}

/* 表のセル */
.price td {
  border: 1px solid #000000;
  padding: 10px;
  text-align:center;
}

/* 表の見出しセル */
.price th {
  border: 1px solid #000000;
  padding: 10px;
  background-color: #c0c0c0;
  text-align: center;
}

/* 表の見出しセル（季節） */
.season th {
  background-color: #c0c0c0;
}


.sdgs {
  background-color:#c0c0c0;
  color: #003300;
  padding:40px;
  text-align: center;
}


/* h2見出し */
.sdgs title {
  font-size: 35px;
  padding-left: 15px;
  margin-bottom: 20px;
  font-family:oswald;
}

/* 段落 */
.sdgs p {
  font-size: 17px;
  border-radius:30px;
  height: 500px;
}

.inyo {
  background-color:#ffffff;
  color: #000000;
  padding:40px;
}


/* h2見出し */
.inyo title {
  font-size: 20px;
  padding-left: 15px;
  margin-bottom: 40px;
  text-align: right;
}

/* 段落 */
.inyo p {
  font-size: 17px;
  padding: 20px;
  border-radius: 30px;
  height: 200px;
}

footer {
  text-align: center;
  background-color: #cccccc;
  color: #000000;
}