@charset "UTF-8";

/* ------ 編集ＯＫ ------ */
body {
	margin: 0px;
	padding: 0px;
	color:#333;/*全体のフォントの色変更可能*/
	font-size: 14px;/*全体のフォントのサイズ変更可能*/
	line-height: 160%;/*全体のフォントの行間変更可能*/
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;/*全体のフォント変更可能*/
	background-position: center top;
	background-repeat: repeat;
	background: #17317a;

}

/* ------ 編集ＯＫ ------ */
h1 {
	font-size: small;
	font-weight: normal;
	color:#FFFFFF;/*ヘッダータイトルフォント色*/
}

/* ------ 編集ＯＫ ------ */
h2{
	width:650px;
	padding-left:30px;
	padding-bottom:15px;
	height:auto;
	font-size:18px;
	margin-bottom:30px;
	color:#FFFFFF;
	border-top:3px #c5191f solid;
	/*border-bottom:3px #777777 solid;*/
	font-weight:bold;
	padding-top:15px;
	/*サブページのタイトル背景色*/
	/*バックグラウンドの色編集*/ 
	background: #990099;
	/*グラデ使用時*/
	background: -moz-linear-gradient(top, #4a61f0, #0c1131);/*変更可能*/ 
	background: -ms-linear-gradient(top, #4a61f0, #0c1131);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#4a61f0), to(#0c1131));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a61f0', endColorstr='#0c1131',GradientType=0 );/*変更可能*/  
}

/* ------ 編集ＯＫ ------ */
h3{
	width:650px;
	height:auto;
	/*サブページの見出し色編集*/ 
	border-left:5px #3cf solid;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}



/*======================================

link　全体のリンクの色　編集ＯＫ

=======================================*/
a:link {
	color: #0033ff;
	text-decoration: none;
	font-size: 14px;
}
a:visited {
	text-decoration: none;
	font-size: 14px;
	color: #0033ff;
}
a:hover {
	text-decoration: underline;
	color: #0033ff;
}
a:active {
	text-decoration: none;
	color: #0033ff;
}
div#wrapper{
	width:1085px;
	height:auto;
	text-align: left;
	margin: auto;	
}

/*======================================

ヘッダー

=======================================*/
/* ------ ヘッダー ------ */

/* ------ 編集ＯＫ ------ */
div#header{
	margin: 0px;
	padding: 0px;
	width:1085px;
	height:120px;
	border-bottom: 3px solid #c5191f;*/
	text-align: left;
	position: relative;
	top:0px;
	left:0px;
        background:#173171;	
}

div#header_top_logo{
	width:1085px;
	height:80px ;
	text-align: left;
	position: absolute;
	top:35px;
	left:0px;
}

.left_menu_btn{
	width:150px;
	height:35px;
	margin-bottom:10px;
	background: #e6d9fa;
	float:left;
}

/* ------ 編集ＯＫ ------ */

div#header_login{
	width:80px;
	height:20px;
	text-align: center;
	position: absolute;
	top:0px;
	right:190px;

}
/* ------ 編集ＯＫ ------ */

div#header_contact{
	width:80px;
	height:20px;
	text-align: center;
	position: absolute;
	top:0px;
	right:95px;
	/*バックグラウンドの色編集*/ 

}
/* ------ 編集ＯＫ ------ */
div#header_join{
	width:80px;
	height:20px;
	text-align: center;
	position: absolute;
	top:0px;
	right:0px;
	/*バックグラウンドの色編集*/ 

}


/* ------ 編集ＯＫ ------ */
/* ------ ヘッダーメニューのリンク色 ------ */

a:link.header_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#0000ff;
	text-decoration: none;
	width:80px;
	height:20px;
	float:left;
	text-align: center;
	/*バックグラウンドの色編集*/
        /*background:#000000*/
	background-image: url("http://netto.jp/kashiwara/html_pic/1173.jpg");
	}
a:visited.header_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	width:80px;
	height:20px;
	float:left;
	text-align: center;
	/*バックグラウンドの色編集*/
        /*background:#000000*/
	background-image: url("http://netto.jp/kashiwara/html_pic/1173.jpg");
	}
a:hover.header_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#000000;
	text-decoration: underline;
	width:80px;
	height:20px;
	float:left;
	text-align: center;
	/*バックグラウンドの色編集*/
        /*background:#000000*/
	background-image: url("http://netto.jp/kashiwara/html_pic/1173.jpg");
	}
