/*全体の高さ設定*/
html
{ 
   	height: 100%; 
}


/*全体背景設定*/
body 
{
   	height: 100%;
	margin: 0px;							/* 余白設定 */
   	background-color: #381361;         		/* 背景色 */
  	/*background-image: url("../img/main_Background .png"); /* 画像 */
   	/*background-size: cover;               /* 全画面 */
   	/*background-attachment: fixed;         /* 固定 */
   	/*background-position: center center;   /* 縦横中央 */
}

/*タイトル*/
.title
{
	position: sticky; 						/* ヘッダーを固定 */
	top: 0; 								/* 上部から配置の基準位置*/
	margin: 0px;							/* 余白設定 */
	width: 100%; 							/* ヘッダーの横幅 */
	/*height: 150px; 						/* 高さ */
	background-image: url("../img/title_Background .png"); /* 画像 */
	/*background-image: url("../img/../img/background_1.png"); /* 画像 */
	background-size: cover;               	/* 全画面 */
	/*background-color: #FFFFFF;           /* 背景色 */
	/*background-image: linear-gradient(150deg, rgba(0, 0, 0, 1) 20%, rgba(25, 30, 26, 1) 40%, rgba(39, 80, 47, 1) 70%, rgba(21, 73, 31, 1) 90%); /*背景色グラデーション*/
}


/*サブタイトル*/
.subtitle
{
	height: 70px;							/* 高さ */
	color:#ffffff;            				/* 文字色 */
	/*background: #381361 ;	   				/* 背景色 */
	/*background: #483d8b ;	   				/* 背景色 */
	background-image: linear-gradient(150deg, rgba(56, 19, 97, 1) 15%, rgba(46, 22, 73, 1) 30%, rgba(255, 255, 255, 0) 50%);/*背景色グラデーション*/
    vertical-align: middle;					/* 垂直方向の配置位置 */
	margin: 0;								/* 余白設定(外側） */
	padding: 0;								/* 余白設定(内側） */
}

/* サブタイトル画像 */
.subtitle img
{
	height: 70px;
}

/*HOME背景*/
.about_KAKIOKA2026
{
	margin: 0px;							/* 余白設定(外側） */
	/*background: #FFFFFF ;					/* 背景色 */
	background-image: url("../img/About_Back.png");	/* 画像 */
  	background-size: cover;					/* 背景画像のサイズ（全画面） */
	vertical-align: top;
	color:#000000;							/* 文字色 */

}

/*HOME文字背景*/
.Text_white
{
	padding: 20px;							/* 余白設定(内側） */
	margin: 0px;							/* 余白設定(外側） */
	background:rgba(255,255,255,0.5);              /* 背景色 */
	color:#000000;							/* 文字色 */
	
}

/*HOME写真ドロップシャドウ*/
.image-shadow
{
	box-shadow: 10px 10px 4px #696969 ;
}

/*サブコンテンツ背景*/
.subcontents
{
	margin: 0px;							/* 余白設定(外側） */
	/*background: #FFFFFF ;					/* 背景色 */
	background-image: url("../img/background_1.png");	/* 画像 */
	background-size: cover;					/* 背景画像のサイズ（全画面） */
	color:#000000;							/* 文字色 */
}

.subcontents p
{
	/*vertical-align: top;					/* 文字開始位置(縦） */
	width: 70%
	margin: 5px;							/* 余白設定(外側） */
	padding: 5px;							/* 余白設定(内側） */
}
/*フッター*/
.subfooter
{
	background: #381361 ;					/* 背景色 */
	/*height: 100px;							/* 高さ */
	color:#ffffff;             				/* 文字色 */
    vertical-align: center;					/* 垂直方向の配置位置 */
	margin: 0;								/* 余白設定(外側） */
	padding: 5px;							/* 余白設定(内側） */
}
/* コンテンツ用汎用テーブル*/
.contents_table 
{
	font-size: 120%;						/* 文字の大きさ */
	vertical-align: top;					/* 文字開始位置(縦） */
	margin: 0px;							/* 余白設定(外側） */
	padding: 20px;							/* 余白設定(内側） */
	width: 100%
	border-collapse: collapse;				/* 枠線のタイプ */
	border:0px solid;						/* 枠線の太さ */
}

/* 委員会リスト用子テーブル */
.committees_table
{
	font-size: 140%;						/* 文字の大きさ */
	margin: 0px;							/* 余白設定(外側） */
	padding: 20px;							/* 余白設定(内側） */
	width: auto;							
	border-collapse: collapse;				/* 枠線のタイプ */
	border:1px solid;						/* 枠線の太さ */
}

/* 委員会リスト用子テーブルtd */
.committees_table td
{
	margin: 0px;							/* 余白設定(外側） */
	padding: 5px;							/* 余白設定(内側） */
	border-collapse: collapse;				/* 枠線のタイプ */
	border:1px solid;
}

