html{
	font-size: 62.5%;
}
body{
	font-family: sans-serif;
	font-size: 1.6rem;
	text-size-adjust: 100%;
	background-color: #F7F0D4; /* 京王アイボリー */
}
.boxtype4 {
	display: inline-block;
	text-align: center;
}
.TP { /*テコロジー 調整用*/
	width: 400px;
	height: 700px;
}
.TDL { /*TDL限定品調整用*/
	width: 903px;
	height: 155px;
}
.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;
}
/* ヘッダー */
header {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #F7F0D4;
}
@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;
    }
}

/***********************************
      　グローバルメニュー 情景部品用
***********************************/
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_structure li a:hover{ /* 親メニュー マウスオーバー */
  text-decoration: none;
  color: #FFFFFF;
  background-color: #377a53; /* セット品ページ装飾色・濃 */
  transition: .3s;
}
ul.menu_structure{
  width: 100%;
  display: flex;
  white-space: nowrap; /* 領域ページ幅適用 */
}
ul.menu_structure > li{
  width: 25%;
  position: relative; /*メニュー下本文固定 */
}
ul.menu_structure > li > a{ /* メニュー地色 */
  background-color: #3E895D; /* 情景部品ページ装飾色 */
  border-right: 1px solid #FFFFFF;
}
ul.menu_structure > li > ul{
  display: none;
  position: absolute; /*メニュー下本文固定 */
  width: 100%; /*メニュー下本文固定 */
  /* top: calc(1em * line-heightの値 + 8px + 8px); */
}
ul.menu_structure li:hover a + ul{
  display: block;
  /*position: absolute;*/
}
ul.menu_structure > li > ul > li > a{
  background-color: #3E895D;
  border-top: 1px solid #FFFFFF;
}

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

/* 中央配置 */
.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.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;
}
/*情景部品見出し装飾*/
.str_h1_line{
  background:rgba(0, 0, 0, 0)
  linear-gradient(transparent 50%, #5ac787 0%)
  repeat scroll 0 0;
}

/* 画面下前後ページ表示 */
.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;
}