@charset "UTF-8";
/*----------------------------------------------------------
更新日：2025年11月02日

=共通
=スマスロネオプラネット 機種トップ
=入力画面		
=入力画面2


-------------------------------------------------------------*/
/* 共通
-------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&family=Germania+One&family=Konkhmer+Sleokchher&family=M+PLUS+1p&family=M+PLUS+Rounded+1c:wght@400;700&family=Radio+Canada+Big:wght@700&family=Chango&display=swap");
#wrap .page-title {
  padding: 0;
}

.akshar {
  font-family: "Akshar", sans-serif;
}

.mplus-rounded-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.germania-one {
  font-family: "Germania One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.konkhmer-sleokchher {
  font-family: "Konkhmer Sleokchher", system-ui;
  font-weight: 400;
  font-style: normal;
}

.radio-canada-big-bold {
  font-family: "Radio Canada Big", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.chango {
  font-family: "Chango", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* スマスロネオプラネット 機種トップ
-------------------------------------------------------------*/
#keyv {
  overflow: hidden;
}
#keyv #keyv-slider {
  opacity: 0;
}
#keyv #keyv-slider.slick-initialized {
  opacity: 1;
}
#keyv #keyv-slider .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0.6em;
  width: 100%;
}
#keyv #keyv-slider .slick-dots li {
  margin: 0 0.5em;
}
#keyv #keyv-slider .slick-dots li button {
  display: block;
  width: 0.92em;
  height: 0.92em;
  padding: 0;
  background: #BABABA;
  border-radius: 100vw;
  box-shadow: 0 0.2em 0 0 rgba(0, 0, 0, 0.73);
  text-indent: -9999px;
}
#keyv #keyv-slider .slick-dots li.slick-active button {
  background: #F6DF0A;
}

#member {
  position: relative;
  padding: 0.4em 0 0.6em;
}
#member .marker img {
  position: absolute;
  right: 1.6em;
  bottom: 1.9em;
  width: 3em;
  z-index: 1;
}
#member .name {
  display: block;
  position: relative;
}
#member .name dl, #member .name .icon, #member .name .title {
  position: absolute;
}
#member .name dl {
  left: 39%;
  bottom: 22%;
  line-height: 1.3;
  color: #3A3A3A;
}
#member .name dl dt {
  margin-bottom: 0;
  font-size: 1.725em;
  font-weight: bold;
}
#member .name dl dd {
  font-size: 1.14em;
  font-weight: 500;
  color: #FFF5CC;
}
#member .name .icon {
  top: 9%;
  left: 5.5%;
  width: 30%;
}
#member .name .title {
  top: 22%;
  left: 39%;
  width: 53%;
}

#login {
  padding: 0.6em 0.4em;
}
#login .inner {
  position: relative;
}
#login .inner .icon, #login .inner .title, #login .inner .btn {
  position: absolute;
}
#login .inner .icon {
  top: 10%;
  left: 6%;
  width: 29%;
}
#login .inner .title {
  top: 15%;
  left: 40.5%;
  line-height: 1.3;
  font-size: 1.25em;
  font-weight: 700;
}
#login .inner .btn {
  left: 39.5%;
  bottom: 16%;
  width: 10.8em;
  height: 2.2em;
  margin: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  background: #00C878;
  font-weight: 700;
  color: #FFF;
}

#data-input {
  padding: 0 6em 0.6em;
  display: flex;
  justify-content: center;
}

