@charset "UTF-8";

/* ===================================
	File Name   : etc.css
	Description : ETC Page Layout CSS
	Editor      : Bface Hayakawa
	Last Editor : Bface Shigyo
	
	Update Description :
	[2024/2/15] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements

	
====================================== */



/*===== ■1. Individual Redefinition =====*/

/*===== ■2. Information Detail Page =====*/

/*===== ■3. Section [Quick] Setting =====*/

#quick_report table {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #fff;
}

#quick_report table th,
#quick_report table td {
  padding: 15px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#quick_report table thead tr th {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
}

#quick_report table tr:first-child th::before,
#quick_report table thead th::before {
  display: none;
}

#quick_report table tbody tr td {
  padding: 10px;
  vertical-align: middle;
}

#quick_report table tbody tr td em {
  color: #d71518;
}

#quick_report table tbody tr td img {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
}

#quick_report table tbody tr th {
  background: #666;
  color: #fff;
  padding: 15px;
}

#quick_report table tbody tr:last-child th {
  background: #8a0e10;
}
#quick_report table tbody tr:last-child td {
  background: #ffd2d3;
}

#quick_scene .report_scene_info {
  text-align: center;
}

#quick_scene .report_scene_info p {
  margin-bottom: 30px;
}
#quick_scene .report_scene_info a {
  margin-bottom: 40px;
}

#quick_scene ul {
  margin-bottom: 30px;
}
#quick_scene ul:last-child {
  margin-bottom: 0;
}



@media (max-width: 768px) {
  #quick_report table {
    table-layout: fixed;
    margin-bottom: 4vw;
  }
  
  #quick_report table thead tr th,
  #quick_report table tbody tr:last-child th{
    font-size: 1.4rem;
    vertical-align: middle;
  }
  
  #quick_report .notice {
    text-align: left;
  }
  
  #quick_scene .report_scene_info p {
    margin-bottom: 4vw;
  }
  #quick_scene .report_scene_info a {
    margin-bottom: 5.34vw;
  }
  
  #quick_scene ul {
    margin-bottom: 2.67vw;
  }

  #quick_scene li { margin-bottom: 2.67vw;}
  
  
  #quick_movie section {
    width: 100%;
  }
  
  #quick_movie section:not(:last-child) {
    margin-bottom: 5.34vw;
  }
  
  
}