/* 日記を書く */
.diary_img_upload {
  display: flex;
  justify-content: space-between;
}
.diary_img_upload_form {
  width: 32%;
  display: flex;
  flex-direction: column;
}
.diary_img_upload_form .file {
  word-break: break-all;
}
.diary_img_upload_form .file_input {
  display: none;
}
.diary_img_upload_form .file_btn {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #aaa;
  padding: 16px 0;
  min-height: calc(29vw - 32px);
}
.active span {display: none;}

.diary_list_item dl {
  padding: 10px 10px;
  width: calc(100% - 20px) !important;
}

.diary_item_main .list_time {
  margin-left: 5px;
}
.diary_item_main .list_title {
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.diary_item_main .list_text {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.diary_item_sub {
  width: 90px;
  vertical-align: bottom;
}
.diary_sprite_icons {
  margin-top: 12px;
  color: #888;
}
.diary_sprite_item {
  display: inline-block;
  white-space: nowrap;
  min-width: 50px;
}
.diary_sprite_icons .sprite {
  display: inline-block;
  width: 20px;
  height: 15px;
}
.diary_sprite_icons .sprite.view {
  background-position: 0px -561px;
}
.diary_sprite_icons .sprite.good {
  background-position: 0px -529px;
}
.diary_sprite_icons .sprite.comment {
  background-position: 0px -546px;
}

/* ランキング */
#diaryRanking .tab_block {overflow: inherit;}
#diaryRanking .tab_block .tabs_paging {
  position: sticky;
  top: 67px;
}

/* 日記詳細 */
#diaryRead .btn_pattern_01 a {text-decoration: none;}
#diaryRead .diary_comment_list li {
  padding: 10px 0;
}
#diaryRead .diary_comment_list_name {display: flex;}
#diaryRead .diary_comment_list_name a {
  color: #0077ff;
  padding: 0;
  margin-right: 8px;
}
#diaryRead .diary_comment_list_name a span {
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#diaryRead .diary_comment_list .list_subtext {text-align: right;}

#diaryRead .diary_comment_list_btn {
  position: relative;
  width: 70px;
  text-align: right;
}
#diaryRead .diary_comment_list_btn .btn_pattern_03 {
  position: absolute;
  bottom: 0;
}
#diaryRead .diary_comment_list_btn a {
  color: #fff;
  text-decoration: none;
  padding: 6px 10px;
}
#diaryRead .diary_comment_list_btn li {padding: 0;}
#diaryRead .diary_content .diary_sprite_icons {text-align: right;}
#diaryRead .diary_content_images {
  display: flex;
  gap: 10px;
}
#diaryRead .diary_content_images div {width: 33%;}