.hidden{
display:none;
}
body,html{
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
height:100%;
color: #444;
text-align: center;
font-size: 16px;
line-height:1.5;
scroll-behavior: smooth;
padding:0;
margin:0;
}
header{
padding:0 0 20px;
}
header ol,
section ol,
footer ol{
margin: 5px 0 0 ;
padding: 0 ;
font-size: 0.75em;
}
header ol li,
section ol li,
footer ol li{
list-style: none;
display: inline-block;
}
header ol li:not(:last-child),
section ol li:not(:last-child),
footer ol li:not(:last-child){
border-right:1px solid #E6E6E6;
}
section{
padding: 10px 0 0;
}
section ol li{
padding: 0 10px;
}
footer ol li label{
padding: 0 5px;
}



header ol li a{
	display:block;
	color: #444;
	padding: 0 18px;
	text-decoration: none;
}


a{color: #3399CC;}
#container,#toppage{
margin:auto;
font-size: 1em;
}
#container{
padding:20px 0;
  overflow-x: auto;
  white-space: nowrap;
}
footer{
margin:-10px auto 0;
padding:0 0 20px;
}
/*・ｽi・ｽr・ｽQ・ｽ[・ｽV・ｽ・ｽ・ｽ・ｽ・ｽﾌ固抵ｿｽ*/

nav{
font-size: 12px;
line-height:1;
position: fixed;
z-index:999;
    top: 0;
	left: 0;
	margin:0;
	color: #FFFFFF;
	background-color: #333;
	display:inline-block;
	padding: 0 8px;
}
nav a{
	color: #FFFFFF;
	text-decoration: none;
}
nav ol{
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
display:flex;
}
nav ol li{
	margin: 0;
	padding: 0 2px;
}
#next{
position: fixed;
z-index:999;
    top: 10px;
	right: 10px;
	margin:0;
    display: flex;
}
#next div.submit {
display:block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #FFF;
  color: #666666;
    justify-content: center;
    align-items: center;
    width:100%;
    margin: 0;
    border: 2px solid #666666;
    font-weight: 600;
    font-size: 14px;
}
#next div.submit a{
display:block;
color: #666666;
padding: 5px 15px;
min-width:60px;
text-decoration: none;
}
/* */

#toppage{
display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding:0 0 50px 0;
}
#subpage{
  padding:30px 0;
}
#inner{
  text-align: center;
width:97%;
margin: auto;
}
.updown {
	font-weight: 900;
	padding: 5px;
}
.updown a {
	color: #444;
}
.updown i{
padding:0;
}

h1,h2,h3,h4,h5,h6{
line-height:1;
}
h1{
padding:0 auto 0;
margin:0 auto;
font-size:1.4em;
}
h2{
font-size:0.9em;
}
h2 a{
display:block;
}
h3{
font-size:0.9em;
  position: relative;
  display: table;
  padding: 10px 40px;
  margin:0 auto;
}
h3:before, h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: table;
  width: 20px;
  height: 1px;
  background-color: #666;
}
h3:before {
  left:0;
}
h3:after {
  right: 0;
  clear:both;
}
h3 span{
background-color: #FFF;
color:#666;
display:inline-table;
margin-left:7px;
font-size:0.8em;
}
h4{
color: #FFFFFF;
background-color: #444;
display: table;
padding: 8px 40px;
margin:15px auto 10px;
border-radius: 1px;
font-size:0.8em;
}
h5{
	display: block;
	font-size:0.9em;
	padding: 5px 0;
	margin:0 auto 30px;
	width:100%;
	max-width: 600px;
	color: #FFFFFF;
	background-color: #3399CC;
	font-weight: 400;
}
h6{
	display: table;
	padding: 8px 40px;
	margin:15px auto 10px;
	border-radius: 1px;
	font-size:0.8em;
	border: 2px solid #666666;
}
form {
margin:15px auto 0;
display:block;
}
.wind_box{
	padding:10px 0;
	font-size: 0.8em;
	width:100%;
	margin:0 auto;
	background-color: #F5F6F6;
}
.wind_box i{
	padding-left:2px;
	color: #A6C6CC;
}

.kiatsu{
	margin:0 auto 15px;
}
#table_pres{
    overflow-x: scroll;
	padding: 10px 0 0;
  /*IE(Internet Explorer)・ｽEMicrosoft Edge・ｽﾖの対会ｿｽ*/
  -ms-overflow-style: none;
  /*Firefox・ｽﾖの対会ｿｽ*/
  scrollbar-width: none;
}

 /*Google Chrome・ｽASafari・ｽﾖの対会ｿｽ*/