#data-area {
  margin: 0 0.56em 1em;
  padding: 0.825em 0;
  background: #FFF;
  border-radius: 0.5em;
  box-shadow: 0 0.3em 1.25em rgba(16, 42, 97, 0.2);
}
#data-area .summary {
  margin: 0 0.825em 0.825em;
}
#data-area .summary #date-search {
  padding: 0.25em 0 0.1em;
  background: #00693E;
  border-radius: 0.5em 0.5em 0 0;
}
#data-area .summary #date-search ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.25em;
  font-size: 1.2em;
  font-weight: 700;
  color: #FFF;
}
#data-area .summary #date-search ul .akshar {
  display: flex;
  align-items: center;
  position: relative;
  transform: translateY(0.05em);
  font-weight: 600;
}
#data-area .summary #date-search ul .akshar #result-toggle {
  position: absolute;
  right: -1.8em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#data-area .summary #date-search ul .akshar #result-toggle img {
  width: 1.25em;
}
#data-area .summary #date-search ul .akshar #result-toggle img.default {
  display: none;
}
#data-area .summary #date-search ul .akshar #result-toggle.active img.close {
  display: none;
}
#data-area .summary #date-search ul .akshar #result-toggle.active img.default {
  display: inherit;
}
#data-area .summary #date-search ul a {
  color: #FFF;
}
#data-area .summary #date-search ul a.no-link {
  opacity: 0.3;
}
#data-area .summary #result-toggle-contents {
  border: 0.15em solid #B09C53;
  border-top-width: 0.1em;
}
#data-area .summary #result-toggle-contents table {
  table-layout: fixed;
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
#data-area .summary #result-toggle-contents table thead tr th, #data-area .summary #result-toggle-contents table thead tr td {
  background: linear-gradient(180deg, #FCE88A 0%, #CAB970 100%);
  border: 0.05em solid #948442;
  text-align: center;
}
#data-area .summary #result-toggle-contents table thead tr th span, #data-area .summary #result-toggle-contents table thead tr td span {
  font-size: 1.21em;
  font-weight: 700;
}
#data-area .summary #result-toggle-contents table thead tr th {
  color: #564E30;
}
#data-area .summary #result-toggle-contents table thead tr td {
  color: #1D48F2;
}
#data-area .summary #result-toggle-contents table thead tr td .plus{
  color: #1D48F2;
}
#data-area .summary #result-toggle-contents table thead tr td .minus{
  color: #E60012;
}
#data-area .summary #result-toggle-contents table thead tr td .zero{
  color: #000;
}
#data-area .summary #result-toggle-contents table tbody tr td {
  padding: 0.25em 0.65em;
  border: 0.05em solid #C2C2C2;
  font-weight: 700;
}
#data-area .summary #result-toggle-contents table tbody tr td div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#data-area .summary #result-toggle-contents table tbody tr td div > span:first-of-type {
  color: #948442;
}
#data-area .summary #result-toggle-contents table tbody tr td div > span:last-of-type span {
  font-size: 0.8em;
}
#data-area .summary .calendar {
  border: 0.15em solid #B09C53;
  border-radius: 0 0 0.5em 0.5em;
}
#data-area .summary .calendar table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
#data-area .summary .calendar table tr th {
  padding-bottom: 0.1em;
  background: #B09C53;
  border-right: 0.1em solid;
  border-bottom: 0.15em solid;
  border-color: #7E6738;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 0.715em;
  font-weight: 700;
  color: #FFF;
}
#data-area .summary .calendar table tr th:last-of-type {
  border-right: 0;
}
#data-area .summary .calendar table tr td {
  position: relative;
  border-bottom: 0.1em solid #D2D2D2;
  font-size: 1.135em;
  font-family: "Konkhmer Sleokchher", system-ui;
  font-weight: 400;
}
#data-area .summary .calendar table tr td:not(.data) {
  padding: 0.25em 0 0.4em;
}
#data-area .summary .calendar table tr td.today:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  border-left: 1em solid #19B944;
  border-bottom: 1em solid transparent;
}
#data-area .summary .calendar table tr td .bg {
  padding-top: 0.25em;
  border-radius: 3em;
  background: linear-gradient(360deg, rgba(255, 239, 159, 0) 6.73%, #FFEF9F 35.1%);
}
#data-area .summary .calendar table tr td .plus, #data-area .summary .calendar table tr td .minus, #data-area .summary .calendar table tr td .zero {
  margin-top: -0.3em;
  line-height: 1;
  font-size: 0.875em;
  font-family: "Germania One", system-ui;
  font-weight: 400;
}
#data-area .summary .calendar table tr td .plus {
  color: #114EE8;
}
#data-area .summary .calendar table tr td .minus {
  color: #E60012;
}
#data-area .summary .calendar table tr:last-of-type td {
  border-bottom: 0;
}
#data-area .data-detail {
  margin: 0 0.825em 0.825em;
  border: 0.15em solid #00693E;
  border-radius: 0.5em;
}
#data-area .data-detail h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 0.5em 0.5em 0.8em;
  background: #00693E;
  font-size: 1.14em;
  font-weight: 700;
  color: #FFF;
}
#data-area .data-detail h2 span {
  display: block;
}
#data-area .data-detail h2 span a {
  margin-left: 0.2em;
}
#data-area .data-detail h2 span a img {
  height: 1.56em;
}
#data-area .data-detail .inner {
  padding: 0.75em 0.57em;
}
#data-area .data-detail .inner h3 {
  display: flex;
  align-items: center;
  margin: 0 0.25em;
}
#data-area .data-detail .inner h3 + h3 {
  margin-top: 0.8em;
}
#data-area .data-detail .inner h3 img {
  height: 1.56em;
}
#data-area .data-detail .inner h3 span {
  flex-grow: 1;
  display: block;
  margin-left: 0.25em;
  padding: 0.25em;
  border-bottom: 0.1em solid #000;
  font-size: 1.14em;
  font-weight: 700;
}
#data-area .data-detail .inner h3 span.many {
  line-height: 1.2;
  font-size: 0.855em;
}
#data-area .data-detail .inner .medal-count {
  padding: 0.5em 0;
  text-align: center;
  font-weight: 700;
  color: #988540;
}
#data-area .data-detail .inner .medal-count span + span {
  margin-left: 2em;
}
#data-area .data-detail .inner .game-count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 0.1em 0;
  border: 0.15em solid;
  border-radius: 0.3em;
  font-weight: 700;
}
#data-area .data-detail .inner .game-count p {
  font-size: 0.715em;
}
#data-area .data-detail .inner .game-count p:last-of-type {
  margin-left: 2em;
}
#data-area .data-detail .inner .game-count p span {
  margin: 0 0.25em 0 1em;
  font-size: 1.4em;
}
#data-area .data-detail .inner .reel-list div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
#data-area .data-detail .inner .reel-list div li {
  position: relative;
  width: 33.333%;
}
#data-area .data-detail .inner .reel-list div li span, #data-area .data-detail .inner .reel-list div li .reel {
  position: absolute;
}
#data-area .data-detail .inner .reel-list div li .reel {
  top: 50%;
  left: 50%;
  width: 85%;
  transform: translate(-50%, -50%);
}
#data-area .data-detail .inner .reel-list div li span {
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  font-weight: 800;
  color: #FFF;
}
#data-area .data-detail .inner .reel-list div li span:first-of-type {
  top: 0.5em;
}
#data-area .data-detail .inner .reel-list div li span:last-of-type {
  width: 90%;
  bottom: 0.5em;
  letter-spacing: 0.1em;
  font-family: "Radio Canada Big", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}

