@charset "UTF-8";

div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
details,
figcaption,
figure,
menu,
summary,
time,
mark{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;

	font-size: 100%;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;

}
fieldset{
	border: 1px solid #ccc;
    padding: 10px;
}



body{
	line-height: 1;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height: 1.5;
	padding: 0px;
	font-size: 24pt;
	background: #fdffec;
	overflow: hidden;
}


h4 {
    position: relative;
    padding: 5% 5%;
    /*margin: 1em 0 10px 0;*/
    font-size: 120%;
    line-height: 1.2;
    /* border: 3px solid rgba(	90,75,130,0.5); */
    color: #222;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #000000;
    background: linear-gradient(#f9cc56, #f75d2f);
    background: -webkit-gradient(linear, left top, left bottom, from(#868686), to(#ffffff));
}



span{
	font-size: 100%;
}



a{
    color: #337ab7;
    text-decoration: underline;
}

a:hover{
    color: #f00;
}

.input_text{
	font-size: 100%;
    width: 130%;
    height: 5%;
}
.input_text2{
    font-size: 80%;
    width: 100%;
    height: 70px;

}



.sweet-alert p {
    font-size: 100%;

}

.sweet-alert h2 {
    font-size: 120%;
}


.sweet-alert button {
	font-size: 100%;
    padding: 10px 72px;
}


.sweet-alert {
    width: 94%;
    /*left: 34%;*/
    left: 36%;
}



table{
	font-size: 90%;
}



h4.game {
    position: relative;
    padding: 0% 0;
    /*margin: 1em 0 10px 0;*/
    font-size: 120%;
    line-height: 1.2;
    /* border: 3px solid rgba(	90,75,130,0.5); */
    color: #222;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #000000;
    background: linear-gradient(#f9cc56, #f75d2f);
    background: -webkit-gradient(linear, left top, left bottom, from(#ecc200), to(#ffffff));
	height: 9%;
}


hr{
    border-top: 1px solid #676767;
    margin-top: 2%;
    margin-bottom: 2%;
    order: 0;
}













.tab-content input[type="radio"] {
  display: none;
}

.tab-content label {
    display: inline-block;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 70%;
    color: #000000;
    background-color: rgba(206, 206, 206, 0.44);
    cursor: pointer;
    box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.68);
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
	color: #000;
    background-color: rgba(228, 245, 255, 0.67);
}

.tab-content .tab-box {
	width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid #989696;
    border-radius: 0 5px 5px 5px;
    box-sizing: border-box;
    background-color: rgba(228, 245, 255, 0.67);
}

.tab-content > .tab-box > div {
  display: none;
  font-size: 100%;
}


#order_tab1:checked ~ .tab-box > #tabView1 {
  display: block;
  font-size: 100%;
}

#order_tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

#order_tab3:checked ~ .tab-box > #tabView3 {
  display: block;
}

#order_tab4:checked ~ .tab-box > #tabView4 {
  display: block;
}




#order_tact_tab1:checked ~ .tab-box > #tabViewtact_1 {
  display: block;
  font-size: 100%;
}

#order_tact_tab2:checked ~ .tab-box > #tabViewtact_2 {
  display: block;
}

#order_tact_tab3:checked ~ .tab-box > #tabViewtact_3 {
  display: block;
}

#order_tact_tab4:checked ~ .tab-box > #tabViewtact_4 {
  display: block;
}







#taika_score_tab1:checked ~ .tab-box > #taika_score_tab_div1 {
  display: block;
  font-size: 100%;
}

#taika_score_tab2:checked ~ .tab-box > #taika_score_tab_div2 {
  display: block;
}

#taika_score_tab3:checked ~ .tab-box > #taika_score_tab_div3 {
  display: block;
}

#taika_score_tab4:checked ~ .tab-box > #taika_score_tab_div4 {
  display: block;
}

#taika_score_tab5:checked ~ .tab-box > #taika_score_tab_div5 {
  display: block;
}





#taika_score_hist_tab1:checked ~ .tab-box > #taika_score_hist_tab_div1 {
  display: block;
  font-size: 100%;
}

#taika_score_hist_tab2:checked ~ .tab-box > #taika_score_hist_tab_div2 {
  display: block;
}

#taika_score_hist_tab3:checked ~ .tab-box > #taika_score_hist_tab_div3 {
  display: block;
}

#taika_score_hist_tab4:checked ~ .tab-box > #taika_score_hist_tab_div4 {
  display: block;
}





#taika_score_hist_det_tab1:checked ~ .tab-box > #taika_score_hist_det_tab_div1 {
  display: block;
  font-size: 100%;
}

#taika_score_hist_det_tab2:checked ~ .tab-box > #taika_score_hist_det_tab_div2 {
  display: block;
}

#taika_score_hist_det_tab3:checked ~ .tab-box > #taika_score_hist_det_tab_div3 {
  display: block;
}

#taika_score_hist_det_tab4:checked ~ .tab-box > #taika_score_hist_det_tab_div4 {
  display: block;
}




