/* ################################################## */
/* 全ページ共通のデフォルト設定 */
/* ================================================== */
*
	{
	-webkit-box-sizing	:border-box;
 	-moz-box-sizing		:border-box;
	-o-box-sizing		:border-box;
 	box-sizing		:border-box;
	-ms-box-sizing		:border-box;
	-webkit-font-smoothing	:antialiased;
	-moz-osx-font-smoothing	:grayscale;
	margin			:0px;
	padding			:0px;
	font-family		:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	text-decoration		:none;
	font-style		:normal;
	font-weight		:normal;
	text-align		:left;
	vertical-align		:top;
	border-style		:none;
	border-width		:0px;
	list-style		:none;	/* IE隙間対策 */
	line-height		:0;	/* IE隙間対策 */
	font-size		:1%;	/* IE隙間対策 */
	z-index			:1000;
	}
/* -------------------------------------------------- */
body,html
	{
-webkit-text-size-adjust: 100%;		/* スマホで勝手に改行を防ぐ */
	height		:100%;		/* ビューポートに対する値に設定する */
	}
/* -------------------------------------------------- */
a
	{
	position	:relative;
	color		:blue;
	text-decoration	:underline;
	}
/* ================================================== */
/* フォント */
/* -------------------------------------------------- */
@font-face
	{
	font-family	:'hg_t_r';
	src		:url('font/hg_t_r.eot');					/* IE9以上用 */
	src		:url('font/hg_t_r.eot?#iefix') format('embedded-opentype'),	/* IE8以前用 */
			url('font/hg_t_r.woff') format('woff'),			/* モダンブラウザ用 */
			url('font/hg_t_r.ttf') format('truetype');			/* iOS, Android用 */
	font-weight	:normal;							/* 念の為指定 */
	font-style	:normal;							/* 念の為指定 */
	}
.fontface_hgtr
	{
	font-family:'hg_t_r';
	}
@font-face
	{
	font-family	:'gara';
	src		:url('font/gara.eot');					/* IE9以上用 */
	src		:url('font/gara.eot?#iefix') format('embedded-opentype'),	/* IE8以前用 */
			url('font/gara.woff') format('woff'),			/* モダンブラウザ用 */
			url('font/gara.ttf') format('truetype');			/* iOS, Android用 */
	font-weight	:normal;							/* 念の為指定 */
	font-style	:normal;							/* 念の為指定 */
	}
.fontface_hgtr
	{
	font-family:'gara';
	}



/* ################################################## */
/* タグのデフォルト */
/* ================================================== */
/* ブロック要素 */
/* -------------------------------------------------- */
article		/* ★★★ */
	{
	position	:relative;
	text-align	:center;
	}
footer
	{
	position	:relative;
	padding		:0px 0px 20px 0px;
	border-top	:solid 5px #b5ddec;
/*	background-color	:#b5ddec; */
	background-color	:#d7eef6;
	}
section
	{
	position	:relative;
	}
/* ================================================== */
/* JS切り替え用フラグ */
/* -------------------------------------------------- */
#id_WindowPageSize
	{
display	:none;
width	:0px;
	content	:'phones';
	}
/* ================================================== */
/* 文字サイズ */
/* -------------------------------------------------- */
h2
	{
	display		:inline-block;
	width		:100%;
	text-align	:center;
	font-size	:16px;
	line-height	:1.0em;
	}
h3
	{
	text-align	:center;
	font-size	:16px;
	line-height	:1.0em;
	font-weight	:normal;
	}
h3 + p
	{
	text-align	:center;
	font-size	:24px;
	font-family	:'gara';
	font-weight	:normal;
	}
h4
	{
	font-size	:18px;
	line-height	:1.0em;
	}
p,span,a,i,font,b
	{
	font-size	:14px;
	line-height	:1.0em;
	}

/*
section
address
header
footer
nav
div
 */
/*
article
	{
	min-height	:100%;
	position	:relative;
	z-index		:1000;
	width		:100%;
	margin		:0;
	padding		:50px 0px 50px 0px;
	text-align	:center;
	}
 */


