@charset “Shift_JIS”;

body
	{
	font-family: 'メイリオ',YuGothic,sans-serif';
	margin: 20;
	}
/* コンテナ */
#container {
    display: grid;
    min-height: 100vh; /* row   */
    grid-template-rows: 175px auto 30px auto 80px;
    grid-template-columns:  270px auto;
}

/* アイテム */
#itemA {		/* ヘッダー部＆メインメニュー部  */
    grid-row: 1 / 2;	/* row 1〜2を占めている */
    grid-column: 1 / 3;	/* column 1〜3 を占めている */
    border-radius: 10px 10px 0 0;
    bottom: 0;            /* 画像下揃え  */
    background-image: url(../images/mnbk.jpg);　*/
	}
#itemB {		/* 紹介画像表示部  */
    grid-row: 2 / 3;	/* row 2〜3を占めている */
    grid-column: 1 / 3;	/* column 1〜3 を占めている */
	}

#itemH {		/* 大見出し表示部  */
    grid-row: 3 / 4;	/* row 3〜4 を占めている */
    grid-column: 1 / 3;	/* column 1〜3 を占めている */
	}

#itemI {		/* 小見出し表示部  */
    grid-row: 4 / 5;	/* row 4〜5を占めている */
    grid-column: 1 / 2;	/* column 1〜2 を占めている */
	}

#itemJ {		/* 詳細表示部  */
    grid-row: 4 / 5;	/* row 4〜5を占めている */
    grid-column: 2 / 3;	/* column 2〜3 を占めている */
	}

#itemG {		/* フッター部  */
    grid-row: 5 / 6;	/* row 5〜6を占めている */
    grid-column: 1 / 3;	/* column 1〜3 を占めている */
    background: #00bfff;
    border-radius: 0 0 10px 10px;
	}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
	
}

hr
{
	border: none;
	height: 2px;
	background: linear-gradient(90deg,rgba(37,180,10,0.1)0%,rgba(37,180,210,1)50%,rgba(37,180,10,0.1)100%);
}


h1 {
	letter-spacing: 0.2em;
	position: relative;
	padding: 8px 15px;
	margin-left: 40px;
	background: #def3ff;
	border-radius: 20px;
}

h1:before {
  	font-family: "Font Awesome 5 Free";
  	content: "\f111";
  	position: absolute;
  	font-size: 15px;
  	left: -40px;
  	bottom: 0;
 	 color: #def3ff;
}

h1:after {
  	font-family: "Font Awesome 5 Free";
  	content: "\f111";
  	position: absolute;
  	font-size: 23px;
  	left: -23px;
  	bottom: 0;
  	color: #def3ff;
}