a:active.header_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	width:80px;
	height:20px;
	float:left;
	text-align: center;
	/*バックグラウンドの色編集*/
        /*background:#000000*/
	background-image: url("http://netto.jp/kashiwara/html_pic/1173.jpg");
	}


/*======================================

コンテンツ

=======================================*/

/* ------ 編集ＯＫ ------ */
div#contents_wrap{
	width:1075px;
	padding-left:5px;
	padding-right:5px;
	background: #ffffff;/*コンテンツ部分の背景色変更可能*/ 
	height:auto;
	padding-top:25px;
	text-align: left;
	float:left;
	
}

/* ------ 編集ＯＫ ------ */
.left_menu_btn{
	width:150px;
	height:35px;
	margin-bottom:10px;
	background: #e6d9fa;
	float:left;
}

/* ------ 編集ＯＫ ------ */
/* ------ レフトメニューのリンク色変更可能　メニューの背景色変えたとき変更した方が良い ------ */
a:link.left_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:140px;
	height:25px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:10px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/nakahonmoku/html_pic/1444.jpg");
	}
a:visited.left_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:140px;
	height:25px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:10px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/nakahonmoku/html_pic/1444.jpg");
	}
a:hover.left_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:140px;
	height:25px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:10px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/nakahonmoku/html_pic/1445.jpg");
	}
a:active.left_menu    {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:140px;
	height:25px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:10px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/nakahonmoku/html_pic/1444.jpg");
	}
/* ------ 編集ＯＫ ------ */
/* ------ メインコンテンツ ------ */
div#center_contents_wrapper{
	width:680px;
	height:auto;
	margin-top:0px;
	padding:5px; 
	margin-left:15px;  
	text-align: left;
	background-color:;/*メインコンテンツ部分の背景色変更可能*/ 
	float:left;	
}

/* ------ 編集ＯＫ ------ */
/* ------ 各項目のボックス線 ------ */
div.center_contents_box{
	width:678px;
	height:auto;
	margin-top:15px; 
	text-align: left;
	float:left;	
	background:#fffff5;
	border:#000000 1px solid;/*変更可能*/ 
}
/* ------ 編集ＯＫ ------ */
/* ------ 各項目のタイトル ------ */
div.center_contents_title{
	width:668px;
	height:20px;
	padding-left:10px;
	font-size:14px;
	color:#FFFFFF;/*変更可能*/ 
	font-weight:bold;
	text-align: left;
	float:left;	
	/*バックグラウンドの色編集*/
	background: #17317a;
}

/* ------ 新着情報 ------ */