/* ################################################## */
/* ラッパー */
/* ================================================== */
/* 全体ラッパー（中央寄せするための全体的なもの） */
/* -------------------------------------------------- */
div.WrapperAll
	{
	height	:100%;
/*	position	:relative; */
	text-align	:center;
	}
/* ================================================== */
/* ★★★スペースラッパー（隙間を上下にあけるためだけ。タグに何も入れなければ隙間は２倍の数値になる） */
/* -------------------------------------------------- */
div.WrapperSpace20
	{
	margin		:10px 0px 10px 0px;
	}
div.WrapperSpace40
	{
	margin		:20px 0px 20px 0px;
	}
/* ================================================== */
/* ★★★箱型ラッパー（横幅がPCビューの最大幅） */
/* -------------------------------------------------- */
div.WrapperInBox
	{
	padding			:10px;
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* 帯型ラッパー（横100%） */
/* -------------------------------------------------- */
div.WrapperInBand
	{
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* ★★★箱型半透明ラッパー白（横幅がPCビューの最大幅） */
/* -------------------------------------------------- */
div.WrapperInBoxAlphaWhite
	{
	padding			:10px;
	background-color	:rgba(255,255,255,0.85);
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* 帯型半透明ラッパー白（横100%） */
/* -------------------------------------------------- */
div.WrapperInBandAlphaWhite
	{
	padding			:10px;
	background-color	:rgba(255,255,255,0.85);
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* 箱型半透明ラッパー黒（横幅がPCビューの最大幅） */
/* -------------------------------------------------- */
div.WrapperInBoxAlphaBlack
	{
	padding			:10px;
	background-color	:rgba(0,0,0,0.85);
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* 帯型半透明ラッパー黒（横100%） */
/* -------------------------------------------------- */
div.WrapperInBandAlphaBlack
	{
	padding			:10px;
	background-color	:rgba(0,0,0,0.85);
	text-align		:center;
	border-radius		:5px;
	}
/* ================================================== */
/* デザインラッパーオ－プニングアニメ専用（横100%） */
/* -------------------------------------------------- */
div.WrapperDeginBandAnime
	{
	display			:inline-block;
	position		:relative;
	margin-top		:100px;
	padding			:40px 0px 40px 0px;
	width			:100%;
	max-width		:100%;
	text-align		:center;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandAnime::before
	{
	position		:absolute;
	left			:0;
	top			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandAnime::after
	{
	position		:absolute;
	left			:0;
	bottom			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
/* ================================================== */
/* デザインラッパー白（横100%） */
/* -------------------------------------------------- */
div.WrapperDeginBandWhite
	{
	position		:relative;
	padding			:20px 0px 20px 0px;
	width			:100%;
	max-width		:100%;
	text-align		:center;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0.3) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandWhite::before
	{
	position		:absolute;
	left			:0;
	top			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandWhite::after
	{
	position		:absolute;
	left			:0;
	bottom			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
/* ================================================== */
/* デザインラッパー緑（横100%）（0,150,136／#009688） */
/* -------------------------------------------------- */
div.WrapperDeginBandGreen
	{
	position		:relative;
	padding			:20px 0px 20px 0px;
	width			:100%;
	max-width		:100%;
	text-align		:center;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(0,150,136,0.3) 25%, rgba(0,150,136,0.3) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(0,150,136,0.7) 25%, rgba(0,150,136,0.7) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandGreen::before
	{
	position		:absolute;
	left			:0;
	top			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(0,150,136,1) 25%, rgba(0,150,136,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(0,150,136,1) 25%, rgba(0,150,136,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandGreen::after
	{
	position		:absolute;
	left			:0;
	bottom			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(0,150,136,1) 25%, rgba(0,150,136,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(0,150,136,1) 25%, rgba(0,150,136,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
/* ================================================== */
/* ★★★デザインラッパー青（横100%）（180,220,235／#b4dceb）（文字は104,184,215／#68b8d7） */
/* -------------------------------------------------- */
div.WrapperDeginBandBlue
	{
	position		:relative;
	padding			:20px 0px 20px 0px;
	width			:100%;
	max-width		:100%;
	text-align		:center;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(180,220,235,0.3) 25%, rgba(180,220,235,0.3) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(180,220,235,0.3) 25%, rgba(180,220,235,0.3) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandBlue::before
	{
	position		:absolute;
	left			:0;
	top			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(180,220,235,1) 25%, rgba(180,220,235,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(180,220,235,1) 25%, rgba(180,220,235,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}
div.WrapperDeginBandBlue::after
	{
	position		:absolute;
	left			:0;
	bottom			:0;
	content			:'';
	width			:100%;
	height			:3px;
	background-image	:-webkit-linear-gradient(left, transparent, rgba(180,220,235,1) 25%, rgba(180,220,235,1) 75%, transparent);
	background-image	:linear-gradient(to right, transparent, rgba(180,220,235,1) 25%, rgba(180,220,235,1) 75%, transparent);
	background-position	:center;
	background-repeat	:no-repeat;
	}


/* ################################################## */
/* article毎の色テーマ */
/* ================================================== */
/* 文字：青 */
.ThemeFontBlue h2
	{
	color		:#ffffff;
	text-shadow	:-0.1em	-0.1em	3px #297998,
			    0em	-0.1em	3px #297998,
			  0.1em -0.1em	3px #297998,
			 -0.1em	   0em	3px #297998,
			    0em	   0em	3px #297998,
			  0.1em	   0em	3px #297998,
			 -0.1em	 0.1em	3px #297998,
			    0em	 0.1em	3px #297998,
			  0.1em	 0.1em	3px #297998;
	}
.ThemeFontBlue h4, .ThemeFontBlue h3 + p, .ThemeFontBlue img, .ThemeFontBlue section, .ThemeFontBlue div
	{
	color		:#297998;
	}
.ThemeFontBlue, .ThemeFontBlue h3, .ThemeFontBlue p, .ThemeFontBlue span, .ThemeFontBlue ol, .ThemeFontBlue ul, .ThemeFontBlue li
	{
	color		:#68b8d7;
	}
/* 文字：緑 */
.ThemeFontGreen h2
	{
	color		:#ffffff;
	text-shadow	:-0.1em	-0.1em	3px #007165,
			    0em	-0.1em	3px #007165,
			  0.1em -0.1em	3px #007165,
			 -0.1em	   0em	3px #007165,
			    0em	   0em	3px #007165,
			  0.1em	   0em	3px #007165,
			 -0.1em	 0.1em	3px #007165,
			    0em	 0.1em	3px #007165,
			  0.1em	 0.1em	3px #007165;
	}

.ThemeFontGreen h4, .ThemeFontGreen h3 + p, .ThemeFontGreen img, .ThemeFontGreen section, .ThemeFontGreen div
	{
	color		:#007165;
	}
.ThemeFontGreen, .ThemeFontGreen h3, .ThemeFontGreen p, .ThemeFontGreen span, .ThemeFontGreen ol, .ThemeFontGreen ul, .ThemeFontGreen li
	{
	color		:#009688;
	}
/* 文字：白 */
.ThemeFontWhite h2
	{
	color		:#ffffff;
	text-shadow	:-0.1em	-0.1em	3px #000000,
			    0em	-0.1em	3px #000000,
			  0.1em -0.1em	3px #000000,
			 -0.1em	   0em	3px #000000,
			    0em	   0em	3px #000000,
			  0.1em	   0em	3px #000000,
			 -0.1em	 0.1em	3px #000000,
			    0em	 0.1em	3px #000000,
			  0.1em	 0.1em	3px #000000;
	}
.ThemeFontWhite h4, .ThemeFontWhite h3 + p, .ThemeFontWhite img, .ThemeFontWhite section, .ThemeFontWhite div
	{
	color		:#ffffff;
	}
.ThemeFontWhite, .ThemeFontWhite h3, .ThemeFontWhite p, .ThemeFontWhite span, .ThemeFontWhite ol, .ThemeFontWhite ul, .ThemeFontWhite li
	{
	color		:#e6e6e6;
	}
/* 文字：黒 */
.ThemeFontBlack h2
	{
	color		:#000000;
	text-shadow	:-0.1em	-0.1em	3px #ffffff,
			    0em	-0.1em	3px #ffffff,
			  0.1em -0.1em	3px #ffffff,
			 -0.1em	   0em	3px #ffffff,
			    0em	   0em	3px #ffffff,
			  0.1em	   0em	3px #ffffff,
			 -0.1em	 0.1em	3px #ffffff,
			    0em	 0.1em	3px #ffffff,
			  0.1em	 0.1em	3px #ffffff;
	}
.ThemeFontBlack h4, .ThemeFontBlack h3 + p, .ThemeFontBlack img, .ThemeFontBlack section, .ThemeFontBlack div
	{
	color		:#000000;
	}
.ThemeFontBlack, .ThemeFontBlack h3, .ThemeFontBlack p, .ThemeFontBlack span, .ThemeFontBlack ol, .ThemeFontBlack ul, .ThemeFontBlack li
	{
	color		:#5f5f5f;
	}
/* -------------------------------------------------- */
.ThemeWallGreen	/* ★★★ */
	{
	background	:#009688;
	padding		:10px;
	text-align	:center;
	}
.ThemeWallBlue	/* ★★★ */
	{
	background	:#68b8d7;
	padding		:10px;
	text-align	:center;
	}
.ThemeWallWhite	/* ★★★ */
	{
	background	:white;
	padding		:10px;
	text-align	:center;
	}
/* -------------------------------------------------- */
.ThemeWallPhoto1	/* ★★★ */
	{
	background	:url(img/wall_01.jpg) no-repeat fixed;
	background-size	:cover;
	padding		:10px;
	text-align	:center;
	}
.ThemeWallPhoto2	/* ★★★ */
	{
	background	:url(img/wall_02.jpg) no-repeat fixed;
	background-size	:cover;
	padding		:10px;
	text-align	:center;
	}
.ThemeWallPhoto3	/* ★★★ */
	{
	background	:url(img/wall_03.jpg) no-repeat fixed;
	background-size	:cover;
	padding		:10px;
	text-align	:center;
	}
.ThemeWallPhoto4	/* ★★★ */
	{
	background	:url(img/wall_04.jpg) no-repeat fixed;
	background-size	:cover;
	margin		:0px 10px 0px 10px;
	padding		:10px;
	text-align	:center;
	border-radius	:5px;
	}
.ThemeWallPhoto5	/* ★★★ */
	{
	background	:url(img/wall_05.jpg) no-repeat fixed;
	background-size	:cover;
	margin		:0px 10px 0px 10px;
	padding		:10px;
	text-align	:center;
	border-radius	:5px;
	}
.ThemeWallPhoto6	/* ★★★ */
	{
	background	:url(img/wall_06.jpg) no-repeat fixed;
	background-size	:cover;
	margin		:0px 10px 0px 10px;
	padding		:10px;
	text-align	:center;
	border-radius	:5px;
	}
.ThemeWallPhoto7	/* ★★★ */
	{
	background	:url(img/wall_07.jpg) no-repeat fixed;
	background-size	:cover;
	margin		:0px 10px 0px 10px;
	padding		:10px;
	text-align	:center;
	border-radius	:5px;
	}
.ThemeWallPhoto8	/* ★★★ */
	{
	background	:url(img/wall_08.jpg) no-repeat fixed;
	background-size	:cover;
	margin		:0px 10px 0px 10px;
	padding		:10px;
	text-align	:center;
	border-radius	:5px;
	}
.ThemeWallPhotoOpningMac	/* ★★★ */
	{
	background	:url(img/wall_00.jpg) no-repeat fixed;
	background-size	:cover;
	}



/* ################################################## */
/* 専用パーツ */
/* ================================================== */
/* メニューロゴ上部の会社タイトル（H1) */
/* -------------------------------------------------- */
.PartsTitle
	{
	position	:absolute;
	top 		:2px;
	left		:40%;
	font-family	:'hg_t_r';
	font-size	:32px;
	line-height	:1.0em;
	}
.PartsTitle > span
	{
	display		:block;
	font-family	:'hg_t_r';
	text-align	:center;
	color		:black;
	}
.PartsTitle > span:first-of-type
	{
	font-size	:28px;
	}
.PartsTitle > span:last-of-type
	{
/*	font-size	:16px; */
	}
/* ================================================== */
/* メニューロゴ上部の電話番号 */
/* -------------------------------------------------- */
.PartsAddressTel
	{
	display		:none;
	}
/* ================================================== */
/* メニューロゴ上部のメニュー */
/* -------------------------------------------------- */
#id_PartsMenuTop
	{
	text-align	:center;
	}
#id_PartsMenuTop > dt > i
	{
	color		:#2da2c8;
	font-size	:50px;
	margin-left	:20px;
	color		:black;

	}
#id_PartsMenuTop > dd
	{
	display		:none;
	}
#id_PartsMenuTop > dd > ul > li
	{
	display			:block;
	background-color	:rgba(255,255,255,0.90);
	border-top		:solid 1px #cccccc;
	padding			:5px 0px 5px 20px;
	}
#id_PartsMenuTop > dd > ul > li > a::after
	{
	content			:'>';
	position		:absolute;
	right			:10px;
	}
#id_PartsMenuTop > dd > ul > li > a
	{
	display			:block;	/* inline-blockじゃないと横全体に広がる */
	padding			:5px;
	color		:black;

	text-decoration		:none;
	font-size		:18px;
	}
#id_PartsMenuTop > dd > ul > li > a > i
	{
	display			:none;
	}
.PartsMenuTop_active > i		/* トグルボタン */
	{
	visibility	:hidden;
	}
.PartsMenuTop_active > i::before	/* トグルボタン */
	{
	visibility	:visible;
	content		:'×';
	}
/* ================================================== */
/* 下部メニュー */
/* -------------------------------------------------- */
#id_PartsMenuBottom
	{
	display		:none;
	}
/* ================================================== */
/* 下部メニューの会社の住所 */
/* -------------------------------------------------- */
.PartsAddressFull
	{
	text-align	:center;
	position	:relative;
	padding		:0px 0px 20px 0px;
	background-color	:#d7eef6;
	}
.PartsAddressFull > p
	{
	margin-top	:20px;
	}
.PartsAddressFull > p:first-of-type	/* 港名 */
	{
	display		:inline-block;
	color		:#7d7d7d;
	font-family	:'hg_t_r';
	font-size	:24px;
	padding-left   	:34px;	/* padding指定じゃないと背景画像が出ない */
	background	:url(img/logo.png) no-repeat;
	background-size	:contain;
	}
.PartsAddressFull > p:nth-of-type(2)	/* 電話とFAXブロック */
	{
	display		:inline-block;
	margin-left	:20px;
	}
.PartsAddressFull > p:nth-of-type(2) > span	/* 電話とFAX文字 */
	{
	display		:block;
	color		:#7d7d7d;
	font-size	:14px;
	}
.PartsAddressFull > p:nth-of-type(2) > span > i	/* 電話とFAX記号 */
	{
	display		:inline-block;
	width		:20px;
	color		:#7d7d7d;
	font-size	:14px;
	}
.PartsAddressFull > p:last-of-type	/* 指定管理者と住所 */
	{
	display		:inline-block;
	}
.PartsAddressFull > p:last-of-type > span	/* 指定管理者と住所 */
	{
	display		:block;
	color		:#7d7d7d;
	font-size	:12px;
	}
/* ================================================== */
/* 上へボタン */
/* -------------------------------------------------- */
.Parts_ButUp
	{
	display		:none;
	}
/* ================================================== */
/* 下へボタン */
/* -------------------------------------------------- */
.Parts_ButDown
	{
	display		:none;
	}
/* ================================================== */
/* リンク中央：次を読む */
/* -------------------------------------------------- */
p.Link_NextCenter
	{
	margin-top	:30px;
	text-align	:center;
	}
p.Link_NextCenter a
	{
/* 	font-size	:16px;*/
	text-decoration	:none;
	color		:#999999;
	}
p.Link_NextCenter > a > i
	{
	margin-left	:10px;
/* 	font-size	:16px;*/
	color		:#999999;
	}
/* ================================================== */
/* リンク右寄せ：次を読む */
/* -------------------------------------------------- */
p.Link_NextRight
	{
	margin-top	:30px;
	text-align	:right;
	}
p.Link_NextRight > a
	{
/* 	font-size	:16px;*/
	text-decoration	:none;
	color		:#999999;
	}
p.Link_NextRight > a >  i
	{
	margin-left	:10px;
/* 	font-size	:16px;*/
	color		:#999999;
	}
/* ================================================== */
/* ニュース専用セクションのタイトル（h3） */
/* -------------------------------------------------- */
.PartsTitleSectionNews
	{
	text-align	:left;
	}
.PartsTitleSectionNews + p
	{
	text-align	:left;
	}



/* ################################################## */
/* Javascript専用 */
/* ================================================== */
/* 上部メニュー */
/* -------------------------------------------------- */
#id_Anime_MenuTop
	{
	position	:fixed;
	z-index		:9999;
	top		:0;
	left		:0;
	text-align	:center;
	width		:100%;
	height		:50px;
	/* background-color	:#d7eef6; */
	background-color	:white;
	border-bottom	:solid 1px #cccccc;

	}
/* ================================================== */
/* オープニングアニメ */
/* -------------------------------------------------- */
#id_Anime_MovieWall
	{
	text-align	:center;
	position	:absolute;
	width		:100%;
	height		:100%;
	background-color:white;
	}
#id_Anime_English
	{
	display		:inline-block;
/* 	margin-top	:100px; 帯付にチャレンジするため*/
	width		:100%;
	text-align	:center;
	font-size	:16px;
	}
#id_Anime_Japanese
	{
	display		:inline-block;
	margin-top	:20px;
	width		:100%;
	font-size	:28px;
	font-family	:'hg_t_r';
	font-weight	:normal;
	text-align	:center;
	}
#id_Anime_Japanese > span
	{
	display		:inline-block;
	font-size	:28px;
	font-family	:'hg_t_r';
	font-weight	:normal;
	text-align	:center;
	vertical-align	:bottom;
	animation-name			:ItechFontEmboss;	/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	animation-iteration-count	:1;			/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	animation-duration		:0.5s;			/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	animation-timing-function	:ease;			/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	animation-delay			:3s;			/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	animation-fill-mode		:forwards;		/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	}
#id_Anime_Japanese > span:first-of-type::before
	{
	font-size	:12px;
	display		:block;
	content		:"おきな じま";
	text-align	:left;
	}
.Anime_Bunsho
	{
	display		:inline-block;
	margin-top	:15px;
	width		:100%;
	text-align	:center;
	font-size	:16px;
	}
.Anime_BunshoTop
	{
	display		:inline-block;
	margin-top	:20px;
	width		:100%;
	text-align	:center;
	font-size	:16px;
	}
@keyframes ItechFontEmboss	/* chrome、firefox、OperaのみTextshadowが動作した（colorだとIE、chrome、Edge、firefox、Operaが動作した） */
	{
	to
		{
		text-shadow: -1px -1px 1px #888888, 1px 1px #cccccc;
		}
	}



/* ################################################## */
/* NEWSのテキストスタイル */
/* ================================================== */
#id_News_Area
	{
	margin		:20px 10px 0px 10px;
	padding		:0px 0px 10px 0px;
	text-align	:center;
	}
#id_News_Area > div > ul
	{
	width		:100%;
	}
#id_News_Area > div > ul > li
	{
	text-align	:center;

	}
#id_News_Area > div > ul > li > h3
	{
	text-align	:center;
	}
#id_News_Area > div > ul > li > h3 + p
	{
	text-align	:center;
	}
/* -------------------------------------------------- */
#ID_News_Data
	{
 	font-size	:14px;		/* DIV直下なのでサイズを指定する;*/
	line-height	:1.5em;
	color		:dimgray;
/* 	overflow	:hidden; */
	}
#ID_News_Data font,#ID_News_Data a
	{
/* 	font-size	:16px; */		/* DIV直下なのでサイズを指定する;*/
	line-height	:1.5em;
	}
#ID_News_Data b
	{
/* 	font-size	:16px; */		/* DIV直下なのでサイズを指定する;*/
	line-height	:1.5em;
	font-weight	:bold;
	}
/* -------------------------------------------------- */
#ID_News_Data img
	{
	max-width	:100%;
	}
/* -------------------------------------------------- */
p.News_DataTitle	/* クラスの前にpを入れないとarticleカラーが優先される */
	{
	padding-bottom	:10px;
	margin		:20px 0px 10px 0px;
	border-bottom	:dotted 1px black;
	color		:black;
	}
p.News_DataTitle > i	/* クラスの前にpを入れないとarticleカラーが優先される */
	{
	padding-right	:10px;
	color		:black;
	line-height	:1em;	/* IE隙間対策 */
	}



/* ################################################## */
/* スライドショーのスタイル */
/* ================================================== */
.SlidShowSlick img
	{
	height	:200px;
	width	:auto;
	}







/* ################################################## */
/* トピックスボックスのスタイル */
/* ================================================== */
/* TOPの料金 */
/* -------------------------------------------------- */
.Topix_Box2_2
	{
	position	:relative;	/* 親指定 */
	min-height	:80px;
	}
.Topix_Box2_2 > div
	{
	white-space	:nowrap;
	}
.Topix_Box2_2:nth-of-type(n + 2)
	{
	margin-top	:60px;
	}
.Topix_Box2_2 > ol > li
	{
	margin-top	:10px;
	}
.Topix_Box2_2 > div > h4
	{
	display		:inline-block;
	width		:100%;
	border-bottom	:solid 5px;
	padding-bottom	:10px;
	}
.Topix_Box2_2 > div > img
	{
width	:80px;
	display		:inline-block;
	position	:absolute;	/* img要素の親指定 */
	border-radius	:50%;
	border		:solid 5px;
	right		:20px;
	}
.Topix_Box2_2 > ol > li > p
	{
	display		:inline-block;
	}
.Topix_Box2_2 > ol > li > p:first-of-type
	{
	width		:240px;
	}
.Topix_Box2_2 > ol > li > p:last-of-type
	{
	width		:240px;
	}



/* ################################################## */
/* トピックスボックスのスタイル */
/* ================================================== */
/* TOPのfacilities（横480隙間20=40ずつで3列） */
/* -------------------------------------------------- */
.Topix_Box3
	{
	position	:relative;	/* img要素の親指定 */
	width		:100%;
	height		:80px;
	margin-top	:10px;
	overflow	:hidden;
	white-space	:nowrap;
	text-align	:left;
	border		:solid 1px;
	border-radius	:5px;
cursor:pointer;
	}
.Topix_Box3 > img
	{
	position	:absolute;	/* img要素の親指定 */
	height		:120px;
	border-radius	:5px;
	}
.Topix_Box3 > ol
	{
	position	:absolute;	/* img要素の親指定 */
	height		:100%;
	margin-left	:120px;
background	:white;
/*	border		:solid 1px;*/
/* 	background-color	:rgba(181,221,236,0.8);*/
	}
.Topix_Box3 > ol > li > h3
	{
	margin		:5px;
 	font-size	:16px;
	text-shadow	:0px 0px 0px white;
	white-space	:normal;
	text-align	:left;
	}
.Topix_Box3 > ol > li > p
	{
	margin		:5px;
	font-size	:14px;
	white-space	:normal;
	text-align	:left;
	}



/* ################################################## */
/* 背景動画 */
/* ================================================== */
#backwall > figure
	{
	z-index		:2;
	position	:absolute;
	top		:0px;
	left		:0px;
	width		:100%;
	height		:100%;
	}
#backwall > video
	{
	z-index		:1;
	position	:fixed;
	left		:-5%;	/* 動画左からの位置 */
	top		:-5%;	/* 動画上からの位置 */
	width		:auto;
	height		:auto;
	min-width	:110%;
	min-height	:110%;
	}