﻿
/* 言語マーカー */


a
{
	text-decoration: none;
	margin: 4px;
}

a:hover
{
	background-color: #b8c0d0;
}




/* 表 */
.JNtable
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	border:thick;
	margin-left:8px;
	line-height:30px;
}


/* 施設情報 */
.JNinfo
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height:22px;

	margin:4px;
	padding:	4px;

	display: inline-block;

	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	text-align:center;
	width:98%;
}


/*  ～で検索 */
.JNseek
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	line-height:30px;
}

/* カテゴリジャンプリスト */
.JNjump
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	line-height:30px;
	width:180px;
}


/* 新着リスト */
.HSline
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	line-height:30px;
}

/* タイトル */
.HStitle
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin:4px;
	line-height:30px;
}

/* インデックスワード */
.HStext
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	line-height:30px;
}

/* FEED情報 */
.HSfeed
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:4px;
	line-height:30px;
}



/* サブコンテンツタイトル */
.JNtitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin:0px;
	padding:0px;
	margin-left:8px;
	border:thick;
	font-weight:500;
	line-height:48px;
}
	font-weight:	bolder;

.JNsent
{
	pointer-events: none;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 18px;
	line-height: 24px;
	word-spacing: 0.5em;
	margin:6px;
}

.JNStitle {
	margin:0px;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:6px;
}


/* レベル付きパンくずリスト */
.PANKZF
{
	margin:		4px;
	padding:	4px;

	display: inline-block;

	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	text-align:center;
}

