/***********************************
      　　　基本ページ共用CSS
***********************************/
html{
	font-size: 62.5%;
}
body{
	font-family: sans-serif;
	font-size: 2rem;
	text-size-adjust: 100%;
	background-color: #F7F0D4; /* 京王アイボリー */
}
/* ヘッダー */
header {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #F7F0D4;
}

/* グローバルメニュー 単品用*/
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: #00a5d4; /* 単品ページ装飾色 */
  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: #3295CE;
  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: #3295CE;
  border-top: 1px solid #FFFFFF;
}

/*旧画像構成 いずれ廃止*/
.boxtype4 {
	display: inline-block;
	text-align: center;
}
.TP { /*テコロジー 調整用*/
	width: 400px;
	height: 700px;
}
/*テキスト系*/
.header_text{
	line-height: 35px; /* 行間 */ /*pタグ小文字問題の解決策*/
	padding-left: 10px;
	padding-right: 10px; /*pタグ小文字問題の解決策 ここまで*/
}
.all_page_standard_text {
	width: 900px;
	height: auto;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media screen and (max-width: 1023px) {
	.PC{
		display: none;
    }
    body{
    font-family: sans-serif;
    font-size: 2rem;
    }
    a{
    font-size: 2rem;
    text-decoration: none;
    }
    img.spimg{
    width: 100%;
    }
    .DownMenu_sub{
    font-size: 2rem;
    }
}
@media screen and (min-width: 1024px) {
  .smartphone{
    display: none;
  }
  body{
    font-family: sans-serif;
    font-size: 1.6rem;
  }
  a{
    font-size: 1.6rem;
    text-decoration: none;
  }
  .DownMenu_sub{
    font-size: 1.6rem;
  }
}

/*新画像構成 2022/02〜*/
.main_contents {
  width: 100%;
  max-width: 1700px;
  margin: auto;
  text-align: center;
}
.main_contents img {
  width: 100%;
}
.main_contents_middle {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
.main_contents_middle img {
  width: 100%;
}
.main_contents_1987 { /*プラロード単品用*/
  width: 100%;
  max-width: 1300px;
  margin: auto;
  text-align: center;
}
.main_contents_1987 img { /*プラロード単品用*/
  width: 100%;
}
.flexbox {
  display: flex;
}
.box {
  width: 100%;
  margin: auto;
}
.box_one_item { /* 1行1製品用 */
  width: 50%;
  margin: auto;
}
.box_one_car { /* 1両単品用 */
  width: 23%;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  a.popup {
    pointer-events: none; /*画像ポップアップ無効化*/
  }
  .flexbox {
    display: block;
  }
  .flexbox .box {
    width: 100%;
    margin: 0 auto;
  }
  .flexbox .box_one_item {
    width: 100%;
    margin: 0 auto;
  }
  .flexbox .box_one_car {
    width: 48%;
    margin: 0 auto;
  }
  .flexbox .box_ECDL {
    width: 100%;
    margin: 0 auto;
  }
  .flexbox .box_ECDL > .box_DL_one_car {
    width: 48%;
    margin: auto;
    }
  }

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

/* 画面下前後ページ表示 */
.container {
  display: flex;
  justify-content: space-between;
}
.container span {
  flex-grow: 1;
  text-align: center;
  padding: 10px; /* オプション: 内側の余白を追加 */
}
.bottom_menu {
	width: 600px;
	height: auto;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

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

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

/* up_newアイコン設定 */
.no-resize {
  width: auto !important;
  max-width: none !important;
}


/* 単品ページ装飾 */
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.NFS_Set_line{
  /*width: 100%;*/
  height: 25px;
  background-image: linear-gradient(90deg, #5988FD 25%, #e0dfeb 25%, #e0dfeb 50%, #5988FD 50%, #5988FD 75%, #e0dfeb 75%, #e0dfeb 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.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.RealClass_line{
  /*width: 100%;*/
  height: 25px;
  background: repeating-linear-gradient(90deg, #D69B28, #D69B28, #EDDD79, #D69B28); /* グラデーション */
}
/*情景部品見出し装飾*/
.str_h1_line{
  background:rgba(0, 0, 0, 0)
  linear-gradient(transparent 50%, #5ac787 0%)
  repeat scroll 0 0;
}