@charset "UTF-8";



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

	File Name   : report.css

	Description : Report Page's Layout CSS

	Editor      : Bface Takahira

	Last Editor : Bface Takahira



	Update Description :

	[2018/02/28] 開催速報を追加

	[2016/05/15] 新規作成



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



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



	1. Page "Report"

		- Media Queries [report]



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











/*===== ■1. Page "Report"  =====*/

/* Section [report_intro] */

#report_intro { padding: 40px 15px 80px;}



#report_intro p {

	font-size: 1.8rem;

	text-align: center;

}



#report_intro + #page_anchor { margin: 80px auto;}



#page_anchor .page-desc strong {

  display: block;

  margin: 0 0 20px;

  font-weight: bold;

  font-size: 1.6rem;

  line-height: 1;

}



/* Section [report_scale] */

#report_scale div {

	max-width: 970px;

	margin: 0 auto;

}



#report_scale table {

	width: 100%;

	margin-bottom: 15px;

}



#report_scale thead th {

	padding: 10px 20px;

	border-left: 1px dotted #8B968D;

	background: #FECBAD;

	font-weight: bold;

	font-size: 1.8rem;

}



#report_scale tbody td {

	padding: 20px;

	border-left: 1px dotted #8B968D;

	border-bottom: 1px dotted #8B968D;

	background: #FFFFFF;

	font-size: 1.6rem;

	text-align: center;

}



#report_scale tr:last-child td { border-bottom: none;}



#report_scale tbody td em { font-weight: bold;}



#report_scale tbody td:first-child { font-size: 1.8rem;}



#report_scale thead th:first-child,

#report_scale tbody td:first-child { border-left: none;}



#report_scale thead th {

  background: #FECBAD;

}

#report_scale .report_scale_total td {

  background: #FECBAD;

}



#report_scale p {

  margin: 0 auto;

  text-align: right;

}





/* Section [report_number] */

#report_number table {

	width: 100%;

	max-width: 750px;

	margin: 0 auto 15px;

}



#report_number thead th {

	padding: 10px 20px;

	border-left: 1px dotted #8B968D;

	background: #E9EBEA;

	font-weight: bold;

	font-size: 1.8rem;

}



#report_number tbody td {

	padding: 20px;

	border-left: 1px dotted #8B968D;

	border-bottom: 1px dotted #8B968D;

	background: #FFFFFF;

	font-size: 1.6rem;

	text-align: center;

}



#report_number tr:nth-last-of-type(2) td { border-bottom: none;}



#report_number tbody em { font-weight: bold;}



#report_number th:first-child,

#report_number td:first-child { border-left: none;}



#report_number tbody th {

	padding: 20px;

	border-left: 1px dotted #8B968D;

	background: #FECBAD;

	font-size: 1.8rem;

}



#report_number p {

	max-width: 750px;

	margin: 0 auto;

	text-align: right;

}







/* Section [report_country] */

#report_country div { margin: 0 15px;}



#report_country table {

	width: 100%;

	max-width: 1440px;

	margin: 0 auto 15px;

}



#report_country table caption {

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 2.0rem;

}



#report_country th {

	width: 15%;

	background: #FECBAD;

	border-bottom: 1px dotted #8B968D;

}



#report_country th span {

	display: block;

	padding: 20px;

	font-weight: bold;

	font-size: 1.8rem;

}



#report_country td {

	background: #FFFFFF;

	border-bottom: 1px dotted #8B968D;

}



#report_country tr:last-child th,

#report_country tr:last-child td { border-bottom: none;}



#report_country td ul { padding: 20px 20px 10px;}



#report_country td li {

	position: relative;

	display: inline-block;

	width: 150px;

	padding: 0 20px 10px 15px;

	font-size: 1.6rem;

}



#report_country td li:before {

	position: absolute;

	top: 6px;

	left: 0;

	width: 7px;

	height: 7px;

	background: #8B968D;

	-webkit-transform: rotate(45deg);

	transfrom: rotate(45deg);

	content: '';

}







/* Section [report_business] */

#report_business div { padding: 0 15px;}



#report_business img {

	display: block;

	max-width: 1000px;

	margin: 0 auto;

}







/* Section [report_scene] */

#report_scene p {

	margin: 0 15px 30px;

	font-size: 1.8rem;

	text-align: center;

}