.PANKZ
{
	background: 	linear-gradient( #C0E0FF, #3377B8 );
	padding-left:	12px;
	display:		inline-block;
	margin:			8px;
	margin-right:	16px;
}


.PANKZH
{
	background-color:#e0f2ff;
	margin: 8px;
	padding:4px;
}

.PANKZHlnk
{

	font-family:	"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:		16px;
	line-height:	20px;
	color:			#559;
	text-decoration: none;
	word-spacing:	0.1em;
    font-weight:	bold;
}

a.PANKZHlnk:	{text-decoration: none; color: #559;}
a.PANKZHlnk:	link{text-decoration: none; color: #559;}
a.PANKZHlnk:	active{text-decoration: none; color: #559;}
a.PANKZHlnk:	visited{text-decoration: none; color: #559;}
a.PANKZHlnk:	hover{text-decoration: none; color: #559;}


.PANKZL
{
	background-color:#7898A2;
	margin:			4px;
	padding:		4px;
	display:		inline-block;

}



.PANKZitem
{
	margin:			4px;
	padding:		2px;
	margin-right:	12px;
	float:			left;
	word-spacing:	0.1em;
}
a.PANKZitem:	{text-decoration: none;}

.PANKZlnk
{

	font-family:	"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:		14px;
	line-height:	20px;
	color:			#fff;
	text-decoration: none;
	word-spacing:	0.1em;
}

a.PANKZlnk:	{text-decoration: none; color: #FFFFFF;}
a.PANKZlnk:	link{text-decoration: none; color: #FFFFFF;}
a.PANKZlnk:	active{text-decoration: none; color: #FFFFFF;}
a.PANKZlnk:	visited{text-decoration: none; color: #FFFFFF;}
a.PANKZlnk:	hover{text-decoration: none; color: #FFFFFF;}



/* 特別施設情報（閉業等） */
.REmark {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	margin: 8px;
	margin-bottom:27px;
	padding: 8px;
	height: 60px;
	width: 80%;
	background-color: #9CF;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #9CF;
	border-right-color: #9CF;
	border-bottom-color: #9CF;
	border-left-color: #9CF;
}

/* コメントボックス */
.COtext
{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 16px;
	line-height: 22px;
	word-spacing: 0.3em;
	margin:3px;
	margin-left:24px;
	width:383px;
}

/* タグ・新着リスト */
.TGtitle
{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 16px;
	line-height: 22px;
	word-spacing: 0.3em;
	margin:3px;
	margin-left:24px;
}

/* ジャンプリスト */
.TGlist
{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 18px;
	word-spacing: 0.3em;
	width: 80px;
}


/* ジャンプリスト */
.TGlist
{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 18px;
	word-spacing: 0.3em;
	width: 80px;
}



/* メニューボタン フレーム */
/*
.TGmenu
{
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	width:92%;
}
*/


/* メニューボタン */
.TGmenuitem
{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	word-spacing: 0.3em;

	border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
//	width: 108px;
//	height: 20px;

	margin: 8px;
	padding: 4px;

	background: #efefef;
	border: 4px solid #09C;

	filter: drop-shadow(2px 2px 2px #e8e8ff);

	float: letf;
}

/* メニュー項目のAタグ対応 */
.TGref
{
}
a.TGref:link
{
	text-decoration: none;
}

#TGMENU
{
	display:	none;

	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	width:92%;
}



#TGBTNO
{
	display:	block;

}


#TGBTNC
{
	display:	none;
}






/* サムネイルリスト */
.SNitem
{
	float:left;
	margin-left:12px;
}



#Mbord
{
	position:	absolute;
	top:		0px;
	left:		0px;
	visibility:	hidden;
	z-index:	1000;
	left:		50%;
	background-color:	#fff;
	border-radius:	30px 0 10px 0;
	text-align:	center;
	margin:		20px;
	padding:	16px;
	border:		solid 4px #64b8ce;
}
#Mbord .mbord_title
{
    position:	absolute;
    display:	inline-block;
    top:		-32px;
    left:		-4px;
    padding:	0 9px;
    height:		32px;
    line-height:32px;
    font-size:	18px;
    background:	#64b8ce;
    color:		#ffffff;
    font-weight:bold;
    border-radius: 5px 5px 0 0;
}

#Mbord .mbord_btn
{
	margin-top:	20px;
    font-weight:bold;
    background:	#AAF0FF;
}


.CIMG
{
	text-align:	center;
	margin:		8px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: inline-block;
}




.galtitle
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	text-align: center;
	min-width:	320px;
	max-width:	94%;
	font-weight:	bolder;
	margin:		10px;
	padding:	4px;
	margin-bottom:	0px;
	padding-bottom:	0px;

}


.gallery
{
	margin:0px;
	padding: 0px;
	min-width:	320px;
	max-width:	100%;
	float:		left;

	display: flex;
	flex-direction:	column;
	justify-content:center;
	align-items:	center;

	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
}


.galframe
{
	margin:		0px;
	padding:	0px;
	display:	flex;
	margin-top:	0px;
	padding-top:0px;
	flex-wrap:	nowrap;
//	float:		left;

/*
	flex-direction:	column;

	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
*/

	width: 100%;
	min-width:320px;
//	overflow-x: scroll;
	overflow-x: hidden;
}



.galnavframe
{
	margin:		0px;
	padding:	4px;
	display:	flex;
	margin-top:	0px;
	padding-top:0px;

	width: 100%;

	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

}
.galnav
{
	margin:		4px;
	padding:	4px;
	float:		left;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight:	bolder;

}


.galelem
{
	border-radius: 10px 20px 30px 40px / 5px 10px 50px 100px;
	background: #fc2;
	padding: 12px;
	margin: 10px;
}

.galcore
{
	width: 280px;
	min-width: 280px;
 	height: auto;
}

@media screen and ( max-width:500px )
{
	.galcore
	{
	}
}




.Sealist
{
	width:140px;
	margin:auto;
	background: linear-gradient(to left, #ffffd7, #bbbb33);
	padding:	8px;
	border-radius: 10px 10px 10px 10px;


	display:	flex;
	width: 90%;

	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}



.Seatitle
{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	font-size: 16px;
	font-weight:	bolder;
	margin:12px;
	margin-top:20px;
	margin-bottom:4px;
	padding:0px;
//	color: #777722;
	background-color: #666611;
	color:	#FFF;
}

.Seaitem
{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	font-size: 16px;

	margin:10px;
	margin-bottom:16px;

	clear: both;
}


.Seaimage
{
	width: 120px;
 	height: auto;
	filter: drop-shadow(2px 2px 2px #969672);
}

.SNB
{
	text-decoration: none;
	color:#000;
}