#data-delete .modal-main {
  top: 50%;
  left: 50%;
  padding: 2.5em 0 2em;
  background: #FFF;
  transform: translate(-50%, -50%);
}
#data-delete .modal-main dl {
  text-align: center;
  font-weight: 700;
}
#data-delete .modal-main dl dt {
  margin-bottom: 0.5em;
  line-height: 1.4;
  font-size: 1.275em;
}
#data-delete .modal-main dl dd {
  display: flex;
  justify-content: center;
  align-items: center;
}
#data-delete .modal-main dl dd button {
  width: 6.915em;
  padding: 0.15em 0;
  border: 0.1em solid #FF7A00;
  border-radius: 100dvw;
  background: linear-gradient(360deg, #FF7A00 53.37%, #FFA140 94.51%);
  font-size: 1.275em;
  color: #FFF;
}
#data-delete .modal-main dl dd button:last-of-type {
  margin-left: 1em;
  border-color: #217BF5;
  background: linear-gradient(360deg, #217BF5 20.51%, #3DB3FF 94.51%);
}
#data-delete .overlay {
  background: rgba(170, 209, 229, 0.7);
}

/* 入力画面
-------------------------------------------------------------*/
#counter-toggle {
  display: flex;
  align-items: center;
}
#counter-toggle .default, #counter-toggle .close {
  position: absolute;
  left: 0.6em;
  width: 1.4em;
  transform: translateY(10%);
}
#counter-toggle .default {
  display: none;
}
#counter-toggle.active .default {
  display: inherit;
}
#counter-toggle.active .close {
  display: none;
}

