/* 全体 */
*{
  /*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: #000000;
  padding: 15px; /*縦幅*/
  text-align: center;
  text-decoration: none;
  border-radius: 3px; /*角取り*/
}
ul.menu_set li a:hover{ /* 親メニュー マウスオーバー */
  text-decoration: none;
  color: #FFFFFF;
  background-color: #e09753; /* セット品ページ装飾色・濃 */
  transition: .3s;
}
ul.menu_set{
  width: 100%;
  display: flex;
  white-space: nowrap; /* 領域ページ幅適用 */
}
ul.menu_set > li{
  width: 25%;
  position: relative; /*メニュー下本文固定 */
}
ul.menu_set > li > a{ /* メニュー地色 */
  background-color: #ffac5e; /* セット品ページ装飾色 */
  border-right: 1px solid #FFFFFF;
}
ul.menu_set > li > ul{
  display: none;
  position: absolute; /*メニュー下本文固定 */
  width: 100%; /*メニュー下本文固定 */
}
ul.menu_set li:hover a + ul{
  display: block;
  /*position: absolute;*/
}
ul.menu_set > li > ul > li > a{
  background-color: #ffac5e;
  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;
}

/* 画像横並び */
/* ▼キャプション付き画像全体を囲むボックスの装飾 */
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;
}