@charset "utf-8";
/* CSS Document */
body	{ margin:0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px;}

/* 基本 */
.pageLogo img	{ width:180px; vertical-align:bottom; }

/* グリッド */
.wrap			{ display:grid; grid-template-columns:260px 1fr; grid-template-rows:160px 1fr 120px 50px; width:100%; }

/* ロゴ */
.pageLogo		{ grid-column:1; grid-row:1; padding:20px 0px; background-color:#222; text-align:center; }
.dateTime		{ grid-column:1; grid-row:1; padding:10px 0px; color:#fff; justify-items:center; padding:0px 10px 2px 0px; }
/* ナビゲーション */
.navigation		{ grid-column:1; grid-row:2/4; z-index:100; background-color:rgba(0,0,0,0.8); display:block; }
.navigation ul	{ margin:0px; padding:0px; list-style:none; line-height:0.8em; }
.navigation a	{ display:block; margin:30px; border-bottom:solid 1px #aaa; color:#fff; font-size:1.25em; text-decoration:none; }
/* メインコンテンツ */
.main			{ grid-column:2; grid-row:1/4; 
					display:grid; grid-template-colunms:1fr; grid-template-rows:150px auto; width:1260px; margin:auto; padding:15px; }
	/* ヘッダー */
	.header			{ grid-column:1; grid-row:1; background-color: #ffd;
	/* ヘッダー・グリッド */
					display:grid; grid-template-columns: 1fr;	grid-template-rows: repeat(3,1fr); padding:0 3px; font-family:'noto Sans Japanese',sans-serif; font-size:1em; }
		/* タイトル */
			.post_title	{ grid-column:1; grid-row:1/3;　justify-self:center; align-self:center; z-index:10; font-size:2.8125em; font-weight:900; line-height:1.2; padding:0px 0px 15px 30px; text-align:center; }
		/* サブタイトル */
			.post_sub1	{ grid-column:1; grid-row:2; color:#ddd; font-family:'Montserrat',sans-serif; font-size:3.375em; font-weight:900; letter-spacing:0.14em; line-height:1; margin-top:10px; text-align:center; }
			.post_sub2	{ grid-column:1; grid-row:2; color:#ddd; font-family:'Montserrat',sans-serif; font-size:3.375em; font-weight:900; letter-spacing:0.14em; line-height:1; margin-top:60px; padding-left:70px; text-align:center; }
			
			
						
			.logout		{ grid-column:-1; grid-row:2;  justify-content:end; align-self:center; }
			.logout a	{ background-color:#F90; color:#fff; text-decoration:none; margin:0px; padding:0px 30px 0px 30px; } 
			
			.login		{ grid-column:-1; grid-row:2;  justify-content:end; align-self:center; }
			.login a	{ background-color:green; color:#fff; text-decoration:none; margin:0px; padding:0px 30px 0px 30px; } 
			.loginInfo	{ grid-column:-1; grid-row:1;  justify-content:end; align-self:start; }
	/* コンテンツ */
	.contents	{ grid-column:1; grid-row:2; display:grid;
					grid-template-rows:30px 30px auto; grid-column-gap:15px; grid-row-gap:5px; font-size:1em;  background-color:#ffd;; padding:3px 0px 3px 15px; } 
/*	.bread			{ grid-column:1/-1; grid-row:2; padding-right:50px; justify-self:end; align-self:center; font-size:0.8em; display:flex; list-style:none; line-height:2; padding:25px 0px 5px 0px; }
	.bread li:not(:last-child)::after	{ margin:0px:5px; content:'>>'; color:#f00; }
*/	
		.bread *, .bread *:after, .bread *:before {	-webkit-box-sizing: border-box; box-sizing: border-box; }
		.bread 			{ grid-row:1; padding:3px; justify-self:end; align-self:start; overflow: hidden;padding: 0; list-style: none; background-color:#ffd;}
		.bread li 		{ display: inline-block; margin:3px 18px 3px 3px;}
		.bread a 		{ position: relative; z-index: 1; padding: 0.7em 1em 0.7em 2em;	text-decoration: none;	color: #ffffff;	border-radius: 0.4em 0 0 0.4em;	background: #FF5722; display: inline-block;	height: 40px; line-height: 1em;
		-webkit-transition:all 0.3s;transition: all 0.3s;}
		.bread a:hover	{ background: #FFAB91;}
		.bread a::after	{ background: #FF5722;content: "";height: 2em;position: absolute;right: -1em;top: calc(50% - 1em);width: 2em;	z-index: -1;transform: rotate(45deg);border-radius: .4em;-webkit-transition:all 0.3s;transition: all 0.3s;}
		.bread a:hover::after {	background: #FFAB91;}
		.bread li:last-child a {cursor: default;pointer-events: none;color: black;background: transparent;font-weight: bold;}
		.bread li:last-child a:hover {background: none;}
		.bread li:last-child a::before,.bread li:last-child a::after {content: normal;}
	
	.memberAtricleTitle	{ grid-row:1; padding:5px; font-size:1.4em; background-color:#ffd;}
	
	.article			{ grid-row:2; display:grid; grid-template-columns: 1fr;  grid-template-rows:repeat(12,auto); grid-row-gap:5px; background-color:#ffd; }
		.article2202	{ grid-column:1; grid-row:1;display:grid;
					grid-template-columns: 400px 400px 400px ;  grid-template-rows:50px 50px repeat(6,auto); grid-row-gap:10px; }
		.articleTtitle	{ grid-column:1/3; grid-row:1; }
		.subTitle		{ grid-column:1/-1; grid-row:2; font-size:1.2em; }
		.imageLibrary	{ grid-column:2/4; grid-row:3; padding:5px; }
		.textLibrary	{ grid-column:1;   grid-row:3/4; padding:5px; }
		.photo1			{ width:100%; height:auto; }
		.photo2			{ width:100%; height:auto; }
		.photo3			{ width:100%; height:auto; }
		.photoTD01		{ padding:0 0 0 0;}
		.photoTD02		{ padding:15px 0 0 15px;}		
		.photoTD03		{ padding:30px 0 0 15px;}
		.mapImage		{ width:100%; height:auto}  
	/* ボタン */
	.btn			{ display:none; }
	.buttonClose	{ display:none; }  

/* .buttonOpen,
.buttonClose	{ grid-column:1; grid-row:1; justify-self:start; align-self:center; padding:20px; border:none; background-color:transparent; color:#fff; font-size:1.75em; cursor:pointer; }
.buttonClose	{ display:none; }
.open .buttonOpen{ display:none; }
.open .buttonClose{ display:block; } */
/* フッター */
.footer			{ grid-column:1; grid-row:4; padding:10px 0px; background-color:#222; color:#fff; text-align:center; font-size:1em; }
.footer a		{ color:#fff; text-decoration:none; cursor:pointer; }
.pageTop		{ grid-column:1; grid-row:4; justify-self:end; align-self:end; width:45px; height:auto; }
.pageTop		{ grid-column:2; grid-row:4; justify-self:end; align-self:end; width:45px; height:auto; padding-right:85px; }
/* #### 画面の横幅1260ピクル以上 #### 
@media ( min-width:1260px){
	.wrap			{ grid-template-columns:260px 1fr; }
	/* ロゴ 
	.pageLogo		{ grid-column:1; grid-row:1; padding:20px 0px; }
	.dateTime		{ grid-column:1; grid-row:1; justify-items:center; }	*/
	/* メインコンテンツ 
	.main			{ grid-column:2; grid-row:1/4; }
	.contents		{ grid-column:1; grid-row:2/4;}
	.navigation		{ grid-column:1; grid-row:2/4; display:block; background-color:#222;justify-items:stretch align-items:stretch; } 	*/
	
	/* ボタン
	.btn			{ display:none; }
	.buttonClose	{ display:none; } */
	/* フッター 
	.footer			{ grid-column:1; grid-row:4; } 
	.pageTop		{ grid-column:2; grid-row:4; justify-self:end; align-self:end; width:25px; height:auto; }
	}*/*/
	
@media ( min-width:1260px){
	.main	{ width:1260px; margin:auto; padding:25px; }	

}
/* #### 画面の横幅768ピクル以下 #### */
@media ( max-width:768px){
	.wrap			{ grid-template-columns:1fr; }
	/* ロゴ */
	.pageLogo		{ grid-column:1; grid-row:1; padding:10px 0px; background-color:#222; text-align:center; }
	.dateTime		{ grid-column:1; grid-row:1; padding:10px 0px; color:#fff; text-align:end; padding:0px 10px 2px 0px; }	
	/* メインコンテンツ */
.main			{ grid-column:1; grid-row:2;
					display:grid; grid-template-colunms:1fr; grid-template-rows:150px auto; width:100% ; margin:auto; padding:5px; }
	/* ヘッダー */
	.header			{ grid-column:1; grid-row:1; background-color:#ffd;
	/* ヘッダー・グリッド */
					display:grid; grid-template-columns: 1fr;	grid-template-rows: repeat(3,1fr); padding:0 3px; font-family:'noto Sans Japanese',sans-serif; font-size:1em; }
		/* タイトル */
			.post_title	{ grid-column:1; grid-row:1/3;　justify-self:center; align-self:center; z-index:10; font-size:2.8125em; font-weight:900; line-height:1.2; padding:0px 0px 15px 30px; text-align:center; }
		/* サブタイトル */
			.post_sub1	{ grid-column:1; grid-row:2; color:#ddd; font-family:'Montserrat',sans-serif; font-size:3.375em; font-weight:900; letter-spacing:0.14em; line-height:1; margin-top:10px; text-align:center; }
			.post_sub2	{ grid-column:1; grid-row:2; color:#ddd; font-family:'Montserrat',sans-serif; font-size:3.375em; font-weight:900; letter-spacing:0.14em; line-height:1; margin-top:60px; padding-left:70px; text-align:center; }
	/* コンテンツ */
/*	.contents	{grid-column:1; grid-row:2; display:grid; grid-template-columns: 160px 250px 250px auto; grid-column-gap:5px; grid-template-rows:repeat(16,42px); grid-row-gap:1px; font-size:1em;  background-color:#fff; padding:30px; } */
	.contents	{grid-column:1; grid-row:2; padding:15px; display:grid; grid-template-columns: auto; grid-template-rows:auto auto);grid-row-gap:5px; }
	.managerHeadline{ grid-column:1; grid-row:1; padding:5px; font-size:1em;}
	.managerArticle		{ grid-column:1; grid-row:2; display:grid; grid-template-columns: 1fr; grid-template-rows:15px repeat(13,auto); grid-row-gap:5px;  }
	.managerAtricleTitle{ grid-column:1; grid-row:1;}
	.article2203		{ grid-column:1; grid-row:2;}
	.article2202		{ grid-column:1; grid-row:3;}		
	.article2201		{ grid-column:1; grid-row:4;}
	.article2112		{ grid-column:1; grid-row:5;}
	.article2111		{ grid-column:1; grid-row:6;}
	.article2110		{ grid-column:1; grid-row:7;}		
	.article2109		{ grid-column:1; grid-row:8;}
	.article2108		{ grid-column:1; grid-row:9;}	
	.article2107		{ grid-column:1; grid-row:10;}
	.article2106		{ grid-column:1; grid-row:11;}		
	.article2105		{ grid-column:1; grid-row:12;}
	.article2104		{ grid-column:1; grid-row:13;}	
	
	/* ナビゲーション */
.navigation		{ grid-column:1; grid-row:2; z-index:100; background-color:rgba(0,0,0,0.8); display:none; }
.open .navigation{ display:block; }
.navigation ul	{ margin:0px; padding:0px; list-style:none; line-height:0.8em; }
.navigation a	{ display:block; margin:30px; border-bottom:solid 1px #aaa; color:#fff; font-size:1.25em; text-decoration:none; }
/* ボタン */
.buttonOpen,
.buttonClose	{ grid-column:1; grid-row:1; justify-self:start; align-self:center;; }
.buttonClose	{ display:none; }
.open .buttonOpen{ display:none; }
.open .buttonClose{ display:block; }
/* フッター */
.footer			{ grid-column:1; grid-row:3; padding:10px 0px; background-color:#222; color:#fff; text-align:center; font-size:1em; }
.footer a		{ color:#fff; text-decoration:none; cursor:pointer; }
.pageTop		{ grid-column:1; grid-row:4; justify-self:end; align-self:end; width:45px; height:auto; }
.pageTop		{ grid-column:1; grid-row:4; justify-self:end; align-self:end; width:45px; height:auto; padding-right:85px; }
	
	}