/* スマホ対応宣言文-------------------------------------------------------------------------------------------------------- */

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
display: block;
}

/* フォントの設定------------------------------------------------------------------------------------------------------------ */

span.gfc001 {
font-family: "Georgia";	/* フォント */
font-size: 20px;		/* フォントサイズ */
color: #CCCCCC;		/* フォントカラー */
}

span.gfc002 {
font-family: "Georgia";	/* フォント */
font-size: 72px;		/* フォントサイズ */
color: #FFFFFF;		/* フォントカラー */
}

span.gfc003 {
font-family: 'Allan';		/* フォント */
font-size: 20px;		/* フォントサイズ */
color: #FFFFFF;		/* フォントカラー */
}

span.gfc004 {
font-family: "meiryo UI";	/* フォント */
font-size: 9px;		/* フォントサイズ */
color: #000000;		/* フォントカラー */
}

span.gfc005 {
font-family: "meiryo UI";	/* フォント */
font-size: 14px;		/* フォントサイズ */
color: #FFFFFF;		/* フォントカラー */
}

span.gfc006 {
font-family: "meiryo UI";	/* フォント */
font-size: 11px;		/* フォントサイズ */
color: #000000;		/* フォントカラー */
}

span.gfc101 {
font-size: 18px;		/* フォントサイズ */
color: #003399;		/* フォントカラー */
text-align:right;
}

span.gfc102 {
font-size: 18px;		/* フォントサイズ */
color: #3366FF;		/* フォントカラー */
text-align:right;
}

span.gfc103 {
font-size: 18px;		/* フォントサイズ */
color: #CC0000;		/* フォントカラー */
text-align:right;
}

span.gfc104 {
font-size: 24px;		/* フォントサイズ */
color: #008000;		/* フォントカラー */
font-family: 'Coming Soon', cursive;
}

span.gfc105 {
font-size: 80px;		/* フォントサイズ */
color: #ffffff;		/* フォントカラー */
font-family: 'Ranchers', cursive;
}

span.gfc106 {
font-size: 16px;		/* フォントサイズ */
color: #008000;		/* フォントカラー */
font-family: 'Coming Soon', cursive;
}


/* html,bodyタグの設定--------------------------------------------------------------------------------------------------- */

html, body{
margin: 0;	/* 余白の削除 */
padding: 0;	/* 余白の削除 */
width:100%;
height:100%;
}

/* ヘッダーの固定----------------------------------------------------------------------------------------------------------- */

div#header-fixed
{
position: fixed;				/* ヘッダーの固定 */
top: 0px;					/* 位置 */
left: 0px;					/* 位置 */
width: 100%;				/* 横幅 */
height: 25px;				/* 縦幅 */
background: rgba( 255, 255, 255, 0.5);		/* 背景,不透明度 */
}
 
 
div#header-bk { 
padding:0px 10px 5px;	/* 上余白,左余白,下余白 */
height:25px;		/* 縦の高さ */
width:100%;		/* 横の幅 */
}

/* ナビの固定----------------------------------------------------------------------------------------------------------- */

div#nav-fixed
{
position: fixed;			/* ナビの固定 */
top: 25px;			/* 位置 */	
left: 0px;				/* 位置 */
width: 100%;			/* 横幅 */
height: 25px;			/* 縦幅 */
background: rgba( 0, 0, 0, 0.3);	/* 背景,不透明度 */
font-family: "Meiryo UI";		/* フォント */
font-size:8px;			/* フォントサイズ */
}
 
div#nav-bk { 
padding:0px 0px 0px;	/* 上余白,左余白,下余白 */
height:25px;		/* 縦の高さ */
width:100%;		/* 横の幅 */
}

/* フッターの固定------------------------------------------------------------------------------------------------------------ */

div#footer-fixed
{
position: fixed;		/* フッターの固定 */
bottom: 0px;		/* 位置 */
left: 0px;			/* 位置 */
width: 100%;		/* 横幅 */
height: 25px;		/* 縦幅 */
font-family: "Meiryo UI";	/* フォント */
font-size:8px;		/* フォントサイズ */
}
 
