@charset "utf-8";
:root {
  --item-width-size1: 300px;
  --item-height-size1: 300px;
  --button-bcolor1: #3333AA;
  --button-color1: #EEEEEE;
}
.Gallery-SystemButtonArea01 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0px 5px;
  padding-top: 10px;
}
.Gallery-SystemButtonArea01 .PNowBtn{
	background-color: #FF701E;
}
.Gallery-SystemButtonArea01 p {
  font-size: 1.5rem;
}
.Gallery-SystemButtonArea01 input {
  background-color: var(--button-bcolor1);
  color: var(--button-color1);
}
.photo-box01 {
  min-width: var(--item-width-size1);
  min-height: var(--item-height-size1);
  border: 1px solid #000;
}
.photo-box01 img {
  width: var(--item-width-size1);
  height: var(--item-height-size1);
  object-fit: scale-down;
}
.photo-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px 5px;
}
.photo-databox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px 0px;
  width: var(--item-width-size1);
  /*height: var(--item-height-size1);*/
}
.photo-databox .label {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content:space-between;
  padding: 0.5rem 1rem;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  font-size: 1.2rem;
  background-color: bisque;
}
.photo-databox .label button{
  background-color: var(--button-bcolor1);
  color: var(--button-color1);
}
.photo-databox .label input{
  background-color: var(--button-bcolor1);
  color: var(--button-color1);
	padding: 2px;
	margin: 1px;
}
.photo-databox .data1 {
  padding: 0.1rem 0.5rem;
  font-size: 1.2rem;
}
.photo-databox .data2 {
  padding: 0.1rem 0.5rem;
  font-size: 1.0rem;
}