#table_pres::-webkit-scrollbar{
  display: none;
}
#table_pres table{
    white-space: nowrap;
	margin:0 auto;
}
#table_pres table th{
font-size:0.70em;
padding:0 5px;
}
#table_pres table td{
	font-size:0.70em;
	color: #CCCCCC;
padding:0 5px;
}
#table_pres div{
font-size:0.75em;
}

#curve_chart{
width:100%;
}
.chui {
	color: #FFF;
	background-color: #F04141;
}


/*  */
.bar {
	display: inline-table;
	padding: 7px 6px;
	color: #999999;
}

#honmei,
#ana{
	padding: 5px 50px 10px;
	border-radius: 20px;
	border: 5px solid #BCE072;
	background-color: #FFF;
	display: table;
	margin: 25px auto 20px;
}

.table_formation{
margin: 5px auto;
max-width:800px;
}
.table_formation th,
.table_formation td{
	font-size: 0.8em;
	padding:0 10px;
	line-height: 1;
}
.table_formation dl{
margin: 0 auto;
padding:0;
}
.table_formation dt{
padding:0 3px;
}
.table_shinnyu{
display:table;
margin: 1px auto;
border-spacing:0;
width:100%;
max-width:900px;
}
.table_shinnyu th,
.table_shinnyu td{
	font-size: 0.7em;
	line-height: 1;
}

.table_shinnyu .tier1{
	color: #FF3333;
	font-weight: 800;
}
.table_shinnyu .tier2{
	color: #FF6633;
	font-weight: 800;
}
.table_shinnyu .tier3{
}
.table_shinnyu .tier4{
}
.table_shinnyu .tier5{
}
.table_shinnyu .tier6{
	color: #CCC;
}

.display{
margin: 1px auto;
}
.display table{
display:table;
margin: 0 auto;
}
.display table td{
padding:0;
font-size: 0.9em;
}

#sanrentan{

}
#sanrentan table{
	margin: 0 auto 15px;
}
#sanrentan table td,
#sanrentan table th{
padding:0 5px;
font-size: 0.9em;
}
#sanrentan .tier1{
	background-color: #FFCCCC;
}
#sanrentan .tier2{
	background-color: #FFCC66;
}
#sanrentan .tier3{
	background-color: #B6E7CE;
}
#sanrentan .tier5{
	background-color: #CCCCCC;
}

.table{
display:table;
margin: 1px auto;
width:100%;
max-width:900px;
}
.table:after {
  content: "";
  display: table;
  clear: both;
  margin-left:16px;
}

.table table td{
font-size: 0.8em;
}
.table_ana_none div,
.table_honmei_none div{
display:inline-table;
margin:auto;
}
.table_ana div:before,
.table_honmei div:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0e7';
  font-weight: 900;
  margin-right:16px;
  color: #FFF;
}
table#table_yume{
margin: 15px auto;
}

#pattern_box .bolt0{
	display: none;
}
.bolt1 div:before{
  color: #FFF;
}
.bolt2 div:before{
  color: #E8F1E0;
}
.bolt3 div:before,
.bolt4 div:before{
  color: #D2E9FF;
}
.bolt5 div:before,
.bolt6 div:before{
  color: #FFCC66;
}
.bolt7 div:before,
.bolt8 div:before{
  color: #FF9900;
}
.bolt9 div:before,
.bolt10 div:before{
  color: #FF3300;
}

.table_ana div:after,
.table_honmei div:after {
  font-family: "Font Awesome 5 Free";
  content: '\f005';
  font-weight: 900;
  margin-left:12px;
  color: #FFF;
}
.star_honmei_ana div:after {
  content: '\f005\f005';
}
.star_honmei_ana {
  margin-left:22px;
}
.star_honmei_ana2 div:after {
  content: '\f005\f005\f005';
}
.star_honmei_ana2 {
  margin-left:42px;
}
.star_none {
}

.inner_tier2{
}
.inner_tier3 .bolt000{
display:none;
}
.inner_tier3 .star_count0{
display:none;
}

.star_count2 div:after {
  content: '\f005\f005';
}
.star_count2 {
  margin-left:22px;
}
.star_count3 div:after {
  content: '\f005\f005\f005';
}
.star_count3 {
  margin-left:42px;
}