div#footer-bk
{
background-color:#C0C0C0;	/* 背景色 */
padding:5px 10px 5px;	/* 上余白,左余白,下余白 */
height:20px;		/* 縦の高さ */
width:100%;		/* 横の幅 */
}

/* ボディの定義------------------------------------------------------------------------------------------------------------- */

div#body-bk{
padding:0 0 0 0;	/* 上余白,左余白,下余白,右余白 */
background-color:#FFFFFF;	/* 背景色 */
}
div#body{
width:100％;
margin:auto;
}

body {
-webkit-text-size-adjust: 100%	;/* スマホ横にした時の文字数 */
}

/* ナビゲーションバーの定義--------------------------------------------------------------------------------------------------- */

.menu ul{
margin:0;
padding:0;
}

.menu ul li {
list-style: none;
margin:0;
padding:0;
float: left;
position: relative;
width: 50px;			/*親メニューの幅*/
height: 25px;			/*親メニューの高さ*/
line-height: 25px;			/*ホバー時の親メニューの高さ*/
background: rgba( 0, 0, 0, 0);	/* 背景,不透明度 */
color: #FFFFFF;			/*親メニューの文字色*/
text-align:center;
}

.menu ul li a {
color: #FFFFFF;
display: block;
text-decoration: none;
}

.menu ul li:hover, .menu ul li a:hover {
background:#FF3300;		/*ホバー時の親メニューの背景色*/
color:#FFFFFF;			/*ホバー時の親メニューの文字色*/
}

.menu ul li ul {
position: absolute;
top: 25px;	/*親メニューの高さと同じにする！*/
width: 50px;
z-index: 100;
}

.menu ul li ul li {
visibility: hidden;
overflow: hidden;
width: 50px;			/*サブメニューの幅*/
height: 0;
background: rgba( 0, 0, 0, 0.3);	/*サブメニューの背景色*/
}

.menu ul li ul li:hover, .menu ul li ul li a:hover {
background:#FF773E;		/*ホバー時のサブメニューの背景色*/
}

.menu ul li:hover ul li, .menu ul li a:hover ul li{
visibility: visible;
overflow: visible;
height:25px;			/*サブメニューの高さ*/
z-index: 10;
}

.menu * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

/* 画像サイズ可変---------------------------------------------------------------------------------------------------------- */

#box {
height: 100%;
max-height: 580px;
min-height: 100px;
}
#box img {
height: 100%;
max-height: 580px;
min-height: 10px;
}

/* テーブル設定------------------------------------------------------------------------------------------------------------- */

table.gfctr001 {
width: 100%;
margin:0px 0px 100px;
border-top: 0px;
border-left: 0px;
border-spacing:0px;
}

table.gfctr001 tr td {
background: #FFFFFF;
bordercolor: #FFFFFF;
font-family: 'Meiryo UI';	/* フォント */
font-size: 10px;		/* フォントサイズ */
color: #0C0C0C;		/* フォントカラー */
text-align:center;		/* フォント位置 */
border-bottom: 0px;
border-right: 0px;
padding: 0px;
}

div.gfctr002 { 
padding: 50px 0px 50px 0px;
background: #FF773E;
bordercolor: #FF773E;
}

/*jQuery masonry用----------------------------------------------------------------------------------------------------- */

div.item {
border: 0px dashed #0000cc;		/* 枠線 */
background-color: #FFFFFF;		/* 背景色 */
margin: 0px;			/* 周囲の余白 */
}
p.image, p.caption {
text-align: center;			/* 中央寄せ */
margin: 0px;			/* 余白・間隔 */
}
p.caption {
font-size: 80%;			/* 文字サイズ */
color: darkblue;			/* 文字色 */
}


a.linkText{
	color:#689d22;
}

a.linkText:link{
	color:#689d22;
}

a.linkText:hover{
	color:#689d22;
}

a.linkText:visited{
	color:#689d22;
}


/*スケジュールページ

#schedule iframe {
  width: 80vw;
  height: 80vw;
}