#counter-toggle-contents {
  padding: 1.2em 0.45em;
  background: #FFF;
  border-radius: 0 0 1em 1em;
  box-shadow: 0 0.3em 1.25em rgba(16, 42, 97, 0.2);
}
#counter-toggle-contents dl {
  overflow: hidden;
  width: 12.58em;
  margin: 0.8em auto 0;
  border: 0.2em solid #797566;
  border-radius: 0.75em;
  text-align: center;
  font-weight: 700;
}
#counter-toggle-contents dl dt {
  padding: 0.1em 0;
  background: #FCE88A;
  border-bottom: 0.1em solid #C2C2C2;
  font-size: 1.2em;
  color: #564E30;
}
#counter-toggle-contents dl dd {
  font-size: 1.7em;
}
#counter-toggle-contents dl dd span {
  font-size: 0.84em;
}

#counter-edit-text {
  padding-top: 0.5em;
  text-align: center;
  font-size: 1.275em;
  font-weight: 700;
  color: #FF593C;
}
#counter-edit-text.new {
  letter-spacing: 0.45em;
}
.counter-error-text {
  margin-bottom: 0.25em;
  text-align: center;
  font-weight: 700;
  color: #F00;
}
#counter {
  margin: 0.56em 0.56em 1em;
  padding: 0.6em 0 0.25em;
  background: #FFF;
  border-radius: 0.5em;
  box-shadow: 0 0.3em 1.25em rgba(16, 42, 97, 0.2);
}
#counter #game-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25em 1em 0 1.5em;
}
#counter #game-count .manual {
  width: 10.5em;
  text-align: center;
}
#counter #game-count .manual span {
  font-size: 1.21em;
  font-weight: 700;
}
#counter #game-count .manual p {
  position: relative;
}
#counter #game-count .manual p input {
  position: absolute;
  left: 0;
  bottom: 0.1em;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 0.5em;
  text-align: center;
  text-shadow: 0 0.1em 0 rgba(16, 42, 97, 0.2);
  font-size: 1.35em;
  font-weight: 700;
  color: #FFF;
}
#counter #game-count a {
  width: 12em;
}
#counter #game-count button {
  width: 5.97em;
  margin-left: 0.725em;
  -webkit-tap-highlight-color: transparent;
}
#counter #game-count button:first-of-type {
  background: url("../img/counter/all_plus10_on.png") no-repeat center center;
  background-size: 0;
}
#counter #game-count button:last-of-type {
  background: url("../img/counter/all_plus1_on.png") no-repeat center center;
  background-size: 0;
}
#counter #game-count button:active:first-of-type, #counter #game-count button:active:last-of-type, #counter #game-count button.active:first-of-type, #counter #game-count button.active:last-of-type {
  background-size: contain;
}
#counter #game-count button:active img, #counter #game-count button.active img {
  opacity: 0;
}
#counter .line {
  display: block;
  width: 90%;
  margin: 1.35em auto;
  border: 0;
  border-bottom: 0.3em dotted #E6D37F;
}
#counter .reel-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.75em;
}
#counter .reel-list li {
  position: relative;
  width: calc(50% - 0.2em);
  text-align: center;
  margin: 0 0.1em 0.25em;
}
#counter .reel-list li > *:not(.bg) {
  position: absolute;
}
#counter .reel-list li span, #counter .reel-list li input {
  top: 3.8%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #FFF;
}
#counter .reel-list li span {
  font-size: 1.135em;
}
#counter .reel-list li input {
  top: 54%;
  display: block;
  height: 1em;
  font-size: 1.285em;
}
#counter .reel-list li a {
  top: 0.1em;
  right: -0.1em;
  z-index: 1;
}
#counter .reel-list li a img {
  height: 2.32em;
}
#counter .reel-list li button {
  bottom: 1%;
  -webkit-tap-highlight-color: transparent;
}
#counter .reel-list li button:disabled {
  pointer-events: none;
}
#counter .reel-list li button:first-of-type {
  left: 0.7em;
}
#counter .reel-list li button:last-of-type {
  right: 0.7em;
}
#counter .reel-list li button img {
  position: relative;
  height: 3em;
}
#counter .reel-list li button:first-of-type {
  background: url("../img/counter/reel_minus_on.png") no-repeat center center;
  background-size: 0;
}
#counter .reel-list li button:last-of-type {
  background: url("../img/counter/reel_plus_on.png") no-repeat center center;
  background-size: 0;
}
#counter .reel-list li button:active:first-of-type, #counter .reel-list li button:active:last-of-type, #counter .reel-list li button.active:first-of-type, #counter .reel-list li button.active:last-of-type {
  background-size: contain;
}
#counter .reel-list li button:active img, #counter .reel-list li button.active img {
  opacity: 0;
}
#counter .reel-list li .reel {
  top: 2.2em;
  left: 50%;
  width: 87%;
  transform: translateX(-50%);
}

