@charset "utf-8";

/*
 * "Fredericka" is lisenced under the SIL Open Font License 1.1
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */

/* *****共通設定***** */

a {
  color: #696969;
}

a:hover {
  color: #a9a9a9;
}

.page2 body, span {
  color: #333333;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 170%;
  letter-spacing: 0.07em;
  font-size: 1rem;
}

/*「お知らせ」ブロック
---------------------------------------------------------------------------*/
/*お知らせブロック*/
#new {
	margin: 0;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	padding: 0 1rem;	/*上下、左右へのボックス内の余白*/
}

/*日付(dt)、記事(dd)共通設定*/
#new dt,
#new dd {
	padding: 5px 0;		/*上下、左右へのボックス内の余白*/
}

/*日付(dt)設定*/
#new dt {
	width: 8rem;	/*幅。8文字(rem)分*/
        font-weight: 500;
}

#new dd {
	padding-top: 8px !important;
}

/*日付の横のマーク（共通設定）*/
#new dt span {
	display: none;	/*小さな端末では非表示にしておく。*/
}

/*記事(dd)設定*/
#new dd {
	width: calc(100% - 8rem);	/*「8rem」は上の「#new dt」のwidthの値です*/
}

/*日付の横のマーク（共通設定）*/
#new dt span {
	display: inline-block;	/*表示させる*/
	width: 6rem;			/*幅。6文字(rem)分。*/
	font-size: 0.8rem;		/*文字サイズを80%に。*/
	text-align: center;		/*文字をセンタリング*/
	margin-right: 1rem;		/*アイコンの右側に空けるスペース*/
	align-self: flex-start;	/*高さを間延びさせない指定*/
	line-height: 1.8;		/*行間を少し狭く*/
	position: relative;top: 0rem;	/*上下の配置バランスの微調整*/
	border-radius: 15px;		/*角を丸くする指定*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #F6C6A2;		/*背景色*/
}

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

	/*日付(dt)設定*/
	#new dt {
		width: 14rem;	/*幅。14文字(rem)分。アイコン分も含んだ幅にします。*/
		display: flex;	/*flexボックスを使う指定*/
		justify-content: space-between;	/*日付とアイコンをそれぞれ端に寄せる*/
                font-weight: 500;
	}

	/*日付の横のマーク（共通設定）*/
	#new dt span {
		display: inline-block;	/*表示させる*/
		width: 6rem;			/*幅。6文字(rem)分。*/
		font-size: 0.8rem;		/*文字サイズを80%に。*/
		text-align: center;		/*文字をセンタリング*/
		margin-right: 1rem;		/*アイコンの右側に空けるスペース*/
		align-self: flex-start;	/*高さを間延びさせない指定*/
		line-height: 1.8;		/*行間を少し狭く*/
		position: relative;top: 0rem;	/*上下の配置バランスの微調整*/
		border-radius: 15px;		/*角を丸くする指定*/
		border: 1px solid #999;	/*枠線の幅、線種、色*/
		background: #F6C6A2;		/*背景色*/
	}

	/*icon-bg1設定。サンプルテンプレートでは「重要」と書いてあるマーク*/
	#new dt span.icon-bg1 {
		border: transparent;	/*枠線を透明にする*/
		background: #cd0000;	/*背景色*/
		color: #fff;			/*文字色*/
	}

	/*記事(dd)設定*/
	#new dd {
		width: calc(100% - 14rem);	/*「14rem」は上の「#new dt」のwidthの値です。*/
	}

	}/*画面幅900px以上の追加指定ここまで*/

.news-area a {
  color: #333333;
  text-decoration: none;
}

.sec-title {
  padding: 30px;
  display: grid;
  place-items: center;
  position: relative;
}

.sec-title .ja {
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
 }

.sec-title .en {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Josefin Sans', sans-serif;
}

.sec-title::after {
  content: "";
  width: 60px;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 30px;
}

.label-r, .label-b {
  border-radius:15px;
  color:#333;
  margin: 0 0 0 20px;
  padding:0 15px;
  text-decoration:none;
}
.label-r {
  background-color:#F6C6A2;
}
.label-b {
  background-color:#FFBEDA;
}

ad{
  background-color:red;
  border-radius:5px;
  color:#fff;
  margin:0 20px;
  padding:5px 15px;
  text-decoration:none;
}