.star1 div:after{
  color: #FFF;
}
.star2 div:after{
  color: #66CC99;
}
.star3 div:after,
.star4 div:after{
  color: #D2E9FF;
}
.star5 div:after,
.star6 div:after{
  color: #FFCC66;
}
.star7 div:after,
.star8 div:after{
  color: #FF9900;
}
.star9 div:after,
.star10 div:after{
	color: #FF3300;
}
/* ・ｽ_・ｽ・ｽ */
.blinking div:after{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

#pattern_box .jcd div div:after,
#pattern_box .jcd div div:after{
  content: '\f004';
  color: #f18478;
}

#base .child-1 div:after,
#pickup .tire1 .child-1 div:after,
#pickup .tire2 .child-1 div:after{
  color: #FFCC33;
}
.leaf div div:after{
  color: #66CC99 !important;
}
.pattern div div:after{
  color: #FF3300 !important;
}
.yume div div:after{
  color: #FFFFFF!important;
}

.first div .child-1 div:after{
  color: #FFCC33;
}
span.mark1,
span.mark2 {
	display: inline-table;
	padding-bottom: 9px;
	margin-bottom:3px;
}
.mark1 {background-color: #223540;}
.mark2 {background-color: #4D8891;}

#info{
	color: #FFFFFF;
	background-color: #444;
padding:30px 0;
font-size:1.2em;
}
#info_data{
margin-top:20px;
}