#counter-btn-area {
  padding-bottom: 1em;
}
#counter-btn-area .btn {
  width: 11.97em;
  height: 2em;
  font-size: 1.71em;
  font-weight: 700;
}

#data-output {
  margin: 0.56em 0.56em 1em;
  padding: 0.805em;
  background: #FFF;
  border-radius: 0.5em;
  box-shadow: 0 0.3em 1.25em rgba(16, 42, 97, 0.2);
}
#data-output .inner {
  border: 0.15em solid #00693E;
  border-radius: 0.5em;
}
#data-output .inner + .inner {
  margin-top: 2em;
}
#data-output .inner h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 0.5em 0.5em 0.8em;
  background: #00693E;
  font-size: 1.14em;
  font-weight: 700;
  color: #FFF;
}
#data-output .inner h2 span {
  display: block;
}
#data-output .inner h2 span a {
  margin-left: 0.2em;
}
#data-output .inner h2 span a img {
  height: 1.56em;
}
#data-output .inner .table {
  border: 0.05em solid #948442;
  border-bottom-width: 0.5em;
  border-radius: 0 0 0.35em 0.35em;
  width: 100%;
}
#data-output .inner .table .head, #data-output .inner .table .body {
  display: flex;
  width: 100%;
}
#data-output .inner .table .head .gold, #data-output .inner .table .body .gold {
  width: 16%;
  white-space: nowrap;
}
#data-output .inner .table .head .bonus, #data-output .inner .table .body .bonus {
  width: 24%;
  display: flex;
  flex-direction: column;
}
#data-output .inner .table .head .memo, #data-output .inner .table .body .memo {
  flex-grow: 1;
}
#data-output .inner .table .head {
  background: linear-gradient(180deg, #FCE88A 0%, #CAB970 100%);
  text-align: center;
  color: #564E30;
}
#data-output .inner .table .head div {
  border-right: 0.05em solid #948442;
  border-bottom: 0.05em solid #948442;
}
#data-output .inner .table .head div span {
  font-size: 1.21em;
  font-weight: 700;
}
#data-output .inner .table .body {
  position: relative;
}
#data-output .inner .table .body .delete-modal,
#data-output .inner .table .body .edit-modal {
  display: none;
  position: absolute;
  width: 100%;
  height: calc(100% - 0.2em);
  border: 0.3em solid #FFF;
}
#data-output .inner .table .body .delete-modal.yame-height,
#data-output .inner .table .body .edit-modal.yame-height {
  height: calc(100% + 3em);
}
#data-output .inner .table .body .delete-modal .inner,
#data-output .inner .table .body .edit-modal .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 0;
}
#data-output .inner .table .body .delete-modal .inner button,
#data-output .inner .table .body .delete-modal .inner a,
#data-output .inner .table .body .edit-modal .inner button,
#data-output .inner .table .body .edit-modal .inner a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  font-weight: 700;
  color: #FFF;
}
#data-output .inner .table .body .delete-modal .inner button img,
#data-output .inner .table .body .delete-modal .inner a img,
#data-output .inner .table .body .edit-modal .inner button img,
#data-output .inner .table .body .edit-modal .inner a img {
  margin-right: 1em;
  height: 1.4em;
}
#data-output .inner .table .body .delete-modal {
  background: rgba(0, 102, 19, 0.75);
  box-shadow: 0 0.2em 0 0 #2D9E28;
}
#data-output .inner .table .body .edit-modal {
  background: rgba(255, 136, 0, 0.75);
  box-shadow: 0 0.2em 0 0 #FF7A00;
}
#data-output .inner .table .body .gold {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 0.05em solid #948442;
  border-bottom: 0.05em solid #948442;
}
#data-output .inner .table .body .gold span {
  font-size: 1.35em;
  font-weight: 900;
}
#data-output .inner .table .body .bonus > div, #data-output .inner .table .body .memo > div {
  display: flex;
  align-items: center;
  height: 2.2em;
  border-right: 0.05em solid #948442;
  border-bottom: 0.05em solid #948442;
}
#data-output .inner .table .body .bonus > div {
  justify-content: center;
  flex-grow: 1;
}
#data-output .inner .table .body .bonus > div span {
  font-weight: 900;
}
#data-output .inner .table .body .bonus > div.bb {
  background: #E60012;
}
#data-output .inner .table .body .bonus > div.bb span {
  font-size: 1.425em;
  color: #FFF100;
}
#data-output .inner .table .body .bonus > div.rb {
  background: #2857CD;
}
#data-output .inner .table .body .bonus > div.rb span {
  font-size: 1.425em;
  color: #FFF100;
}
#data-output .inner .table .body .bonus > div.sbb {
  background: #FFF100;
}
#data-output .inner .table .body .bonus > div.sbb span {
  font-size: 1.425em;
  color: #2857CD;
}
#data-output .inner .table .body .bonus > div.star {
  background: #A04BC2;
}
#data-output .inner .table .body .bonus > div.star span {
  font-weight: 700;
  color: #FFF;
}
#data-output .inner .table .body .bonus > div.yame {
  background: #3D3D3D;
}
#data-output .inner .table .body .bonus > div.yame span {
  font-size: 1.125em;
  color: #FFF;
}
#data-output .inner .table .body .bonus > div.red span {
  font-size: 1.275em;
  color: #E60012;
}
#data-output .inner .table .body .bonus > div.blue span {
  font-size: 1.425em;
  color: #2857CD;
}
#data-output .inner .table .body .bonus > div.get {
  position: relative;
  border-right: 0;
}
#data-output .inner .table .body .bonus > div.get span {
  font-size: 1.125em;
  font-weight: 700;
  color: #948442;
}
#data-output .inner .table .body .bonus > div.adjust span {
  font-size: 1.125em;
}
#data-output .inner .table .body .memo > div {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.05em solid #948442;
  padding-left: 0.25em;
  padding-right: 0.25em;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
}
#data-output .inner .table .body .memo > div.count {
  padding-left: 0.875em;
}
#data-output .inner .table .body .memo > div span.fontS {
  font-size: 0.71em;
}
#data-output .inner .table .body .memo > div span.fontL {
  font-size: 1.125em;
}
#data-output .inner .table .body .memo > div span.flash {
  display: flex;
  align-items: center;
  height: 1.4em;
  padding: 0 0.25em 0 0.1em;
  background: #FF7A00;
  border-radius: 0.1em;
  font-size: 1.275em;
  color: #FFF;
}
#data-output .inner .table .body .memo > div span.flash img {
  height: 0.875em;
}
#data-output .game-count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.75em;
  padding: 0.1em 0;
  border: 0.3em solid #948442;
  border-radius: 0.3em;
  font-weight: 700;
}
#data-output .game-count + .inner {
  margin-top: 2em;
}
#data-output .game-count p {
  font-size: 0.875em;
}
#data-output .game-count p:last-of-type {
  margin-left: 2em;
}
#data-output .game-count p span:first-of-type {
  margin-right: 1em;
  color: #948442;
}
#data-output .game-count p span:last-of-type {
  margin-left: 0.5em;
  font-size: 0.875em;
}

