@charset "UTF-8";
@font-face {
  font-family: 'futura';
  src: url("../font/futura/futura-medium-bt.woff2");
  font-display: swap; }
@font-face {
  font-family: 'futura-light';
  src: url("../font/futura/futura-light-bt.woff2");
  font-display: swap; }
@font-face {
  font-family: 'aplMincho';
  src: url("../font/aplMincho/aplMincho.woff2");
  font-display: swap; }
@font-face {
  font-family: 'kazesawa';
  src: url("../font/kazesawa/Kazesawa-Regular.woff2");
  font-display: swap; }
@font-face {
  font-family: 'kazesawa-bold';
  src: url("../font/kazesawa/Kazesawa-Bold.woff2");
  font-display: swap; }
@font-face {
  font-family: 'asobi';
  src: url("../font/AsobiMemogaki-Regular-1-01.woff");
  font-display: swap; }
html, body, 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,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

option {
  color: var(--darkText); }

* {
  box-sizing: border-box; }

body {
  background: #000;
  font-family: kazesawa, sans-serif;
  font-weight: 300;
  font-style: normal; }

#wrap {
  width: 640px;
  height: auto;
  margin: 0 auto;
  overflow-x: hidden;
  background: #fff; }

.aisho {
  position: relative; }
  .aisho input {
    width: 560px;
    font-family: asobi;
    font-size: 24px;
    color: #000;
    background: #fff;
    padding: 0.5em 1em;
    overflow: hidden;
    position: absolute;
    left: 40px; }
    .aisho input:first-of-type {
      top: 660px; }
    .aisho input:last-of-type {
      top: 720px; }
  .aisho .copy {
    font-family: kazesawa-bold;
    width: 560px;
    font-size: 24px;
    line-height: 1.2em;
    position: absolute;
    left: 40px;
    top: 1066px;
    margin: auto;
    color: #fff;
    text-align: justify; }
  .aisho #uranaiKekka {
    width: 640px;
    padding: 40px;
    color: #de0062;
    font-family: asobi;
    font-size: 30px; }
    .aisho #uranaiKekka > div {
      margin: 0.5em 0 1em 0;
      color: #000;
      text-align: justify;
      line-height: 1.2em; }
  .aisho #uranaiFooter {
    width: 640px;
    height: 150px;
    background: #de0062;
    font-size: 16px;
    font-family: futura;
    padding-top: 1em;
    text-align: center; }
    .aisho #uranaiFooter a {
      color: #fff;
      text-decoration: none; }

#header {
  position: fixed;
  top: 0;
  width: 640px;
  height: 80px;
  background: #de0062;
  color: #fff;
  font-size: 60px;
  text-align: center;
  z-index: 10; }
  #header i {
    margin: 10px;
    cursor: pointer; }
  #header > div {
    position: absolute;
    top: 0; }
    #header > div:first-of-type {
      align-items: center;
      width: 260px;
      left: 40px;
      top: 25px;
      font-size: 20px;
      font-family: kazesawa;
      text-align: left; }
      #header > div:first-of-type > span {
        font-size: 18px;
        font-family: futura; }
    #header > div:last-of-type {
      right: 0;
      display: flex;
      align-items: flex-end; }
      #header > div:last-of-type #headerIconChat {
        display: none; }

.subTitle {
  width: 640px;
  height: 100px;
  background: #ee7fb0;
  color: #fff;
  font-size: 30px;
  padding: 50px 40px 20px 40px;
  overflow: hidden;
  font-family: kazesawa-bold; }

.whiteBox, .pinkBox {
  width: 640px;
  padding: 20px 40px 60px 40px;
  background: #fff;
  color: #000;
  position: relative;
  font-size: 24px;
  font-family: kazesawa;
  overflow: auto; }
  .whiteBox > .text, .pinkBox > .text {
    margin-top: 20px;
    text-align: justify;
    font-family: kazesawa;
    font-size: 20px;
    line-height: 1.5em; }

.pinkBox {
  background: rgba(222, 0, 98, 0.3); }

.category {
  width: 560px;
  height: 32px;
  line-height: 1em;
  padding: 4px 0;
  text-align: center;
  font-family: kazesawa;
  font-size: 24px;
  background: #de0062;
  color: #fff;
  border-radius: 16px; }

.infoDetails {
  width: 100%;
  border: #ee7fb0 4px solid;
  padding: 0.5em;
  margin-bottom: 20px;
  text-align: justify;
  line-height: 1.5em; }
  .infoDetails > summary {
    font-family: kazesawa-bold; }

