/* 全体 */
*{
  /*background-color: #000000;*/ /*全体背景色*/
  box-sizing: border-box;
  /* margin-top:0; 全体要素 余白排除 */
}

/* グローバルメニュー トップ用*/
ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li a{
  display: block;
  color: #FFFFFF;
  padding: 15px; /*縦幅*/
  text-align: center;
  text-decoration: none;
  border-radius: 3px; /*角取り*/
}
ul.menu li a:hover{ /* 親メニュー */
  text-decoration: none;
  color: #FFFFFF;
  background-color: #003F6C; /* 背景色青20号 */
  transition: .3s;
}
ul.menu{
  width: 100%;
  display: flex;
  white-space: nowrap; /* 領域ページ幅適用 */
}
ul.menu > li{
  width: 25%;
  position: relative; /*メニュー下本文固定 */
}
ul.menu > li > a{ /* メニュー地色 */
  background-color: #003F6C;
  border-right: 1px solid #FFFFFF;
}
ul.menu > li > ul{
  display: none;
  position: absolute; /*メニュー下本文固定 */
  width: 100%; /*メニュー下本文固定 */
  /* top: calc(1em * line-heightの値 + 8px + 8px); */
}
ul.menu li:hover a + ul{
  display: block;
  /*position: absolute;*/
}
ul.menu > li > ul > li > a{
  background-color: #00B2E5;
  border-top: 1px solid #FFFFFF;
}

/* グローバルメニュー 単品用*/
ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li a{
  display: block;
  color: #FFFFFF;
  padding: 15px; /*縦幅*/
  text-align: center;
  text-decoration: none;
  border-radius: 3px; /*角取り*/
}
ul.menu_tanpin li a:hover{ /* 親メニュー */
  text-decoration: none;
  color: #FFFFFF;
  background-color: #2A94D0; /* 単品ページ装飾色 */
  transition: .3s;
}
ul.menu_tanpin{
  width: 100%;
  display: flex;
  white-space: nowrap; /* 領域ページ幅適用 */
}
ul.menu_tanpin > li{
  width: 25%;
  position: relative; /*メニュー下本文固定 */
}
ul.menu_tanpin > li > a{ /* メニュー地色 */
  background-color: #2A94D0;
  border-right: 1px solid #FFFFFF;
}
ul.menu_tanpin > li > ul{
  display: none;
  position: absolute; /*メニュー下本文固定 */
  width: 100%; /*メニュー下本文固定 */
  /* top: calc(1em * line-heightの値 + 8px + 8px); */
}
ul.menu_tanpin li:hover a + ul{
  display: block;
  /*position: absolute;*/
}
ul.menu_tanpin > li > ul > li > a{
  background-color: #00B2E5;
  border-top: 1px solid #FFFFFF;
}

/* トップ用メニュー */
.main-nav {
  display: flex; /* 縦並び修正 */
  justify-content: center;
}
.main-sub {
  width: 100%;
}
.main-nav a {
  margin: 1px; /* 横幅 */
  padding: 15px; /* 縦幅 */
  border-radius: 3px; /*角取り*/
  background: #003F6C;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

/* 現在地メニュー */
.DownMenu_size {
  width:100%;
  height:50px;
}
.DownMenu {
  overflow: hidden;
  line-height: 45px;
}
.DownMenu_sub {
  float: left;
}

/* 説明文・本文領域 */
.page_top_text {
  width: 900px;
  height: auto;
  margin: 0 auto;
}
.all_page_standard_text {
  width: 900px;
  height: auto;
  margin: 0 auto;
}

/* 中央配置 */
.center{
  text-align: center;
}

/* 文字サイズ */
.font1{
  font-size: 120%;
}
.font1_1{
  font-size: 100%;
}
.font2{
  font-size: 90%;
}
.font3{
  font-size: 80%;
}

/* テーブル設定 */
th.height{
  height: 130px;
}

/* pの幅 */
p{
  /*line-height: 0.5;*/
  /*max-width: 800px;*/
  line-height: 35px; /* 行間 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* 全体背景色 */
body{
  background-color: #F7F0D4; /* 京王アイボリー */
}

/* top */
.topimg{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #000000;
}

/* ヘッダー */
header {
  width: 100%;
  position: sticky;
  top: 0;
  background-color: #F7F0D4;
}

/* フッター */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
  width: 100%;
  background-color: #89c7de;
  color: #FFFFFF;
  text-align: center;
  padding: 30px 0;
  position: absolute;/*←絶対位置*/
  bottom: 0; /*下に固定*/
}

#div img{
  width: 100%;
}

/* 装飾 */
div.line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #2A94D0 25%, #FFFFFF 25%, #FFFFFF 50%, #2A94D0 50%, #2A94D0 75%, #FFFFFF 75%, #FFFFFF 100%); /*青白*/
  background-size: 200.00px 200.00px;
}

div.china_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #fc936f 25%, #ffe780 25%, #ffe780 50%, #fc936f 50%, #fc936f 75%, #ffe780 75%, #ffe780 100%); /*薄橙黄*/
  background-size: 200.00px 200.00px;
}

div.set_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #ffac5e 25%, #e0dfeb 25%, #e0dfeb 50%, #ffac5e 50%, #ffac5e 75%, #e0dfeb 75%, #e0dfeb 100%); /*臙脂白*/
  background-size: 200.00px 200.00px;
}

div.str_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #3E895D 25%, #E1DCE7 25%, #E1DCE7 50%, #3E895D 50%, #3E895D 75%, #E1DCE7 75%, #E1DCE7 100%); /*緑白*/
  background-size: 200.00px 200.00px;
}

div.rireki_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #F11524 25%, #EDEDEC 25%, #EDEDEC 50%, #F11524 50%, #F11524 75%, #EDEDEC 75%, #EDEDEC 100%); /*赤白*/
  background-size: 200.00px 200.00px;
}

div.plaroad_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #41B0F1 25%, #EDEDEC 25%, #EDEDEC 50%, #41B0F1 50%, #41B0F1 75%, #EDEDEC 75%, #EDEDEC 100%); /*水白*/
  background-size: 200.00px 200.00px;
}

div.sticker_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #d1286c 25%, #EDEDEC 25%, #EDEDEC 50%, #d1286c 50%, #d1286c 75%, #EDEDEC 75%, #EDEDEC 100%); /*桃白*/
  background-size: 200.00px 200.00px;
}

div.Peace_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #AD9641 25%, #AD9641 25%, #AD9641 50%, #AD9641 50%, #AD9641 75%, #AD9641 75%, #AD9641 100%); /*ピース金*/
  background-size: 200.00px 200.00px;
}

/* リンク下の線 */
a{
  text-decoration: none;
}