/* スケジュール用テーブル */
.schedule_table
{
	font-size: 140%;						/* 文字の大きさ */
	margin: 0px;							/* 余白設定(外側） */
	padding: 20px;							/* 余白設定(内側） */
	width: 70%;							
	border-collapse: collapse;				/* 枠線のタイプ */
	border:1px solid;						/* 枠線の太さ */
}

/* スケジュール用テーブルtd */
.schedule_table td
{
	margin: 0px;							/* 余白設定(外側） */
	padding: 5px;							/* 余白設定(内側） */
	border-collapse: collapse;				/* 枠線のタイプ */
	border:1px solid;						/* 枠線の太さ */
}

/* サーキュラー用テーブル */
.Circular_table
{
	font-size: 140%;						/* 文字の大きさ */
	width: 70%;	
	margin: 20px;							/* 余白設定(外側） */
	padding: 20px;							/* 余白設定(内側） */						
	border-collapse: collapse;				/* 枠線のタイプ */
	border:0px solid;						/* 枠線の太さ */
}

/*スポンサー用文字*/
.sponsors_p
{
	font-size: 140%;						/* 文字の大きさ */
	margin-left: 15%;
	margin-right: 15%
}

/*スポンサー用テーブル*/
.sponsors_table
{
	margin: 10px;							/* 余白設定(外側） */
	padding: 20px;							/* 余白設定(内側） */
	border-collapse: separate;				/* 枠線のタイプ */
	border:0px solid;						/* 枠線の太さ */
}

/*スポンサー用テーブtd*/
.sponsors_table th
{
	font-size: 140%;						/* 文字の大きさ */
}
.sponsors_table td
{
	vertical-align: middle;					/*文字位置（縦）*/
	text-align: center;						/*文字位置（横）*/
	margin:  0px;							/* 余白設定(外側） */
	padding: 0px;							/* 余白設定(内側） */
	border-collapse: separate;				/* 枠線のタイプ */
	border:0px solid;						/* 枠線の太さ */
	/*background-color: #FFFFFF;          	/* 背景色 */
}

/*スポンサーテキスト*/
.sponsors_text1
{
	font-size: 140%;							/* 文字の大きさ */
	vertical-align: middle;					/*文字位置（縦）*/
	text-align: center;						/*文字位置（横）*/
	border-style: solid;					/* 枠線のタイプ */
	border-width: 1px; 						/* 枠線の太さとタイプ */
	background-color: #ffffe0;          	/* 背景色 */
}

/*スポンサーテキスト2*/
.sponsors_text2
{
	font-size: 100%;							/* 文字の大きさ */
	vertical-align: middle;					/*文字位置（縦）*/
	text-align: center;						/*文字位置（横）*/
	border-style: solid;					/* 枠線のタイプ */
	border-width: 1px; 						/* 枠線の太さとタイプ */
	background-color: #ffffe0;          	/* 背景色 */
}

/*スポンサーロゴ*/
.sponsors_logo
{
	vertical-align: middle;					/*文字位置（縦）*/
	text-align: center;						/*文字位置（横）*/
	border-style: solid;					/* 枠線のタイプ */
	border-width: 1px; 						/* 枠線の太さとタイプ */
	background-color: #ffffff;          	/* 背景色 */
}

/*スポンサーロゴ（背景黒）*/
.sponsors_logo2
{
	vertical-align: middle;					/*文字位置（縦）*/
	text-align: center;						/*文字位置（横）*/
	border-style: solid;					/* 枠線のタイプ */
	border-width: 1px; 						/* 枠線の太さとタイプ */
	background-color: #000000;          	/* 背景色 */
}
/*-------------------------------- メニューバー ----------------------------*/
/* メニューバーの装飾 */
ul.ddmenu
{
   	width: 100%;                			/* 横幅 */ 
   	margin: 5px 0px;               			/* 余白設定(外側） */
   	padding: 5px 0px; 						/* 余白設定(内側） */
   	/*background-color: #000000; 			/* 背景色 */
	z-index: 1;								/* 重なり位置（数字が小さいほど奥になる） */
}

/* ▼メインメニュー項目の装飾 */
ul.ddmenu li
{
   	width: 150px;     	     				/* 横幅 */
   	display: inline-block;  				/* 横並びにする */
   	list-style-type: none;  				/* 先頭記号を消す */
   	position: relative;     				/* サブメニュー表示の基準位置にする */
}

ul.ddmenu p
{
	font-size: 90%;						/*フォントサイズ*/
   	color: white;              				/* メニュー項目の文字色 */
   	line-height: auto;         				/* メニュー項目のリンクの高さ */
   	text-align: center;        				/* メインメニューの文字列の配置 */
   	text-decoration: none;     				/* メニュー項目の装飾(下線を消す) */
   	font-weight: bold;         				/* 太字にする */
}

