/* fonts google css?family=Russo+One */
/* latin-ext */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* fonts google css?family=Special+Elite */
/* latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.sheet-sheet {
  font-family: 'Special Elite', cursive;
  width: 100%;
}
.sheet-sheet * {
  padding: 1px;
}
.sheet-kuro_section_title{
  font-family: 'Russo One', sans-serif;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 5px;
}
.sheet-kuro_field {
  clear: both;
  width: 100%;
}
.sheet-kuro_field:after{
  clear:both;
  content: "";
  display: table;
}
.sheet-kuro_field .sheet-name{
  float: left;
}
.sheet-kuro_field .sheet-value{
  float: right;
}

.sheet-kuro_field input{
  border:0;
  border-bottom:solid 1px #000;
  outline:none;
}
.sheet-kuro_field input[type=text]{
  float: right;
  width: calc(100% - 7em);
}
.sheet-kuro_field button[type=roll]{
  width: 21px;
  height: 21px
}
.sheet-skills{
  height: 435px !important;
}

/* tab */
/*body {
   padding: 20px 40px;
}*/

.sheet-kuro-tabs {
  position: relative;
  min-height: 435px !important;

  clear: both;
  margin: 35px 0 25px;
  background: white;
}
.sheet-kuro-tab {
  float: left;
}
.sheet-kuro-tab label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
  top: -29px;
}
.sheet-kuro-tab [type=radio] {
  display: none;
}
.sheet-kuro-tab-content {
  position: absolute;
  top: -1px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc;
  -webkit-transition: opacity .6s linear;
  opacity: 0;
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .sheet-kuro-tab-content {
  z-index: 1;
  opacity: 1;
}