#counter-delete .modal-main {
  overflow: visible;
  top: 50%;
  left: 50%;
  padding: 2.5em 0 2em;
  background: #FFF;
  transform: translate(-50%, -50%);
}
#counter-delete .modal-main img {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.84em;
  z-index: 1;
  transform: translate(14%, -20%);
}
#counter-delete .modal-main dl {
  text-align: center;
  font-weight: 700;
}
#counter-delete .modal-main dl dt {
  margin-bottom: 2em;
  line-height: 1.4;
  font-size: 1.275em;
}
#counter-delete .modal-main dl dd {
  display: flex;
  justify-content: center;
  align-items: center;
}
#counter-delete .modal-main dl dd button {
  width: 6.915em;
  padding: 0.15em 0;
  border: 0.1em solid #FF7A00;
  border-radius: 100dvw;
  background: linear-gradient(360deg, #FF7A00 53.37%, #FFA140 94.51%);
  font-size: 1.275em;
  color: #FFF;
}
#counter-delete .modal-main dl dd button:last-of-type {
  margin-left: 1em;
  border-color: #217BF5;
  background: linear-gradient(360deg, #217BF5 20.51%, #3DB3FF 94.51%);
}
#counter-delete .overlay {
  background: rgba(170, 209, 229, 0.7);
}

