/*CSSカスタムプロパティ（サイト全体を一括管理する為の設定）
---------------------------------------------------------------------------*/
:root {

	--primary-color: #115f86;			/*テンプレートのメインまたはアクセントとなる色*/
	--primary-inverse-color: #fff;		/*primary-colorの対として使う色*/


}



/*list-grid1（トップページの「今の季節に人気の観光地」で使っている３カラムボックス）
---------------------------------------------------------------------------*/
.list-grid1 .list * {margin: 0;padding: 0;}




/*ボックス内のp要素*/
.list-grid1 .list p {
	font-size: 1.05rem;	/*文字サイズを85%に*/
	line-height: 1.5;	/*行間を狭くする*/
}

/*ボックス１個あたり*/
.list-grid1 .list {
	padding: 2rem;			/*ボックス内の余白。１文字分。1rem*/
	background: #fff;		/*背景色*/
    grid-template-rows: auto 1fr auto;	/*１つ目（この場合はfigure要素のサイズ）と「詳しくみる」ボタンの高さは自動に、２つ目（この場合はtextブロック））を残った幅で使う*/
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、0,0,0は黒の事で0.1は色が10%出た状態。*/
}


	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:400px) {

	/*listブロック全体を囲むブロック*/
	.list-grid1 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 1rem;	/*ブロックの間に空けるマージン的な指定*/
margin-bottom : 20px;

	}




	}/*追加指定ここまで*/


/*ボタン（btn）
---------------------------------------------------------------------------*/
.btn a {
	display: block;text-decoration: none;
	font-size: 1rem;
	text-align: center;		/*テキストをセンタリング*/
	background: var(--primary-color);		/*背景色。css冒頭で指定しているprimary-colorを読み込みます*/
	color: var(--primary-inverse-color);	/*文字色。css冒頭で指定しているprimary-inverse-colorを読み込みます*/
	padding: 0.5rem !important;		/*ボタン内の余白*/
	margin-top: 1rem !important;	/*ボタンの外（上）に空けるスペース*/
}


/*受賞発表
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#main .awards{
  line-height: 1.4;
  /*行間。通常より少し狭くしている。*/
	clear: both;
  padding: 10px;
  /*ボックス内の余白*/
	overflow: hidden;
  width: 664px;
  margin-bottom: 1em;
  /*ボックス同士にとるスペース*/
	margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #b5b5b5;
  /*上の線の幅、線種、色*/
	border-right: 1px solid #b5b5b5;
  /*右の線の幅、線種、色*/
	border-bottom: 1px solid #b5b5b5;
  /*下の線の幅、線種、色*/
	border-left: 5px solid #739E4A;
}

/*受賞発表
---------------------------------------------------------------------------*/
.awards table{
  font-size: 14px;
  /*文字サイズ*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.awards table, .awards table td, .awards table th{
  border: 1px solid #b5b5b5;
/*枠線の幅、線種、色*/
}
.awards table td, .awards table th{
  padding: 0;
  line-height: 2;
}
.awards table th{
  /*width: 60px;	100px*/
  text-align: center;
  font-weight: normal;
  background: #d5e2c8;
}
.awards table td{
  /*width: 270px;	  /222px*/
  padding-left: 3px;
}