#aptDialog {
  width: 640px;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  z-index: 500;
  position: fixed;
  top: -100vh;
  color: #000;
  font-size: 24px;
  padding: 0 40px;
  transition: top .5s ease; }
  #aptDialog .icon {
    margin: 10px 0 60px 0;
    font-size: 60px;
    text-align: center; }
    #aptDialog .icon > i {
      cursor: pointer; }
  #aptDialog > .menu {
    width: 560px;
    font-size: 30px;
    line-height: 1em;
    padding: 0.5em 1em;
    color: #fff;
    background: #de0062;
    margin-bottom: 20px; }

.favoriteFrame {
  width: 560px;
  height: 100px;
  text-align: right;
  position: relative; }
  .favoriteFrame > div {
    display: inline-block; }
    .favoriteFrame > div:nth-of-type(1) {
      position: absolute;
      top: 0;
      left: 0;
      font-family: kazesawa-bold;
      font-size: 24px;
      min-height: 60px; }
      .favoriteFrame > div:nth-of-type(1) > input[type=checkbox] {
        display: none; }
        .favoriteFrame > div:nth-of-type(1) > input[type=checkbox] + label {
          position: relative;
          line-height: 60px;
          padding-left: 70px; }
          .favoriteFrame > div:nth-of-type(1) > input[type=checkbox] + label::before {
            content: "\f0c8";
            font-family: "Font Awesome 5 Free";
            font-size: 60px;
            margin-right: 10px;
            position: absolute;
            left: 0px;
            color: #de0062; }
        .favoriteFrame > div:nth-of-type(1) > input[type=checkbox]:checked + label::before {
          content: "\f14a";
          font-family: "Font Awesome 5 Free";
          font-size: 60px;
          margin-right: 10px;
          position: absolute;
          left: 0px;
          color: #de0062; }
    .favoriteFrame > div:nth-of-type(2) {
      font-family: kazesawa-bold;
      font-size: 24px;
      margin-right: 20px; }
    .favoriteFrame > div:last-of-type {
      font-family: futura;
      font-size: 100px;
      line-height: 1em; }

.messageSendBox {
  width: 560px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .messageSendBox > textarea {
    width: 480px;
    font-family: kazesawa;
    font-size: 24px;
    border: #de0062 4px solid;
    padding: 0.5em 1em; }
  .messageSendBox > i {
    font-size: 60px;
    cursor: pointer;
    color: #de0062; }

.newDateFrame {
  width: 560px;
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: space-between; }
  .newDateFrame input[type=date] {
    font-size: 22px;
    font-family: futura;
    width: 210px;
    border: #de0062 4px solid;
    padding: 4px; }
  .newDateFrame select {
    font-size: 22px;
    font-family: futura;
    width: 110px;
    border: #de0062 4px solid;
    padding: 4px; }

.jobSelect {
  font-size: 22px;
  font-family: futura;
  width: 100%;
  border: #de0062 4px solid;
  padding: 4px; }

.dateFrame {
  width: 560px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: futura;
  margin-top: 20px; }
  .dateFrame > div:first-of-type {
    width: 140px;
    overflow: hidden; }
    .dateFrame > div:first-of-type > div:first-of-type {
      font-family: kazesawa;
      font-size: 18px; }
    .dateFrame > div:first-of-type > div:last-of-type {
      font-size: 22px; }
  .dateFrame > div:last-of-type {
    width: 150px;
    font-size: 60px;
    color: #de0062;
    margin-left: auto; }
    .dateFrame > div:last-of-type > i {
      margin-left: 20px; }
    .dateFrame > div:last-of-type > div {
      background: #de0062;
      font-size: 22px;
      color: #fff;
      line-height: 1em;
      padding: 0.5em 1em;
      text-align: center;
      border-radius: 8px; }
  .dateFrame > select {
    width: 110px;
    font-size: 22px;
    font-family: futura;
    border: #de0062 4px solid;
    padding: 4px;
    margin-left: 10px; }

.loveCallCount {
  font-family: futura;
  font-size: 100px;
  text-align: right;
  color: #000;
  margin-bottom: 200px; }

.salesTable {
  width: 560px; }
  .salesTable tr > td {
    vertical-align: top;
    font-size: 22px;
    padding-bottom: 10px; }
    .salesTable tr > td:first-of-type {
      width: 150px;
      padding-right: 20px; }
      .salesTable tr > td:first-of-type > div {
        background: #de0062;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        font-size: 20px; }
    .salesTable tr > td:nth-of-type(2) > input[type=number], .salesTable tr > td:nth-of-type(2) > input[type=text] {
      width: 110px;
      font-size: 22px;
      font-family: futura;
      border: #de0062 4px solid;
      padding: 4px;
      text-align: right; }
    .salesTable tr > td:nth-of-type(2) > div {
      min-height: 60px; }
      .salesTable tr > td:nth-of-type(2) > div > input[type=checkbox] {
        display: none; }
        .salesTable tr > td:nth-of-type(2) > div > input[type=checkbox] + label {
          position: relative;
          line-height: 60px;
          padding-left: 70px; }
          .salesTable tr > td:nth-of-type(2) > div > input[type=checkbox] + label::before {
            content: "\f0c8";
            font-family: "Font Awesome 5 Free";
            font-size: 60px;
            margin-right: 10px;
            position: absolute;
            left: 0px;
            color: #de0062; }
        .salesTable tr > td:nth-of-type(2) > div > input[type=checkbox]:checked + label::before {
          content: "\f14a";
          font-family: "Font Awesome 5 Free";
          font-size: 60px;
          margin-right: 10px;
          position: absolute;
          left: 0px;
          color: #de0062; }

#geustIdCheckSw {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #de0062;
  border-radius: 4px;
  color: #fff; }

.pointFrame {
  display: none; }

#saleFinishSw, #preSubmitSw, #delPreSubmitSw {
  width: 560px;
  padding: 20px 80px;
  position: relative;
  background: #de0062;
  border-radius: 4px;
  color: #fff; }
  #saleFinishSw > div:nth-of-type(1), #preSubmitSw > div:nth-of-type(1), #delPreSubmitSw > div:nth-of-type(1) {
    width: 100%;
    text-align: center;
    font-family: kazesawa-bold;
    font-size: 30px; }
  #saleFinishSw > div:nth-of-type(2), #preSubmitSw > div:nth-of-type(2), #delPreSubmitSw > div:nth-of-type(2) {
    font-size: 22px;
    text-align: justify;
    margin-top: 10px; }
  #saleFinishSw > div:nth-of-type(3), #preSubmitSw > div:nth-of-type(3), #delPreSubmitSw > div:nth-of-type(3) {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 40px; }

.section {
  width: 100%;
  text-align: center; }
  .section > div {
    display: inline-block;
    color: #000; }
    .section > div:first-of-type {
      font-family: kazesawa-bold;
      font-size: 28px;
      border-bottom: #000 1px solid;
      height: 32px; }
    .section > div:last-of-type {
      font-family: futura;
      font-size: 14px; }

.salesList {
  width: 560px;
  background: rgba(222, 0, 98, 0.3);
  font-size: 30px; }
  .salesList > summary {
    padding: 10px 30px 10px 10px; }
    .salesList > summary > div {
      display: flex;
      font-family: futura;
      cursor: pointer;
      margin: -1em 0 0 1em;
      justify-content: space-between; }
      .salesList > summary > div > div {
        flex-shrink: 0; }
        .salesList > summary > div > div:nth-of-type(1) {
          width: 190px; }
        .salesList > summary > div > div:nth-of-type(2) {
          width: 90px;
          text-align: right; }
          .salesList > summary > div > div:nth-of-type(2) > span {
            font-family: kazesawa;
            font-size: 18px; }
        .salesList > summary > div > div:nth-of-type(3) {
          text-align: right;
          margin-left: auto; }
  .salesList:nth-of-type(even) {
    background: #fff; }
  .salesList > details {
    font-size: 22px;
    padding: 10px 30px 10px 40px;
    text-align: justify; }
    .salesList > details > summary > div {
      display: flex;
      font-family: futura;
      cursor: pointer;
      margin: -1em 0 0 1em;
      justify-content: space-between; }
      .salesList > details > summary > div > div {
        flex-shrink: 0; }
        .salesList > details > summary > div > div:nth-of-type(1) {
          width: 150px; }
        .salesList > details > summary > div > div:nth-of-type(2) {
          width: 80px;
          text-align: right; }
        .salesList > details > summary > div > div:nth-of-type(3) {
          width: 120px;
          margin-left: 20px; }
        .salesList > details > summary > div > div:nth-of-type(4) {
          text-align: right;
          margin-left: auto; }

.scroll {
  overflow-y: scroll;
  overflow-x: hidden; }
  .scroll::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none; }

.inputSubmit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  margin-top: 0.5em; }
  .inputSubmit > input {
    width: 480px;
    font-size: 24px;
    padding: 0.5em 1em;
    overflow: hidden;
    border: #de0062 4px solid; }
  .inputSubmit > i {
    font-size: 60px;
    margin-left: 20px;
    color: #de0062; }

#smsBlock {
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease; }

.phoneTrue {
  position: relative; }
  .phoneTrue::after {
    position: absolute;
    right: 5em;
    top: 17px;
    content: "認証済み";
    color: var(--lightKeyColor); }

.phoneFalse {
  position: relative; }
  .phoneFalse::after {
    position: absolute;
    right: 5em;
    top: 17px;
    content: "未認証";
    color: #f00; }