/* ------ 編集ＯＫ ------ */
/* ------ 新着情報のリンク色 ----- */
a:link.center_news_txt    {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.center_news_txt {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.center_news_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.center_news_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
/* ------ 新着ページのリンク色 ----- */
a:link.news_title    {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.news_title {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.news_title  {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.news_title  {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
/* ------ 大会情報 ------ */

/* ------ 編集ＯＫ ------ */
/* ------ 大会情報のリンク色 ------ */
a:link.center_tournament_txt    {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.center_tournament_txt {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.center_tournament_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.center_tournament_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}

/*======================================

フッター

=======================================*/

/* ------ 編集ＯＫ ------ */
div#footer_contents_wrapper{
	width:1075px;
	height:auto;
	margin-top:25px;
	padding:5px; 
	text-align: center;
	/*バックグラウンドの色編集*/ 
	background-color:#ffffff;
	float:left;	
}

/* ------ 編集ＯＫ ------ */
div#footer_copy{
	width:1075px;
	height:auto;
	margin-top:20px;
	/*バックグラウンドの色編集*/ 
	background-color:#333333;
	font-size:12px;
	/*フォントの色編集*/ 
	color:#FFFFFF;
	text-align: center;
	float:left;	
}

/* ------ 編集ＯＫ ------ */
/* ------ フッターメニューのリンク色 ------ */
a:link.footer_menu    {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
a:visited.footer_menu {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
a:hover.footer_menu  {font-size: 12pt; font-style: normal; font-weight: normal; color: #5533ff; text-decoration: none;}
a:active.footer_menu  {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
/*font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}*/

/* ------ 編集ＯＫ ------ */
/* ------ Instagram用アイコン ------ */
a:link.btn-insta {
  /*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 30px;/*高さ*/
  width: 150px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 30px;/*高さと合わせる*/
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
a:visited.btn-insta {
  color:#ffffff;
}

a:link.btn-insta:before {
  /*グラデーション②*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
a:link.btn-insta span {
  /*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

a:link.btn-insta:hover span {
  /*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

span#insta::before{
  display:inline-block;
  position: relative;
  transition: .5s;
  font-family: "Font Awesome 5 Brands"; 
  font-weight: 400;
  content: '\f16d';
  font-size: 20px;/*アイコンサイズ*/
  position: relative;
  top: 0px;/*アイコン位置の微調整*/
  right: 4px;/*アイコン位置の微調整*/
}

span#insta{
  font-family: "Robot";
  /*font-weight: bold;*/
}
/* ------ 編集ＯＫ ------ */
/* ------ Facebook用アイコン ------ */
a:link.btn-social-long-facebook {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 30px;/*高さ*/
  width: 150px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 30px;/*高さと合わせる*/
  background: #4966a0;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

span#facebook::before{
  display:inline-block;
  position: relative;
  transition: .5s;
  font-family: "Font Awesome 5 Brands"; 
  font-weight: 400;
  content: '\f39e';
  text-shadow: 2px 2px 1px #224282;
  font-size: 20px;/*アイコンサイズ*/
  position: relative;
  top: 0px;/*アイコン位置の微調整*/
  right: 4px;/*アイコン位置の微調整*/
  
}

span#facebook{
  font-family: "Robot";
  /*font-weight: bold;*/
}

a:visited.btn-social-long-facebook {
  color:#ffffff;
}

a:link.btn {
  /*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 30px;/*高さ*/
  width: 150px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 30px;/*高さと合わせる*/
  background: #17317a;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
a:visited.btn {
  color:#CCCCff;
}

div#title {
  max-width: 900px;
  border-radius: 10px;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  margin: 0 auto;
  background-color: #0e0e55;
  font-family: "Robot";
  color: #fff;
}


}
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  
  gap: 20px;
  padding: 0px;
  max-width: 900px;
  margin: auto;
  color:#fff;
  font-weight: normal;
}

.grid-item {
  background-color: #0000ffb4;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-align: center;
  font-size: 1.5rem;
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.grid-item span{
    position: absolute;
    top: -1.9em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #2589d0;
    color: #fff;
}

.grid-item-gold {
  background: linear-gradient(45deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-align: center;
  font-size: 1.5rem;
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  justify-content: center;
}
.grid-item-silver {
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-align: center;
  font-size: 1.5rem;
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  justify-content: center;
}
.grid-item-bronze {
  background: linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-align: center;
  font-size: 1.5rem;
  color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  justify-content: center;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


.grid-item:hover {
  transform: translateY(5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.mail {
    position: relative;
    max-width: 400px;
    margin: 1.5em auto;
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #e0efff;
    color: #333333;
}

.mail span {
    position: absolute;
    top: -15px;
    transform: translateX(-.3em) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
}

.mail p {
    margin: 0;
}

div.center_contents_box2 {
    position: relative;
    max-width: 800px;
    margin: 1.9em auto 0;
    padding: 1em 1.5em;
    border: 2px solid #2589d0;
    border-radius: 3px;
}

div.center_contents_box2 span {
    position: absolute;
    top: -1.9em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #2589d0;
    color: #fff;
}

div.center_contents_box2 p {
    margin: 0;
    color: #333;
}

div.info {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}

.table-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    overflow-x: auto; /* 画面が狭い時に横スクロールさせる */
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* テーブル全体のスタイル */
table#main {
    width: 100%;
    border-collapse: collapse; /* ボーダーを重ねる */
    text-align: left;
    
}

/* テーブルヘッダーとデータセルのスタイル */
th, td {
    padding: 5px 20px;

}

/* テーブルヘッダーのスタイル */
thead#main th {
    background-color: #2589d0;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    text-transform: uppercase;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
}
thead td {
    border-radius: 0px;
}

/* テーブルボディの行のスタイル */
tbody tr {
    
    border-top-right-radius: solid 5px;
    
}
/* 一行おきに背景色を付ける（ゼブラストライピング） */
tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}