.info.modal .modal-main {
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 23.8em;
  padding: 1.5em 2em 2em;
  background: #000;
  border-radius: 0.5em;
  color: #FFF;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.info.modal .modal-main .movie {
  padding-top: 1em;
}
.info.modal .modal-main p:not(:last-of-type) {
  margin-bottom: 1em;
}
.info.modal .modal-main p a {
  color: inherit;
}
.info.modal .modal-main p a:not(:hover) {
  text-decoration: underline;
}
.info.modal .overlay {
  background: rgba(0, 0, 0, 0);
}

#data.modal .modal-main {
  top: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
  padding: 2.15em 0;
  background: none;
  pointer-events: none;
}
#data.modal .inner {
  pointer-events: auto;
  position: relative;
  left: 50%;
  width: 25.5em;
  padding: 1.5em 1.022em 0.5em;
  background: #FFF;
  border-radius: 0.5em;
  box-shadow: 0 0.4em 1.1em 0 rgba(16, 42, 97, 0.2);
  transform: translate(-50%, 0);
}
#data.modal .inner .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.84em;
  z-index: 1;
  transform: translate(14%, -42%);
}
#data.modal .inner .error-text {
  margin-bottom: 0.5em;
  text-align: center;
  font-weight: 700;
  color: #F00;
}
#data.modal .inner .tab-contents .box {
  display: none;
  padding-top: 0.5em;
}
#data.modal .inner .arrow {
  padding: 0.5em 0;
  text-align: center;
}
#data.modal .inner .arrow img {
  width: 5.65em;
}
#data.modal .inner .line {
  border: 0;
  border-bottom: 0.15em solid #D2DAEE;
}
#data.modal .inner .headline {
  padding-left: 0.2em;
  font-size: 1.14em;
  font-weight: 700;
  color: #FF7A00;
}
#data.modal .inner .minigame {
  padding: 1em 0 1.5em;
}
#data.modal .inner table {
  width: 100%;
}
#data.modal .inner table + table {
  margin-top: 2em;
}
#data.modal .inner table tr th, #data.modal .inner table tr td {
  padding: 0.3em 0.2em;
  font-weight: 700;
}
#data.modal .inner table tr th {
  width: 0;
  padding-right: 0.5em;
  text-align: left;
  white-space: nowrap;
  font-size: 1.14em;
}
#data.modal .inner table tr th.memo {
  padding-top: 0;
  font-size: inherit;
  color: #FF7A00;
}
#data.modal .inner table tr td {
  vertical-align: middle;
}
#data.modal .inner table tr td div {
  display: flex;
  align-items: center;
}
#data.modal .inner table tr td div span {
  margin: 0 0.8em;
}
#data.modal .inner table tr td .tab {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
}
#data.modal .inner table tr td .tab li {
  width: 33.3333%;
}
#data.modal .inner table tr td .tab li:nth-child(3n) {
  margin-bottom: 0.8em;
}
#data.modal .inner table tr td .tab a {
  display: flex;
  align-items: center;
  position: relative;
  color: inherit;
}
#data.modal .inner table tr td .tab a span {
  display: block;
  position: relative;
  width: 1.2em;
  height: 1.2em;
  border: 0.15em solid #9FB1C9;
  border-radius: 100vw;
  margin: 0 0.25em 0 0;
}
#data.modal .inner table tr td .tab a.active {
  color: inherit !important;
}
#data.modal .inner table tr td .tab a.active span {
  border-color: #FF7A00;
}
#data.modal .inner table tr td .tab a.active span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 100vw;
  background: #FF7A00;
  transform: translate(-50%, -50%);
}
#data.modal .inner table tr td .tab a.no-active {
  color: #8A9AC3;
}
#data.modal .inner table tr td .radio {
  display: flex;
  justify-content: space-between;
  width: 77%;
}
#data.modal .inner table tr td .radio label.no-active {
  color: #8A9AC3;
}
#data.modal .inner table tr td .radio label.active {
  color: inherit;
}
#data.modal .inner table tr td .input-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 85%;
}
#data.modal .inner table tr td .input-field.edit:after {
  content: "";
  display: block;
  position: absolute;
  right: 0.5em;
  width: 0.8em;
  height: 0.8em;
  background: url("../img/common/icon_edit.svg") no-repeat;
  background-size: contain;
}
#data.modal .inner table tr td .input-field.edit .input-text {
  padding-right: 1.5em;
}
#data.modal .inner table tr td .input-select-arrow {
  width: 85%;
}
#data.modal .inner table tr td .input-select-arrow:after {
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
  border-top: 0.45em solid;
  right: 0.6em;
  opacity: 0.3;
}
#data.modal .inner .btn-area {
  padding: 1em;
}
#data.modal .inner .btn-area .btn {
  width: 7.19em;
  height: 2.395em;
  margin: 0 auto;
  font-size: 1.425em;
  font-weight: 700;
}
#data.modal .overlay {
  background: rgba(170, 209, 229, 0.7);
}

