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

/* グローバルメニュー 単品用*/
ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li a{
  display: block;
  padding: 15px; /*縦幅*/
  text-align: center;
  text-decoration: none;
  border-radius: 3px; /*角取り*/
  font-size: 20px;
}
ul.menu_tanpin li a:hover{ /* 親メニュー */
  text-decoration: none;
  transition: .3s;
}
ul.menu_tanpin{
  width: 100%;
  display: flex;
  white-space: nowrap; /* 領域ページ幅適用 */
}
ul.menu_tanpin > li > a{ /* メニュー地色 */
  background-color: #2A94D0;
  border-right: 1px solid #FFFFFF;
}
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;*/
  background: #E0FFFF; /*メニュー地色*/
  color: #0978d9; /*文字色*/
  display: block;
  text-decoration: none;
}
.main_nav a:hover{ /* マウスオーバー */
  background-color: #4FA5F0; /* マウスオーバー時の行の背景色 */
  color: #FFFFFF; /*文字色*/
}

/* 現在地メニュー */
.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%;
}

/* 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; /* 京王アイボリー */
}

/* ヘッダー */
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;
}

/* 画像横並び */
/* ▼キャプション付き画像全体を囲むボックスの装飾 */
figure{
    display: inline-block;   /* インラインブロック化 */
    margin: 0px 3px 7px 0px; /* 外側に余白を追加(※右に3px・下に7px) */
}
/* ▼画像に対する装飾 */
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
/* ▼キャプションに対する装飾 */
figcaption {
    text-align: center;
}