ul.st_box{
	display:block;
	width: 100%;
	max-width:900px;
	margin:15px auto 0;
	padding:0;
}
ul.st_box li{
	display:block;
	padding:5px 0;
	font-size:0;
	text-align:left;
	max-width: 100%;
}
.st1 {
  background-color: #FFFFFF;
  border: 1px solid #999999;
}
.st2 {background-color: #4F4F4F;}
.st3 {background-color: #F04141;}
.st4 {background-color: #99CCFF;}
.st5 {background-color: #FFCC33;}
.st6 {background-color: #54B74D;}
ul.list{
	font-size:0.8em;
	display: block;
	margin: 0 auto;
	padding: 10px 0 0;
	list-style-type: none;
}
ul.list li{
	display: inline-block;
	padding: 0 10px;
}
ul.count{
background-color: #F7F7F7;
color:#666666;
display: table;
padding: 0 15px;
margin:10px auto 0;
border-radius: 15px;
font-size:0.8em;
}
ul.count li{
padding: 0 5px;
}
ul.count strong{
	font-weight: 600;
	color: #FF3333;
}
.title{
  font-size: .85em;
  padding:0 0 8px;
}
.title a{
  font-size: 1em;
display:block;
padding:0 0 5px;
}
.title span{
  padding:0 5px;
}
div.list{
align-items: center;
justify-content: center;
margin: 0 auto;
padding-bottom:20px;
}
div.list ol{
	font-size:0.8em;
	display: flex;
	margin: 0 auto;
	padding: 5px 0;
	list-style-type: none;
max-width: 600px;
width:100%;
}
div.list ol li{
	font-size:0.8em;
	padding: 2px 8px;
	border: 1px solid #F0F0F4;
	width: calc(100% / 6);
}
div.list a{
	display:block;
	text-decoration: none;
	font-size: 16px;
}
div.list a:hover{
	color: #FF3333;
}
div.list ol li.end{
	background-color: #F7F7F7;
}
div.list ol li.end a{
	color: #333;
}
div.list ol li.now{
	color: #FFF;
	background-color: #3399CC;
}
div.list ol li.now a{
	color: #FFF;
}
dl{
	display: block;
	margin: 8px 0;
	padding: 0px;
	list-style-type: none;
	font-size:0.7em;
}
dl.extracted_data{
}
dt,dd{
	display: inline-block;
}
dt{
	margin: 0;
	padding: 0;
}
dd{
	margin: 0 7px 0 3px;
	padding: 0 3px;
}
dd strong{
	color: #FF3333;
}
#star{
}
#sum{
color:#CCCCCC;
font-size:0.8em;
padding:10px 0;
}
.none{
display:none;
}
.opacity{
opacity: 0.8;
animation: flash 8s linear infinite;
}
#pattern{
font-size:0.9em;
width:120px;
margin:0 auto;
padding-top:10px;
}
#pattern div{
width:100px;
text-align:left;
}
.count {
	margin:10px auto 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #444;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}
#pattern .daihonmei {color: #CCCCCC;}
#pattern .honmei {color: #999999;}
#pattern .taiko {color: #444;}
#pattern .ana {color: #FF9966;}
#pattern .oana {color: #CC3300;}

#alertbox{
display: flex;
justify-content: center;
align-items: top;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
font-size:0.60em;
padding:15px 0 0;
}

.alert img{
display:block;
width:50px;
height:auto;
margin-bottom:1px;
}
.alert div{
align-items: center;
padding:0 3px;
}
.alert i{
	padding:0;
	color: #FF99CC;
}

.alert{padding: 5px 0;}
.alert span{
margin:0 0 1px;
}
.alert span strong{color: #FF3333;}
.alert div{margin:1px 0;}
.alert span,
.alert div{
	display:block;
	border: none;
}
.alert em{
	font-style: normal;
	color: #0066FF;
	font-weight: bold;
}
.alert strong{
	color: #FF0033;
}
td.alert{
	vertical-align: top;
}

.yao{
	background-color: #FF3333;
	color: #FFF;
}
.st_okure{
	background-color: #3366CC;
	color: #FFF;
}
.rookie{
	background-color: #339966;
	color: #FFF;
}
.arashi{
	background-color: #FFCC33;
}
.fubai{
	background-color: #000000;
	color: #FFF;
}

span.color1,
span.color2,
span.color3,
span.color4,
span.color5,
span.color6 {
	display: inline-table;
	padding: 5px 10px;
font-size:0.65em;
	border-radius: 1px;
	margin:0 2px 1px;
}
.color2,.color3,.color4,.color5,.color6 {color: #FFF;}


.color1{
	background-color: #FFFFFF;
	color: #666!important;
	border: 1px solid #CCC;
}
.color2{background-color: #4F4F4F!important;}
.color3{background-color: #F04141!important;}
.color4{background-color: #99CCFF!important;}
.color5{background-color: #FFCC33!important;}
.color6{background-color: #54B74D!important;}
.color9{
  border-radius: 50%;
  color: #999;
	display: inline-table;
	padding: 5px 10px;
}
td.black{
	color: #FFF;
	background-color: #000!important;
}
td.black a{
	color: #FFF;
	-webkit-animation:blink 2s ease-in-out infinite alternate;
	-moz-animation:blink 2s ease-in-out infinite alternate;
	animation:blink 2s ease-in-out infinite alternate;
}

.midashi,
.midashi3 {
	color: #FFFFFF;
	background-color: #444;
	display: table;
	padding: 8px 40px;
	margin:15px auto 10px;
border-radius: 1px;
font-size:0.8em;
}
.midashi3 {
	background-color: #F04141;
}
div.percentage{
	padding:0;
	margin:0 auto;
	font-size:0.7em;
	color: #E7E7E7;
}
div.percentage span{
	color: #666;
	padding: 0;
	width:50px;
	letter-spacing: 0.1px;
	display:inline-block;
}
div.percentage span strong{
	color: #FF0033;
}
tr.item{
	background-color: #E6E6E6;
	padding-top: 3px;
}
td,th{
	text-align:center;
    font-weight: normal;
	padding: 5px 3px;
}
#greater_caution_caution,
#greater_caution,
#caution,
#safe{
	padding:10px 0;
}
#greater_caution_caution{background-color: #009966;}
#greater_caution{background-color: #FFCC33;}
#caution{background-color: #E9E9E9;}
#safe{background-color: #F7F7F7;}


.inbox{
    padding: 6px 0;
	max-width:1200px;
	margin:0 auto;
}
.inner,
.inner_line_bottom{
	background-color: #FFF;
	margin:0 auto;
	width:97%;
	padding:5px 0 18px;
    border-radius: 1px;
	display:block;
}
.inner_line_bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	margin:10px auto 0;
}
.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
}
#table_race{
	width:100%;
	max-width:900px;
	margin:0 auto 30px;
	background-color: #FFFFFF;
}
#table_race label{
display:block;
}
#table_race td{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #E6E6E6;
padding:6px 2px 2px;
font-size:0.7em;
}
#table_race td strong{
color: #F04141;
}
#table_race td em{
	color: #4295F0;
	font-style: normal;
	font-weight: bold;
}
#table_race th{
padding:5px;
font-size:0.7em;
}
#table_race select{
margin:0 auto;
width:80%;
}
.nodata{
	background-color: #E6E6E6;
}
.line_top{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}
.table_racego,
.table_racer{
	width:100%;
	max-width:900px;
	margin:5px auto 0;
}
.table_racego img,
.table_racer img{
	width:100%;
	height:auto;
	max-width:150px;
}