#report_scene .report_scene_info a {

  display: block;

  position: relative;

  max-width: 600px;

  width: 60%;

  margin: 30px auto;

  padding: 15px 30px 12px;

  border-radius: 50px;

  background: #E80000;

  color: #fff;

  font-weight: bold;

  font-size: 2.0rem;

  text-align: center;

  text-decoration: none;

}

#report_scene .report_scene_info a:hover {

  opacity: 0.6;

}



#report_scene .scene_img {

  display: block;

  width: 300px;

  margin: 20px auto;

}



#report_scene h3 {
  margin-bottom: 40px;
  text-align: center;
}
#report_scene h3 span {
	display: inline-block;
	padding: 60px 20px 15px;
	border-bottom: 4px solid #009C74;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1;
}


#report_scene .report_scene_message {

  font-weight: bold;

}



#report_scene .report_scene_desc {

  display: block;

  max-width: 335px;

  margin: 10px 0 0;

  text-align: left;

  font-size: 14px;

}



#report_scene .report_scene_desc span {

  display: block;

  font-weight: bold;

}



/*#report_scene ul { text-align: center;}*/



#report_scene ul {

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: center;

  justify-content: center;

}



#report_scene li {

	display: inline-block;

	margin: 10px;

	padding: 5px;

	background: #FFFFFF;

}



#report_scene li img { display: block;}







/* Section [report_movie] */

#report_movie {

	max-width: 1000px;

	margin: 0 auto;

	text-align: center;

}



#report_movie p {

	margin: 0 15px 50px;

	font-size: 1.8rem;

	text-align: center;

}



#report_movie div {

	position: relative;

	overflow: hidden;

	height: 0;

	padding-bottom: 56.25%;

	margin: 0 15px;

}



#report_movie iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}











/* Media Queries [report] */

@media screen and (max-width:1080px) {

	/* Section [about_intro] */

	#report_intro p {

		font-size: 1.2rem;

		text-align: left;

	}



	#report_intro + #page_anchor { margin: 40px auto;}



  #page_anchor .page-desc {

    margin: 0 15px;

  }



	/* Section [report_scale] */

	#report_scale div { margin: 0 15px;}



	ul.tabletolist > li > ul > li { background: #FFFFFF;}



	#report_scale ul.tabletolist > li > ul > li:first-child {

		background: #FECBAD;

		text-align: center;

	}

  #report_scale ul.tabletolist > li > ul > li:first-child .row_headers {

    line-height: 2.4rem;

  }



	ul.tabletolist ul > li .row_headers { max-width: 30%;}



	ul.tabletolist ul > li .row_data { max-width: 67% !important;}
  #report_scale .tabletolist .row_headers,
  #report_scale .tabletolist .row_data  {
    font-size: 1.2rem;
  }
  #report_scale ul.tabletolist > li > ul > li.tabletolist_total {

    font-weight: bold;

  }



	/* Section [report_number] */

	#report_number div { margin: 0 15px;}



	#report_number table {

		width: 100%;

		max-width: none;

	}



	#report_number th {

		padding: 10px 5px !important;

		font-size: 1.2rem !important;

	}



	#report_number td {

		padding: 10px 5px !important;

		font-size: 1.2rem !important;

	}



	#report_number p {

		max-width: inherit;

		font-size: 1.1rem;

	}





	/* Section [report_country] */

	#report_country table caption { font-size: 1.4rem;}



	#report_country th {

		display: block;

		width: 100%;

		border: none;

	}



	#report_country th span {

		padding: 5px;

		font-size: 1.2rem;

	}



	#report_country td {

		display: block;

		width: 100%;

		border: none;

	}



	#report_country td ul { padding: 10px 10px 15px;}



	#report_country td li {

		max-width: 100px;

		font-size: 1.2rem;

	}







	/* Section [report_scene] */

	#report_scene p {

		margin: 20px 15px 10px;

		font-size: 1.2rem;

		text-align: left;

	}



  #report_scene .report_scene_info a {

    font-size: 1.4rem;

    padding: 10px 30px 7px;

  }



  #report_scene h3 {

		margin: 30px 15px 0;

		text-align: left;

	}



  #report_scene h3 span {

    display: block;

    padding: 0 10px 10px;

    border-bottom: 2px solid #009C74;

    font-weight: bold;

    font-size: 1.4rem;

    line-height: 1.5;

  }





	/* Section [report_movie] */

	#report_movie p {

		margin: 0 15px 20px;

		font-size: 1.2rem;

		text-align: left;

	}

}