@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　XXX【当せん実績】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
.contents_jisseki{
	background-image:linear-gradient(#ffdc61 200px, #ffffff 580px);
}
.contents_jisseki_in{
	padding: 130px 0 0 0;
	width: 100%;
	background-image: 
		url("../image/home/tit_home_billionaire01_sp.png"),
		url("../image/home/img_fireworks02.png"),
		url("../image/home/img_fireworks05.png"),
		url("../image/home/img_fireworks01.png"),
		url("../image/home/img_fireworks03_02.png");
	background-position: 
		center 0px,
		calc(50% - 280px) 0px,
		calc(50% + 300px) 40px,
		calc(50% + 190px) 200px,
		calc(50% - 200px) 310px;
	background-size:
		500px,
		110px,
		90px,
		160px,
		100px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
h2.h2_jisseki01{
	height: 85px;/*仮*/
	text-align: center;
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 150%;
}
h2.h2_jisseki01 strong{
	font-size: 2.25rem;
	font-weight: 800;
	color: #ee3264;
	padding: 0 3px
}
h2.h2_jisseki01 .sub{
	display: block;
	height: 0;
	text-indent: 100%;	/*テキスト飛ばし*/
	white-space: nowrap;/*テキスト飛ばし*/
	overflow: hidden;	/*テキスト飛ばし*/
}
.contents_jisseki_in p.notes{
	height: 50px;
	margin: 0;
	text-align: center;
	font-size: 0.75rem;
	line-height: 150%;
}
.nav_jisseki01{}
.nav_jisseki01 ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.nav_jisseki01 ul li{
	width: 290px;
	margin: 0px 4px 10px 4px;
}
section.section_jisseki01{
	background: #fff;
	border-radius: 15px 15px 0 0;
	padding: 0 0 3rem 0;
}
h2.h2_com01 small{
	display: none;
	font-size: 1rem;
	font-weight: 400;
	padding: 0 0 0 8px;
}

/*長いコンテンツを隠す（スマホ）*/
.readmore01,
.readmore02{
  position: relative;
  margin: 0 auto 0;
  padding: 0 0 60px 0;
}

.readmore01 label,
.readmore02 label{
  position: absolute;
  display: table;
  left: 50%;
  bottom: 0;
  margin: 0 auto;
  width: 240px;
  height: 50px;
	line-height: 46px;
	border-radius: 25px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
  color: #fff;
  text-align: center;
  background-color: #333;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}

.readmore01 label::before,
.readmore02 label::before{
  content: '続きを見る';
}

.readmore01 input[type="checkbox"]:checked ~ label::before,
.readmore02 input[type="checkbox"]:checked ~ label::before{
  content: '元に戻す';
}

.readmore01 input[type="checkbox"],
.readmore02 input[type="checkbox"]{
  display: none;
}

.readmore01-content,
.readmore02-content{
  position: relative;
  height: 800px;
  overflow: hidden;
}
.readmore02-content{
  height: 600px;
}

.readmore01-content::before,
.readmore02-content::before{
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, #fff 100%);
  z-index: 1;
}

.readmore01 input[type="checkbox"]:checked ~ .readmore01-content,
.readmore02 input[type="checkbox"]:checked ~ .readmore02-content{
  height: auto;
}
.readmore01 input[type="checkbox"]:checked ~ .readmore01-content::before,
.readmore02 input[type="checkbox"]:checked ~ .readmore02-content::before{
  display: none;
}

/*テーブル付近（スマホ）*/
table.table_jisseki01,
table.table_jisseki02,
table.table_jisseki03{
	background: #fff;
	border-radius: 10px 10px 0 0;
	margin-bottom: 1rem;
}
table.table_jisseki01 > tbody > tr,
table.table_jisseki02 > tbody > tr,
table.table_jisseki03 > tbody > tr{
	background: #EFFF1BE;
	border: #B3B3B3 1px solid;
	border-top: none;
	padding: 10px;
	display: flex;
	flex-flow: row wrap;
}
table.table_jisseki01 > tbody > tr.dark,
table.table_jisseki02 > tbody > tr.dark,
table.table_jisseki03 > tbody > tr.dark{
	background: #595959;
	border: none;
	border-radius: 10px 10px 0 0;
}
table.table_jisseki01 > tbody > tr.yellow,
table.table_jisseki02 > tbody > tr.yellow,
table.table_jisseki03 > tbody > tr.yellow{
	background: #FFF1BE;
}
table.table_jisseki01 th,
table.table_jisseki02 th,
table.table_jisseki03 th{
	display: block;
	color: #fff;
	font-size: 0.93rem;
}
table.table_jisseki01 td,
table.table_jisseki02 td,
table.table_jisseki03 td{
	display: block;
	font-size: 0.93rem;
}
table.table_jisseki01 strong,
table.table_jisseki02 strong,
table.table_jisseki03 strong{
	font-size: 1rem;
	color: #EE3264;
}
table.table_jisseki01 .c1,table.table_jisseki01 .c3,table.table_jisseki01 .c6{
	width: 120px;
}
table.table_jisseki01 .c2,table.table_jisseki01 .c4,table.table_jisseki01 .c7{
	width: calc(100% - 120px);
}
table.table_jisseki01 .c5{
	display: none;
}
table.table_jisseki02 .c1,table.table_jisseki02 .c3,table.table_jisseki02 .c5{
	width: 120px;
}
table.table_jisseki02 .c2,table.table_jisseki02 .c4,table.table_jisseki02 .c6{
	width: calc(100% - 120px);
}
table.table_jisseki03 .c1,table.table_jisseki03 .c3,table.table_jisseki03 .c6{
	width: 120px;
}
table.table_jisseki03 .c2,table.table_jisseki03 .c4,table.table_jisseki03 .c7{
	width: calc(100% - 120px);
}
table.table_jisseki03 .c5{
	display: none;
}







/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

.contents_jisseki_in{
	padding: 160px 0 0 0;
	background-image: 
		url("../image/home/tit_home_billionaire01.png"),
		url("../image/home/img_fireworks02.png"),
		url("../image/home/img_fireworks05.png"),
		url("../image/home/img_fireworks01.png"),
		url("../image/home/img_fireworks03_02.png");
	background-position: 
		center 0px,
		calc(50% - 350px) 0px,
		calc(50% + 500px) 90px,
		calc(50% + 405px) 200px,
		calc(50% - 350px) 260px;
	background-size:
		975px,
		112px,
		80px,
		195px,
		128px;
}
h2.h2_jisseki01{
	height: 50px;
	padding: 0 0 0 20px;
}
.contents_jisseki_in p.notes{
	height: 60px;
	padding: 0 0 0 20px;
}
h2.h2_jisseki01 br,
.contents_jisseki_in p.notes br{
	display: none;
}
/*テーブル付近（タブレット）*/
h2.h2_com01 small{
	display: inline-block;
}
table.table_jisseki01 > tbody > tr,
table.table_jisseki02 > tbody > tr,
table.table_jisseki03 > tbody > tr{
	padding: 0;
}
table.table_jisseki01 th,
table.table_jisseki02 th,
table.table_jisseki03 th{
	padding: 5px 5px;
	text-align: center;
}
table.table_jisseki01 td,
table.table_jisseki02 td,
table.table_jisseki03 td{
	padding: 5px 5px;
	border-right: 1px solid #B3B3B3;
}
table.table_jisseki01 .c1{width: 11%;}
table.table_jisseki01 .c2{width: 28%;}
table.table_jisseki01 .c3{width: 13%;}
table.table_jisseki01 .c4{width: 19%;}
table.table_jisseki01 .c6{width: 14%;	text-align: center;}
table.table_jisseki01 .c7{width: 14%;	border: none;}

table.table_jisseki02 .c1{width: 11%;}
table.table_jisseki02 .c2{width: 20%;}
table.table_jisseki02 .c3{width: 9%;}
table.table_jisseki02 .c4{width: 23%;}
table.table_jisseki02 .c5{width: 15%;	text-align: center;}
table.table_jisseki02 .c6{width: 22%;	border: none;}

table.table_jisseki03 .c1{width: 11%;}
table.table_jisseki03 .c2{width: 20%;}
table.table_jisseki03 .c3{width: 9%;}
table.table_jisseki03 .c4{width: 23%;}
table.table_jisseki03 .c6{width: 15%;	text-align: center;}
table.table_jisseki03 .c7{width: 22%;	border: none;}

/********/
}








/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

.contents_jisseki{
	background-image:linear-gradient(#ffdc61 250px, #ffffff 900px);
}
.contents_jisseki_in{
	padding: 210px 0 0 0;
	background-image: 
		url("../image/home/tit_home_billionaire01.png"),
		url("../image/home/img_fireworks02.png"),
		url("../image/home/img_fireworks05.png"),
		url("../image/home/img_fireworks01.png"),
		url("../image/home/img_fireworks03_02.png");
	background-position: 
		center 0px,
		calc(50% - 470px) 0px,
		calc(50% + 670px) 120px,
		calc(50% + 540px) 270px,
		calc(50% - 560px) 360px;
	background-size:
		1300px,
		150px,
		90px,
		260px,
		170px;
}
h2.h2_jisseki01{
	height: 80px;
	font-size: 2.19rem;
	line-height: 150%;
	padding: 0 0 0 50px;
}
h2.h2_jisseki01 strong{
	font-size: 3.5rem;
	padding: 0 3px
}
.contents_jisseki_in p.notes{
	height: 80px;
	font-size: 0.88rem;
	padding: 0 0 0 50px;
}
section.section_jisseki01{
	padding: 0 0 4rem 0;
}

/*テーブル付近（PC）*/
table.table_jisseki01,
table.table_jisseki02,
table.table_jisseki03{
	max-width: 1068px;
	margin: 0 auto 1rem auto;
}
table.table_jisseki01 th,
table.table_jisseki02 th,
table.table_jisseki03 th{
	padding: 5px 10px;
}
table.table_jisseki01 td,
table.table_jisseki02 td,
table.table_jisseki03 td{
	padding: 5px 10px;
}
table.table_jisseki01 .c1{width: 8%;}
table.table_jisseki01 .c2{width: 26%;}
table.table_jisseki01 .c3{width: 10%;}
table.table_jisseki01 .c4{width: 15%;}
table.table_jisseki01 .c5{width: 17%;	display:block;	text-align: right;}
table.table_jisseki01 .c6{width: 12%;}
table.table_jisseki01 .c7{width: 12%;}
table.table_jisseki01 th.c5{text-align: center;}

table.table_jisseki02 .c1{width: 10%;}
table.table_jisseki02 .c2{width: 16%;}
table.table_jisseki02 .c3{width: 7%;}
table.table_jisseki02 .c4{width: 38%;}
table.table_jisseki02 .c5{width: 12%;}
table.table_jisseki02 .c6{width: 17%;}


table.table_jisseki03 .c1{width: 10%;}
table.table_jisseki03 .c2{width: 16%;}
table.table_jisseki03 .c3{width: 7%;}
table.table_jisseki03 .c4{width: 18%;}
table.table_jisseki03 .c5{width: 20%;	display:block;	text-align: right;}
table.table_jisseki03 .c6{width: 12%;}
table.table_jisseki03 .c7{width: 17%;}
table.table_jisseki03 th.c5{text-align: center;}
/********/
}