.lineset {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #DDD;
}
.lineset::after {
  position: absolute;
  content: " ";
  border-bottom: solid 4px #ec4747;
  bottom: -4px;
  width: 8%;
  display: block;
}

.bg-primary,
.btn-primary {
  background-color: #003308 !important;
  border-color: #003308 !important;
}

.border-primary {
  border-color: #003308 !important;
}

.bg-maincolor {
  background-color: #CAE3BF !important;
}

.btn-warning:hover {
  color: #212529;
  background-color: #ffa500;
  border-color: #ffa500;
}

.bg-yl-color {
  background-color: #fffaf0 !important;
}

.text-shadow {
  text-shadow: 1px 1px 3px #000;
}

.font-patrick {
  font-family: 'Fredericka the Great', cursive;
}

.font-size-set1 {
  font-size: 25px;
}

.font-size-set2 {
  font-size: 15px;
}

.font-size-set3 {
  font-size: 20px;
}

.news {
  padding: 50px 0;
}

.inner {
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
  padding: 65px 0 100px;
}

.sub_ttl {
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}

/* ここからがニュース記事のCSS */

.news_list {
  margin: 0 5%;
}

.news_list_item {
  padding: 25px 0;
  border-bottom: 1px solid #E6E6E6;
}

.news_list_item:first-child {
  border-top: 1px solid #E6E6E6;
}
.news_list_item a {
 position: relative;
 display: flex;
 padding-right: 30px;
}

.news_list_date {
  font-size: 15px;
  display: flex;
  margin-right: 15px;
  align-items: center;
}

.news_item {
  background: #F6C6A2;
  border-radius: 14px;
  width: 6em;
  /* 親要素の文字サイズを基準 */
  text-align: center;
  margin-left: 20px;
}

.arrow {
  width: 25px;
  height: 1px;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 0;
}

.arrow::after {
  content: "";
  display: block;
  width: 6px;
  height: 1px;
  background: #707070;
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
  bottom: 2px;
}

iframe {
  width: 100%;
  aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
}


@media screen and (max-width: 1024px) {
    .news_list_item a {
        display: block;
    }
}

@media screen and (max-width: 769px) {
    .news_list_item a  {
        font-size: 14px;
    }


}
@media screen and (max-width: 480px) {
    .arrow {
        display: none;
    }
    .news_list_item a {
        padding-right: 0;
    }
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
}

table tr {
  background-color: #e6f2f5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #167F92;
  color:#fff;
}
table tbody th {
    background: #78bbc7;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non{
  background:#fff
}

/***　おしゃれテーブル１　パステルカラー ***/
 
.osare-table {
  width:100%;
  table-layout: fixed;
  border: none !important;
  border-collapse: separate;
  border-spacing: 7px 0px;
}
 
.osare-table th {
  border: none !important;
}
 
.osare-table tbody td {
   border: none !important;
   background-color:#FFF9FF !important;
   border-bottom: solid 2px #f9f9f9 !important;
   color:#000;
   text-align:center;
}
 
/* ヘッダー */
.osare-table thead th {
   font-weight: bold;
   border-radius: 10px 10px 0px 0px;
   color:#000;
   text-align:center;
}

/* フッター（比較表と色つけたとき用） */
.osare-table tfoot td {
   border-radius: 0 0 10px 10px;
}

/* ボディ項目 */
.osare-table tbody th {
   background:#f2f5fc;
   font-weight: bold;
   border-bottom: solid 2px #f9f9f9 !important;
   line-height:4.5em;
   color:#000;
   text-align:center;
}
 
/* フッター項目 */
.osare-table tfoot th {
   background:none;
   line-height:3em;
   font-weight: bold;
}
 
/* ボディデータ */
.osare-table tbody td {
   text-align:center;
}
 
/* ヘッダー行　１列ごとの色変え */
.osare-table thead th:nth-child(1)  {
   background:#81d4fa;
}

.osare-table thead th:nth-child(2)  {
   background: #FFBCFF;
}
.osare-table thead th:nth-child(3)  {
   background: #FFFFB2;
}
.osare-table thead th:nth-child(4)  {
   background: #C4FF89;
}
.osare-table thead th:nth-child(5)  {
   background: #FFB2D8;
}
 
/* 最終行のボーダーをなくす */
.osare-table tbody tr:last-child th,
.osare-table tbody tr:last-child td {
   border-bottom:none !important;
}

