* {margin: 0;padding: 0;border: 0;}
body {font-family: "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;font: normal 13.5px/17px "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;background-color: #fff;color: #2e2e2e;}
h1, h2 {font-weight: 600;}
h1 {font-size: 26px;line-height: 35px;color: #e0e0e0;}
h2 {font-size: 20px;line-height: 29px;margin-top: 20px;margin-bottom: -20px;}
h2 img{margin: 0px 7px 2px 3px;margin-bottom: -5px;}
p {margin: 20px 0;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
.fixed-nav-bar {box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6);font-size: 14px;}
.paddingtop60 { padding-top: 60px;}
.paddingtop30 { padding-top: 30px;}
.content {position: relative;background: #464646 url(gratisography.jpg) no-repeat right;max-width: 960px;margin: 0 auto;background-size: cover; }
.content2 {position: relative;background: #464646 right;max-width: 960px;margin: 0 auto; }
.description, .some-related-articles {width: 90%;max-width: 960px;margin: 0 auto 50px;}
.description {padding-top: 100px;min-height: 250px;text-align: center;}
.description2, .some-related-articles {width: 90%;max-width: 960px;margin: 0 auto 50px;}
.description2 {padding-top: 70px;min-height: 140px;text-align: center;}
.some-related-articles {color: #444;}
.some-related-articles h1 {color: #384e56;margin-top: 60px;text-transform: uppercase;}
.some-related-articles h2 a:link, 
.some-related-articles h2 a:visited{color: #464646;transition: color 0.1s ease;}
.some-related-articles h2 a:hover {color: #000000;transition: color 0.3s ease;}
.summary {color: #d9dee2;margin-top: 40px;margin-bottom: 40px;}
.summary2 {color: #d9dee2;margin-top: 15px;margin-bottom: 15px;}
.button, .button:visited, .button-dark {display: inline-block;max-width: 200px;margin: 30px 10px 30px 10px;padding: 10px;font-family: "Noto Sans JP", sans-serif;color: #ffffff;background-color: transparent;border: 2px solid #ffffff;border-radius: 3px;text-transform: capitalize;text-align: center;transition: all 0.1s ease;}
.button-dark, .button-dark:visited {margin: 20px 10px 30px 0;color: #464646;border-color: #464646;}
.button:hover, .button-dark:hover {transition: all 0.3s ease;}
.button:hover {background-color: rgba(255, 255, 255, 0.2);}
.button-dark:hover {color: #ffffff;background-color: rgba(70, 70, 70, 0.9);}
.twbtn {margin-top: 22px;margin-bottom: -20px;}
.table-wrapper {max-width: 960px;max-height: 380px;margin: 20px 0;overflow: scroll;}
table {position: relative;border: 1px solid #ddd;border-collapse: separate;font-size: 80%;}
td, th {white-space: nowrap;border: 1px solid #ddd;padding: 8px;}
td {text-align: right;}
th {background-color: #eee;position: -webkit-sticky;position: sticky;top: -1px;z-index: 2;text-align: center;}
th:first-of-type {left: 0;z-index: 3;text-align: center;}
tbody tr td:first-of-type {background-color: #eee;position: -webkit-sticky;position: sticky;left: -1px;text-align: left;}
.table-wrapper-nth {max-width: 960px;max-height: 380px;margin: 20px 0;overflow: scroll;}
.table-wrapper-gamelist {max-width: 960px;max-height: 380px;margin: 20px 0;overflow: scroll;}
.table-wrapper-gamelist table {position: relative;border: 1px solid #ddd;border-collapse: separate;font-size: 80%;}
.table-wrapper-gamelist td, th {white-space: nowrap;border: 1px solid #ddd;padding: 8px;text-align: center;}
.table-wrapper-gamelist th {background-color: #eee;position: -webkit-sticky;position: sticky;top: -1px;z-index: 2;text-align: center;}
.table-wrapper-gamelist th:first-of-type {left: 0;z-index: 3;text-align: center;}
.table-wrapper-gamelist tbody tr td:first-of-type {background-color: #eee;position: -webkit-sticky;position: sticky;left: -1px;text-align: left;}
.table-wrapper-nth {max-width: 960px;max-height: 380px;margin: 20px 0;overflow: scroll;}
.table-wrapper-nth table {position: relative;border: 1px solid #ddd;border-collapse: separate;font-size: 80%;}
.table-wrapper-nth td, th {white-space: nowrap;border: 1px solid #ddd;padding: 8px;}
.table-wrapper-nth td {text-align: right;}
.table-wrapper-nth th {background-color: #eee;position: -webkit-sticky;position: sticky;top: -1px;z-index: 2;text-align: center;}
.table-wrapper-nth th:nth-child(-n+2) {left: 0;z-index: 3;text-align: center;}
.table-wrapper-nth tbody tr td:nth-child(-n+2) {background-color: #eee;position: -webkit-sticky;position: sticky;left: -1px;text-align: left;}
.table-wrapper-profile {max-width: 960px;margin: 20px 0;overflow: scroll;}
.table-wrapper-profile td {text-align: left;}
.table-wrapper-game {max-width: 960px;margin: 20px 0;overflow: scroll;}
.table-wrapper-game table {position: relative;border: 1px solid #ddd;border-collapse: separate;font-size: 80%;}
.table-wrapper-game td, th {white-space: nowrap;border: 1px solid #ddd;padding: 8px;text-align: center;}
.table-wrapper-game th {background-color: #eee;position: -webkit-sticky;position: sticky;top: -1px;z-index: 2;text-align: center;}
.table-wrapper-game th:first-of-type {left: 0;z-index: 3;text-align: center;}
.table-wrapper-game tbody tr td:first-of-type {background-color: #eee;position: -webkit-sticky;position: sticky;left: -1px;text-align: center;}
.table_inning {border: 0;margin: 0;padding: 0;}
.table_inning th {background-color: #fff;}
.table_inning td {background-color: #fff;}
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);margin: 0 auto;}
.tab_item {width: calc(100%/2);height: 50px;border-bottom: 3px solid #5ab4bd;background-color: #d9d9d9;line-height: 50px;font-size: 16px;text-align: center;color: #565656;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 5px 5px 0;clear: both;overflow: hidden;}
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {display: block;}
.tabs input:checked + .tab_item {background-color: #5ab4bd;color: #fff;}
.fix-menu {position: fixed;bottom: 0px;height: auto;z-index: 999;width: 100%;background: rgba(0,0,0,0.8);color: #fff;padding: 5px 5px 0px 5px;font-size: 80%;opacity: 0.95;}
.fix-menu a:link, a:visited, a:hover, a:active{color: #fff;}
.fix-menu ul{list-style: none;}
.fix-menu ul li{width: 33%;text-align: center;float:left}
.is-fixed {display: none!important;}
footer{font-size: 80%;width: 100%;text-align: center;padding-top: 10px;padding-bottom: 2px;background-color: #313131;}
footer address{color: #fff;letter-spacing: 2px;font-style: normal;}
#pageTop {position: fixed;bottom: 30px;right: 10px;}
#pageTop i {padding-top: 6px}
#pageTop a {display: block;z-index: 998;padding: 8px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #9FD6D2;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}
.table-wrapper-nth .table-wrapper-gamelist .table-wrapper a:link, a:visited, a:hover, a:active {color: #1B95E0;font-weight: bold;}
a.anchor{display: block;padding-top: 70px;margin-top: -70px;}
.fixed-nav-bar {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;width: 100%;height: 50px;background-color: #245da3;}
.content {margin-top: 20px;}
.fixed-nav-bar li, .fixed-nav-bar a { height: 50px;line-height: 50px;}
.menu {width: 90%;max-width: 960px;margin: 0 auto;}
.menu a, .menu a:visited {color: #ffffff;}
.menu a:hover, .menu a:target {color: #ebebeb;}
.menu-items {display: inline-block;}
.sitename {display: inline-block;margin-right: 20px;margin-left: 10px;}
a.sitename, a:visited.sitename {color: #e0e0e0;}
.menu-items li {display: inline-block;margin-right: 2.5px;margin-left: 2.5px;}
.menu-items a {text-decoration: none;}
.show, .hide {display: none;padding-left: 15px;background-color: transparent;background-repeat: no-repeat;background-position: center left;color: #dde1e2;}
/*.show {background-image: url(assets/down-arrow-icon.png);}
.hide {background-image: url(assets/up-arrow-icon.png);}*/
@media only screen and (max-width: 800px) {.menu { 
position: relative;width: 100%;}
.sitename {position: absolute;top: 0;left: 15px;margin-left: 0px;}
.menu-items {display: none; width: 100%;margin-top: 50px;background-color: #5591c8;}
.menu-items li {width: 40%;display: block;text-align: center;float: left;}
.show, .hide {position: absolute;top: 0;right: 15px;}
.show {display: inline-block;}
.hide {display: none;}
#menu:target .show {display: none;}
#menu:target .hide, #menu:target .menu-items {display: inline-block;}}
@media only screen and (max-width: 220px) {.sitename, .show, .hide {font-size: 14px;}}