/* 入力画面2
-------------------------------------------------------------*/
#detaildata {
  margin: 0.56em 0.56em 0;
  padding: 1.022em;
  background: #FFF;
  border-radius: 0.5em;
  box-shadow: 0 0.3em 1.25em rgba(16, 42, 97, 0.2);
}
#detaildata .error-text {
  margin-bottom: 0.25em;
  text-align: center;
  font-weight: 700;
  color: #F00;
}
#detaildata table {
  width: 100%;
  margin-bottom: 0.8em;
}
#detaildata table tr th, #detaildata table tr td {
  padding: 0.4em 0.2em;
  font-weight: 700;
}
#detaildata table tr th {
  width: 0;
  padding-right: 0.5em;
  text-align: left;
  white-space: nowrap;
  font-size: 1.14em;
}
#detaildata table tr td.machine-name {
  font-size: 1.14em;
}
#detaildata table tr td.shop-name input {
  padding: 0.139em 0.5em;
  font-size: 0.875em;
}
#detaildata table tr td.play-day ul {
  display: flex;
  justify-content: space-between;
}
#detaildata table tr td.play-day ul li {
  width: calc(33.333% - 0.4em);
}
#detaildata table tr td div {
  display: flex;
  align-items: center;
}
#detaildata table tr td div span {
  margin: 0 0.8em;
}
#detaildata table tr td .input-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
#detaildata table tr td .input-field.edit:after {
  content: "";
  display: block;
  position: absolute;
  right: 0.5em;
  width: 0.8em;
  height: 0.8em;
  background: url("../img/common/icon_edit.svg") no-repeat;
  background-size: contain;
}
#detaildata table tr td .input-field.edit .input-text {
  padding-right: 1.5em;
}
#detaildata table tr td .input-select-arrow.active .input-select {
  padding-left: 0.75em;
}
#detaildata table tr td .input-select-arrow.active:after {
  right: 0.5em;
  border: 0;
  content: "年";
}
#detaildata table tr td .input-select-arrow.month.active .input-select {
  padding-left: 0.5em;
  text-align: center;
}
#detaildata table tr td .input-select-arrow.month.active:after {
  content: "月";
}
#detaildata table tr td .input-select-arrow.day.active .input-select {
  padding-left: 0.5em;
  text-align: center;
}
#detaildata table tr td .input-select-arrow.day.active:after {
  content: "日";
}

#detaildata-btn-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2em 2.25em;
}
#detaildata-btn-area .btn {
  width: 7.19em;
  height: 2.395em;
  margin: 0;
  font-size: 1.425em;
  font-weight: 700;
}