.table_racego th,
.table_racego td,
.table_racer th,
.table_racer td,
table_shinnyu th,
table_shinnyu td{
	padding:2px 0;
	font-size:0.7em;
	width:calc( 100% / 6 );
	background-color: #FFFFFF;
}

td.shibu{
	color: #FFFFFF;
	background-color: #336699;
}

.table_racego .tier1{
	background-color: #FF6633;
	color: #FFFFFF;
}
.table_racego .tier2{
	background-color: #FFCC66;
}
.table_racego .tier3{
	background-color: #FFF5E1;
}
.table_racego .tier4{
	color: #0066CC;
}
.table_racego .tier5{
	color: #9933FF;
	font-weight: bold;
}
.table_racego .tier6{
	color: #FFF;
}
.table_racego td.top{
	font-weight: bold;
	color: #FF3333;
}

.table-scroll {
    overflow-x: auto;     /* 横スクロールを有効化 */
    -webkit-overflow-scrolling: touch; /* スマホでスムーズスクロール */
    width: 100%;
}
.table_racer_data{
display:table;
margin: 1px auto 5px;
border-spacing:0;
width:100%;
max-width:900px;
border-collapse: collapse;
}
.table_racer_data th,
.table_racer_data td{
	font-size: 0.7em;
	line-height: 1;
	width:calc( 100% / 10 );
}
.table_racer_data td{
	border-top: 1px solid #E6E6E6;
}

.table_racer_data td {
 border-right: solid 1px #EEE;
}
.table_racer_data td:last-child {
 border-right: none;
}
span.A1,
span.A2,
span.B1,
span.B2{
	line-height: 1;
	color: #FFFFFF;
	padding: 1px;
	font-size: 0.7em;
}
span.A1{
	background-color: #ED2212;
}
span.A2{
	background-color: #F2AF40;
}
span.B1{
	background: #6699CC;
}
span.B2{
	background: #999999;
}
.class_new,
.class_old{
	display:flex;
	gap:1px;
	width:99%;
	margin-bottom:1px;
	text-align:center;
}
.class_new span{
	width:100%;
}
.class_old span{
	width:calc( 100% / 3 );
}

div.haito{
width:100%;
margin:0 auto 1px;
display:flex;
max-width:900px;
}
div.haito div{
color:#FFFFFF;
font-size:0.7em;
}
.table_kimarite{
border-collapse: collapse;
border-spacing: 0;
	width:100%;
	max-width:900px;
	margin:5px auto 0;
	border-bottom: 1px solid #E6E6E6;
}
.table_kimarite th,
.table_kimarite td{
padding:3px 0;
font-size:0.7em;
width:calc( 100% / 6 );
background-color: #FFFFFF;
}
.table_kimarite th {
	padding:5px 0 3px;
	border-bottom: 1px solid #E6E6E6;
	border-right: solid 1px #E6E6E6;
	background-color: #F7F7F7;
}
.table_kimarite th:last-child {
 border-right: none;
}
.table_kimarite td {
	border-right: solid 1px #EEE;
	vertical-align: top;
}
.table_kimarite td:last-child {
 border-right: none;
}