.osare-table tbody td.table-img img{
   width:30%;　/* 画像の横幅値 */
   height:30%;　/* 画像の縦幅値 */
   display:block;
   text-align:center;
}

.osare-table tbody td.table-img{
   padding:0px;　/* 画像自体の余白（なし） */
}

/* スマホ調整 */
@media (max-width: 767px) {
  .osare-table thead th,
  .osare-table tbody th {
      padding:0;
  }
  .osare-table tfoot td {
      padding:0;
      font-size:0.9em;
  }
  .osare-table tfoot td:nth-child(2) {
      font-size:1em;
  }
  .osare-table tbody td.table-img img{
      width:100%;　/* 画像の横幅値 */
      height:100%;　/* 画像の縦幅値 */
      display:block;
      text-align:center;
  }
  .osare-table tbody td.table-img{
      padding:0px;　/* 画像自体の余白（なし） */
  }  
}

/*（共通）　項目の多いテーブルの幅を調整*/
@media (max-width: 767px) {
  .col6t th,
  .col6t td{
      font-size:0.4em;
      padding: 10px 0px;
  }
  .col5t th,
  .col5t td{
      font-size:0.5em;
      padding: 10px 0px;
  }
  .col4t th,
  .col4t td{
      font-size:0.7em;
      padding: 10px 5px;
  }
  .col3t th,
  .col3t td{
      font-size:0.8em;
      padding: 10px 10px;
  }
}

/* ヘッダー(navbar) */
#nav01 {
  border-bottom: 3px solid #003308;
}

#nav02 .nav-fill {
  width: 100%;
}

#nav02 .nav-item {
  border-left: 1px solid #dee2e6;
}

#nav02 .last-list-md {
  border-right: 1px solid #dee2e6;
}

/* フッター */
#footer {
  position: relative;
  margin-top: 40px;
  color: #000;
}
#footer a {
  text-decoration: none;
  color: #000;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .primary {
  padding: 40px 20px;
  background: #edf2e9;
}
#footer .secondary {
  display: flex;
  padding: 40px 20px;
  background: #ddd;
}

@media screen and (max-width: 767px) {
  #footer .primary {
    padding: 20px 20px;
    background: #edf2e9;
  }
  #footer .secondary {
    display: block;
    padding: 20px 20px;
  }
}

/* footer-logo */

#footer .logo {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #footer .logo {
    font-size: 16px;
  }
}

/* address */

.address {
  margin: 10px 0 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .address {
    font-size: 12px;
  }
}

/* navi */

.navi-row {
  display: flex;
  margin-top: 40px;
}
#footer .navi {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .navi li {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
}
#footer .navi li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .navi-row {
    display: block;
    margin-top: 15px;
  }
  #footer .navi {
    font-size: 12px;
  }
  #footer .navi li {
    margin-top: 5px;
    font-size: 12px;
  }
}

/* sns-navi */

#footer .sns-navi {
  margin: 0 0 0 auto;
  padding: 0;
}
#footer .sns-navi li {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 20px;
}
#footer .sns-navi li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #footer .sns-navi {
    margin: 20px 0 0;
    padding: 0;
  }
  #footer .sns-navi li {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 18px;
  }
}

/* sitenavi */

#footer .sitenavi {
  width: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .sitenavi li {
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0;
}
#footer .sitenavi li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #footer .sitenavi {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
}

/* copyright */

#footer .copyright {
  width: 50%;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #footer .copyright {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
    font-size: 12px;
  }
}

body {
  margin: 0;
  padding: 0;
}

/* *****トップページ***** */
.jumbotron {
  background-image: url("../img/topimg11.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/* *****下層ページ***** */
.breadcrumb-item + .breadcrumb-item:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: small;
  color: #fff;
}

#page .jumbotron {
  background: #f1efff url("../img/tournamenttop.png") no-repeat center center;
  background-size: cover;
  border-radius: initial;
}

/* --------------------------------------------------

 レスポンシブ

--------------------------------------------------　*/

@media (max-width: 991.98px) {
  /* md タブレット・スマートフォン向け */

  #nav02 .nav-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.25rem;
  }

.jumbotron {
  background-image: url("../img/topimg12.png");
  background-repeat: no-repeat;
  background-size: cover;
}

  @media (max-width: 575.98px) {
    /* xs スマートフォン向け */

    /* フッター */
    #footer-sns img {
      height: 29px;
      margin-right: 15px;
    }