#taika_match_next_tab1:checked ~ .tab-box > #taika_match_next_tab_div1 {
  display: block;
  font-size: 100%;
}

#taika_match_next_tab2:checked ~ .tab-box > #taika_match_next_tab_div2 {
  display: block;
}

#taika_match_next_tab3:checked ~ .tab-box > #taika_match_next_tab_div3 {
  display: block;
}

#taika_match_next_tab4:checked ~ .tab-box > #taika_match_next_tab_div4 {
  display: block;
}



#taika_player_tab1:checked ~ .tab-box > #taika_player_tab_div1 {
  display: block;
  font-size: 100%;
  height: 330px;
}

#taika_player_tab2:checked ~ .tab-box > #taika_player_tab_div2 {
  display: block;
  height: 330px;
}

#taika_player_tab3:checked ~ .tab-box > #taika_player_tab_div3 {
  display: block;
  height: 330px;
}

#taika_player_tab4:checked ~ .tab-box > #taika_player_tab_div4 {
  display: block;
  height: 330px;
}





#taika_player_enemy_tab1:checked ~ .tab-box > #taika_player_enemy_tab_div1 {
  display: block;
  font-size: 100%;
  height: 330px;
}

#taika_player_enemy_tab2:checked ~ .tab-box > #taika_player_enemy_tab_div2 {
  display: block;
  height: 330px;
}

#taika_player_enemy_tab3:checked ~ .tab-box > #taika_player_enemy_tab_div3 {
  display: block;
  height: 330px;
}

#taika_player_enemy_tab4:checked ~ .tab-box > #taika_player_enemy_tab_div4 {
  display: block;
  height: 330px;
}







#taika_player_p_tab1:checked ~ .tab-box > #taika_player_p_tab_div1 {
  display: block;
  font-size: 100%;
  height: 430px;
}

#taika_player_p_tab2:checked ~ .tab-box > #taika_player_p_tab_div2 {
  display: block;
  height: 430px;
}

#taika_player_p_tab3:checked ~ .tab-box > #taika_player_p_tab_div3 {
  display: block;
  height: 430px;
}

#taika_player_p_tab4:checked ~ .tab-box > #taika_player_p_tab_div4 {
  display: block;
  height: 430px;
}





#taika_player_p_enemy_tab1:checked ~ .tab-box > #taika_player_p_enemy_tab_div1 {
  display: block;
  font-size: 100%;
  height: 430px;
}

#taika_player_p_enemy_tab2:checked ~ .tab-box > #taika_player_p_enemy_tab_div2 {
  display: block;
  height: 430px;
}

#taika_player_p_enemy_tab3:checked ~ .tab-box > #taika_player_p_enemy_tab_div3 {
  display: block;
  height: 430px;
}

#taika_player_p_enemy_tab4:checked ~ .tab-box > #taika_player_p_enemy_tab_div4 {
  display: block;
  height: 430px;
}











.tab-content_top input[type="radio"] {
  display: none;
}

.tab-content_top label {
    display: inline-block;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 70%;
    color: #000000;
    background-color: rgba(206, 206, 206, 0.44);
    cursor: pointer;
    box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.68);
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
}
.tab-content_top label:hover,
.tab-content_top input[type="radio"]:checked + label {
	color: #000;
    background-color: rgba(228, 245, 255, 0.67);
}

.tab-content_top .tab-box_top {
	width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid #989696;
    border-radius: 0 5px 5px 5px;
    box-sizing: border-box;
    background-color: rgba(228, 245, 255, 0.67);
}

.tab-content_top > .tab-box_top > div {
  display: none;
  font-size: 100%;
}


#myp_top_tab1:checked ~ .tab-box_top > #myp_top_tab_div1 {
  display: block;
  font-size: 100%;
}
#myp_top_tab2:checked ~ .tab-box_top > #myp_top_tab_div2 {
  display: block;
}
#myp_top_tab3:checked ~ .tab-box_top > #myp_top_tab_div3 {
  display: block;
}
#myp_top_tab4:checked ~ .tab-box_top > #myp_top_tab_div4 {
  display: block;
}









div.bp{
	background-color: rgba(148, 9, 9, 0.49);
    font-weight: normal;
    width: 40%;
}



input[type=text]{
	    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #484848;
    width: 100%;
    padding: 7px;
    border-radius: 4px;
    font-size: 100%;
}


input[type=checkbox] {
    width: 24px;
    height: 24px;
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    margin-right: 20px;
    vertical-align: -5px;
}



.loadingWrap{
	width: 100%;
	height: 100%;
	background: rgba(157, 155, 155, 0.58);
	position: fixed;
	top: 0;
	left: 0;
	z-index:9999;
}
.loadingWrap img{
    position: absolute;
    top: 50%;
    left: 0;
    margin: auto;
    z-index: 9999;
    right: 0;
}





/*
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #b3b3b3;
  height: 2px;
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
}

input[type="range"]:focus,active {
    outline: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    background-color: #07be19;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
*/

.bd.board{
    font-size: 1.9vh;
}