.table_kimarite2{
	width:100%;
	max-width:900px;
	margin:12px auto 0;
}
.table_kimarite2 th,
.table_kimarite2 td{
padding:0;
font-size:0.7em;
width:calc( 100% / 6 );
white-space: nowrap;
background: #FFFFFF;
}
.table_kimarite2 td div {
	display:flex;
	max-width: 100%;
	text-align:center;
	line-height: 1;
}
span.nige,
span.sashi,
span.makuri,
span.makurizashi,
span.maeduke{
	line-height: 1;
	padding:4px 0 2px;
	width:calc( 80% - 1px );
	flex-direction: column;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
span.level{
line-height: 1;
padding:4px 0 2px;
width:20%;
flex-direction: column;
color: #FFF;
}

.tr_E .target span,
.tr_D .target span{
	background-color: #FDF4F4;
}
.tr_S .target span{
	background: #CCC;
	color: #FFF;
}

.S span.level{
	background-color: #CC0000;
}
.A span.level{
	background-color: #FF9900;
}
.B span.level{
	background-color: #FFCC00;
}
.C span.level{
	background-color: #006699;
}
.D span.level{
	background-color: #C7D8F3;
}
.E span.level{
	background-color: #CCC;
}
.F span{
	font-size:0;
	border: none;
	display:none;
}

#rankpoint{
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 98%;
	max-width:900px;
}
#rankpoint th,
#rankpoint td{
	font-size:0.7em;
}
.top{
	background-color: #FFEFDB;
	font-weight: bold;
	color: #FF3300;
}
.top_array{
	background-color: #FFF4E8;
}
.remove_array{
	color: #FFFFFF;
	background-color: #E6E6E6;
}

#tenkai{
}
#tenkai dl{
margin:0 auto;
padding:5px 0;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
#tenkai dl dt,
#tenkai dl dd{
display:inline-block;
padding:0 20px;
}
#tenkai dl dt{
	border-left: 1px solid #E6E6E6;
}
#tenkai dl dt:first-child{
    border-left:none;
}
#tenkai dl dd{
color:#FF6666;
margin-left: -30px;
}


.deme{
	font-size:0.7em;
}
.deme table{
    border-collapse: collapse;
    border: none;
	margin: 10px auto 20px;
	width: 98%;
	max-width:900px;
	
}
.deme table tr{
	border-bottom: 1px solid #E6E6E6;
}
.deme table th{
	border: none;
	border-left: 1px solid #E6E6E6;
	width:calc(100% / 3);
}
.deme table th:first-child{
    border-left:none;
}
.deme table th span{
	display:inline-block;
	margin-left:10px;
	padding:2px 5px 0;
	line-height:1;
	color: #FFF;
    border-radius: 2px;
}
.deme ol{
list-style: none;
display: inline-block;
padding:0;
margin:0;
}
.deme ol li{
display: inline-block;
line-height:1;
padding:0 15px;
margin:0;
}
.deme ol li:not(:last-child){
border-right:1px solid #E6E6E6;
}

.tenkai_box{
	display:block;
	width: 100%;
	max-width:900px;
	margin:0 auto;
	padding:0;
	font-size:0;
	height:10px;
	background-color: #F0F0F0;
}
.tenkai_box .long_tenkai{
	text-align:left;
	padding:0;
}
.tenkai_box .long_tenkai ul{
	display:flex;
	width: 100%;
	max-width:900px;
	margin:0 auto;
	padding:0;
}
.tenkai_box .long_tenkai ul li{
	font-size:0;
	margin:0;
	padding:0;
	height:10px;
}
.color_sasi{
	background-color: #F0D0A6;
}
.color_makuri{
	background-color: #143265;
}
.color_makuri_zasi{
	background-color: #A8C2EE;
}
.no_color{
	background-color: #CCC;
}


.choi{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	padding:10px 0 0;
}
.table_choi{
	font-size:0.7em;
    border-collapse: collapse;
    border: none;
	margin: 10px auto 20px;
	width: 98%;
	max-width:900px;
}
.table_choi th{
	border: none;
	border-left: 1px solid #DEDEDE;
}
.table_choi th:first-child{
    border-left:none;
}

.choi_box td{
	height:10px;
	margin:0;
	padding:0;
}

.choi_box td.long_tide_base{
	background-color: #DEDEDE;
	height:10px;
	margin:0;
	padding:0;
}
.choi_box ul{
	display:flex;
	width: 100%;
	margin:0;
	padding:0;
	font-size:0;
	height:10px;
}
.choi_box li{
	margin:0;
	padding:0;
	display:inline-block;
	font-size:0;
	height:10px;
}
.long_tide_1,
.long_tide_2{
	background-color: #0099CC;
}
.long_tide_3{
	background-color: #F0F0F0;
}
.align_right{text-align:right}
.align_right span{
	padding-right: 5px;
}
.align_left{text-align:left}
.align_left span{
	padding-left: 5px;
}

ul.deme_box{
	display:block;
	width: 100%;
	max-width:900px;
	margin:0 auto;
	padding:0;
}
ul.deme_box li{
	display:inline-block;
	padding:5px 0;
	font-size:0;
}

