:root {
  --photo-size-width: 240; /* フォトアイテムのサイズ */
  --photo-size-height: 180;
  --page-Height: 180px;
  --pageL-Width: 240px;
  --page-Center-Width: 20px;
  --page_photoBox_BackColor: blue;
  --page-Width: calc(var(--pageL-Width) + var(--pageR-Width));
  --pageR-Width: 100px;
  --pageC-Width: 20px;
  --pageL-Text-Fontsize1: 10px;
  --pageL-Text-FontsizeBase: 30;
  --photoArea_BackColor: "";
  --book-SPageVol: 3; /* 特殊ページの総数 */
}
.ImageItem_BtnSet1 {}
.ImageItem_BtnSet2 {}
.ImageItem_BtnSet1_1 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 101;
}
.ImageItem_BtnSet1_2 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 30px;
  z-index: 101;
}
.ImageItem_BtnSet1_3 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 60px;
  z-index: 101;
}
.ImageItem_BtnSet2_1 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 101;
}
.Image1_Button1 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 101;
}
.Image1_Button2 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 30px;
  z-index: 101;
}
.Image1_Button3 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 60px;
  z-index: 101;
}
/*　画像回転用 */
.PImage0 {
  position: absolute;
  table-layout: fixed;
  background-color: white;
  transform: rotateZ(0deg);
  transform-origin: center;
  z-index: 11;
}
.PImage90 {
  position: absolute;
  table-layout: fixed;
  background-color: white;
  transform-origin: center;
  transform: rotateZ(90deg);
  lett: 0px;
  top: 0px;
  z-index: 11;
}
.PImage180 {
  position: absolute;
  table-layout: fixed;
  background-color: white;
  transform: rotateZ(180deg);
  transform-origin: center;
  z-index: 11;
}
.PImage270 {
  position: absolute;
  table-layout: fixed;
  background-color: white;
  transform: rotateZ(270deg);
  transform-origin: center;
  z-index: 11;
}
.AImage1_Div1 {
  position: relative;
  transform-origin: top left;
  top: 0px;
  left: 0px;
}

.PhotoArea1 {
  display: inline-block;
  width: calc(var(--page-Width) + 20px);
	height:800px;
	/*
  height: calc(var(--body-height-max) - var(--area01-titlelabel-height));
	*/
  overflow: scroll;
}


/*-----*/
.Page1 {
  display: inline-block;
  background: #ffff00;
  margin-top: 10px;
}
.Page1L {
  display: inline-block;
  background: white;
  position: relative;
}
.Page1R {
  display: inline-block;
  background-color: skyblue;
  width: var(--pageR-Width);
  float: right;
}
.Page1C {
  display: inline-block;
  background: white;
  width: var(--pageC-Width);
  height: var(--page-Height);
  position: relative;
}
.Page1_Image1W {
  background-color: white;
}
.Page1_Textarea1 {
  width: 100%;
  height: 80%;
  font-size: 100%;
  box-sizing: border-box;
  word-break: normal;
  resize: none;
}
.Page1_Text1 {
  width: 100%;
  height: 20%;
  font-size: 100%;
}
.Page1_Input1 {
  display: inline-block;
  position: absolute;
  word-break: break-all;
  z-index: 50;
  overflow: hidden;
  pointer-events: none;
}
.Page1_Input1AreaColor {
  border: 2px solid;
  border-radius: 5px;
  border-color: orange;
  box-sizing: border-box;
}
.Page1_Input1Font {
  display: flex;
  font-size: 10px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
}
.Page1_Input1_Tate {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.Page1_Image1 {
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.Page1_Image1B {
  background-color: blue;
}
.Image1_Div1 {
  display: inline-block;
  background-color: white;
  height: var(--page-Height);
  width: var(--pageL-Width);
  position: relative;
  overflow: hidden;
}
.Image1_Button1 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 101;
}
.Image1_Button2 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 30px;
  z-index: 101;
}
.Image1_Button3 {
  width: 50px;
  height: 30px;
  font-size: 85%;
  position: absolute;
  right: 0px;
  bottom: 60px;
  z-index: 101;
}
.PImage_TestF {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  pointer-events: none;
  z-index: 20;
}
.PImage_TestB {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  pointer-events: none;
  z-index: 1;
}
.Page1_Image1_1 {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.Page1_Text:focus {
  border: 3px solid #ff9900;
  z-index: 10;
}
.Page1_Button1 {
  width: 100%;
  height: 30px;
  font-size: 100%;
}