@charset "UTF-8";

body{
/*	display: block;*/
	width: 800px;
}
/*	 959px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 799px) {
body{
		width: 90%;
	}
}

/*@media screen and (max-width: 400px) {
	body{
		width: 200px;
	}
}
*/
.top{
		display:block;
		background-image:url(img/background.jpg) ;
		background-size:auto;
		background-repeat: no-repeat;
/*		background-color: blue;*/
		height: 100px;
		padding: 1px 15px 10px 15px;
		width: 95%;
/*		min-width: 150px;*/
		}
.top h1 {
	  color: rgb(253, 248, 198);/*文字色*/
	  border: solid 3px rgb(128, 255, 255);/*線色*/
	  padding: 0.1em 0 0 0.4em;/*文字周りの余白*/
	  border-radius: 0.5em;/*角丸*/
/*	  font-size: small;*/
	  text-align: center;
/*	  width: 80%;*/
	  height: 40px;
}
#title1{
		color:rgb(255, 255, 0);
		font-size:2rem;
	}
#title2{
/*		text-align: right;*/
/*		display: block;*/
/*		padding-right: 1rem ;*/
		color: rgb(128, 255, 255);
		font-size:1rem;
}
/*@media screen and (max-width: 400px) {*/
/*	 959px以下に適用されるCSS（タブレット用） */
/*		#title2{*/
/*			display: block;*/
/*			display: none ;*/
/*		}*/
/*	}*/

/* ナビゲーションメニュー */
.gnavi__lists{
	list-style: none;
}
#menu_title{
	color: aliceblue;
	font-size:1.0rem;
	font-weight: bold;
}
#menu_titleA{
	color:rgb(0, 255, 0);
}
.nav-menu {
  background-color: #333; /* メニューの背景色 */
  color: #fff; /* メニューテキストの色 */
}
.menu-list {
	display: block;
	padding-left: 0px;
  display: flex;
  justify-content: left;/*  メニューアイテムを中央揃えに */
  list-style: none;
  color: rgb(255, 255, 0);
  font-weight: bold;
}
.menu-item {
  border-left: 1px solid #fff; /* メニューアイテムの左ボーダー */
  position: relative;
  list-style: none;
}
.menu-item:last-child {
  border-right: 1px solid #fff; /* 最後のメニューアイテムの右ボーダー */
}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
  visibility: visible; /* 下層メニューを表示 */
}

.menu-item a {
  align-items: center;
  color: #fff; /* メニューアイテム内のリンクテキストの色 */
  display: flex;
  height: 50px;
  justify-content: center;
  text-decoration: none; /* リンクの下線を非表示 */
  width: 180px;
}
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 225px;
    position: absolute;
    z-index: 99;
    top: 120px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #004d80;
    height: 40px;
    transition: all .3s;
    position: relative;
    list-style: none;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}
/* ドロップダウンメニュー */

/* ドロップダウンメニュー */
/*.drop-menu {
  position: relative;
}
.drop-menu-list {
  background-color: #696969;  ドロップダウンメニューの背景色 
  left: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;  下層メニューを非表示 
  width: max-content;
  z-index: 1;
}
*/
/*section{
	max-width: 800px;
	min-width: 400px;
	border: purple;
	background-color:lavender ;
}
*/
.main{
	width: 790px;
	float: left;
	width: 98%;
	background-color: rgb(255, 255, 255);
	padding: 10px 10px 10px 5px;
}
/*	 959px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 799px) {
	.main{
		width: 100%;
	}
}


/*.main{
	float: left;
	width: 95%;
	background-color: rgb(255, 255, 255);
	padding: 10px 10px 10px 5px;
}
*/