.table_pay{
    border-collapse: collapse;
    border: none;
	margin: 10px auto 0;
	width: 98%;
	max-width:900px;
	
}
.table_pay td,
.table_pay th{
	border: none;
	border-left: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-size:0.7em;
	width:20%;
}
.table_pay td:first-child,
.table_pay th:first-child{
    border-left:none;
}
.table_pay tr:first-child td,
.table_pay tr:first-child th{
    border-top:none;
}
tr.changed-occurrences{
	border-top: 2px solid #666;
}
.kitaichi0{
	background-color: #F04141;
	color: #FFFFFF;
}
.kitaichi1{
	background-color: #EAF4F4;
}
.kitaichi2{
	background-color: #FFCECE;
}
.kitaichi3{
	background-color: #F3F4E8;
}

#table_list th{
    border-top: 1px solid #E6E6E6;
}

.width10{ width: 10%; }
.width20{ width: 20%; }

.flex{
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
gap: 1px 10px;
}
.flex div{
	padding:0 15px;
}

/* p1 */

.table2{
	display:table;
	margin: 1px auto;
	padding:20px 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.table2 h4,
.table2 span{
display:inline-table;
}
.table3{
	display:table;
	margin: 1px auto;
	padding:5px 0;
}
.table3 h4,
.table3 span{
display:inline-table;
}

.table2 .p1,
.table2 .p2,
.table2 .p3,
.table2 .p4,
.table2 .p5 {
	display: table;
	margin:0 2px;
	font-size:11px;
}
.table2 .p2,
.table2 .p3,
.table2 .p4,
.table2 .p5 {
	padding: 5px 10px;
}
.table2 .p1 { color: #CCCCCC; padding: 5px 10px 5px 0; }
.table2 .p2 { color: #999999; }
.table2 .p3 { color: #666666; }
.table2 .p4 { color: #444; }
.table2 .p5 { color: #FFCC33; }
/* ・ｽ・ｽ・ｽW・ｽI・ｽ{・ｽb・ｽN・ｽX */

.radio-wrap{
	display: block;
	width: 100%;
	margin: 2px auto;
	font-size: 0.8em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.radiobox {
	display: flex;
	flex-wrap: wrap;
    gap: 1px 0.5%;
	padding: 10px 0;
}
.radiobox div {
	display: flex;
	width:33%;
}
.radiobox input[type=radio] {
display: none;
}
.radiobox span{
	display: block;
	font-size: 0.75em;
	color: #3399CC;
line-height:1.75;
}
.radiobox strong{
	display: inline-block;
	color: #FF6633;
	padding-left:4px;
}
.radiobox a{
	display: inline-block;
	font-size: 0.75em;
	text-decoration: none;
	color: #666666;
}
.radiobox a:hover{
	color: #FF3333;
}
.radiobox label {
	width: 100%;
	padding: 5px 0 3px;
	border: 3px solid #FFF;
justify-content: center;
align-items: center;
}
.radio-inline__input:checked + .radio-inline__label {
	border: 3px solid #3399CC;
}
.radiobox label:hover {
	border: 3px solid #3399CC;
    transition: all .5s;
}
.radiobox input[type="radio"] {
	margin:0 5px 0 0;
}

/* get_pattern */
.get_pattern {
	width:400px;
}

.selectbox {
	width:100%;
    margin: 6px auto;
}

select {
    display: flex;
    justify-content: center;
	align-items: center;
	text-align: center;
	text-align-last: center;
	width:100%;
    padding: .8em 0;
    border: 2px solid #CCC;
    background-color: #FFF;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 1em;
}

select::-ms-expand {
    display: none;
}


.checkbox{
margin: -20px 0 0;
padding:0;
}
#toppage .checkbox{
margin: -10px 0 0!important;
}
ul {
margin:0 auto;
padding:10px 0 0;
display: table;
width:100%;
font-size:0.8em;
}
ul li{
margin:0;
padding:3px 8px;
display:inline-table;
}
ul li span{
	padding:1px 6px;
	color: #FFFFFF;
	background-color: #FF3333;
}
ul li label{
	display:table-cell;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid #E6E6E6;
    border-radius: 25px;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    padding: 9px 15px;
    cursor: pointer;
	font-size: 0.9em;
    color: #666;
}
ul li a{
	text-decoration: none;
}
ul li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 2px 6px 2px 2px;
    content: "\f00c";
    transition: transform .3s ease-in-out;
}

ul li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul li input[type="checkbox"]:checked + label {
    border: 2px solid #999;
    background-color: #999;
    color: #FFF;
    transition: all .2s;
}

ul li input[type="checkbox"] {
  display: absolute;
}
ul li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul li input[type="checkbox"]:focus + label {
  border: 2px solid #999;
}

ul li input[type="radio"]:checked + label::before {
  content: "\f00c";
  transform: rotate(-360deg);
  transition: transform .3s ease-in-out;
}

ul li input[type="radio"]:checked + label {
  border: 2px solid #999;
  background-color: #999;
  color: #FFF;
  transition: all .2s;
}

ul li input[type="radio"] {
  display: none;
}

ul li input[type="radio"]:checked + label::before {
  background-color: #FFF;
  border-color: #999;
}

ul li input[type="radio"]:checked + label::after {
  display: inline-block;
  content: "";
  position: absolute;
  left: 6px;
  top: 56%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999;
}
input[type="number"] {
  margin: 10px auto -30px;
  width:80%;
}
/* ・ｽ・ｽ・ｽM・ｽ{・ｽ^・ｽ・ｽ */
input[type="submit"], button[type="submit"] {
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #FFF;
  color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin: 10px auto;
    padding: 0.8em 0;
    border: 3px solid #666666;
    font-weight: 600;
    font-size: 1em;
}

.swiper--wrapper {
	width: 100%;
	height: auto;
	display: grid;
	place-items: center;
}

.swiper-slide {
	width: 100%;
	height: auto;
	display: grid;
	place-items: center;
}

.swiper-slide:nth-child(3n + 1) {
}

.swiper-slide:nth-child(3n + 2) {
}

.swiper-slide:nth-child(3n + 3) {
}

.swiper-pagination-bullets {
	margin-top: 16px;
} 

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #333 !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}


#pagetop {
position: fixed;
bottom: 5px;
right: 15px;
z-index: 9999;
}
#pagetop a {
display:block;
color:#333;
font-size:2em;
}
#pagegpt {
position: fixed;
bottom: 5px;
left: 15px;
z-index: 9999;
}
#pagegpt a {
display:block;
color:#333;
font-size:2em;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
font-size:0.85em;
margin:auto;
}
.tab-label {
    color: #FFF;
    background: LightGray;
    margin: 20px 1px 5px;
    padding: 3px 0;
    order: -1;
flex-grow: 1;
}
.tab-content {
    width: 100%;
    display: none;
}

.tab-switch:checked+.tab-label {
    background: #3399CC;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
.tab-switch {
    display: none;
}
details {
margin:15px auto 5px;
}
summary {
	list-style-type: none;
	border: 2px solid #333333;
	background-color: #143265;
	font-size: 0.75em;
	line-height: 1;
	max-width: 900px;
	width:100%;
	margin:0 auto 10px;
	padding: 10px 0;
	display: inline-block;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
}
summary::-webkit-details-marker {
	display: none;
}

#hide-content {
  display: block;
}

#hide-content:target {
  display: none;
}

