/* セーブ時の画面の設定
--------------------------*/
/* 閉じるボタン */
.save .menu_close, .load .menu_close{
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
}

/* 背景画像 */
.save .img_bg_base, .load .img_bg_base{
	position:absolute;
	/*z-index: -1;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/* セーブデータリスト全体の設定 */
.save .area_save_list, .load .area_save_list {
	position: absolute;
	top: 130px;
	left: 300px;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

/* スクロールバー */
.save .area_save_list::-webkit-scrollbar, .load .area_save_list::-webkit-scrollbar {
	width: var(--scroll-width);
}
.save .area_save_list::-webkit-scrollbar-thumb, .load .area_save_list::-webkit-scrollbar-thumb {
	border-radius: var(--scroll-thumb-radius);
	background: var(--scroll-thumb-color);
}
.save .area_save_list::-webkit-scrollbar-track, .load .area_save_list::-webkit-scrollbar-track {
	border-radius: var(--scroll-base-radius);
	background: var(--scroll-base-color);
}

/* ページャー */
.save .area_page_list, .load .area_page_list, .quick_page_list, .auto_page_list{
	position: absolute;
	top: 50px;
	left: 360px;
	display: flex;
	flex-direction: row;
	cursor: pointer;
}


/* セーブデータリスト全体の設定 */
.save .save_list, .load .save_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	table-layout: fixed;
	justify-content: start;
	width: 700px;
	height: 144px;
	margin: 0;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	border: none;
	border-collapse: separate;
	border-spacing: 0 10px;
	box-sizing: border-box;
	align-content: start;
}

/* セーブデータの設定 */
.save .save_list_item, .load .save_list_item, .auto_list_item, .quick_list_item {
	position: relative;
	width: 684px;
	height: 144px;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	cursor: pointer;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
}
.save .save_list_item:hover, .load .save_list_item:hover{
	background-color: transparent; /*rgba(255, 255, 255, 0.2)*/;
}

.save .save_list_item_bg, .load .save_list_item_bg, .auto_list_item_bg, .quick_list_item_bg, .save_list_layermode, .auto_list_layermode, .quick_list_layermode{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

*/

/* セーブデータ番号 */
.save .save_list_item_num, .load .save_list_item_num, .auto_list_item_num, .quick_list_item_num{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	color: #e5e5e5;
	flex-shrink: 1;
	flex-grow: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

/* セーブデータのサムネイル部分の設定 */
.save .save_list_item_thumb,
.load .save_list_item_thumb,
.auto_list_item_thumb,
.quick_list_item_thumb {
  position: relative;
  top: 0;
  left: 60px;
  display: flex;
  align-items: flex-start; /* 上部を基準にするために修正 */
  justify-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 260px; /* 修正: 横幅を指定 */
  height: 150px; /* 修正: 高さを指定 */
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: left top;
  box-sizing: border-box;
  overflow: hidden; /* 修正: 画像をトリミングするために親要素でオーバーフローを隠す必要があります */
}

/* サムネイル画像の設定 */
.save .save_list_item_thumb img,
.load .save_list_item_thumb img,
.auto_list_item_thumb img,
.quick_list_item_thumb img {
  width: 180%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: top center; /* 上部を基準にするために修正 */
  max-height: 197px; /* 修正: 縦の最大値を指定 */
  position: relative; /* 修正: 位置指定のために position を追加 */
  left: -50px; /* 修正: 左に100pxずらす */
}

/* セーブデータのテキスト部文の設定 */
.save .save_list_item_area, .load .save_list_item_area, .auto_list_item_area, .quick_list_item_area {
	height: auto;
	padding: 15px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	background-repeat: y-repeat;
	background-position: right top;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
}

/* セーブデータの日付の設定 */
.save .save_list_item_date, .load .save_list_item_date, .auto_list_item_date, .quick_list_item_date {
	position: absolute;
	top: 10px;
	left: 210px;
	width: 300px;
	height: 30px;
	display: block;
/*	flex-basis: 370px;*/
	flex-shrink: 1;
	margin: 0;
	padding: 0px;
	line-height: 1;
	color: #e5e5e5;
	font-weight: bold;
	box-sizing: border-box;
}

/* セーブデータのテキストの設定 */
.save .save_list_item_text, .load .save_list_item_text, .auto_list_item_text, .quick_list_item_text {
	position: absolute;
	top: 60px;
	left: 210px;
	width: 300px;
	height: 30px;
	display: block;
	flex-basis: 100%;
	height: 50px; /*70px;*/
	margin: 0;
	padding: 0px;
	line-height: 1.3;
	color: #e5e5e5;
	overflow: hidden;
	box-sizing: border-box;
}


/* 追加表示変数 */
.save .save_list_item_data, .load .save_list_item_data, .auto_list_item_data, .quick_list_item_data{
	position: absolute;
	top: 30px;
	left: 210px;
	width: 300px;
	height: 30px;
	color: #e5e5e5;
}

/* セーブデータ保護ボタン */
.save .save_list_item_lock, .load .save_list_item_lock, .auto_list_item_lock, .quick_list_item_lock{
	position: absolute;
	top: 5px;
	left: 590px;
	display: block;
	/*flex-basis: 36px;*/
	width: 36px;
}

/* セーブデータ削除ボタン */
.save .save_list_item_delete, .load .save_list_item_delete, .auto_list_item_delete, .quick_list_item_delete{
	position: absolute;
	top: 5px;
	left: 640px;
	display: block;
	/*flex-basis: 36px;*/
	width: 36px;
}


/* 最新表示 */
.save .save_list_item_new, .load .save_list_item_new{
	position: absolute;
	left: 3px;
    top: 0px;
	z-index: 99999;
	position: absolute;
}

/* コメント入力欄 */
.save .save_list_item_comment, .load .save_list_item_comment {
	position: absolute;
	top: 70px;
	left: 210px;
	width: 380px;
	height: 30px;
	pointer-events: all;
	cursor: default;
	background: rgba(255, 255, 255, 0.2);
	z-index: 99999;
	appearance: none;
    -webkit-appearance: none;
    border: none;
	padding: 0 10px;
    font-size: 1em;
    color: #e5e5e5;
}

/* コメント更新ボタン */
.save .save_list_item_submit, .load .save_list_item_submit {
	position: absolute;
	top: 70px;
	left: 595px;
	width: 50px;
	height: 30px;
}


/* マスク用 */
.save .menu_mask, .load .menu_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 99999999;
	display: none;
}	

.save .save_list_item_text *, .load .save_list_item_text *, .auto_list_item_text * .quick_list_item_text *{
	display: inline;
}

.layer_menu > div.save{
	/*position: absolute;*/
	z-index: 999999;
}
