:root {
  --Ehon-Page-Canvas-Width: 400; /*400*/
  --Ehon-Page-Canvas-Height: 300; /*300*/
  --Ehon-Page-BarSizeW: 60;
  --Ehon-Page-BarSizeH: 5;
  --Ehon-Page-ScaleBase: 0.25;
  --Ehon-Page-ScaleMax: 8;
  --Ehon-Page-ScaleDef: 0;
  --Ehon-Page-DispVol: 2;
  --Ehon-WindowSize-Border: 10;
  --Ehon-PageSelecter-Width: 420px; /*520*/
  --Ehon-PageSelecter-Height: 50;
  --Ehon-Page_Scroll_BaseVol: 2;
  --Ehon-FitWindoSize_Flag: 1;
  --Ehon-Page_Cor: 20px;
  --Ehon-Page_MinSizeWidth: 100; /*最小値*/
  --Ehon-BackColor: rgb(245, 245, 245);
  --Ehon-Hiritu: 0.75;
}
@media screen and (min-width: 520px) { /*520*/ :root {
    --Ehon-Page-Canvas-Width: 480; /*480*/
    --Ehon-Page-Canvas-Height: 360; /*360*/
    --Ehon-Page-DispVol: 2;
  }
  @media screen and (min-width: 850px) {
    :root {
      --Ehon-Page-Canvas-Width: 400px;
      --Ehon-Page-Canvas-Height: 300px;
      --Ehon-Page-DispVol: 2;
    }
  }
}
@media screen and (min-width: 1250px) {
  :root {
    --Ehon-Page-Canvas-Width: 600px;
    --Ehon-Page-Canvas-Height: 400px;
    --Ehon-Page-DispVol: 2;
  }
}
@media screen and (min-width: 1650px) {
  :root {
    --Ehon-Page-Canvas-Width: 800px;
    --Ehon-Page-Canvas-Height: 600px;
    --Ehon-Page-DispVol: 2;
  }
}
:root {
  --Ehon-ALLSize-Width: calc(var(--Ehon-Page-Canvas-Width) * 2.0 + var(--Ehon-Page-BarSize));
  --Ehon-ALLSize-Height: calc(var(--Ehon-Page-Canvas-Height) + var(--Ehon-Selecter-Height) + var(--Ehon-Page-BarSize));
  --Ehon-CSSLoadFlag: 0;
}
body {
  /*background-color: rgba(193, 238, 255, 1.00);*/
  background-color: var(--Ehon-BackColor);
  overflow-x: hidden;
  overflow-y: hidden;
}
.Ehon_ALL {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
  text-align: center;
}
.Ehon_PageALL {
  display: inline-block;
  overflow: auto;
  z-index: 50;
}
.Ehon_BookALL {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Ehon_PageCorLeft {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--Ehon-Page_Cor);
  height: auto;
  font-size: 20px;
  color: white;
  overflow: hidden;
  z-index: 50;
  transform: scale(1.5, 10.0);
  margin: 2px;
}
.Ehon_PageALL_Transform {
  display: flex;
  transform-origin: left top;
}
.Ehon_PageALL_01 {
  display: inline-block;
  /*position: relative;*/
	line-height: 0;
	
}
.Ehon_Page_BoxShadow01 {
  box-shadow: 0 10px 25px 0 rgb(0, 0, 0, 0.3);
}
.Ehon_Page_BoxShadow02 {
  box-shadow: 0px 0px 15px 8px rgb(0, 0, 0, 0.7);
}
.Ehon_Page_Center01 {
  width: 0px;
  background-color: white;
  z-index: 150;
}
.Ehon_PageALL_01_2 {
  display: inline-block;
  /*
  position: relative;
	*/
}
.Ehon_Page_01_Image {
  display: inline-block;
  z-index: 1;
	/*transform-origin: left top;*/
}
.Ehon_Selecter_ALL {
  display: inline-block;
  width: var(--Ehon-PageSelecter-Width);
  height: var(--Ehon-PageSelecter-Height);
  z-index: 101;
}
.Ehon_Selecter_Btn {
  width: auto;
  margin: auto;
}
.Ehon_Selecter_Sound {
  display: flex;
  width: auto;
  margin: auto;
}
.Sel_PageNo01 {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin: 2px;
  text-align: center;
}
.BtnSet_01 {
  display: inline-block;
  width: 23px;
  height: 10px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  font-size: 70%;
  color: #fff;
  background: #ff8c00;
  border-bottom: 4px solid #ff7c00;
  border-radius: 4px;
  z-index: 101;
  margin-right: 2px;
}
.BtnSet_01:hover {
  cursor: pointer;
  text-decoration: none;
  background: #ff7c00;
  transform: translate3d(0, 4px, 0);
  border-bottom: none;
}
.BtnSet_02 {
  display: inline-block;
  width: 35px;
  height: 10px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  font-size: 70%;
  color: #fff;
  background: #ff8c00;
  border-bottom: 4px solid #ff7c00;
  border-radius: 4px;
  z-index: 101;
  margin-right: 2px;
}
.BtnSet_02:hover {
  cursor: pointer;
  text-decoration: none;
  background: #ff7c00;
  transform: translate3d(0, 4px, 0);
  border-bottom: none;
}