ul.ddmenu a
{
   /*background-color: #000000; 			/* メニュー項目の背景色*/
	font-size: 90%;						/*フォントサイズ*/
   	color: white;              				/* メニュー項目の文字色 */
   	line-height: auto;         				/* メニュー項目のリンクの高さ */
   	text-align: center;        				/* メインメニューの文字列の配置 */
   	text-decoration: none;     				/* メニュー項目の装飾(下線を消す) */
   	font-weight: bold;         				/* 太字にする */
   	display: block;            				/* 項目内全域をリンク可能にする */
   	z-index: 1;
}

ul.ddmenu a:hover
{
   	background-color: #FFFFFF; 				/* メニュー項目にマウスが載ったときの背景色*/
   	color: #dd0000;            				/* メニュー項目にマウスが載ったときの文字色 */
}

/* ▼サブメニューの装飾 */

ul.ddmenu ul
{
   	width: auto;							/* サブメニュー1項目の横幅*/
	border-top: 5px solid black; 			/* 項目上側の枠線 */
   	display: none;      					/* ★1:標準では非表示にする */
   	margin: 0px;         					/* ★2:サブメニュー外側の余白 */
   	padding: 0px;        					/* ★3:サブメニュー内側の余白 */
   	position: absolute;  					/* ★4:絶対配置にする */
	
}

/* ▼サブメニューがある場合に開く処理 */
ul.ddmenu li:hover ul
{
   	display: block;      					/* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
   	z-index: 10;
}

ul.ddmenu ul li a
{
   	background-color: #000000; 				/* サブメニュー項目の背景色*/
   	line-height: auto;   					/* サブメニュー1項目の高さ */
   	text-align: left;    					/* 文字列の配置 */
   	padding-left: 5px;   					/* 文字列前方の余白 */
	padding-top: 5px;   					/* 文字列上方の余白 */
	padding-bottom: 5px;   					/* 文字列下方の余白 */
   	font-weight: normal; 					/* 太字にはしない */
}

ul.ddmenu ul li a:hover
{
   	background-color: #FFFFFF; 				/* サブメニュー項目にマウスが載ったときの背景色 */
   	color: #dd0000;            				/* サブメニュー項目にマウスが載ったときの文字色 */
}

/*-------------------- 画面が縦長になった時のスタイル変更 ---------------------*/
@media screen and (max-width: 1024px) 
{
	.contents_table 
	{
		font-size: 100%;						/* 文字の大きさ */
		width: auto%;
		border-collapse: collapse;			/* 枠線のタイプ */
		border:0px solid;					/* 枠線の太さ */
	}
	.contents_table th,
	.contents_table td
	{
		padding: 10px 20px;						/* 余白設定(外側） */
		border-bottom: none;
		display: block;
		width: auto;
  	}
	.contents_table img
	{
		width: 70%;
	}
	.sponsors_table 
	{
		font-size: 100%;						/* 文字の大きさ */
		width: auto%;
		border-collapse: collapse;			/* 枠線のタイプ */
		border:0px solid;					/* 枠線の太さ */
	}
	.sponsors_table td
	{
		font-size: 100%;						/* 文字の大きさ */
		padding: 0px;						/* 余白設定(外側） */
		border-bottom: none;
		display: block;
		width: auto;
		border-collapse: separate;				/* 枠線のタイプ */
		border:0px solid;						/* 枠線の太さ */
		background-color: #FFFFFF;          	/* 背景色 */
  	}
	.sponsors_table img
	{
		height: 70px;
	}
	.about_KAKIOKA2026
	{
		font-size: 100%;						/* 文字の大きさ */
	}
	
	.subcontents
	{
		font-size: 100%;						/* 文字の大きさ */
	}
	
	ul.ddmenu li
	{
   		width: 120px;     	     				/* 横幅 */
	}
	
	ul.ddmenu a
	{
		font-size: 80%;						/*フォントサイズ*/
	}

	ul.ddmenu p
	{
		font-size: 80%;						/*フォントサイズ*/
	}

	.subfooter img
	{
		height:50px;
	}

	.subtitle
	{
		height: 40px;							/* 高さ */
	}

	/* サブタイトル画像 */
	.subtitle img
	{
		height: 40px;
	}
}

/*タイトルイメージをレスポンシブルにする*/
/* 1028px(タイトル画像の横幅）以下の場合 */
@media only screen and (max-width: 1028px)
{
  	.auto_resize
	{
    	width: 90%;
		height: auto;
    	padding: 10px 20px;
  	}
}
/* 1028px(タイトル画像の横幅）以上の場合 */
@media only screen and (min-width: 1029px)
{
 	.aute_resize
	{
    	width: aute;
		height: auto;
    	padding: 10px 20px;
  	}
}