#pay form{
width:900px;
margin:auto;
}
#pay form select{
margin:2px auto;
}


/* PC */
@media screen and (min-width:768px) {
.sp{
display:none;
}
#toppage{
  min-width:600px;
}
.radio-wrap,
.tab-wrap,
.selectbox,
.radiobox label,
input[type="number"],
input[type="submit"],
button[type="submit"] {
    max-width: 600px;
}

#shinnyu{
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: flex-start;
	flex-wrap:wrap;
}
}

/* SP */
@media only screen and (max-width: 767px) {
.pc{
display:none;
}
body{
line-height: 1.2;
font-size: 16px;
}
#toppage,
#subpage{
  width:100%;
  margin:0 auto;
}
#container{
  margin-inline: auto;
}

div.percentage{
	font-size:0.60em;
}
span.color1,
span.color2,
span.color3,
span.color4,
span.color5,
span.color6 {
	display: inline-table;
	padding: 6px 9px;
	font-size:0.60em;
}
ul.st_box{
}
.table_racego th,
.table_racego td{
font-size:0.6em;
}
.submit_box{
	width: 97%;
	margin:0 auto;
}
.table_racego,
.table_racer_data,
summary{
	width:97%;
}
input[type="number"],
input[type="submit"],
button[type="submit"] {
    max-width: 300px;
}
}