@charset "UTF-8";

@font-face {
  font-family: utsukushimincho;
  src: url(./font/utsukushi.eot);
  src: url(./font/utsukushi.eot?iefix) format("eot"), url(./font/utsukushi.woff) format("woff"), url(./font/utsukushi.ttf) format("truetype")
}
/* long css */
.feature-size{
  width: 20%;
}

.input-username {
  width: 30%;
}

.input-password {
  width: 30%;
}

.button-login{
  width: 30% !important;
  padding: 0 !important;
}

.button-login button {
  background-color: #16bfed;
}

.form-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* long css */

.wrapper {
  width: 1020px;
  margin: 0 auto
}

@media screen and (max-width:820px) {
  .wrapper {
    width: 92%
  }
}

@keyframes humb {
  100% {
    background: rgba(0, 0, 0, 0)
  }
}

@keyframes bggradient {
  0% {
    background-position: 100% 100%
  }

  40% {
    background-position: 100% 100%
  }

  60% {
    background-position: 0 0
  }

  100% {
    background-position: 0 0
  }
}

.flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

.flex .col img {
  height: auto
}

.flex.col1 {
  flex-direction: column
}

.flex.col1 .col img {
  width: 100%
}

.flex.col1 .col.col1-2 {
  display: flex
}

@media screen and (max-width:820px) {
  .flex.col1 .col.col1-2 {
    display: block
  }
}

.flex.col1 .col.col1-2 .col1 {
  flex: 1
}

.flex.col1 .col.col1-2 .col1 img {
  display: block
}

.flex.col1 .col.col1-2 .col2 {
  flex: 2
}

.flex.col2 {
  justify-content: space-between
}

.flex.col2 .col {
  width: calc(98% / 2)
}

.flex.col3 .col {
  width: calc(100% / 3)
}

@media screen and (max-width:820px) {
  .flex.col3 .col {
    width: 100%
  }
}

.flex.col4 .col {
  width: calc(100% / 4)
}

.flex.col5 .col {
  width: calc(100% / 5)
}

.flex.col1 img,
.flex.col2 img,
.flex.col3 img,
.flex.col4 img {
  width: 100%
}

@keyframes starA {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes starB {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes scaleOut {
  100% {
    transform: scale(0);
    opacity: 0
  }
}

@keyframes pageTransition {
  100% {
    transform: translateX(0)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(.98)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes slideIn {
  0% {
    transform: translate(0, 0)
  }

  2% {
    transform: translate(-2%, -2%)
  }

  10% {
    transform: translate(-1%, -1%)
  }

  50% {
    transform: translate(-50%, -50%)
  }

  100% {
    transform: translate(-100%, -30%);
    opacity: 0
  }
}

@keyframes slideOut {
  0% {
    transform: translate(0, 0)
  }

  2% {
    transform: translate(1%, 1%)
  }

  10% {
    transform: translate(1%, 1%)
  }

  50% {
    transform: translate(50%, 50%)
  }

  100% {
    transform: translate(100%, 70%);
    opacity: 0
  }
}

@keyframes menuIn {
  0% {
    bottom: -92px
  }

  100% {
    bottom: 0
  }
}

@keyframes menuOut {
  0% {
    bottom: 0
  }

  100% {
    bottom: -92px
  }
}

.fx {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px);
  -webkit-transition: ease 2s 0s;
  transition: ease 2s 0s
}

.fx .fxBox {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px);
  -webkit-transition: ease 2s .6s;
  transition: ease 2s .6s
}

.fx .cols {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.fx .cols .fxInr {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px)
}

.fx .left {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
  -webkit-transition: ease 1s 0s;
  transition: ease 1s 0s
}

.fx.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .left {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .fxBox {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .cols .fxInr {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .cols .fxInr:nth-child(1) {
  -webkit-transition: ease-out .6s .1s;
  transition: ease-out .6s .1s
}

.fx.on .cols .fxInr:nth-child(2) {
  -webkit-transition: ease-out .6s .3s;
  transition: ease-out .6s .3s
}

.fx.on .cols .fxInr:nth-child(3) {
  -webkit-transition: ease-out .6s .5s;
  transition: ease-out .6s .5s
}

.fx.on .cols .fxInr:nth-child(4) {
  -webkit-transition: ease-out .6s .7s;
  transition: ease-out .6s .7s
}

.fx.on .cols .fxInr:nth-child(5) {
  -webkit-transition: ease-out .6s .9s;
  transition: ease-out .6s .9s
}

.fx.on .cols .fxInr:nth-child(6) {
  -webkit-transition: ease-out .6s 1.1s;
  transition: ease-out .6s 1.1s
}

.fx.on .cols .fxInr:nth-child(7) {
  -webkit-transition: ease-out .6s 1.3s;
  transition: ease-out .6s 1.3s
}

.fx.on .cols .fxInr:nth-child(8) {
  -webkit-transition: ease-out .6s 1.5s;
  transition: ease-out .6s 1.5s
}

.fx.on .cols .fxInr:nth-child(9) {
  -webkit-transition: ease-out .6s 1.7s;
  transition: ease-out .6s 1.7s
}

.fx.on .cols .fxInr:nth-child(10) {
  -webkit-transition: ease-out .6s 1.9s;
  transition: ease-out .6s 1.9s
}

.fx.on .cols .fxInr:nth-child(11) {
  -webkit-transition: ease-out .6s 2.1s;
  transition: ease-out .6s 2.1s
}

.fx.on .cols .fxInr:nth-child(12) {
  -webkit-transition: ease-out .6s 2.3s;
  transition: ease-out .6s 2.3s
}

.fx.on .cols .fxInr:nth-child(13) {
  -webkit-transition: ease-out .6s 2.5s;
  transition: ease-out .6s 2.5s
}

.fx.on .cols .fxInr:nth-child(14) {
  -webkit-transition: ease-out .6s 2.7s;
  transition: ease-out .6s 2.7s
}

.fx.on .cols .fxInr:nth-child(15) {
  -webkit-transition: ease-out .6s 2.9s;
  transition: ease-out .6s 2.9s
}

.fx.on .cols .fxInr:nth-child(16) {
  -webkit-transition: ease-out .6s 3.1s;
  transition: ease-out .6s 3.1s
}

.fx.on .cols .fxInr:nth-child(17) {
  -webkit-transition: ease-out .6s 3.3s;
  transition: ease-out .6s 3.3s
}

.fx.on .cols .fxInr:nth-child(18) {
  -webkit-transition: ease-out .6s 3.5s;
  transition: ease-out .6s 3.5s
}

.fx.on .cols .fxInr:nth-child(19) {
  -webkit-transition: ease-out .6s 3.7s;
  transition: ease-out .6s 3.7s
}

.fx.on .cols .fxInr:nth-child(20) {
  -webkit-transition: ease-out .6s 3.9s;
  transition: ease-out .6s 3.9s
}

.fx.on .cols .fxInr:nth-child(21) {
  -webkit-transition: ease-out .6s 4.1s;
  transition: ease-out .6s 4.1s
}

.fx.on .cols .fxInr:nth-child(22) {
  -webkit-transition: ease-out .6s 4.3s;
  transition: ease-out .6s 4.3s
}

.online:empty::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: block;
  border: 2px solid #fff;
  border-radius: 100%
}

.online.type01:empty::before {
  background-color: #ff8ab1
}

.online.type01.usertype10:empty::before {
  background-color: #3db5e6
}

.online.type02:empty::before {
  background-color: rgba(255, 138, 177, .6)
}

@font-face {
  font-family: utsukushimincho;
  src: url(./font/utsukushi.woff) format("woff")
}

.wrapper {
  width: 1020px;
  margin: 0 auto
}

@media screen and (max-width:820px) {
  .wrapper {
    width: 92%
  }
}

@keyframes humb {
  100% {
    background: rgba(0, 0, 0, 0)
  }
}

.flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

.flex .col img {
  height: auto
}

.flex.col1 {
  flex-direction: column
}

.flex.col1 .col img {
  width: 100%
}

.flex.col1 .col.col1-2 {
  display: flex
}

@media screen and (max-width:820px) {
  .flex.col1 .col.col1-2 {
    display: block
  }
}

.flex.col1 .col.col1-2 .col1 {
  flex: 1
}

.flex.col1 .col.col1-2 .col1 img {
  display: block
}

.flex.col1 .col.col1-2 .col2 {
  flex: 2
}

.flex.col2 {
  justify-content: space-between
}

.flex.col2 .col {
  width: calc(98% / 2)
}

.flex.col3 .col {
  width: calc(100% / 3)
}

@media screen and (max-width:820px) {
  .flex.col3 .col {
    width: 100%
  }
}

.flex.col4 .col {
  width: calc(100% / 4)
}

.flex.col5 .col {
  width: calc(100% / 5)
}

.flex.col1 img,
.flex.col2 img,
.flex.col3 img,
.flex.col4 img {
  width: 100%
}

@keyframes starA {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes starB {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes scaleOut {
  100% {
    transform: scale(0);
    opacity: 0
  }
}

@keyframes pageTransition {
  100% {
    transform: translateX(0)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(.98)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes slideIn {
  0% {
    transform: translate(0, 0)
  }

  2% {
    transform: translate(-2%, -2%)
  }

  10% {
    transform: translate(-1%, -1%)
  }

  50% {
    transform: translate(-50%, -50%)
  }

  100% {
    transform: translate(-100%, -30%);
    opacity: 0
  }
}

@keyframes slideOut {
  0% {
    transform: translate(0, 0)
  }

  2% {
    transform: translate(1%, 1%)
  }

  10% {
    transform: translate(1%, 1%)
  }

  50% {
    transform: translate(50%, 50%)
  }

  100% {
    transform: translate(100%, 70%);
    opacity: 0
  }
}

.fx {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px);
  -webkit-transition: ease 2s 0s;
  transition: ease 2s 0s
}

.fx .fxBox {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px);
  -webkit-transition: ease 2s .6s;
  transition: ease 2s .6s
}

.fx .cols {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.fx .cols .fxInr {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px)
}

.fx .left {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
  -webkit-transition: ease 1s 0s;
  transition: ease 1s 0s
}

.fx.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .left {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .fxBox {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .cols .fxInr {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  will-change: transform
}

.fx.on .cols .fxInr:nth-child(1) {
  -webkit-transition: ease-out .6s .1s;
  transition: ease-out .6s .1s
}

.fx.on .cols .fxInr:nth-child(2) {
  -webkit-transition: ease-out .6s .3s;
  transition: ease-out .6s .3s
}

.fx.on .cols .fxInr:nth-child(3) {
  -webkit-transition: ease-out .6s .5s;
  transition: ease-out .6s .5s
}

.fx.on .cols .fxInr:nth-child(4) {
  -webkit-transition: ease-out .6s .7s;
  transition: ease-out .6s .7s
}

.fx.on .cols .fxInr:nth-child(5) {
  -webkit-transition: ease-out .6s .9s;
  transition: ease-out .6s .9s
}

.fx.on .cols .fxInr:nth-child(6) {
  -webkit-transition: ease-out .6s 1.1s;
  transition: ease-out .6s 1.1s
}

.fx.on .cols .fxInr:nth-child(7) {
  -webkit-transition: ease-out .6s 1.3s;
  transition: ease-out .6s 1.3s
}

.fx.on .cols .fxInr:nth-child(8) {
  -webkit-transition: ease-out .6s 1.5s;
  transition: ease-out .6s 1.5s
}

.fx.on .cols .fxInr:nth-child(9) {
  -webkit-transition: ease-out .6s 1.7s;
  transition: ease-out .6s 1.7s
}

.fx.on .cols .fxInr:nth-child(10) {
  -webkit-transition: ease-out .6s 1.9s;
  transition: ease-out .6s 1.9s
}

.fx.on .cols .fxInr:nth-child(11) {
  -webkit-transition: ease-out .6s 2.1s;
  transition: ease-out .6s 2.1s
}

.fx.on .cols .fxInr:nth-child(12) {
  -webkit-transition: ease-out .6s 2.3s;
  transition: ease-out .6s 2.3s
}

.fx.on .cols .fxInr:nth-child(13) {
  -webkit-transition: ease-out .6s 2.5s;
  transition: ease-out .6s 2.5s
}

.fx.on .cols .fxInr:nth-child(14) {
  -webkit-transition: ease-out .6s 2.7s;
  transition: ease-out .6s 2.7s
}

.fx.on .cols .fxInr:nth-child(15) {
  -webkit-transition: ease-out .6s 2.9s;
  transition: ease-out .6s 2.9s
}

.fx.on .cols .fxInr:nth-child(16) {
  -webkit-transition: ease-out .6s 3.1s;
  transition: ease-out .6s 3.1s
}

.fx.on .cols .fxInr:nth-child(17) {
  -webkit-transition: ease-out .6s 3.3s;
  transition: ease-out .6s 3.3s
}

.fx.on .cols .fxInr:nth-child(18) {
  -webkit-transition: ease-out .6s 3.5s;
  transition: ease-out .6s 3.5s
}

.fx.on .cols .fxInr:nth-child(19) {
  -webkit-transition: ease-out .6s 3.7s;
  transition: ease-out .6s 3.7s
}

.fx.on .cols .fxInr:nth-child(20) {
  -webkit-transition: ease-out .6s 3.9s;
  transition: ease-out .6s 3.9s
}

.fx.on .cols .fxInr:nth-child(21) {
  -webkit-transition: ease-out .6s 4.1s;
  transition: ease-out .6s 4.1s
}

.fx.on .cols .fxInr:nth-child(22) {
  -webkit-transition: ease-out .6s 4.3s;
  transition: ease-out .6s 4.3s
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  color: #333;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  color: #333;
  -webkit-tap-highlight-color: transparent
}

label {
  background-color: transparent;
  -webkit-tap-highlight-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  color: #333;
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.15;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input[type=text],
textarea {
  font-size: 1rem !important
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  -webkit-tap-highlight-color: transparent
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.clearfix::after {
  content: "";
  display: block;
  clear: both
}

.is_online {
  position: relative
}

.is_online::after {
  width: 100%;
  background-color: #3dbaeb;
  position: absolute;
  content: "online";
  color: #fff;
  bottom: 0;
  left: 0;
  text-align: center;
  opacity: .8
}

html {
  scroll-behavior: smooth
}

html body {
  font-family: "Noto Sans JP", sans-serif;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  background-color: #f0f0f0;
  overflow-x: hidden
}

html body.fixed {
  overflow: hidden
}

html body .searchBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  margin-right: 20px
}

html body input[type=text] {
  font-size: 16px
}

html body textarea {
  font-size: 16px
}

html body .emojionearea {
  font-size: 16px !important;
  height: 40px;
  width: 75%
}

html body .emojionearea .emojionearea-editor {
  min-height: auto;
  width: 80%;
  height: 40px
}

html body .emojionearea .emojionearea-button {
  right: 5px !important;
  top: 6px !important;
  transform: scale(1.5)
}

html body #modal_image {
  padding: 20px
}

html body a {
  text-decoration: none
}

html body article {
  padding: 60px 0 8vh 0;
  min-height: 100vh
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user {
  padding: 20px 0 20px 0;
  width: 100%;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 20px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user .timestamp {
  display: block;
  width: 100%;
  padding: 10px 10px 20px 10px;
  text-align: center;
  color: #3dbaeb;
  margin-bottom: 10px;
  border-bottom: 1px dotted #aaa
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a {
  display: flex
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .icon {
  text-align: left;
  margin-bottom: 10px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 20px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .icon img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data {
  width: 80%;
  margin-bottom: 10px;
  overflow: hidden
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .info .time {
  font-size: .8rem;
  color: #aaa;
  display: block;
  margin-bottom: 3px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .info strong {
  display: block;
  margin-bottom: 10px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .info .user_info {
  margin-bottom: 5px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .info .user_info .pref {
  margin-right: 10px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .info .user_info .age {
  margin-right: 10px
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user a .user_data .pr {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user .likeArea .btn_app {
  width: 100%;
  padding: 10px;
  background-color: #ff8ab1;
  border: none;
  border-radius: 5px;
  color: #fff;
  margin: 10px auto 0 auto;
  display: block
}

html body article.footstamps #footstamps_list #footstamps_users .footstamps_user .likeArea .btn_app::before {
  content: "\f004";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1rem;
  color: #fff;
  margin-right: 3px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 900
}

html body article.home #home #latest_event table,
html body article.home #home #latest_event tbody,
html body article.home #home #latest_event td,
html body article.home #home #latest_event th {
  display: block
}

html body article.home #home #latest_event table {
  background-color: #fff;
  color: #1f1f1f;
  width: 100%;
  padding: 30px;
  border-radius: 10px 10px 0 0;
  margin: 0
}

html body article.home #home #latest_event table tbody {
  width: 100%;
  padding: 0;
  margin: 0
}

html body article.home #home #latest_event table tbody tr {
  display: flex;
  width: 100%;
  margin-bottom: 10px
}

html body article.home #home #latest_event table tbody tr:last-child {
  margin-bottom: 0
}

html body article.home #home #latest_event table tbody tr th {
  width: 35%;
  text-align: left;
  position: relative;
  font-size: .9rem
}

html body article.home #home #latest_event table tbody tr th::after {
  content: ":";
  position: absolute;
  right: 20px
}

html body article.home #home #latest_event a {
  background-color: #ff8ab1;
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  color: #fff;
  border-radius: 0 0 10px 10px
}

html body article.home #modal #modal-howto .mdlScrl {
  max-height: 60vh;
  overflow-y: scroll
}

html body article.home #modal #modal-howto .mdlScrl img {
  width: 100%
}

html body article.home #modal #modal-howto .mdlScrl h2 {
  font-size: 1.3rem;
  margin-bottom: 5px;
  font-family: utsukushimincho, "ヒラギノ明朝 Pro", serif;
  font-weight: 100;
  letter-spacing: .2rem
}

html body article.home #modal #modal-howto .mdlScrl h2:first-letter {
  color: #3dbaeb;
  font-size: 1.8rem;
  font-weight: 700
}

html body article.home #modal #modal-howto .mdlScrl h3 {
  font-size: 1.2rem;
  margin-bottom: 5px;
  font-family: utsukushimincho, "ヒラギノ明朝 Pro", serif;
  font-weight: 100;
  letter-spacing: .2rem;
  line-height: 1.7
}

html body article.home #modal #modal-howto .mdlScrl p {
  font-size: .9rem;
  line-height: 1.7
}

html body article.home #modal #modal-howto .mdlCls {
  position: fixed;
  top: -50px;
  right: 20px;
  z-index: 999999999999999;
  font-size: 1.6rem;
  background-color: transparent;
  border: none
}

html body article.home #modal #modal-howto .castCall {
  width: 100%;
  box-sizing: border-box;
  padding: 5%;
  margin: 30px 0 30px 0;
  border: none;
  background-color: #3dbaeb;
  color: #fff
}

html body article.account-help-relief section {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.account-help-faq section {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.account-points section {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.account-points section h2 {
  font-size: 1.2rem
}

html body article.account-points section ul {
  padding: 0;
  margin: 0
}

html body article.account-points-buy section {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.account-points-buy section h2 {
  font-size: 1.2rem
}

html body article.account-points-buy section #point_types li {
  list-style: none
}

html body article.account-points-buy section #point_types li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #daa524;
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 700
}

html body article.account-points-buy section #point_types li a .point {
  margin-right: 20px
}

html body article.timeline-create section {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.timeline-create h1 {
  margin-bottom: 20px
}

html body article.timeline-create .form_app .phtBox {
  position: absolute;
  top: -30px;
  right: 50px
}

html body article.timeline-create .form_app .phtBox #ptLb {
  font-size: 2.2rem
}

html body article.timeline-create #ptBtn {
  display: none
}

html body article.events #events h1 {
  margin-bottom: 20px
}

html body article.events #events #event_tabs {
  display: flex
}

html body article.events #events #event_tabs label {
  width: 50%
}

html body article.events #events #event_items_wrapper .finished form .date,
html body article.events #events #event_items_wrapper .finished form .pref {
  text-align: center;
  width: 100%
}

html body article.events #events #event_items_wrapper .finished form .date strong,
html body article.events #events #event_items_wrapper .finished form .pref strong {
  display: block;
  background-color: #f0f0f0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px
}

html body article.events #events #event_items_wrapper .finished form .date #event_date,
html body article.events #events #event_items_wrapper .finished form .date select,
html body article.events #events #event_items_wrapper .finished form .pref #event_date,
html body article.events #events #event_items_wrapper .finished form .pref select {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px
}

html body article.events #events #event_items_wrapper .finished form .date .btn_app,
html body article.events #events #event_items_wrapper .finished form .pref .btn_app {
  width: 60%;
  padding: 10px;
  background-color: #ff8ab1;
  border: none;
  border-radius: 5px;
  color: #fff;
  margin: 10px auto
}

html body article.events #events #event_items_wrapper .finished form button {
  width: 100%;
  padding: 10px;
  background-color: #ff8ab1;
  border: none;
  border-radius: 5px;
  color: #fff;
  margin: 10px auto
}

html body article.events #events #event_items_wrapper .event_items {
  padding: 0;
  margin: 10px 0 0 0
}

html body article.events #events #event_items_wrapper .event_items .event_item {
  list-style: none;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  width: 100%
}

html body article.events #events #event_items_wrapper .event_items .event_item a div {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #1f1f1f
}

html body article.events #events #event_items_wrapper .event_items .event_item a div span {
  margin-left: 10px
}

html body article.events #events #event_items_wrapper .event_items .event_item a div.feeling .feeling_items {
  margin-top: 10px;
  padding: 0;
  display: flex
}

html body article.events #events #event_items_wrapper .event_items .event_item a div.feeling .feeling_items li {
  list-style: none;
  background-color: #3dbaeb;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  font-size: .8rem;
  margin-right: 5px;
  font-weight: 700
}

html body article.events-sub #events #event_comments {
  display: block;
  width: 100%;
  text-align: left;
  background-color: #f0f0f0
}

html body article.events-sub #events #event_comments tbody {
  display: block;
  border: none
}

html body article.events-sub #events #event_comments tbody tr {
  display: flex;
  border: none;
  padding: 15px;
  margin-bottom: 10px
}

html body article.events-sub #events #event_comments tbody tr th {
  display: block;
  border: none;
  margin-right: 10px;
  padding-right: 10px;
  width: 40%
}

html body article.events-sub #events #event_comments tbody tr td {
  display: block;
  border: none;
  width: 60%;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  position: relative
}

html body article.events-sub #events #event_comments tbody tr td .status {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 700
}

html body article.events-sub #events #event_comments tbody tr td::before {
  position: absolute;
  content: "";
  top: 3px;
  left: -6px;
  border-top: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent
}

html body article.events-sub #events #event_labels {
  flex-direction: row
}

html body article.events-sub #events #event_labels .status {
  display: inline-block;
  text-align: center;
  background-color: #ff8ab1;
  padding: 5px;
  margin: 5px;
  border-radius: 10px;
  color: #fff
}

html body article.events-sub #events textarea {
  padding: 10px
}

html body article.events-sub #events #event_detail {
  margin-top: 20px;
  display: block
}

html body article.events-sub #events #event_detail tbody {
  display: block
}

html body article.events-sub #events #event_detail tbody tr {
  display: block;
  border-bottom: 1px dotted #e6e6e6;
  padding: 5px 0
}

html body article.events-sub #events #event_detail tbody tr th {
  color: #3db5e6;
  font-weight: 350;
  white-space: nowrap;
  padding: 10px;
  width: 150px;
  text-align: left;
  margin-top: 10px
}

html body article.events-sub #events #event_detail tbody tr td {
  text-align: left;
  padding: 10px
}

html body article.events-sub #events #event_detail tbody tr td .place_detail a {
  display: block;
  margin-bottom: 10px
}

html body article.events-sub #events #event_detail tbody tr td .place_detail a span {
  display: block;
  margin-bottom: 10px
}

html body article.events-sub #events #event_detail tbody tr td .place_detail a .link_ogp .link_ogp_title {
  margin-bottom: 10px;
  display: block
}

html body article.events-sub #events #event_detail tbody tr td .place_detail a .link_ogp .link_ogp_image {
  margin-bottom: 10px;
  display: block
}

html body article.events-sub #events #event_detail tbody tr td .form_app input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px
}

html body article.events-sub #events #event_detail tbody tr td .feeling_items {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

html body article.events-sub #events #event_detail tbody tr td .feeling_items li {
  list-style: none;
  margin-bottom: 10px;
  background-color: #3dbaeb;
  padding: 5px;
  border-radius: 10px;
  color: #fff;
  margin: 5px;
  padding: 10px
}

html body article .hrA {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 10px auto;
  color: #1f1f1f
}

html body article .hrA::after,
html body article .hrA::before {
  border-top: 1px solid;
  content: "";
  width: 3em
}

html body article .hrA::before {
  margin-right: 1em
}

html body article .hrA::after {
  margin-left: 1em
}

html body article section {
  background-color: #fff;
  padding: 3%;
  margin-bottom: 10px
}

html body article section h1 {
  font-size: 1.2rem;
  margin-bottom: 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
  letter-spacing: .2rem
}

html body article section h1:first-letter {
  color: #3dbaeb;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif
}

html body article section#cast_list {
  min-height: calc(100vh - 8vh - 70px)
}

html body article section#cast_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0
}

html body article section#cast_list ul li {
  display: block;
  width: 49%;
  box-sizing: border-box;
  list-style: none
}

html body article section#cast_list ul li a .icon {
  width: auto;
  height: 250px
}

html body article section#cast_list ul li a .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article section#cast_list ul li a .name {
  display: block;
  font-weight: 700;
  margin-top: 10px
}

html body article section#home .event_item_cast+.event_item_cast {
  margin-top: 15px
}

html body article section#home .event_items_cast .event_item_cast {
  border-radius: 10px;
  display: block;
  background-color: #fff;
  position: relative;
  color: #515151;
  margin-bottom: 30px
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_nominated {
  border-radius: 10px 10px 0 0;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: red
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_nominated .ex {
  font-size: 11px
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .open_icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%)
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .open_icon .fa-minus-circle+.fa-plus-circle {
  display: none
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .open_icon .fa-minus-circle.hide+.fa-plus-circle {
  display: block
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box {
  padding: 10px 15px 0 15px;
  flex: 1;
  display: flex;
  flex-wrap: wrap
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_date,
html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_place {
  width: 100%
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_place {
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: block;
  border-bottom: 1px dotted #aaa;
  font-size: 1.4rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_place::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_date {
  margin: 0 0 15px 0
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_date span {
  font-size: 1.2rem;
  font-weight: 700
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_date span::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_hour {
  margin: 0 0 20px 0;
  width: 50%;
  font-size: 1.1rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_hour span {
  font-size: .9rem;
  margin-right: 5px;
  font-weight: 400
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_hour::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_number {
  margin: 0 0 20px 0;
  width: 50%;
  font-size: 1.1rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_number span {
  font-size: .9rem;
  margin-right: 5px;
  font-weight: 400
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_header .event_item_cast_header_box .event_item_cast_header_number::before {
  content: "\f2bd";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body {
  padding: 0 15px 0 15px
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points {
  display: flex;
  flex-wrap: wrap
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_basic,
html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_extension {
  width: 50%
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_basic {
  margin: 0 0 20px 0;
  width: 50%;
  font-size: 1.6rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_basic span {
  font-size: .9rem;
  margin: 0 0 5px 0;
  font-weight: 400;
  display: block
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_basic span::before {
  content: "\f158";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_extension {
  margin: 0 0 20px 0;
  width: 50%;
  font-size: 1.6rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_extension span {
  font-size: .9rem;
  margin: 0 0 5px 0;
  font-weight: 400;
  display: block
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_points .event_item_cast_body_points_extension span::before {
  content: "\f2f2";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 900
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info,
html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_user {
  display: flex;
  align-items: center
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info {
  display: flex;
  padding-right: 15px
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info .event_item_cast_body_user {
  width: 50%;
  margin-right: auto;
  padding-bottom: 15px;
  text-align: center
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info .event_item_cast_body_user .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info .event_item_cast_body_user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info .event_item_cast_body_user p {
  display: block;
  margin-left: 10px;
  width: calc(100% - 60px);
  text-align: left
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info .event_item_cast_body_user p strong {
  margin-bottom: 10px;
  display: block;
  font-size: 1rem
}

html body article section#home .event_items_cast .event_item_cast .event_item_cast_body .event_item_cast_body_info a {
  padding: 10px;
  border-radius: 5px;
  background-color: #3db5e6;
  color: #fff;
  width: 50%;
  text-align: center
}

html body article section#home .event_items {
  padding: 0;
  margin: 10px 0 0 0
}

html body article section#home .event_items .event_item {
  list-style: none;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 10px
}

html body article section#home .event_items .event_item a div {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #1f1f1f
}

html body article section#home .event_items .event_item a div span {
  margin-left: 10px
}

html body article section#home .event_items .event_item a div.feeling .feeling_items {
  margin-top: 10px;
  padding: 0;
  display: flex
}

html body article section#home .event_items .event_item a div.feeling .feeling_items li {
  list-style: none;
  background-color: #3dbaeb;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  font-size: .8rem;
  margin-right: 5px;
  font-weight: 700;
  width: 45%
}

html body article section.timeLineWrap h1 {
  margin-bottom: 30px
}

html body article section.timeLineWrap .tweet img {
  max-width: 100%
}

html body article section.timeLineWrap .tweet_user img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article section.timeLineWrap .tweet.dummy .btn_app {
  display: none
}

@-moz-keyframes writing {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  0% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes writing {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes writing {
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

html body article section#massageSubWrap .message_user .icon {
  width: 50px;
  height: 50px
}

html body article section#massageSubWrap .message_user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article section#massageSubWrap .message_item.unread a {
  color: red
}

html body article section#massageSubWrap .box .content span {
  padding: 2px 5px;
  display: block
}

html body article section#massageSubWrap .box .content span.photo {
  padding: 0;
  overflow: hidden
}

html body article section#massageSubWrap article.messages-sub {
  padding-bottom: 190px;
  display: flex;
  flex-direction: column-reverse
}

html body article section#massageSubWrap #messages_body {
  display: flex;
  flex-direction: column-reverse
}

html body article section#massageSubWrap #messages_body .has_photos {
  padding-bottom: 150px
}

html body article section#massageSubWrap #message_wrapper #btn_message,
html body article section#massageSubWrap #message_wrapper #imgSend {
  display: none
}

html body article section#massageSubWrap #writing .dot+.dot {
  margin-left: 5px
}

html body article section#massageSubWrap #writing .dot:nth-child(1) {
  -moz-animation-name: writing;
  -webkit-animation-name: writing;
  animation-name: writing;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

html body article section#massageSubWrap #writing .dot:nth-child(2) {
  -moz-animation-name: writing;
  -webkit-animation-name: writing;
  animation-name: writing;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-delay: .1s;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

html body article section#massageSubWrap #writing .dot:nth-child(3) {
  -moz-animation-name: writing;
  -webkit-animation-name: writing;
  animation-name: writing;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

html body article section#massageSubWrap #messages_body .message_content {
  width: 100%;
  line-height: 1.7
}

html body article section#massageSubWrap #messages_body .message_content:first-child {
  margin-top: 60px
}

html body article section#massageSubWrap #messages_body .message_content .box .content .message_text #writing {
  padding: 8px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transform: scale(.8)
}

html body article section#massageSubWrap #messages_body .message_content .box .content .message_text #writing span.dot {
  font-size: .8rem;
  transform: scale(.4);
  width: 10px;
  height: 10px;
  display: block;
  background-color: #fff;
  border-radius: 100%
}

html body article section#massageSubWrap #messages_body .message_content .box .content .message_text a {
  word-break: break-all
}

html body article section#massageSubWrap #messages_body .message_content .box.you {
  margin-right: auto;
  align-items: flex-start
}

html body article section#massageSubWrap #messages_body .message_content .box.you .user {
  align-items: flex-start
}

html body article section#massageSubWrap #messages_body .message_content .box.you .user p {
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column-reverse
}

html body article section#massageSubWrap #messages_body .message_content .box.you .user .icon {
  margin-right: 13px
}

html body article section#massageSubWrap #messages_body .message_content .box.you .user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article section#massageSubWrap #messages_body .message_content .box.you .content .message_text {
  text-align: left
}

html body article section#howto {
  padding: 0
}

html body article section#howto button {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0
}

html body article section#howto button img {
  width: 100%;
  vertical-align: top
}

html body article section#later p {
  margin: 0 0 20px 0;
  line-height: 1.7
}

html body article section#later button {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0
}

html body article section#later button img {
  width: 100%;
  vertical-align: top
}

html body article section#mypage {
  min-height: calc(92vh - 70px);
  margin-bottom: 0
}

html body article section#edit {
  margin-bottom: 0
}

html body article section#edit form table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: block
}

html body article section#edit form table tbody {
  display: block;
  width: 100%
}

html body article section#edit form table tbody tr {
  display: block;
  width: 100%
}

html body article section#edit form table tbody tr td .usr_photowrap .input_wrap input[name=photos] {
  display: none !important
}

html body article section#edit form table tbody tr td label::before {
  display: inline-block;
  line-height: 1.2rem;
  margin: 0 0 10px 0;
  padding: 8px 5px 8px 5px;
  color: #fff;
  background-color: #1492ea
}

html body article section#edit form table tbody tr td input {
  width: 100%;
  height: 50px;
  border: none;
  outline: 0;
  background-color: #dcdcdc;
  padding: 5px
}

html body article section#edit form table tbody tr td input.chk_app {
  background-color: transparent;
  font-size: 14px
}

html body article section#edit form table tbody tr td div {
  width: 100%;
  margin-bottom: 15px
}

html body article section#edit form table tbody tr td div .flex {
  display: flex;
  align-items: center;
  margin-bottom: 0
}

html body article section#edit form table tbody tr td div label input {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0
}

html body article section#edit form table tbody tr td div select {
  width: 100%;
  margin-bottom: 10px
}

html body article section#edit form table tbody tr td div textarea {
  width: 100%;
  min-height: 150px;
  padding: 5px 5px 5px 5px
}

html body article section#edit form table tbody tr td div p {
  display: block;
  clear: both;
  margin: 0 0 15px 0;
  padding-top: 15px
}

html body article section#edit form table tbody tr td .cats_table {
  width: 100%
}

html body article section#edit form table tbody tr td .cats_table table tr {
  display: flex;
  align-items: center;
  justify-content: space-between
}

html body article section#edit form table tbody tr td .cats_table table tr th {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

html body article section#edit form table tbody tr td .cats_table table tr td {
  margin-bottom: 0;
  font-size: 14px
}

html body article section#edit form table tbody tr td .cats_table table tr td label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0
}

html body article section#edit form table tbody tr td .cats_table table tr td label input {
  margin: 0 auto 0 auto
}

html body article section#edit form table tbody tr td .cats_table table tr td label p {
  margin: 20px 0 10px 0
}

html body article section#edit form table tbody tr td .photo img {
  margin-bottom: 15px
}

html body article.signin {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden
}

html body article.login .chk,
html body article.signin .chk {
  display: none
}

html body article.login .chk+label::before,
html body article.signin .chk+label::before {
  content: '\8868\793A'
}

html body article.login .chk:checked+label::before,
html body article.signin .chk:checked+label::before {
  content: '\975E\8868\793A'
}

html body article.login #loginWrap,
html body article.signin #loginWrap {
  text-align: center;
  width: 80%;
  box-sizing: border-box
}

html body article.login #loginWrap h2,
html body article.signin #loginWrap h2 {
  font-family: utsukushimincho, "ヒラギノ明朝 Pro", serif
}

html body article.login #loginWrap #idArea,
html body article.signin #loginWrap #idArea {
  margin-bottom: 10px
}

html body article.login #loginWrap #idArea input,
html body article.signin #loginWrap #idArea input {
  width: 100%;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa
}

html body article.login #loginWrap #idArea input::placeholder,
html body article.signin #loginWrap #idArea input::placeholder {
  position: relative;
  top: .1em
}

html body article.login #loginWrap #passArea,
html body article.signin #loginWrap #passArea {
  margin-bottom: 20px
}

html body article.login #loginWrap #passArea input,
html body article.signin #loginWrap #passArea input {
  width: 100%;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa
}

html body article.login #loginWrap #passArea input::placeholder,
html body article.signin #loginWrap #passArea input::placeholder {
  position: relative;
  top: .1em
}

html body article.signin #loginWrap button {
  border: none;
  border-radius: 10px;
  padding: 3% 10%;
  width: 50%;
  margin: 0 auto 20px auto;
  color: #fff
}

html body article.hello,
html body article.signup {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden
}

html body article.hello .chk,
html body article.signup .chk {
  display: none
}

html body article.hello .chk+label::before,
html body article.signup .chk+label::before {
  content: '\8868\793A'
}

html body article.hello .chk:checked+label::before,
html body article.signup .chk:checked+label::before {
  content: '\975E\8868\793A'
}

html body article.hello #email_sended,
html body article.hello #form_signup.hide,
html body article.signup #email_sended,
html body article.signup #form_signup.hide {
  display: none
}

html body article.hello #form_signup.hide+#email_sended,
html body article.signup #form_signup.hide+#email_sended {
  display: block
}

html body article.hello #helloWrap,
html body article.signup #helloWrap {
  text-align: center;
  width: 60%;
  box-sizing: border-box
}

html body article.hello #helloWrap h2,
html body article.signup #helloWrap h2 {
  font-family: utsukushimincho, "ヒラギノ明朝 Pro", serif
}

html body article.hello #helloWrap #idArea,
html body article.signup #helloWrap #idArea {
  margin-bottom: 10px
}

html body article.hello #helloWrap #idArea input,
html body article.signup #helloWrap #idArea input {
  width: 100%;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa
}

html body article.hello #helloWrap #idArea input::placeholder,
html body article.signup #helloWrap #idArea input::placeholder {
  position: relative;
  top: .1em
}

html body article.hello #helloWrap #passArea,
html body article.signup #helloWrap #passArea {
  margin-bottom: 10px
}

html body article.hello #helloWrap #passArea input,
html body article.signup #helloWrap #passArea input {
  width: 100%;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa
}

html body article.hello #helloWrap #passArea input::placeholder,
html body article.signup #helloWrap #passArea input::placeholder {
  position: relative;
  top: .1em
}

html body article.hello #helloWrap #mailArea,
html body article.signup #helloWrap #mailArea {
  margin-bottom: 20px
}

html body article.hello #helloWrap #mailArea input,
html body article.signup #helloWrap #mailArea input {
  width: 100%;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa
}

html body article.hello #helloWrap #mailArea input::placeholder,
html body article.signup #helloWrap #mailArea input::placeholder {
  position: relative;
  top: .1em
}

html body article.hello #helloWrap button,
html body article.signup #helloWrap button {
  border: none;
  border-radius: 10px;
  background-color: #55b1df;
  padding: 3% 10%;
  width: auto;
  margin: 0 auto 20px auto;
  color: #fff
}

html body article.hello #helloWrap p,
html body article.signup #helloWrap p {
  font-size: .9rem;
  line-height: 1.7
}

html body article.hello #helloWrap #form_signup div,
html body article.signup #helloWrap #form_signup div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

html body article.hello #helloWrap #form_signup div #signup_pref,
html body article.signup #helloWrap #form_signup div #signup_pref {
  -webkit-transform: scale(.8, .8);
  transform: scale(.8, .8);
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: 0 0;
  padding-bottom: 5px;
  border-bottom: 3px dotted #1f1f1f;
  text-align: center;
  margin-bottom: 20px
}

html body article.hello #helloWrap #form_signup div::before,
html body article.signup #helloWrap #form_signup div::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  display: block;
  position: absolute;
  top: 3px;
  left: 20px;
  margin-bottom: 2px;
  font-size: 1rem;
  font-weight: 900
}

html body article.hello #helloWrap #form_signup #signup_link,
html body article.signup #helloWrap #form_signup #signup_link {
  display: block;
  margin-bottom: 20px
}

html body .selectArea {
  width: 100%;
  height: 100%;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 9999999999999;
  display: none
}

html body .selectArea .selectBg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5)
}

html body .selectArea .selectInr .cal {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px;
  display: block
}

html body .selectArea .selectInr .smt {
  box-sizing: border-box;
  font-size: 1rem;
  text-align: center;
  padding: 3%;
  background-color: #daa520;
  border: 1px solid #daa524;
  margin-bottom: 10px;
  text-decoration: none;
  color: #fff
}

html body#home #door {
  -webkit-transition: .1s 0s ease;
  transition: .1s 0s ease;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background-image: url(../images/common/city.png), url(../images/common/moon.png), url(../images/common/bg.jpg);
  background-position: center bottom, 7% 7%, center top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: contain, 200px 200px, cover;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:820px) {
  html body#home #door {
    background-size: auto 20vh, 100px 100px, cover;
    width: 100vw
  }
}

html body#home #door #starArea {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -1
}

html body#home #door #starArea img {
  position: absolute
}

html body#home #door #starArea img:nth-child(1) {
  width: 40px;
  top: 20%;
  left: 30%;
  -webkit-animation: starA 2s infinite;
  animation: starA 2s infinite
}

html body#home #door #starArea img:nth-child(2) {
  width: 30px;
  top: 30%;
  left: 50%;
  -webkit-animation: starB 1s infinite;
  animation: starB 1s infinite
}

html body#home #door #starArea img:nth-child(3) {
  width: 25px;
  top: 25%;
  left: 60%;
  -webkit-animation: starB 3s infinite;
  animation: starB 3s infinite
}

html body#home #door #starArea img:nth-child(4) {
  width: 30px;
  top: 40%;
  left: 80%;
  -webkit-animation: starA 1s infinite;
  animation: starA 1s infinite
}

html body#home #door #starArea img:nth-child(5) {
  width: 30px;
  top: 25%;
  left: 70%;
  -webkit-animation: starB 1s infinite;
  animation: starB 1s infinite
}

html body#home #door #starArea img:nth-child(6) {
  width: 15px;
  top: 10%;
  left: 45%;
  -webkit-animation: starB 1s infinite;
  animation: starB 1s infinite
}

html body#home #door #starArea img:nth-child(7) {
  width: 25px;
  top: 40%;
  left: 15%;
  -webkit-animation: starB 1s infinite;
  animation: starB 1s infinite
}

html body#home #door .drInr {
  text-align: center
}

html body#home #door .drInr img {
  display: block;
  margin: 0 0 30px 0;
  padding: 0
}

html body#home #door.on {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

html body#home #door .comeIn {
  font-size: 16px
}

html body#home #door .comeIn::before {
  display: inline-block;
  content: url(../images/common/door.svg);
  width: 12px;
  height: 18px;
  margin: 5px 5px 0 0;
  line-height: 0
}

html body#home #whatsAbout {
  width: 100%;
  margin: 0;
  padding: 80vh 0 0 0
}

@media screen and (max-width:820px) {
  html body#home #whatsAbout {
    padding: 50vh 0 0 0
  }
}

html body#home #whatsAbout #catch {
  padding: 100px 0 0 0
}

html body#home #whatsAbout h1 {
  margin: 0 0 50px 0;
  color: #fff;
  font-size: 12vw;
  line-height: 1.5
}

@media screen and (min-width:1020px) {
  html body#home #whatsAbout h1 {
    font-size: 8rem
  }
}

html body#home #whatsAbout h1 ruby rt {
  font-size: 2rem;
  margin-bottom: -20px
}

@media screen and (max-width:820px) {
  html body#home #whatsAbout h1 ruby rt {
    font-size: 1rem
  }
}

html body#home #whatsAbout p {
  color: #fff;
  line-height: 2
}

html body#home #whatsAbout p.lead {
  font-size: 4vw;
  letter-spacing: .4rem
}

@media screen and (max-width:820px) {
  html body#home #whatsAbout p.lead {
    letter-spacing: normal
  }
}

@media screen and (min-width:1020px) {
  html body#home #whatsAbout p.lead {
    font-size: 2rem
  }
}

html body#home #whatsAbout p.answerTxt {
  font-size: 16vw;
  font-weight: 700
}

@media screen and (max-width:820px) {
  html body#home #whatsAbout p.answerTxt {
    letter-spacing: normal
  }
}

@media screen and (min-width:1020px) {
  html body#home #whatsAbout p.answerTxt {
    font-size: 10rem
  }
}

html body#home #profile {
  position: relative;
  width: 100%;
  margin: 0 auto 30px auto
}

@media screen and (max-width:820px) {
  html body#home #profile {
    width: 90%
  }
}

html body#home #profile h1 {
  font-family: huiji;
  color: #aaa;
  font-size: 6rem;
  margin: 0 0 -10px 0
}

@media screen and (max-width:820px) {
  html body#home #profile h1 {
    font-size: 3rem
  }
}

html body#home #profile h1 ruby rt {
  font-size: 1.4rem;
  margin-bottom: -30px
}

@media screen and (max-width:820px) {
  html body#home #profile h1 ruby rt {
    font-size: 1rem
  }
}

html body#home #profile .col {
  margin-bottom: 20px;
  position: relative
}

html body#home #profile .col .profileTxt {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  position: absolute;
  bottom: 0;
  left: 2%
}

html body#home #profile .col .profileTxt h2 {
  font-family: huiji;
  font-size: 3rem;
  color: #fff
}

html body#home #profile .col .profileTxt h2 span {
  display: block;
  font-size: 2rem
}

html body#home #wickedPlay {
  width: 100%;
  text-align: center
}

html body#home #wickedPlay h1 {
  color: #aaa;
  font-size: 4rem;
  margin-bottom: 100px
}

@media screen and (max-width:820px) {
  html body#home #wickedPlay h1 {
    font-size: 2rem;
    text-align: left;
    margin-bottom: -5px
  }
}

html body#home #wickedPlay h1 ruby rt {
  font-size: 1.4rem;
  margin-bottom: -20px
}

@media screen and (max-width:820px) {
  html body#home #wickedPlay h1 ruby rt {
    font-size: 1rem
  }
}

html body#home #wickedPlay a::hover {
  opacity: .7
}

html body#home #wickedPlay a.col {
  text-align: left;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px
}

html body#home #wickedPlay a.col .col2 {
  padding: 20px
}

html body#home #wickedPlay a.col .col2 .date {
  display: block;
  color: #fff;
  font-size: .8rem;
  margin-bottom: 15px;
  font-weight: 700
}

html body#home #wickedPlay a.col .col2 h2 {
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1.7;
  color: #fff;
  font-size: 1.4rem
}

html body#home #wickedPlay a.col .col2 p {
  color: #fff;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
  padding: 0
}

html body#home #wickedPlay a.col::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: radial-gradient(white 20%, transparent 30%) center/1em;
  content: "";
  bottom: 0
}

.barba-leave-active {
  transition: .1s ease-in-out
}

.barba-enter-active {
  transition: .3s ease-in-out
}

.barba-leave {
  opacity: 1;
  visibility: visible;
  transform: none
}

.barba-enter {
  opacity: 0;
  visibility: hidden;
  transform: translate(-100vw, 0)
}

.barba-leave-to {
  opacity: 0;
  visibility: hidden;
  transform: translate(10vw, 0)
}

.barba-enter-to {
  opacity: 1;
  visibility: visible;
  transform: none
}

@-webkit-keyframes humbar {
  0% {
    background-image: linear-gradient(to right, #373737, #373737)
  }

  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }
}

@keyframes humbar {
  0% {
    background-image: linear-gradient(to right, #373737, #373737)
  }

  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }
}

@-webkit-keyframes humbar2 {
  0% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }

  100% {
    background-image: linear-gradient(to right, #373737, #373737)
  }
}

@keyframes humbar2 {
  0% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }

  100% {
    background-image: linear-gradient(to right, #373737, #373737)
  }
}

.chkNav {
  display: none
}

#navDrawer {
  display: none;
  position: fixed;
  top: 0;
  left: 20px;
  width: 70px;
  height: 70px;
  z-index: 99999
}

@media screen and (max-width:820px) {
  #navDrawer {
    display: block
  }
}

#navDrawer #humb {
  display: block;
  width: 70px;
  height: 70px;
  background-image: linear-gradient(to right, #373737, #373737);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 2px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-animation: humbar2 .3s forwards;
  animation: humbar2 .3s forwards
}

#navDrawer #humb:after,
#navDrawer #humb:before {
  height: 2px;
  width: 40px;
  margin: auto auto auto auto;
  background-color: #373737;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all .5s 0s ease;
  transition: all .5s 0s ease
}

#navDrawer #humb:before {
  top: 20px;
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0)
}

#navDrawer #humb:after {
  bottom: 20px;
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0)
}

#navInput:checked~#navDrawer #humb {
  -webkit-animation: humbar .3s forwards;
  animation: humbar .3s forwards
}

#navInput:checked~#navDrawer #humb:before {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg)
}

#navInput:checked~#navDrawer #humb:after {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg)
}

@media screen and (max-width:820px) {
  body#admin .headfix {
    width: 100%;
    position: fixed;
    height: 70px;
    background-color: #f0f0f0
  }
}

body#admin .headfix h1 {
  position: fixed;
  top: 10px;
  left: 20px;
  width: 210px;
  margin: 0;
  z-index: 9999
}

@media screen and (max-width:820px) {
  body#admin .headfix h1 {
    top: 5px;
    width: 160px;
    left: 50%;
    transform: translateX(-50%)
  }
}

body#admin .headfix h1 a {
  display: block;
  width: 100%
}

body#admin .headfix h1 a img {
  display: block;
  width: 100%
}

body#admin .headfix .nav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 230px;
  padding: 150px 0 0 0;
  margin: 0 0 0 20px
}

@media screen and (max-width:820px) {
  body#admin .headfix .nav {
    position: fixed;
    padding: 100px 0 70px 30px;
    background-color: #f0f0f0;
    width: 250px;
    padding: 100px 0 0 20px;
    margin: 0;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media screen and (max-width:320px) {
  body#admin .headfix .nav {
    width: 100%;
    padding: 100px 30px 70px 30px
  }
}

body#admin .headfix .nav a {
  display: block;
  text-decoration: none;
  color: #404040;
  margin: 0 0 5vh 0
}

@media screen and (max-width:820px) {
  body#admin .headfix .nav a {
    margin: 0 0 5vw 0
  }
}

@media screen and (max-width:320px) {
  body#admin .headfix .nav a {
    margin: 0 0 7vw 0
  }
}

@media screen and (min-width:820px) {
  body#admin .headfix .nav a:hover {
    transform: translateX(3px);
    opacity: .8;
    transition: opacity .2s ease, transform .2s ease
  }

  body#admin .headfix .nav a:hover::before {
    content: "→";
    display: inline-block;
    margin-right: 5px;
    font-size: 14px
  }
}

body#admin .headfix #navInput:checked~.nav {
  opacity: 1;
  transition: opacity .3s ease, transform .3s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

body#admin main {
  width: calc(100% - 260px);
  margin: 0 0 0 260px
}

@media screen and (max-width:820px) {
  body#admin main {
    width: 100%;
    margin: 0
  }
}

body#admin main article {
  background-color: transparent
}

body#admin main section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (max-width:820px) {
  body#admin main section {
    flex-direction: column
  }
}

body#admin main section canvas {
  width: calc(50% - 10px);
  margin: 0 0 20px 0
}

@media screen and (max-width:820px) {
  body#admin main section canvas {
    width: 100%
  }
}

body#admin main section#concierge {
  flex-direction: column
}

body#admin main section#concierge h1 {
  margin-bottom: 20px
}

body#admin main section#concierge #massageAll {
  color: #fff;
  margin-bottom: 20px
}

body#admin main section#concierge #massageAll #guest {
  padding: 10px;
  margin-right: 20px;
  background-color: #3dbaeb
}

body#admin main section#concierge #massageAll #cast {
  padding: 10px;
  background-color: #fdeeef
}

body#admin main section#concierge #unRead {
  padding: 0;
  margin: 0
}

body#admin main section#concierge #unRead li {
  list-style: none;
  padding: 10px;
  background-color: #f0f0f0;
  margin-bottom: 20px
}

body#admin main section#concierge #unRead li a .message_body {
  display: inline-block;
  margin-left: 30px
}

body#admin main section#concierge #unRead li a .message_body::before {
  content: "本文："
}

body#admin main section#concierge #concierge_users {
  margin: 20px 0 0 0;
  padding: 0
}

body#admin main section#concierge #concierge_users .message_item {
  list-style: none;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #eee
}

body#admin main section#concierge #concierge_users .message_item.unread {
  background-color: rgba(255, 0, 0, .1)
}

body#admin main section#concierge #concierge_users .message_item a {
  display: flex
}

body#admin main section#concierge #concierge_users .message_item a .message_user {
  display: inline-block;
  width: 10%
}

body#admin main section#concierge #concierge_users .message_item a .message_user .icon {
  width: 50px;
  height: 50px;
  margin-right: 20px
}

body#admin main section#concierge #concierge_users .message_item a .message_user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

body#admin main section#concierge #concierge_users .message_item a .message_content {
  width: 90%;
  display: inline-block
}

body#admin main section#concierge #concierge_users .message_item a .message_content .txt {
  display: block;
  margin-top: 10px;
  line-height: 1.7
}

body#admin main section#events h1 {
  margin-bottom: 20px
}

body#admin main section#events #event_tabs {
  display: flex
}

body#admin main section#events #event_tabs label {
  width: 50%
}

body#admin main section#events #event_items_wrapper {
  width: 100%
}

body#admin main section#events #event_items_wrapper .event_items {
  padding: 0;
  margin: 10px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap
}

body#admin main section#events #event_items_wrapper .event_items .event_item {
  display: block;
  width: 49%;
  list-style: none;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 10px
}

body#admin main section#events #event_items_wrapper .event_items .event_item a div {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #1f1f1f
}

body#admin main section#events #event_items_wrapper .event_items .event_item a div span {
  margin-left: 10px
}

body#admin main section#events #event_items_wrapper .event_items .event_item a div.feeling .feeling_items {
  margin-top: 10px;
  padding: 0;
  display: flex
}

body#admin main section#events #event_items_wrapper .event_items .event_item a div.feeling .feeling_items li {
  list-style: none;
  background-color: #3dbaeb;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  font-size: .8rem;
  margin-right: 5px;
  font-weight: 700
}

body section#user {
  flex-direction: column
}

body section#user a {
  display: inline-block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  max-width: 200px;
  text-align: center
}

@media screen and (min-width:820px) {
  body section#user a:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#user ul {
  display: flex;
  list-style: none;
  padding: 0
}

body section#user ul li {
  margin-right: 20px
}

body section#user ul li a {
  border-radius: 0;
  background-color: #373737
}

body section#user ul li a.active {
  background-color: #8b0000
}

body section#user form {
  margin-bottom: 20px
}

body section#user form input {
  padding: 15px 10px;
  width: 350px;
  border: solid 1px #a0a0a0
}

body section#user form button {
  height: 52px;
  width: 52px;
  background-color: #3dbaeb;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#user form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#user table {
  border-collapse: collapse;
  border-spacing: 0
}

body section#user table tr th {
  color: #fff;
  text-align: left;
  padding-left: 20px;
  height: 50px;
  background-color: #3dbaeb
}

body section#user table tr:nth-child(odd) {
  background-color: #f0f0f0
}

body section#user table tr td {
  height: 50px;
  padding-left: 20px;
  border-bottom: solid 1px #dcdcdc
}

body section#user table tr td a {
  max-width: none;
  color: #373737;
  background-color: transparent;
  padding: 0
}

body section#signup form {
  width: 100%
}

body section#signup form table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px
}

body section#signup form table tr {
  height: 50px
}

body section#signup form table tr th {
  text-align: left;
  background-color: #3dbaeb;
  color: #fff;
  padding: 10px;
  height: 50px;
  min-height: 50px;
  width: 250px;
  min-width: 250px;
  border: solid 1px #a0a0a0;
  border-bottom: solid 1px #fff
}

@media screen and (max-width:820px) {
  body section#signup form table tr th {
    width: 180px;
    min-width: 180px
  }
}

body section#signup form table tr:nth-last-child(1) th {
  border-bottom: solid 1px #a0a0a0
}

body section#signup form table tr.cast_item td input {
  height: 30px;
  width: 100%;
  margin: 10px 0 10px 0
}

body section#signup form table tr.cast_item td input.chk_app {
  background-color: transparent;
  width: auto;
  height: auto
}

body section#signup form table tr.cast_item td input[type=checkbox] {
  height: 30px
}

body section#signup form table tr.cast_item td label {
  height: 50px
}

body section#signup form table tr.cast_item td label input {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px
}

body section#signup form table tr.cast_item td label span {
  display: inline-block;
  padding: 17px 0
}

body section#signup form table tr td {
  height: 50px;
  padding: 10px 10px 10px 10px;
  width: calc(100% - 250px);
  border: solid 1px #a0a0a0
}

body section#signup form table tr td input {
  height: 50px;
  width: 100%;
  border: none;
  outline: 0;
  background: #f0f0f0;
  padding: 10px 10px 10px 10px
}

body section#signup form table tr td input.key_app {
  margin-top: 20px
}

body section#signup form table tr td input[type=checkbox] {
  width: 30px;
  height: 30px
}

body section#signup form table tr td label {
  height: 50px
}

body section#signup form table tr td label input {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px
}

body section#signup form table tr td label span {
  display: inline-block;
  padding: 17px 0
}

body section#signup form table tr td label::before {
  position: relative;
  color: #fff;
  background-color: #3dbaeb;
  padding: 5px 5px 5px 5px;
  top: 5px
}

body section#signup form table tr td textarea {
  width: 100%;
  border: none;
  height: 250px;
  padding: 10px 10px 10px 10px;
  outline: 0;
  background: #f0f0f0
}

body section#signup form table tr td div strong {
  display: block;
  margin: 10px 0 10px 0
}

body section#signup form table tr td div div {
  display: flex
}

body section#signup form table tr td div div span {
  display: inline-block;
  margin: 0 5px;
  padding: 15px 0 15px 0
}

body section#signup form table tr td.firsttime div div {
  flex-direction: column
}

body section#signup form table tr td.firsttime div div span {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px
}

body section#signup form button {
  display: block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  min-width: 250px;
  text-align: center;
  border: none;
  margin: 0 auto 0 auto;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#signup form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

@media screen and (max-width:820px) {
  body section#signup form button {
    width: 100%;
    padding: 15px 50px
  }
}

body section#management {
  display: block !important
}

body section#management ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0
}

body section#management ul li {
  list-style: none;
  width: 30%;
  min-width: 358px;
  margin: 20px 5px 20px 5px;
  border: solid 1px #dcdcdc
}

@media screen and (max-width:820px) {
  body section#management ul li {
    width: 100%
  }
}

body section#management ul li a {
  display: block;
  color: #373737;
  text-decoration: none
}

body section#management ul li a div {
  display: flex;
  border-bottom: solid 1px #fff
}

body section#management ul li a div strong {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  line-height: 2rem;
  background-color: #3dbaeb;
  color: #fff
}

body section#management ul li a div span {
  display: block;
  line-height: 2rem;
  width: 100%;
  min-width: 185px;
  padding: 5px 10px 5px 10px;
  border-bottom: solid 1px #dcdcdc
}

body section#management ul li a div ul {
  display: block
}

body section#management ul li a div ul li {
  width: 100%;
  padding: 0;
  border: none
}

body section#management ul li a div:nth-last-child(1) {
  border-bottom: none
}

@media screen and (min-width:820px) {
  body section#management ul li a:hover {
    outline: solid 5px #00a5ec
  }
}

body section#notificationWrap {
  height: auto !important;
  display: block !important
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: .75em;
  vertical-align: -.0667em
}

.fa-xs {
  font-size: .75em
}

.fa-sm {
  font-size: .875em
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit
}

.fa-border {
  border: solid .08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: .3em
}

.fa-spin {
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.fa-rotate-90 {
  transform: rotate(90deg)
}

.fa-rotate-180 {
  transform: rotate(180deg)
}

.fa-rotate-270 {
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  filter: none
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-500px:before {
  content: ""
}

.fa-accessible-icon:before {
  content: ""
}

.fa-accusoft:before {
  content: ""
}

.fa-acquisitions-incorporated:before {
  content: ""
}

.fa-ad:before {
  content: ""
}

.fa-address-book:before {
  content: ""
}

.fa-address-card:before {
  content: ""
}

.fa-adjust:before {
  content: ""
}

.fa-adn:before {
  content: ""
}

.fa-adobe:before {
  content: ""
}

.fa-adversal:before {
  content: ""
}

.fa-affiliatetheme:before {
  content: ""
}

.fa-air-freshener:before {
  content: ""
}

.fa-airbnb:before {
  content: ""
}

.fa-algolia:before {
  content: ""
}

.fa-align-center:before {
  content: ""
}

.fa-align-justify:before {
  content: ""
}

.fa-align-left:before {
  content: ""
}

.fa-align-right:before {
  content: ""
}

.fa-alipay:before {
  content: ""
}

.fa-allergies:before {
  content: ""
}

.fa-amazon:before {
  content: ""
}

.fa-amazon-pay:before {
  content: ""
}

.fa-ambulance:before {
  content: ""
}

.fa-american-sign-language-interpreting:before {
  content: ""
}

.fa-amilia:before {
  content: ""
}

.fa-anchor:before {
  content: ""
}

.fa-android:before {
  content: ""
}

.fa-angellist:before {
  content: ""
}

.fa-angle-double-down:before {
  content: ""
}

.fa-angle-double-left:before {
  content: ""
}

.fa-angle-double-right:before {
  content: ""
}

.fa-angle-double-up:before {
  content: ""
}

.fa-angle-down:before {
  content: ""
}

.fa-angle-left:before {
  content: ""
}

.fa-angle-right:before {
  content: ""
}

.fa-angle-up:before {
  content: ""
}

.fa-angry:before {
  content: ""
}

.fa-angrycreative:before {
  content: ""
}

.fa-angular:before {
  content: ""
}

.fa-ankh:before {
  content: ""
}

.fa-app-store:before {
  content: ""
}

.fa-app-store-ios:before {
  content: ""
}

.fa-apper:before {
  content: ""
}

.fa-apple:before {
  content: ""
}

.fa-apple-alt:before {
  content: ""
}

.fa-apple-pay:before {
  content: ""
}

.fa-archive:before {
  content: ""
}

.fa-archway:before {
  content: ""
}

.fa-arrow-alt-circle-down:before {
  content: ""
}

.fa-arrow-alt-circle-left:before {
  content: ""
}

.fa-arrow-alt-circle-right:before {
  content: ""
}

.fa-arrow-alt-circle-up:before {
  content: ""
}

.fa-arrow-circle-down:before {
  content: ""
}

.fa-arrow-circle-left:before {
  content: ""
}

.fa-arrow-circle-right:before {
  content: ""
}

.fa-arrow-circle-up:before {
  content: ""
}

.fa-arrow-down:before {
  content: ""
}

.fa-arrow-left:before {
  content: ""
}

.fa-arrow-right:before {
  content: ""
}

.fa-arrow-up:before {
  content: ""
}

.fa-arrows-alt:before {
  content: ""
}

.fa-arrows-alt-h:before {
  content: ""
}

.fa-arrows-alt-v:before {
  content: ""
}

.fa-artstation:before {
  content: ""
}

.fa-assistive-listening-systems:before {
  content: ""
}

.fa-asterisk:before {
  content: ""
}

.fa-asymmetrik:before {
  content: ""
}

.fa-at:before {
  content: ""
}

.fa-atlas:before {
  content: ""
}

.fa-atlassian:before {
  content: ""
}

.fa-atom:before {
  content: ""
}

.fa-audible:before {
  content: ""
}

.fa-audio-description:before {
  content: ""
}

.fa-autoprefixer:before {
  content: ""
}

.fa-avianex:before {
  content: ""
}

.fa-aviato:before {
  content: ""
}

.fa-award:before {
  content: ""
}

.fa-aws:before {
  content: ""
}

.fa-baby:before {
  content: ""
}

.fa-baby-carriage:before {
  content: ""
}

.fa-backspace:before {
  content: ""
}

.fa-backward:before {
  content: ""
}

.fa-bacon:before {
  content: ""
}

.fa-bahai:before {
  content: ""
}

.fa-balance-scale:before {
  content: ""
}

.fa-balance-scale-left:before {
  content: ""
}

.fa-balance-scale-right:before {
  content: ""
}

.fa-ban:before {
  content: ""
}

.fa-band-aid:before {
  content: ""
}

.fa-bandcamp:before {
  content: ""
}

.fa-barcode:before {
  content: ""
}

.fa-bars:before {
  content: ""
}

.fa-baseball-ball:before {
  content: ""
}

.fa-basketball-ball:before {
  content: ""
}

.fa-bath:before {
  content: ""
}

.fa-battery-empty:before {
  content: ""
}

.fa-battery-full:before {
  content: ""
}

.fa-battery-half:before {
  content: ""
}

.fa-battery-quarter:before {
  content: ""
}

.fa-battery-three-quarters:before {
  content: ""
}

.fa-battle-net:before {
  content: ""
}

.fa-bed:before {
  content: ""
}

.fa-beer:before {
  content: ""
}

.fa-behance:before {
  content: ""
}

.fa-behance-square:before {
  content: ""
}

.fa-bell:before {
  content: ""
}

.fa-bell-slash:before {
  content: ""
}

.fa-bezier-curve:before {
  content: ""
}

.fa-bible:before {
  content: ""
}

.fa-bicycle:before {
  content: ""
}

.fa-biking:before {
  content: ""
}

.fa-bimobject:before {
  content: ""
}

.fa-binoculars:before {
  content: ""
}

.fa-biohazard:before {
  content: ""
}

.fa-birthday-cake:before {
  content: ""
}

.fa-bitbucket:before {
  content: ""
}

.fa-bitcoin:before {
  content: ""
}

.fa-bity:before {
  content: ""
}

.fa-black-tie:before {
  content: ""
}

.fa-blackberry:before {
  content: ""
}

.fa-blender:before {
  content: ""
}

.fa-blender-phone:before {
  content: ""
}

.fa-blind:before {
  content: ""
}

.fa-blog:before {
  content: ""
}

.fa-blogger:before {
  content: ""
}

.fa-blogger-b:before {
  content: ""
}

.fa-bluetooth:before {
  content: ""
}

.fa-bluetooth-b:before {
  content: ""
}

.fa-bold:before {
  content: ""
}

.fa-bolt:before {
  content: ""
}

.fa-bomb:before {
  content: ""
}

.fa-bone:before {
  content: ""
}

.fa-bong:before {
  content: ""
}

.fa-book:before {
  content: ""
}

.fa-book-dead:before {
  content: ""
}

.fa-book-medical:before {
  content: ""
}

.fa-book-open:before {
  content: ""
}

.fa-book-reader:before {
  content: ""
}

.fa-bookmark:before {
  content: ""
}

.fa-bootstrap:before {
  content: ""
}

.fa-border-all:before {
  content: ""
}

.fa-border-none:before {
  content: ""
}

.fa-border-style:before {
  content: ""
}

.fa-bowling-ball:before {
  content: ""
}

.fa-box:before {
  content: ""
}

.fa-box-open:before {
  content: ""
}

.fa-box-tissue:before {
  content: "拏"
}

.fa-boxes:before {
  content: ""
}

.fa-braille:before {
  content: ""
}

.fa-brain:before {
  content: ""
}

.fa-bread-slice:before {
  content: ""
}

.fa-briefcase:before {
  content: ""
}

.fa-briefcase-medical:before {
  content: ""
}

.fa-broadcast-tower:before {
  content: ""
}

.fa-broom:before {
  content: ""
}

.fa-brush:before {
  content: ""
}

.fa-btc:before {
  content: ""
}

.fa-buffer:before {
  content: ""
}

.fa-bug:before {
  content: ""
}

.fa-building:before {
  content: ""
}

.fa-bullhorn:before {
  content: ""
}

.fa-bullseye:before {
  content: ""
}

.fa-burn:before {
  content: ""
}

.fa-buromobelexperte:before {
  content: ""
}

.fa-bus:before {
  content: ""
}

.fa-bus-alt:before {
  content: ""
}

.fa-business-time:before {
  content: ""
}

.fa-buy-n-large:before {
  content: ""
}

.fa-buysellads:before {
  content: ""
}

.fa-calculator:before {
  content: ""
}

.fa-calendar:before {
  content: ""
}

.fa-calendar-alt:before {
  content: ""
}

.fa-calendar-check:before {
  content: ""
}

.fa-calendar-day:before {
  content: ""
}

.fa-calendar-minus:before {
  content: ""
}

.fa-calendar-plus:before {
  content: ""
}

.fa-calendar-times:before {
  content: ""
}

.fa-calendar-week:before {
  content: ""
}

.fa-camera:before {
  content: ""
}

.fa-camera-retro:before {
  content: ""
}

.fa-campground:before {
  content: ""
}

.fa-canadian-maple-leaf:before {
  content: ""
}

.fa-candy-cane:before {
  content: ""
}

.fa-cannabis:before {
  content: ""
}

.fa-capsules:before {
  content: ""
}

.fa-car:before {
  content: ""
}

.fa-car-alt:before {
  content: ""
}

.fa-car-battery:before {
  content: ""
}

.fa-car-crash:before {
  content: ""
}

.fa-car-side:before {
  content: ""
}

.fa-caravan:before {
  content: ""
}

.fa-caret-down:before {
  content: ""
}

.fa-caret-left:before {
  content: ""
}

.fa-caret-right:before {
  content: ""
}

.fa-caret-square-down:before {
  content: ""
}

.fa-caret-square-left:before {
  content: ""
}

.fa-caret-square-right:before {
  content: ""
}

.fa-caret-square-up:before {
  content: ""
}

.fa-caret-up:before {
  content: ""
}

.fa-carrot:before {
  content: ""
}

.fa-cart-arrow-down:before {
  content: ""
}

.fa-cart-plus:before {
  content: ""
}

.fa-cash-register:before {
  content: ""
}

.fa-cat:before {
  content: ""
}

.fa-cc-amazon-pay:before {
  content: ""
}

.fa-cc-amex:before {
  content: ""
}

.fa-cc-apple-pay:before {
  content: ""
}

.fa-cc-diners-club:before {
  content: ""
}

.fa-cc-discover:before {
  content: ""
}

.fa-cc-jcb:before {
  content: ""
}

.fa-cc-mastercard:before {
  content: ""
}

.fa-cc-paypal:before {
  content: ""
}

.fa-cc-stripe:before {
  content: ""
}

.fa-cc-visa:before {
  content: ""
}

.fa-centercode:before {
  content: ""
}

.fa-centos:before {
  content: ""
}

.fa-certificate:before {
  content: ""
}

.fa-chair:before {
  content: ""
}

.fa-chalkboard:before {
  content: ""
}

.fa-chalkboard-teacher:before {
  content: ""
}

.fa-charging-station:before {
  content: ""
}

.fa-chart-area:before {
  content: ""
}

.fa-chart-bar:before {
  content: ""
}

.fa-chart-line:before {
  content: ""
}

.fa-chart-pie:before {
  content: ""
}

.fa-check:before {
  content: ""
}

.fa-check-circle:before {
  content: ""
}

.fa-check-double:before {
  content: ""
}

.fa-check-square:before {
  content: ""
}

.fa-cheese:before {
  content: ""
}

.fa-chess:before {
  content: ""
}

.fa-chess-bishop:before {
  content: ""
}

.fa-chess-board:before {
  content: ""
}

.fa-chess-king:before {
  content: ""
}

.fa-chess-knight:before {
  content: ""
}

.fa-chess-pawn:before {
  content: ""
}

.fa-chess-queen:before {
  content: ""
}

.fa-chess-rook:before {
  content: ""
}

.fa-chevron-circle-down:before {
  content: ""
}

.fa-chevron-circle-left:before {
  content: ""
}

.fa-chevron-circle-right:before {
  content: ""
}

.fa-chevron-circle-up:before {
  content: ""
}

.fa-chevron-down:before {
  content: ""
}

.fa-chevron-left:before {
  content: ""
}

.fa-chevron-right:before {
  content: ""
}

.fa-chevron-up:before {
  content: ""
}

.fa-child:before {
  content: ""
}

.fa-chrome:before {
  content: ""
}

.fa-chromecast:before {
  content: ""
}

.fa-church:before {
  content: ""
}

.fa-circle:before {
  content: ""
}

.fa-circle-notch:before {
  content: ""
}

.fa-city:before {
  content: ""
}

.fa-clinic-medical:before {
  content: ""
}

.fa-clipboard:before {
  content: ""
}

.fa-clipboard-check:before {
  content: ""
}

.fa-clipboard-list:before {
  content: ""
}

.fa-clock:before {
  content: ""
}

.fa-clone:before {
  content: ""
}

.fa-closed-captioning:before {
  content: ""
}

.fa-cloud:before {
  content: ""
}

.fa-cloud-download-alt:before {
  content: ""
}

.fa-cloud-meatball:before {
  content: ""
}

.fa-cloud-moon:before {
  content: ""
}

.fa-cloud-moon-rain:before {
  content: ""
}

.fa-cloud-rain:before {
  content: ""
}

.fa-cloud-showers-heavy:before {
  content: ""
}

.fa-cloud-sun:before {
  content: ""
}

.fa-cloud-sun-rain:before {
  content: ""
}

.fa-cloud-upload-alt:before {
  content: ""
}

.fa-cloudscale:before {
  content: ""
}

.fa-cloudsmith:before {
  content: ""
}

.fa-cloudversify:before {
  content: ""
}

.fa-cocktail:before {
  content: ""
}

.fa-code:before {
  content: ""
}

.fa-code-branch:before {
  content: ""
}

.fa-codepen:before {
  content: ""
}

.fa-codiepie:before {
  content: ""
}

.fa-coffee:before {
  content: ""
}

.fa-cog:before {
  content: ""
}

.fa-cogs:before {
  content: ""
}

.fa-coins:before {
  content: ""
}

.fa-columns:before {
  content: ""
}

.fa-comment:before {
  content: ""
}

.fa-comment-alt:before {
  content: ""
}

.fa-comment-dollar:before {
  content: ""
}

.fa-comment-dots:before {
  content: ""
}

.fa-comment-medical:before {
  content: ""
}

.fa-comment-slash:before {
  content: ""
}

.fa-comments:before {
  content: ""
}

.fa-comments-dollar:before {
  content: ""
}

.fa-compact-disc:before {
  content: ""
}

.fa-compass:before {
  content: ""
}

.fa-compress:before {
  content: ""
}

.fa-compress-alt:before {
  content: ""
}

.fa-compress-arrows-alt:before {
  content: ""
}

.fa-concierge-bell:before {
  content: ""
}

.fa-confluence:before {
  content: ""
}

.fa-connectdevelop:before {
  content: ""
}

.fa-contao:before {
  content: ""
}

.fa-cookie:before {
  content: ""
}

.fa-cookie-bite:before {
  content: ""
}

.fa-copy:before {
  content: ""
}

.fa-copyright:before {
  content: ""
}

.fa-cotton-bureau:before {
  content: ""
}

.fa-couch:before {
  content: ""
}

.fa-cpanel:before {
  content: ""
}

.fa-creative-commons:before {
  content: ""
}

.fa-creative-commons-by:before {
  content: ""
}

.fa-creative-commons-nc:before {
  content: ""
}

.fa-creative-commons-nc-eu:before {
  content: ""
}

.fa-creative-commons-nc-jp:before {
  content: ""
}

.fa-creative-commons-nd:before {
  content: ""
}

.fa-creative-commons-pd:before {
  content: ""
}

.fa-creative-commons-pd-alt:before {
  content: ""
}

.fa-creative-commons-remix:before {
  content: ""
}

.fa-creative-commons-sa:before {
  content: ""
}

.fa-creative-commons-sampling:before {
  content: ""
}

.fa-creative-commons-sampling-plus:before {
  content: ""
}

.fa-creative-commons-share:before {
  content: ""
}

.fa-creative-commons-zero:before {
  content: ""
}

.fa-credit-card:before {
  content: ""
}

.fa-critical-role:before {
  content: ""
}

.fa-crop:before {
  content: ""
}

.fa-crop-alt:before {
  content: ""
}

.fa-cross:before {
  content: ""
}

.fa-crosshairs:before {
  content: ""
}

.fa-crow:before {
  content: ""
}

.fa-crown:before {
  content: ""
}

.fa-crutch:before {
  content: ""
}

.fa-css3:before {
  content: ""
}

.fa-css3-alt:before {
  content: ""
}

.fa-cube:before {
  content: ""
}

.fa-cubes:before {
  content: ""
}

.fa-cut:before {
  content: ""
}

.fa-cuttlefish:before {
  content: ""
}

.fa-d-and-d:before {
  content: ""
}

.fa-d-and-d-beyond:before {
  content: ""
}

.fa-dailymotion:before {
  content: "勒"
}

.fa-dashcube:before {
  content: ""
}

.fa-database:before {
  content: ""
}

.fa-deaf:before {
  content: ""
}

.fa-delicious:before {
  content: ""
}

.fa-democrat:before {
  content: ""
}

.fa-deploydog:before {
  content: ""
}

.fa-deskpro:before {
  content: ""
}

.fa-desktop:before {
  content: ""
}

.fa-dev:before {
  content: ""
}

.fa-deviantart:before {
  content: ""
}

.fa-dharmachakra:before {
  content: ""
}

.fa-dhl:before {
  content: ""
}

.fa-diagnoses:before {
  content: ""
}

.fa-diaspora:before {
  content: ""
}

.fa-dice:before {
  content: ""
}

.fa-dice-d20:before {
  content: ""
}

.fa-dice-d6:before {
  content: ""
}

.fa-dice-five:before {
  content: ""
}

.fa-dice-four:before {
  content: ""
}

.fa-dice-one:before {
  content: ""
}

.fa-dice-six:before {
  content: ""
}

.fa-dice-three:before {
  content: ""
}

.fa-dice-two:before {
  content: ""
}

.fa-digg:before {
  content: ""
}

.fa-digital-ocean:before {
  content: ""
}

.fa-digital-tachograph:before {
  content: ""
}

.fa-directions:before {
  content: ""
}

.fa-discord:before {
  content: ""
}

.fa-discourse:before {
  content: ""
}

.fa-disease:before {
  content: ""
}

.fa-divide:before {
  content: ""
}

.fa-dizzy:before {
  content: ""
}

.fa-dna:before {
  content: ""
}

.fa-dochub:before {
  content: ""
}

.fa-docker:before {
  content: ""
}

.fa-dog:before {
  content: ""
}

.fa-dollar-sign:before {
  content: ""
}

.fa-dolly:before {
  content: ""
}

.fa-dolly-flatbed:before {
  content: ""
}

.fa-donate:before {
  content: ""
}

.fa-door-closed:before {
  content: ""
}

.fa-door-open:before {
  content: ""
}

.fa-dot-circle:before {
  content: ""
}

.fa-dove:before {
  content: ""
}

.fa-download:before {
  content: ""
}

.fa-draft2digital:before {
  content: ""
}

.fa-drafting-compass:before {
  content: ""
}

.fa-dragon:before {
  content: ""
}

.fa-draw-polygon:before {
  content: ""
}

.fa-dribbble:before {
  content: ""
}

.fa-dribbble-square:before {
  content: ""
}

.fa-dropbox:before {
  content: ""
}

.fa-drum:before {
  content: ""
}

.fa-drum-steelpan:before {
  content: ""
}

.fa-drumstick-bite:before {
  content: ""
}

.fa-drupal:before {
  content: ""
}

.fa-dumbbell:before {
  content: ""
}

.fa-dumpster:before {
  content: ""
}

.fa-dumpster-fire:before {
  content: ""
}

.fa-dungeon:before {
  content: ""
}

.fa-dyalog:before {
  content: ""
}

.fa-earlybirds:before {
  content: ""
}

.fa-ebay:before {
  content: ""
}

.fa-edge:before {
  content: ""
}

.fa-edit:before {
  content: ""
}

.fa-egg:before {
  content: ""
}

.fa-eject:before {
  content: ""
}

.fa-elementor:before {
  content: ""
}

.fa-ellipsis-h:before {
  content: ""
}

.fa-ellipsis-v:before {
  content: ""
}

.fa-ello:before {
  content: ""
}

.fa-ember:before {
  content: ""
}

.fa-empire:before {
  content: ""
}

.fa-envelope:before {
  content: ""
}

.fa-envelope-open:before {
  content: ""
}

.fa-envelope-open-text:before {
  content: ""
}

.fa-envelope-square:before {
  content: ""
}

.fa-envira:before {
  content: ""
}

.fa-equals:before {
  content: ""
}

.fa-eraser:before {
  content: ""
}

.fa-erlang:before {
  content: ""
}

.fa-ethereum:before {
  content: ""
}

.fa-ethernet:before {
  content: ""
}

.fa-etsy:before {
  content: ""
}

.fa-euro-sign:before {
  content: ""
}

.fa-evernote:before {
  content: ""
}

.fa-exchange-alt:before {
  content: ""
}

.fa-exclamation:before {
  content: ""
}

.fa-exclamation-circle:before {
  content: ""
}

.fa-exclamation-triangle:before {
  content: ""
}

.fa-expand:before {
  content: ""
}

.fa-expand-alt:before {
  content: ""
}

.fa-expand-arrows-alt:before {
  content: ""
}

.fa-expeditedssl:before {
  content: ""
}

.fa-external-link-alt:before {
  content: ""
}

.fa-external-link-square-alt:before {
  content: ""
}

.fa-eye:before {
  content: ""
}

.fa-eye-dropper:before {
  content: ""
}

.fa-eye-slash:before {
  content: ""
}

.fa-facebook:before {
  content: ""
}

.fa-facebook-f:before {
  content: ""
}

.fa-facebook-messenger:before {
  content: ""
}

.fa-facebook-square:before {
  content: ""
}

.fa-fan:before {
  content: ""
}

.fa-fantasy-flight-games:before {
  content: ""
}

.fa-fast-backward:before {
  content: ""
}

.fa-fast-forward:before {
  content: ""
}

.fa-faucet:before {
  content: "串"
}

.fa-fax:before {
  content: ""
}

.fa-feather:before {
  content: ""
}

.fa-feather-alt:before {
  content: ""
}

.fa-fedex:before {
  content: ""
}

.fa-fedora:before {
  content: ""
}

.fa-female:before {
  content: ""
}

.fa-fighter-jet:before {
  content: ""
}

.fa-figma:before {
  content: ""
}

.fa-file:before {
  content: ""
}

.fa-file-alt:before {
  content: ""
}

.fa-file-archive:before {
  content: ""
}

.fa-file-audio:before {
  content: ""
}

.fa-file-code:before {
  content: ""
}

.fa-file-contract:before {
  content: ""
}

.fa-file-csv:before {
  content: ""
}

.fa-file-download:before {
  content: ""
}

.fa-file-excel:before {
  content: ""
}

.fa-file-export:before {
  content: ""
}

.fa-file-image:before {
  content: ""
}

.fa-file-import:before {
  content: ""
}

.fa-file-invoice:before {
  content: ""
}

.fa-file-invoice-dollar:before {
  content: ""
}

.fa-file-medical:before {
  content: ""
}

.fa-file-medical-alt:before {
  content: ""
}

.fa-file-pdf:before {
  content: ""
}

.fa-file-powerpoint:before {
  content: ""
}

.fa-file-prescription:before {
  content: ""
}

.fa-file-signature:before {
  content: ""
}

.fa-file-upload:before {
  content: ""
}

.fa-file-video:before {
  content: ""
}

.fa-file-word:before {
  content: ""
}

.fa-fill:before {
  content: ""
}

.fa-fill-drip:before {
  content: ""
}

.fa-film:before {
  content: ""
}

.fa-filter:before {
  content: ""
}

.fa-fingerprint:before {
  content: ""
}

.fa-fire:before {
  content: ""
}

.fa-fire-alt:before {
  content: ""
}

.fa-fire-extinguisher:before {
  content: ""
}

.fa-firefox:before {
  content: ""
}

.fa-firefox-browser:before {
  content: "龜"
}

.fa-first-aid:before {
  content: ""
}

.fa-first-order:before {
  content: ""
}

.fa-first-order-alt:before {
  content: ""
}

.fa-firstdraft:before {
  content: ""
}

.fa-fish:before {
  content: ""
}

.fa-fist-raised:before {
  content: ""
}

.fa-flag:before {
  content: ""
}

.fa-flag-checkered:before {
  content: ""
}

.fa-flag-usa:before {
  content: ""
}

.fa-flask:before {
  content: ""
}

.fa-flickr:before {
  content: ""
}

.fa-flipboard:before {
  content: ""
}

.fa-flushed:before {
  content: ""
}

.fa-fly:before {
  content: ""
}

.fa-folder:before {
  content: ""
}

.fa-folder-minus:before {
  content: ""
}

.fa-folder-open:before {
  content: ""
}

.fa-folder-plus:before {
  content: ""
}

.fa-font:before {
  content: ""
}

.fa-font-awesome:before {
  content: ""
}

.fa-font-awesome-alt:before {
  content: ""
}

.fa-font-awesome-flag:before {
  content: ""
}

.fa-font-awesome-logo-full:before {
  content: ""
}

.fa-fonticons:before {
  content: ""
}

.fa-fonticons-fi:before {
  content: ""
}

.fa-football-ball:before {
  content: ""
}

.fa-fort-awesome:before {
  content: ""
}

.fa-fort-awesome-alt:before {
  content: ""
}

.fa-forumbee:before {
  content: ""
}

.fa-forward:before {
  content: ""
}

.fa-foursquare:before {
  content: ""
}

.fa-free-code-camp:before {
  content: ""
}

.fa-freebsd:before {
  content: ""
}

.fa-frog:before {
  content: ""
}

.fa-frown:before {
  content: ""
}

.fa-frown-open:before {
  content: ""
}

.fa-fulcrum:before {
  content: ""
}

.fa-funnel-dollar:before {
  content: ""
}

.fa-futbol:before {
  content: ""
}

.fa-galactic-republic:before {
  content: ""
}

.fa-galactic-senate:before {
  content: ""
}

.fa-gamepad:before {
  content: ""
}

.fa-gas-pump:before {
  content: ""
}

.fa-gavel:before {
  content: ""
}

.fa-gem:before {
  content: ""
}

.fa-genderless:before {
  content: ""
}

.fa-get-pocket:before {
  content: ""
}

.fa-gg:before {
  content: ""
}

.fa-gg-circle:before {
  content: ""
}

.fa-ghost:before {
  content: ""
}

.fa-gift:before {
  content: ""
}

.fa-gifts:before {
  content: ""
}

.fa-git:before {
  content: ""
}

.fa-git-alt:before {
  content: ""
}

.fa-git-square:before {
  content: ""
}

.fa-github:before {
  content: ""
}

.fa-github-alt:before {
  content: ""
}

.fa-github-square:before {
  content: ""
}

.fa-gitkraken:before {
  content: ""
}

.fa-gitlab:before {
  content: ""
}

.fa-gitter:before {
  content: ""
}

.fa-glass-cheers:before {
  content: ""
}

.fa-glass-martini:before {
  content: ""
}

.fa-glass-martini-alt:before {
  content: ""
}

.fa-glass-whiskey:before {
  content: ""
}

.fa-glasses:before {
  content: ""
}

.fa-glide:before {
  content: ""
}

.fa-glide-g:before {
  content: ""
}

.fa-globe:before {
  content: ""
}

.fa-globe-africa:before {
  content: ""
}

.fa-globe-americas:before {
  content: ""
}

.fa-globe-asia:before {
  content: ""
}

.fa-globe-europe:before {
  content: ""
}

.fa-gofore:before {
  content: ""
}

.fa-golf-ball:before {
  content: ""
}

.fa-goodreads:before {
  content: ""
}

.fa-goodreads-g:before {
  content: ""
}

.fa-google:before {
  content: ""
}

.fa-google-drive:before {
  content: ""
}

.fa-google-play:before {
  content: ""
}

.fa-google-plus:before {
  content: ""
}

.fa-google-plus-g:before {
  content: ""
}

.fa-google-plus-square:before {
  content: ""
}

.fa-google-wallet:before {
  content: ""
}

.fa-gopuram:before {
  content: ""
}

.fa-graduation-cap:before {
  content: ""
}

.fa-gratipay:before {
  content: ""
}

.fa-grav:before {
  content: ""
}

.fa-greater-than:before {
  content: ""
}

.fa-greater-than-equal:before {
  content: ""
}

.fa-grimace:before {
  content: ""
}

.fa-grin:before {
  content: ""
}

.fa-grin-alt:before {
  content: ""
}

.fa-grin-beam:before {
  content: ""
}

.fa-grin-beam-sweat:before {
  content: ""
}

.fa-grin-hearts:before {
  content: ""
}

.fa-grin-squint:before {
  content: ""
}

.fa-grin-squint-tears:before {
  content: ""
}

.fa-grin-stars:before {
  content: ""
}

.fa-grin-tears:before {
  content: ""
}

.fa-grin-tongue:before {
  content: ""
}

.fa-grin-tongue-squint:before {
  content: ""
}

.fa-grin-tongue-wink:before {
  content: ""
}

.fa-grin-wink:before {
  content: ""
}

.fa-grip-horizontal:before {
  content: ""
}

.fa-grip-lines:before {
  content: ""
}

.fa-grip-lines-vertical:before {
  content: ""
}

.fa-grip-vertical:before {
  content: ""
}

.fa-gripfire:before {
  content: ""
}

.fa-grunt:before {
  content: ""
}

.fa-guitar:before {
  content: ""
}

.fa-gulp:before {
  content: ""
}

.fa-h-square:before {
  content: ""
}

.fa-hacker-news:before {
  content: ""
}

.fa-hacker-news-square:before {
  content: ""
}

.fa-hackerrank:before {
  content: ""
}

.fa-hamburger:before {
  content: ""
}

.fa-hammer:before {
  content: ""
}

.fa-hamsa:before {
  content: ""
}

.fa-hand-holding:before {
  content: ""
}

.fa-hand-holding-heart:before {
  content: ""
}

.fa-hand-holding-medical:before {
  content: "樂"
}

.fa-hand-holding-usd:before {
  content: ""
}

.fa-hand-holding-water:before {
  content: ""
}

.fa-hand-lizard:before {
  content: ""
}

.fa-hand-middle-finger:before {
  content: ""
}

.fa-hand-paper:before {
  content: ""
}

.fa-hand-peace:before {
  content: ""
}

.fa-hand-point-down:before {
  content: ""
}

.fa-hand-point-left:before {
  content: ""
}

.fa-hand-point-right:before {
  content: ""
}

.fa-hand-point-up:before {
  content: ""
}

.fa-hand-pointer:before {
  content: ""
}

.fa-hand-rock:before {
  content: ""
}

.fa-hand-scissors:before {
  content: ""
}

.fa-hand-sparkles:before {
  content: "諾"
}

.fa-hand-spock:before {
  content: ""
}

.fa-hands:before {
  content: ""
}

.fa-hands-helping:before {
  content: ""
}

.fa-hands-wash:before {
  content: "丹"
}

.fa-handshake:before {
  content: ""
}

.fa-handshake-alt-slash:before {
  content: "寧"
}

.fa-handshake-slash:before {
  content: "怒"
}

.fa-hanukiah:before {
  content: ""
}

.fa-hard-hat:before {
  content: ""
}

.fa-hashtag:before {
  content: ""
}

.fa-hat-cowboy:before {
  content: ""
}

.fa-hat-cowboy-side:before {
  content: ""
}

.fa-hat-wizard:before {
  content: ""
}

.fa-hdd:before {
  content: ""
}

.fa-head-side-cough:before {
  content: "率"
}

.fa-head-side-cough-slash:before {
  content: "異"
}

.fa-head-side-mask:before {
  content: "北"
}

.fa-head-side-virus:before {
  content: "磻"
}

.fa-heading:before {
  content: ""
}

.fa-headphones:before {
  content: ""
}

.fa-headphones-alt:before {
  content: ""
}

.fa-headset:before {
  content: ""
}

.fa-heart:before {
  content: ""
}

.fa-heart-broken:before {
  content: ""
}

.fa-heartbeat:before {
  content: ""
}

.fa-helicopter:before {
  content: ""
}

.fa-highlighter:before {
  content: ""
}

.fa-hiking:before {
  content: ""
}

.fa-hippo:before {
  content: ""
}

.fa-hips:before {
  content: ""
}

.fa-hire-a-helper:before {
  content: ""
}

.fa-history:before {
  content: ""
}

.fa-hockey-puck:before {
  content: ""
}

.fa-holly-berry:before {
  content: ""
}

.fa-home:before {
  content: ""
}

.fa-hooli:before {
  content: ""
}

.fa-hornbill:before {
  content: ""
}

.fa-horse:before {
  content: ""
}

.fa-horse-head:before {
  content: ""
}

.fa-hospital:before {
  content: ""
}

.fa-hospital-alt:before {
  content: ""
}

.fa-hospital-symbol:before {
  content: ""
}

.fa-hospital-user:before {
  content: ""
}

.fa-hot-tub:before {
  content: ""
}

.fa-hotdog:before {
  content: ""
}

.fa-hotel:before {
  content: ""
}

.fa-hotjar:before {
  content: ""
}

.fa-hourglass:before {
  content: ""
}

.fa-hourglass-end:before {
  content: ""
}

.fa-hourglass-half:before {
  content: ""
}

.fa-hourglass-start:before {
  content: ""
}

.fa-house-damage:before {
  content: ""
}

.fa-house-user:before {
  content: "便"
}

.fa-houzz:before {
  content: ""
}

.fa-hryvnia:before {
  content: ""
}

.fa-html5:before {
  content: ""
}

.fa-hubspot:before {
  content: ""
}

.fa-i-cursor:before {
  content: ""
}

.fa-ice-cream:before {
  content: ""
}

.fa-icicles:before {
  content: ""
}

.fa-icons:before {
  content: ""
}

.fa-id-badge:before {
  content: ""
}

.fa-id-card:before {
  content: ""
}

.fa-id-card-alt:before {
  content: ""
}

.fa-ideal:before {
  content: "邏"
}

.fa-igloo:before {
  content: ""
}

.fa-image:before {
  content: ""
}

.fa-images:before {
  content: ""
}

.fa-imdb:before {
  content: ""
}

.fa-inbox:before {
  content: ""
}

.fa-indent:before {
  content: ""
}

.fa-industry:before {
  content: ""
}

.fa-infinity:before {
  content: ""
}

.fa-info:before {
  content: ""
}

.fa-info-circle:before {
  content: ""
}

.fa-instagram:before {
  content: ""
}

.fa-instagram-square:before {
  content: "凌"
}

.fa-intercom:before {
  content: ""
}

.fa-internet-explorer:before {
  content: ""
}

.fa-invision:before {
  content: ""
}

.fa-ioxhost:before {
  content: ""
}

.fa-italic:before {
  content: ""
}

.fa-itch-io:before {
  content: ""
}

.fa-itunes:before {
  content: ""
}

.fa-itunes-note:before {
  content: ""
}

.fa-java:before {
  content: ""
}

.fa-jedi:before {
  content: ""
}

.fa-jedi-order:before {
  content: ""
}

.fa-jenkins:before {
  content: ""
}

.fa-jira:before {
  content: ""
}

.fa-joget:before {
  content: ""
}

.fa-joint:before {
  content: ""
}

.fa-joomla:before {
  content: ""
}

.fa-journal-whills:before {
  content: ""
}

.fa-js:before {
  content: ""
}

.fa-js-square:before {
  content: ""
}

.fa-jsfiddle:before {
  content: ""
}

.fa-kaaba:before {
  content: ""
}

.fa-kaggle:before {
  content: ""
}

.fa-key:before {
  content: ""
}

.fa-keybase:before {
  content: ""
}

.fa-keyboard:before {
  content: ""
}

.fa-keycdn:before {
  content: ""
}

.fa-khanda:before {
  content: ""
}

.fa-kickstarter:before {
  content: ""
}

.fa-kickstarter-k:before {
  content: ""
}

.fa-kiss:before {
  content: ""
}

.fa-kiss-beam:before {
  content: ""
}

.fa-kiss-wink-heart:before {
  content: ""
}

.fa-kiwi-bird:before {
  content: ""
}

.fa-korvue:before {
  content: ""
}

.fa-landmark:before {
  content: ""
}

.fa-language:before {
  content: ""
}

.fa-laptop:before {
  content: ""
}

.fa-laptop-code:before {
  content: ""
}

.fa-laptop-house:before {
  content: "復"
}

.fa-laptop-medical:before {
  content: ""
}

.fa-laravel:before {
  content: ""
}

.fa-lastfm:before {
  content: ""
}

.fa-lastfm-square:before {
  content: ""
}

.fa-laugh:before {
  content: ""
}

.fa-laugh-beam:before {
  content: ""
}

.fa-laugh-squint:before {
  content: ""
}

.fa-laugh-wink:before {
  content: ""
}

.fa-layer-group:before {
  content: ""
}

.fa-leaf:before {
  content: ""
}

.fa-leanpub:before {
  content: ""
}

.fa-lemon:before {
  content: ""
}

.fa-less:before {
  content: ""
}

.fa-less-than:before {
  content: ""
}

.fa-less-than-equal:before {
  content: ""
}

.fa-level-down-alt:before {
  content: ""
}

.fa-level-up-alt:before {
  content: ""
}

.fa-life-ring:before {
  content: ""
}

.fa-lightbulb:before {
  content: ""
}

.fa-line:before {
  content: ""
}

.fa-link:before {
  content: ""
}

.fa-linkedin:before {
  content: ""
}

.fa-linkedin-in:before {
  content: ""
}

.fa-linode:before {
  content: ""
}

.fa-linux:before {
  content: ""
}

.fa-lira-sign:before {
  content: ""
}

.fa-list:before {
  content: ""
}

.fa-list-alt:before {
  content: ""
}

.fa-list-ol:before {
  content: ""
}

.fa-list-ul:before {
  content: ""
}

.fa-location-arrow:before {
  content: ""
}

.fa-lock:before {
  content: ""
}

.fa-lock-open:before {
  content: ""
}

.fa-long-arrow-alt-down:before {
  content: ""
}

.fa-long-arrow-alt-left:before {
  content: ""
}

.fa-long-arrow-alt-right:before {
  content: ""
}

.fa-long-arrow-alt-up:before {
  content: ""
}

.fa-low-vision:before {
  content: ""
}

.fa-luggage-cart:before {
  content: ""
}

.fa-lungs:before {
  content: ""
}

.fa-lungs-virus:before {
  content: "不"
}

.fa-lyft:before {
  content: ""
}

.fa-magento:before {
  content: ""
}

.fa-magic:before {
  content: ""
}

.fa-magnet:before {
  content: ""
}

.fa-mail-bulk:before {
  content: ""
}

.fa-mailchimp:before {
  content: ""
}

.fa-male:before {
  content: ""
}

.fa-mandalorian:before {
  content: ""
}

.fa-map:before {
  content: ""
}

.fa-map-marked:before {
  content: ""
}

.fa-map-marked-alt:before {
  content: ""
}

.fa-map-marker:before {
  content: ""
}

.fa-map-marker-alt:before {
  content: ""
}

.fa-map-pin:before {
  content: ""
}

.fa-map-signs:before {
  content: ""
}

.fa-markdown:before {
  content: ""
}

.fa-marker:before {
  content: ""
}

.fa-mars:before {
  content: ""
}

.fa-mars-double:before {
  content: ""
}

.fa-mars-stroke:before {
  content: ""
}

.fa-mars-stroke-h:before {
  content: ""
}

.fa-mars-stroke-v:before {
  content: ""
}

.fa-mask:before {
  content: ""
}

.fa-mastodon:before {
  content: ""
}

.fa-maxcdn:before {
  content: ""
}

.fa-mdb:before {
  content: ""
}

.fa-medal:before {
  content: ""
}

.fa-medapps:before {
  content: ""
}

.fa-medium:before {
  content: ""
}

.fa-medium-m:before {
  content: ""
}

.fa-medkit:before {
  content: ""
}

.fa-medrt:before {
  content: ""
}

.fa-meetup:before {
  content: ""
}

.fa-megaport:before {
  content: ""
}

.fa-meh:before {
  content: ""
}

.fa-meh-blank:before {
  content: ""
}

.fa-meh-rolling-eyes:before {
  content: ""
}

.fa-memory:before {
  content: ""
}

.fa-mendeley:before {
  content: ""
}

.fa-menorah:before {
  content: ""
}

.fa-mercury:before {
  content: ""
}

.fa-meteor:before {
  content: ""
}

.fa-microblog:before {
  content: "駱"
}

.fa-microchip:before {
  content: ""
}

.fa-microphone:before {
  content: ""
}

.fa-microphone-alt:before {
  content: ""
}

.fa-microphone-alt-slash:before {
  content: ""
}

.fa-microphone-slash:before {
  content: ""
}

.fa-microscope:before {
  content: ""
}

.fa-microsoft:before {
  content: ""
}

.fa-minus:before {
  content: ""
}

.fa-minus-circle:before {
  content: ""
}

.fa-minus-square:before {
  content: ""
}

.fa-mitten:before {
  content: ""
}

.fa-mix:before {
  content: ""
}

.fa-mixcloud:before {
  content: ""
}

.fa-mixer:before {
  content: "稜"
}

.fa-mizuni:before {
  content: ""
}

.fa-mobile:before {
  content: ""
}

.fa-mobile-alt:before {
  content: ""
}

.fa-modx:before {
  content: ""
}

.fa-monero:before {
  content: ""
}

.fa-money-bill:before {
  content: ""
}

.fa-money-bill-alt:before {
  content: ""
}

.fa-money-bill-wave:before {
  content: ""
}

.fa-money-bill-wave-alt:before {
  content: ""
}

.fa-money-check:before {
  content: ""
}

.fa-money-check-alt:before {
  content: ""
}

.fa-monument:before {
  content: ""
}

.fa-moon:before {
  content: ""
}

.fa-mortar-pestle:before {
  content: ""
}

.fa-mosque:before {
  content: ""
}

.fa-motorcycle:before {
  content: ""
}

.fa-mountain:before {
  content: ""
}

.fa-mouse:before {
  content: ""
}

.fa-mouse-pointer:before {
  content: ""
}

.fa-mug-hot:before {
  content: ""
}

.fa-music:before {
  content: ""
}

.fa-napster:before {
  content: ""
}

.fa-neos:before {
  content: ""
}

.fa-network-wired:before {
  content: ""
}

.fa-neuter:before {
  content: ""
}

.fa-newspaper:before {
  content: ""
}

.fa-nimblr:before {
  content: ""
}

.fa-node:before {
  content: ""
}

.fa-node-js:before {
  content: ""
}

.fa-not-equal:before {
  content: ""
}

.fa-notes-medical:before {
  content: ""
}

.fa-npm:before {
  content: ""
}

.fa-ns8:before {
  content: ""
}

.fa-nutritionix:before {
  content: ""
}

.fa-object-group:before {
  content: ""
}

.fa-object-ungroup:before {
  content: ""
}

.fa-odnoklassniki:before {
  content: ""
}

.fa-odnoklassniki-square:before {
  content: ""
}

.fa-oil-can:before {
  content: ""
}

.fa-old-republic:before {
  content: ""
}

.fa-om:before {
  content: ""
}

.fa-opencart:before {
  content: ""
}

.fa-openid:before {
  content: ""
}

.fa-opera:before {
  content: ""
}

.fa-optin-monster:before {
  content: ""
}

.fa-orcid:before {
  content: ""
}

.fa-osi:before {
  content: ""
}

.fa-otter:before {
  content: ""
}

.fa-outdent:before {
  content: ""
}

.fa-page4:before {
  content: ""
}

.fa-pagelines:before {
  content: ""
}

.fa-pager:before {
  content: ""
}

.fa-paint-brush:before {
  content: ""
}

.fa-paint-roller:before {
  content: ""
}

.fa-palette:before {
  content: ""
}

.fa-palfed:before {
  content: ""
}

.fa-pallet:before {
  content: ""
}

.fa-paper-plane:before {
  content: ""
}

.fa-paperclip:before {
  content: ""
}

.fa-parachute-box:before {
  content: ""
}

.fa-paragraph:before {
  content: ""
}

.fa-parking:before {
  content: ""
}

.fa-passport:before {
  content: ""
}

.fa-pastafarianism:before {
  content: ""
}

.fa-paste:before {
  content: ""
}

.fa-patreon:before {
  content: ""
}

.fa-pause:before {
  content: ""
}

.fa-pause-circle:before {
  content: ""
}

.fa-paw:before {
  content: ""
}

.fa-paypal:before {
  content: ""
}

.fa-peace:before {
  content: ""
}

.fa-pen:before {
  content: ""
}

.fa-pen-alt:before {
  content: ""
}

.fa-pen-fancy:before {
  content: ""
}

.fa-pen-nib:before {
  content: ""
}

.fa-pen-square:before {
  content: ""
}

.fa-pencil-alt:before {
  content: ""
}

.fa-pencil-ruler:before {
  content: ""
}

.fa-penny-arcade:before {
  content: ""
}

.fa-people-arrows:before {
  content: "泌"
}

.fa-people-carry:before {
  content: ""
}

.fa-pepper-hot:before {
  content: ""
}

.fa-percent:before {
  content: ""
}

.fa-percentage:before {
  content: ""
}

.fa-periscope:before {
  content: ""
}

.fa-person-booth:before {
  content: ""
}

.fa-phabricator:before {
  content: ""
}

.fa-phoenix-framework:before {
  content: ""
}

.fa-phoenix-squadron:before {
  content: ""
}

.fa-phone:before {
  content: ""
}

.fa-phone-alt:before {
  content: ""
}

.fa-phone-slash:before {
  content: ""
}

.fa-phone-square:before {
  content: ""
}

.fa-phone-square-alt:before {
  content: ""
}

.fa-phone-volume:before {
  content: ""
}

.fa-photo-video:before {
  content: ""
}

.fa-php:before {
  content: ""
}

.fa-pied-piper:before {
  content: ""
}

.fa-pied-piper-alt:before {
  content: ""
}

.fa-pied-piper-hat:before {
  content: ""
}

.fa-pied-piper-pp:before {
  content: ""
}

.fa-pied-piper-square:before {
  content: "爛"
}

.fa-piggy-bank:before {
  content: ""
}

.fa-pills:before {
  content: ""
}

.fa-pinterest:before {
  content: ""
}

.fa-pinterest-p:before {
  content: ""
}

.fa-pinterest-square:before {
  content: ""
}

.fa-pizza-slice:before {
  content: ""
}

.fa-place-of-worship:before {
  content: ""
}

.fa-plane:before {
  content: ""
}

.fa-plane-arrival:before {
  content: ""
}

.fa-plane-departure:before {
  content: ""
}

.fa-plane-slash:before {
  content: "數"
}

.fa-play:before {
  content: ""
}

.fa-play-circle:before {
  content: ""
}

.fa-playstation:before {
  content: ""
}

.fa-plug:before {
  content: ""
}

.fa-plus:before {
  content: ""
}

.fa-plus-circle:before {
  content: ""
}

.fa-plus-square:before {
  content: ""
}

.fa-podcast:before {
  content: ""
}

.fa-poll:before {
  content: ""
}

.fa-poll-h:before {
  content: ""
}

.fa-poo:before {
  content: ""
}

.fa-poo-storm:before {
  content: ""
}

.fa-poop:before {
  content: ""
}

.fa-portrait:before {
  content: ""
}

.fa-pound-sign:before {
  content: ""
}

.fa-power-off:before {
  content: ""
}

.fa-pray:before {
  content: ""
}

.fa-praying-hands:before {
  content: ""
}

.fa-prescription:before {
  content: ""
}

.fa-prescription-bottle:before {
  content: ""
}

.fa-prescription-bottle-alt:before {
  content: ""
}

.fa-print:before {
  content: ""
}

.fa-procedures:before {
  content: ""
}

.fa-product-hunt:before {
  content: ""
}

.fa-project-diagram:before {
  content: ""
}

.fa-pump-medical:before {
  content: "索"
}

.fa-pump-soap:before {
  content: "參"
}

.fa-pushed:before {
  content: ""
}

.fa-puzzle-piece:before {
  content: ""
}

.fa-python:before {
  content: ""
}

.fa-qq:before {
  content: ""
}

.fa-qrcode:before {
  content: ""
}

.fa-question:before {
  content: ""
}

.fa-question-circle:before {
  content: ""
}

.fa-quidditch:before {
  content: ""
}

.fa-quinscape:before {
  content: ""
}

.fa-quora:before {
  content: ""
}

.fa-quote-left:before {
  content: ""
}

.fa-quote-right:before {
  content: ""
}

.fa-quran:before {
  content: ""
}

.fa-r-project:before {
  content: ""
}

.fa-radiation:before {
  content: ""
}

.fa-radiation-alt:before {
  content: ""
}

.fa-rainbow:before {
  content: ""
}

.fa-random:before {
  content: ""
}

.fa-raspberry-pi:before {
  content: ""
}

.fa-ravelry:before {
  content: ""
}

.fa-react:before {
  content: ""
}

.fa-reacteurope:before {
  content: ""
}

.fa-readme:before {
  content: ""
}

.fa-rebel:before {
  content: ""
}

.fa-receipt:before {
  content: ""
}

.fa-record-vinyl:before {
  content: ""
}

.fa-recycle:before {
  content: ""
}

.fa-red-river:before {
  content: ""
}

.fa-reddit:before {
  content: ""
}

.fa-reddit-alien:before {
  content: ""
}

.fa-reddit-square:before {
  content: ""
}

.fa-redhat:before {
  content: ""
}

.fa-redo:before {
  content: ""
}

.fa-redo-alt:before {
  content: ""
}

.fa-registered:before {
  content: ""
}

.fa-remove-format:before {
  content: ""
}

.fa-renren:before {
  content: ""
}

.fa-reply:before {
  content: ""
}

.fa-reply-all:before {
  content: ""
}

.fa-replyd:before {
  content: ""
}

.fa-republican:before {
  content: ""
}

.fa-researchgate:before {
  content: ""
}

.fa-resolving:before {
  content: ""
}

.fa-restroom:before {
  content: ""
}

.fa-retweet:before {
  content: ""
}

.fa-rev:before {
  content: ""
}

.fa-ribbon:before {
  content: ""
}

.fa-ring:before {
  content: ""
}

.fa-road:before {
  content: ""
}

.fa-robot:before {
  content: ""
}

.fa-rocket:before {
  content: ""
}

.fa-rocketchat:before {
  content: ""
}

.fa-rockrms:before {
  content: ""
}

.fa-route:before {
  content: ""
}

.fa-rss:before {
  content: ""
}

.fa-rss-square:before {
  content: ""
}

.fa-ruble-sign:before {
  content: ""
}

.fa-ruler:before {
  content: ""
}

.fa-ruler-combined:before {
  content: ""
}

.fa-ruler-horizontal:before {
  content: ""
}

.fa-ruler-vertical:before {
  content: ""
}

.fa-running:before {
  content: ""
}

.fa-rupee-sign:before {
  content: ""
}

.fa-sad-cry:before {
  content: ""
}

.fa-sad-tear:before {
  content: ""
}

.fa-safari:before {
  content: ""
}

.fa-salesforce:before {
  content: ""
}

.fa-sass:before {
  content: ""
}

.fa-satellite:before {
  content: ""
}

.fa-satellite-dish:before {
  content: ""
}

.fa-save:before {
  content: ""
}

.fa-schlix:before {
  content: ""
}

.fa-school:before {
  content: ""
}

.fa-screwdriver:before {
  content: ""
}

.fa-scribd:before {
  content: ""
}

.fa-scroll:before {
  content: ""
}

.fa-sd-card:before {
  content: ""
}

.fa-search:before {
  content: ""
}

.fa-search-dollar:before {
  content: ""
}

.fa-search-location:before {
  content: ""
}

.fa-search-minus:before {
  content: ""
}

.fa-search-plus:before {
  content: ""
}

.fa-searchengin:before {
  content: ""
}

.fa-seedling:before {
  content: ""
}

.fa-sellcast:before {
  content: ""
}

.fa-sellsy:before {
  content: ""
}

.fa-server:before {
  content: ""
}

.fa-servicestack:before {
  content: ""
}

.fa-shapes:before {
  content: ""
}

.fa-share:before {
  content: ""
}

.fa-share-alt:before {
  content: ""
}

.fa-share-alt-square:before {
  content: ""
}

.fa-share-square:before {
  content: ""
}

.fa-shekel-sign:before {
  content: ""
}

.fa-shield-alt:before {
  content: ""
}

.fa-shield-virus:before {
  content: "塞"
}

.fa-ship:before {
  content: ""
}

.fa-shipping-fast:before {
  content: ""
}

.fa-shirtsinbulk:before {
  content: ""
}

.fa-shoe-prints:before {
  content: ""
}

.fa-shopify:before {
  content: "綾"
}

.fa-shopping-bag:before {
  content: ""
}

.fa-shopping-basket:before {
  content: ""
}

.fa-shopping-cart:before {
  content: ""
}

.fa-shopware:before {
  content: ""
}

.fa-shower:before {
  content: ""
}

.fa-shuttle-van:before {
  content: ""
}

.fa-sign:before {
  content: ""
}

.fa-sign-in-alt:before {
  content: ""
}

.fa-sign-language:before {
  content: ""
}

.fa-sign-out-alt:before {
  content: ""
}

.fa-signal:before {
  content: ""
}

.fa-signature:before {
  content: ""
}

.fa-sim-card:before {
  content: ""
}

.fa-simplybuilt:before {
  content: ""
}

.fa-sistrix:before {
  content: ""
}

.fa-sitemap:before {
  content: ""
}

.fa-sith:before {
  content: ""
}

.fa-skating:before {
  content: ""
}

.fa-sketch:before {
  content: ""
}

.fa-skiing:before {
  content: ""
}

.fa-skiing-nordic:before {
  content: ""
}

.fa-skull:before {
  content: ""
}

.fa-skull-crossbones:before {
  content: ""
}

.fa-skyatlas:before {
  content: ""
}

.fa-skype:before {
  content: ""
}

.fa-slack:before {
  content: ""
}

.fa-slack-hash:before {
  content: ""
}

.fa-slash:before {
  content: ""
}

.fa-sleigh:before {
  content: ""
}

.fa-sliders-h:before {
  content: ""
}

.fa-slideshare:before {
  content: ""
}

.fa-smile:before {
  content: ""
}

.fa-smile-beam:before {
  content: ""
}

.fa-smile-wink:before {
  content: ""
}

.fa-smog:before {
  content: ""
}

.fa-smoking:before {
  content: ""
}

.fa-smoking-ban:before {
  content: ""
}

.fa-sms:before {
  content: ""
}

.fa-snapchat:before {
  content: ""
}

.fa-snapchat-ghost:before {
  content: ""
}

.fa-snapchat-square:before {
  content: ""
}

.fa-snowboarding:before {
  content: ""
}

.fa-snowflake:before {
  content: ""
}

.fa-snowman:before {
  content: ""
}

.fa-snowplow:before {
  content: ""
}

.fa-soap:before {
  content: "葉"
}

.fa-socks:before {
  content: ""
}

.fa-solar-panel:before {
  content: ""
}

.fa-sort:before {
  content: ""
}

.fa-sort-alpha-down:before {
  content: ""
}

.fa-sort-alpha-down-alt:before {
  content: ""
}

.fa-sort-alpha-up:before {
  content: ""
}

.fa-sort-alpha-up-alt:before {
  content: ""
}

.fa-sort-amount-down:before {
  content: ""
}

.fa-sort-amount-down-alt:before {
  content: ""
}

.fa-sort-amount-up:before {
  content: ""
}

.fa-sort-amount-up-alt:before {
  content: ""
}

.fa-sort-down:before {
  content: ""
}

.fa-sort-numeric-down:before {
  content: ""
}

.fa-sort-numeric-down-alt:before {
  content: ""
}

.fa-sort-numeric-up:before {
  content: ""
}

.fa-sort-numeric-up-alt:before {
  content: ""
}

.fa-sort-up:before {
  content: ""
}

.fa-soundcloud:before {
  content: ""
}

.fa-sourcetree:before {
  content: ""
}

.fa-spa:before {
  content: ""
}

.fa-space-shuttle:before {
  content: ""
}

.fa-speakap:before {
  content: ""
}

.fa-speaker-deck:before {
  content: ""
}

.fa-spell-check:before {
  content: ""
}

.fa-spider:before {
  content: ""
}

.fa-spinner:before {
  content: ""
}

.fa-splotch:before {
  content: ""
}

.fa-spotify:before {
  content: ""
}

.fa-spray-can:before {
  content: ""
}

.fa-square:before {
  content: ""
}

.fa-square-full:before {
  content: ""
}

.fa-square-root-alt:before {
  content: ""
}

.fa-squarespace:before {
  content: ""
}

.fa-stack-exchange:before {
  content: ""
}

.fa-stack-overflow:before {
  content: ""
}

.fa-stackpath:before {
  content: ""
}

.fa-stamp:before {
  content: ""
}

.fa-star:before {
  content: ""
}

.fa-star-and-crescent:before {
  content: ""
}

.fa-star-half:before {
  content: ""
}

.fa-star-half-alt:before {
  content: ""
}

.fa-star-of-david:before {
  content: ""
}

.fa-star-of-life:before {
  content: ""
}

.fa-staylinked:before {
  content: ""
}

.fa-steam:before {
  content: ""
}

.fa-steam-square:before {
  content: ""
}

.fa-steam-symbol:before {
  content: ""
}

.fa-step-backward:before {
  content: ""
}

.fa-step-forward:before {
  content: ""
}

.fa-stethoscope:before {
  content: ""
}

.fa-sticker-mule:before {
  content: ""
}

.fa-sticky-note:before {
  content: ""
}

.fa-stop:before {
  content: ""
}

.fa-stop-circle:before {
  content: ""
}

.fa-stopwatch:before {
  content: ""
}

.fa-stopwatch-20:before {
  content: "說"
}

.fa-store:before {
  content: ""
}

.fa-store-alt:before {
  content: ""
}

.fa-store-alt-slash:before {
  content: "殺"
}

.fa-store-slash:before {
  content: "辰"
}

.fa-strava:before {
  content: ""
}

.fa-stream:before {
  content: ""
}

.fa-street-view:before {
  content: ""
}

.fa-strikethrough:before {
  content: ""
}

.fa-stripe:before {
  content: ""
}

.fa-stripe-s:before {
  content: ""
}

.fa-stroopwafel:before {
  content: ""
}

.fa-studiovinari:before {
  content: ""
}

.fa-stumbleupon:before {
  content: ""
}

.fa-stumbleupon-circle:before {
  content: ""
}

.fa-subscript:before {
  content: ""
}

.fa-subway:before {
  content: ""
}

.fa-suitcase:before {
  content: ""
}

.fa-suitcase-rolling:before {
  content: ""
}

.fa-sun:before {
  content: ""
}

.fa-superpowers:before {
  content: ""
}

.fa-superscript:before {
  content: ""
}

.fa-supple:before {
  content: ""
}

.fa-surprise:before {
  content: ""
}

.fa-suse:before {
  content: ""
}

.fa-swatchbook:before {
  content: ""
}

.fa-swift:before {
  content: ""
}

.fa-swimmer:before {
  content: ""
}

.fa-swimming-pool:before {
  content: ""
}

.fa-symfony:before {
  content: ""
}

.fa-synagogue:before {
  content: ""
}

.fa-sync:before {
  content: ""
}

.fa-sync-alt:before {
  content: ""
}

.fa-syringe:before {
  content: ""
}

.fa-table:before {
  content: ""
}

.fa-table-tennis:before {
  content: ""
}

.fa-tablet:before {
  content: ""
}

.fa-tablet-alt:before {
  content: ""
}

.fa-tablets:before {
  content: ""
}

.fa-tachometer-alt:before {
  content: ""
}

.fa-tag:before {
  content: ""
}

.fa-tags:before {
  content: ""
}

.fa-tape:before {
  content: ""
}

.fa-tasks:before {
  content: ""
}

.fa-taxi:before {
  content: ""
}

.fa-teamspeak:before {
  content: ""
}

.fa-teeth:before {
  content: ""
}

.fa-teeth-open:before {
  content: ""
}

.fa-telegram:before {
  content: ""
}

.fa-telegram-plane:before {
  content: ""
}

.fa-temperature-high:before {
  content: ""
}

.fa-temperature-low:before {
  content: ""
}

.fa-tencent-weibo:before {
  content: ""
}

.fa-tenge:before {
  content: ""
}

.fa-terminal:before {
  content: ""
}

.fa-text-height:before {
  content: ""
}

.fa-text-width:before {
  content: ""
}

.fa-th:before {
  content: ""
}

.fa-th-large:before {
  content: ""
}

.fa-th-list:before {
  content: ""
}

.fa-the-red-yeti:before {
  content: ""
}

.fa-theater-masks:before {
  content: ""
}

.fa-themeco:before {
  content: ""
}

.fa-themeisle:before {
  content: ""
}

.fa-thermometer:before {
  content: ""
}

.fa-thermometer-empty:before {
  content: ""
}

.fa-thermometer-full:before {
  content: ""
}

.fa-thermometer-half:before {
  content: ""
}

.fa-thermometer-quarter:before {
  content: ""
}

.fa-thermometer-three-quarters:before {
  content: ""
}

.fa-think-peaks:before {
  content: ""
}

.fa-thumbs-down:before {
  content: ""
}

.fa-thumbs-up:before {
  content: ""
}

.fa-thumbtack:before {
  content: ""
}

.fa-ticket-alt:before {
  content: ""
}

.fa-times:before {
  content: ""
}

.fa-times-circle:before {
  content: ""
}

.fa-tint:before {
  content: ""
}

.fa-tint-slash:before {
  content: ""
}

.fa-tired:before {
  content: ""
}

.fa-toggle-off:before {
  content: ""
}

.fa-toggle-on:before {
  content: ""
}

.fa-toilet:before {
  content: ""
}

.fa-toilet-paper:before {
  content: ""
}

.fa-toilet-paper-slash:before {
  content: "沈"
}

.fa-toolbox:before {
  content: ""
}

.fa-tools:before {
  content: ""
}

.fa-tooth:before {
  content: ""
}

.fa-torah:before {
  content: ""
}

.fa-torii-gate:before {
  content: ""
}

.fa-tractor:before {
  content: ""
}

.fa-trade-federation:before {
  content: ""
}

.fa-trademark:before {
  content: ""
}

.fa-traffic-light:before {
  content: ""
}

.fa-trailer:before {
  content: "論"
}

.fa-train:before {
  content: ""
}

.fa-tram:before {
  content: ""
}

.fa-transgender:before {
  content: ""
}

.fa-transgender-alt:before {
  content: ""
}

.fa-trash:before {
  content: ""
}

.fa-trash-alt:before {
  content: ""
}

.fa-trash-restore:before {
  content: ""
}

.fa-trash-restore-alt:before {
  content: ""
}

.fa-tree:before {
  content: ""
}

.fa-trello:before {
  content: ""
}

.fa-tripadvisor:before {
  content: ""
}

.fa-trophy:before {
  content: ""
}

.fa-truck:before {
  content: ""
}

.fa-truck-loading:before {
  content: ""
}

.fa-truck-monster:before {
  content: ""
}

.fa-truck-moving:before {
  content: ""
}

.fa-truck-pickup:before {
  content: ""
}

.fa-tshirt:before {
  content: ""
}

.fa-tty:before {
  content: ""
}

.fa-tumblr:before {
  content: ""
}

.fa-tumblr-square:before {
  content: ""
}

.fa-tv:before {
  content: ""
}

.fa-twitch:before {
  content: ""
}

.fa-twitter:before {
  content: ""
}

.fa-twitter-square:before {
  content: ""
}

.fa-typo3:before {
  content: ""
}

.fa-uber:before {
  content: ""
}

.fa-ubuntu:before {
  content: ""
}

.fa-uikit:before {
  content: ""
}

.fa-umbraco:before {
  content: ""
}

.fa-umbrella:before {
  content: ""
}

.fa-umbrella-beach:before {
  content: ""
}

.fa-underline:before {
  content: ""
}

.fa-undo:before {
  content: ""
}

.fa-undo-alt:before {
  content: ""
}

.fa-uniregistry:before {
  content: ""
}

.fa-unity:before {
  content: "雷"
}

.fa-universal-access:before {
  content: ""
}

.fa-university:before {
  content: ""
}

.fa-unlink:before {
  content: ""
}

.fa-unlock:before {
  content: ""
}

.fa-unlock-alt:before {
  content: ""
}

.fa-untappd:before {
  content: ""
}

.fa-upload:before {
  content: ""
}

.fa-ups:before {
  content: ""
}

.fa-usb:before {
  content: ""
}

.fa-user:before {
  content: ""
}

.fa-user-alt:before {
  content: ""
}

.fa-user-alt-slash:before {
  content: ""
}

.fa-user-astronaut:before {
  content: ""
}

.fa-user-check:before {
  content: ""
}

.fa-user-circle:before {
  content: ""
}

.fa-user-clock:before {
  content: ""
}

.fa-user-cog:before {
  content: ""
}

.fa-user-edit:before {
  content: ""
}

.fa-user-friends:before {
  content: ""
}

.fa-user-graduate:before {
  content: ""
}

.fa-user-injured:before {
  content: ""
}

.fa-user-lock:before {
  content: ""
}

.fa-user-md:before {
  content: ""
}

.fa-user-minus:before {
  content: ""
}

.fa-user-ninja:before {
  content: ""
}

.fa-user-nurse:before {
  content: ""
}

.fa-user-plus:before {
  content: ""
}

.fa-user-secret:before {
  content: ""
}

.fa-user-shield:before {
  content: ""
}

.fa-user-slash:before {
  content: ""
}

.fa-user-tag:before {
  content: ""
}

.fa-user-tie:before {
  content: ""
}

.fa-user-times:before {
  content: ""
}

.fa-users:before {
  content: ""
}

.fa-users-cog:before {
  content: ""
}

.fa-usps:before {
  content: ""
}

.fa-ussunnah:before {
  content: ""
}

.fa-utensil-spoon:before {
  content: ""
}

.fa-utensils:before {
  content: ""
}

.fa-vaadin:before {
  content: ""
}

.fa-vector-square:before {
  content: ""
}

.fa-venus:before {
  content: ""
}

.fa-venus-double:before {
  content: ""
}

.fa-venus-mars:before {
  content: ""
}

.fa-viacoin:before {
  content: ""
}

.fa-viadeo:before {
  content: ""
}

.fa-viadeo-square:before {
  content: ""
}

.fa-vial:before {
  content: ""
}

.fa-vials:before {
  content: ""
}

.fa-viber:before {
  content: ""
}

.fa-video:before {
  content: ""
}

.fa-video-slash:before {
  content: ""
}

.fa-vihara:before {
  content: ""
}

.fa-vimeo:before {
  content: ""
}

.fa-vimeo-square:before {
  content: ""
}

.fa-vimeo-v:before {
  content: ""
}

.fa-vine:before {
  content: ""
}

.fa-virus:before {
  content: "若"
}

.fa-virus-slash:before {
  content: "掠"
}

.fa-viruses:before {
  content: "略"
}

.fa-vk:before {
  content: ""
}

.fa-vnv:before {
  content: ""
}

.fa-voicemail:before {
  content: ""
}

.fa-volleyball-ball:before {
  content: ""
}

.fa-volume-down:before {
  content: ""
}

.fa-volume-mute:before {
  content: ""
}

.fa-volume-off:before {
  content: ""
}

.fa-volume-up:before {
  content: ""
}

.fa-vote-yea:before {
  content: ""
}

.fa-vr-cardboard:before {
  content: ""
}

.fa-vuejs:before {
  content: ""
}

.fa-walking:before {
  content: ""
}

.fa-wallet:before {
  content: ""
}

.fa-warehouse:before {
  content: ""
}

.fa-water:before {
  content: ""
}

.fa-wave-square:before {
  content: ""
}

.fa-waze:before {
  content: ""
}

.fa-weebly:before {
  content: ""
}

.fa-weibo:before {
  content: ""
}

.fa-weight:before {
  content: ""
}

.fa-weight-hanging:before {
  content: ""
}

.fa-weixin:before {
  content: ""
}

.fa-whatsapp:before {
  content: ""
}

.fa-whatsapp-square:before {
  content: ""
}

.fa-wheelchair:before {
  content: ""
}

.fa-whmcs:before {
  content: ""
}

.fa-wifi:before {
  content: ""
}

.fa-wikipedia-w:before {
  content: ""
}

.fa-wind:before {
  content: ""
}

.fa-window-close:before {
  content: ""
}

.fa-window-maximize:before {
  content: ""
}

.fa-window-minimize:before {
  content: ""
}

.fa-window-restore:before {
  content: ""
}

.fa-windows:before {
  content: ""
}

.fa-wine-bottle:before {
  content: ""
}

.fa-wine-glass:before {
  content: ""
}

.fa-wine-glass-alt:before {
  content: ""
}

.fa-wix:before {
  content: ""
}

.fa-wizards-of-the-coast:before {
  content: ""
}

.fa-wolf-pack-battalion:before {
  content: ""
}

.fa-won-sign:before {
  content: ""
}

.fa-wordpress:before {
  content: ""
}

.fa-wordpress-simple:before {
  content: ""
}

.fa-wpbeginner:before {
  content: ""
}

.fa-wpexplorer:before {
  content: ""
}

.fa-wpforms:before {
  content: ""
}

.fa-wpressr:before {
  content: ""
}

.fa-wrench:before {
  content: ""
}

.fa-x-ray:before {
  content: ""
}

.fa-xbox:before {
  content: ""
}

.fa-xing:before {
  content: ""
}

.fa-xing-square:before {
  content: ""
}

.fa-y-combinator:before {
  content: ""
}

.fa-yahoo:before {
  content: ""
}

.fa-yammer:before {
  content: ""
}

.fa-yandex:before {
  content: ""
}

.fa-yandex-international:before {
  content: ""
}

.fa-yarn:before {
  content: ""
}

.fa-yelp:before {
  content: ""
}

.fa-yen-sign:before {
  content: ""
}

.fa-yin-yang:before {
  content: ""
}

.fa-yoast:before {
  content: ""
}

.fa-youtube:before {
  content: ""
}

.fa-youtube-square:before {
  content: ""
}

.fa-zhihu:before {
  content: ""
}

.fa-triangle-exclamation:before {
  content: ""
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(./webfonts/fa-solid-900.woff) format("woff")
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(./webfonts/fa-brands-400.woff) format("woff")
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400
}

header {
  position: fixed;
  background-color: #3db5e6;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 1049
}

.modal.fade.show#modal_confirm {
    z-index: 1051
}

header #logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 2.4rem;
  text-decoration: none
}

header #logo img {
  width: auto;
  height: 50px
}

header div {
  height: 60px
}

header div a {
  position: relative
}

header div a i img {
  margin: 16.5px 0 16.5px 12px
}

header div a span#count_all {
  position: absolute;
  bottom: 15px;
  right: -5px;
  display: inline-block;
  background: #ff8ab1;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  font-size: .625rem
}

header div a#prevButton {
  display: block !important;
  position: relative
}

header div a#prevButton::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  top: 14px;
  left: 49px;
  background-color: #fff
}

header div a#prevButton i::before {
  content: url(../images/common/return.svg)
}

header .timeline {
  text-decoration: none;
  color: #333
}

header div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative
}

header div .find_buttons {
  flex-direction: row;
  position: fixed;
  top: 0;
  right: 0;
  align-items: center
}

header div .find_buttons a {
  margin: 18px 15px 0 0
}

header div .find_buttons a.controller {
  position: relative
}

header div .find_buttons a.controller .fa-shoe-prints {
  color: #fff;
  font-size: 22px
}

header div .find_buttons .btn_app.columnChange,
header div .find_buttons .btn_app.columnChange2,
header div .find_buttons .btn_app.searchBtn,
header div .find_buttons .btn_app.sortLogin,
header div .find_buttons .btn_app.sortNew {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  background: 0 0;
  padding: 0;
  position: relative;
  margin: 0
}

header div .find_buttons .btn_app.columnChange2::before,
header div .find_buttons .btn_app.columnChange::before,
header div .find_buttons .btn_app.searchBtn::before,
header div .find_buttons .btn_app.sortLogin::before,
header div .find_buttons .btn_app.sortNew::before {
  display: none
}

header div .find_buttons .btn_app.columnChange span,
header div .find_buttons .btn_app.columnChange2 span,
header div .find_buttons .btn_app.searchBtn span,
header div .find_buttons .btn_app.sortLogin span,
header div .find_buttons .btn_app.sortNew span {
  display: block;
  font-size: 10px;
  transform: scale(.8);
  color: #fff
}

header div .find_buttons .btn_app.columnChange {
  margin: 0 10px 0 0
}

@media screen and (max-width:400px) {
  header div .find_buttons .btn_app.columnChange {
    margin: 0 5px 0 0
  }
}

header div .find_buttons .btn_app.columnChange .i-columnChange {
  content: url(../images/common/third.svg);
  margin: 13px 0 0 0
}

header div .find_buttons .btn_app.sortNew {
  margin: 0 5px 0 0
}

@media screen and (max-width:400px) {
  header div .find_buttons .btn_app.sortNew {
    margin: 0
  }
}

header div .find_buttons .btn_app.sortNew .i-sortNew {
  content: url(../images/common/new.svg);
  margin: 13px 0 0 0
}

header div .find_buttons .btn_app.sortNew span {
  opacity: .5
}

header div .find_buttons .btn_app.sortNew.selected-guest .i-sortNew {
  content: url(../images/common/new-white_base.svg);
  height: 30px
}

header div .find_buttons .btn_app.sortNew.selected-guest span {
  color: #fff;
  opacity: 1
}

header div .find_buttons .btn_app.sortNew.selected-cast .i-sortNew {
  content: url(../images/common/new-white_base.svg);
  height: 30px
}

header div .find_buttons .btn_app.sortNew.selected-cast span {
  color: #fff;
  opacity: 1
}

header div .find_buttons .btn_app.sortLogin {
  margin: 0 15px 0 0
}

@media screen and (max-width:400px) {
  header div .find_buttons .btn_app.sortLogin {
    margin: 0 10px 0 0
  }
}

header div .find_buttons .btn_app.sortLogin .i-sortLogin {
  content: url(../images/common/log-in.svg);
  margin: 13px 0 0 0
}

header div .find_buttons .btn_app.sortLogin span {
  opacity: .5
}

header div .find_buttons .btn_app.sortLogin.selected-guest .i-sortLogin {
  content: url(../images/common/log-in-white_base.svg);
  height: 30px
}

header div .find_buttons .btn_app.sortLogin.selected-guest span {
  color: #fff;
  opacity: 1
}

header div .find_buttons .btn_app.sortLogin.selected-cast .i-sortLogin {
  content: url(../images/common/log-in-white_base.svg);
  height: 30px
}

header div .find_buttons .btn_app.sortLogin.selected-cast span {
  color: #fff;
  opacity: 1
}

header div .find_buttons .btn_app.columnChange2 {
  margin: 0 10px 0 0
}

@media screen and (max-width:400px) {
  header div .find_buttons .btn_app.columnChange2 {
    margin: 0 5px 0 0
  }
}

header div .find_buttons .btn_app.columnChange2 .i-columnChange2 {
  content: url(../images/common/second.svg);
  margin: 13px 0 0 0
}

header div .find_buttons .btn_app.searchBtn::before {
  display: block;
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  top: 16px;
  left: 0;
  background-color: #fff
}

header div .find_buttons .btn_app.searchBtn span {
  margin: 0 10px 0 15px;
  transform: scale(1)
}

header div .find_buttons .btn_app.searchBtn .fas.fa-search {
  content: url(../images/common/search.svg);
  margin: 13px 0 3px 0
}

header div .find_buttons .btn_app.searchBtn .fas.fa-search::before {
  display: none
}

header div #message_controller {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 20px
}

header div #message_controller.show {
  display: flex !important
}

header div #message_controller #video_controller {
  margin-left: 19px
}

header div #message_controller #video_controller a,
header div #message_controller #video_controller button {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 30px;
  height: 60px;
  padding: 11px 0 0 0
}

header div #message_controller #video_controller a i,
header div #message_controller #video_controller button i {
  display: block;
  width: 30px;
  height: 20px
}

header div #message_controller #video_controller a i img,
header div #message_controller #video_controller button i img {
  width: 30px;
  height: 20px
}

header div #message_controller #video_controller a p,
header div #message_controller #video_controller button p {
  font-size: .625rem;
  font-weight: 400;
  color: #fff;
  margin: 7px 0 0 0
}

header div #message_controller #btn_invite {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 50px;
  height: 60px
}

header div #message_controller #btn_invite img {
  width: 25px;
  height: 30px;
  margin: 8px auto 0 auto;
  display: block
}

header div #message_controller #btn_invite p {
  font-size: .625rem;
  font-weight: 400;
  color: #fff;
  margin: 6px 0 0 0
}

header div #message_controller #btn_report {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 25px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 10px
}

header div #message_controller #btn_report i {
  display: block;
  width: 30px;
  height: 20px
}

header div button#btn_readall {
  padding: 0;
  background-color: #fff;
  position: fixed;
  top: 10px;
  right: 20px;
  color: #ff8ab1;
  border: 0;
  border-radius: 4px;
  font-size: .625rem;
  font-weight: 400;
  width: 70px;
  height: 40px
}

header div button#btn_readall::before {
  content: url(../images/common/all-read.svg);
  display: block
}

header div a.controller.timeline .fas.fa-pencil-alt {
  padding: 22px 0 22px 0
}

header div a.controller.timeline .fas.fa-pencil-alt::before {
  color: #fff;
  position: fixed;
  top: 20px;
  right: 20px
}

header div a#btn_preview .fas.fa-eye::before {
  content: '';
  top: 20px;
  right: 20px;
  position: fixed;
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(../images/common/icon_eye.svg);
  background-size: contain
}

header #btn_pref {
  margin: 0 0 0 20px;
  padding: 0;
  color: #fff;
  border: none;
  position: relative;
  font-size: .875rem;
  font-family: "Noto Sans JP", sans-serif;
  max-width: calc(100vw - 100px - 180px);
  background-color: #3db5e6
}

header #btn_pref span {
  display: block;
  padding-left: 29px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

header #btn_pref::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  top: 14px;
  left: 0;
  background-color: #fff
}

header #btn_pref::after {
  position: absolute;
  content: url(../images/common/area.svg);
  top: 19px;
  left: 8px
}

header .call_buttons_wrapper {
  padding: 0 20px 0 0;
  width: calc(100% - 180px);
  text-align: right;
  flex-direction: row-reverse
}

header .call_buttons_wrapper .call_buttons {
  display: flex;
  flex-direction: row;
  gap: 10px
}

header .call_buttons_wrapper .call_buttons a {
  display: flex;
  flex-direction: column;
  padding-top: 9px;
  gap: 2px;
  text-align: center
}

header .call_buttons_wrapper .call_buttons a.call_price::before {
  content: url(../images/common/icon_price.svg)
}

header .call_buttons_wrapper .call_buttons a.call_guide::before {
  content: url(../images/common/icon_guide.svg)
}

header .call_buttons_wrapper .call_buttons a span {
  color: #fff;
  font-size: .75rem
}

header .call_concierge_wrapper {
  padding: 0 20px 0 0;
  width: calc(100% - 180px);
  text-align: right;
  flex-direction: row-reverse
}

header .call_concierge_wrapper a {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  gap: 2px;
  text-align: center
}

header .call_concierge_wrapper a.call_concierge::before {
  content: url(../images/common/icon_telephone.svg)
}

header .controller {
  display: none !important
}

header .controller.show {
  display: block !important
}

header #infoBell {
  padding: 20px;
  font-size: 1.2rem;
  color: #1f1f1f
}

header #infoBell.visited {
  color: #1f1f1f
}

header #infoBell.active {
  color: #daa520
}

header #prevButton {
  padding: 22px 20px;
  font-size: 1.2rem;
  color: #1f1f1f
}

header #prevButton.visited {
  color: #1f1f1f
}

header #prevButton.active {
  color: #daa520
}

header #citySelectWrap {
  position: relative;
  margin-right: 10px
}

header #citySelectWrap::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  display: block;
  position: absolute;
  top: 3px;
  left: -12px;
  margin-bottom: 2px;
  font-size: 1rem;
  font-weight: 900
}

header #citySelectWrap #citySelect {
  -webkit-transform: scale(.8, .8);
  transform: scale(.8, .8);
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: 0 0;
  padding-bottom: 5px;
  border-bottom: 3px dotted #1f1f1f;
  text-align: center
}

header.find .subController,
header.home .subController,
header.messages .subController,
header.mypage .subController,
header.timeline .subController,
header.user .subController {
  display: block
}

a.prevController {
  content: url(../images/common/detail-close.svg);
  position: fixed;
  z-index: 1;
  display: block;
  top: 85px;
  left: 20px;
  width: 21px
}

nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
  transition: transform, .3s;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .1)
}

nav #globalMenu {
  background-color: #f6f6f6;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  height: 76px
}

nav #globalMenu a {
  text-align: center;
  color: gray;
  text-decoration: none;
  font-size: .75rem;
  display: block;
  position: relative
}

nav #globalMenu a.unread #count_messages {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 8px !important;
  right: 0;
  left: 23px;
  margin: 0 auto;
  line-height: 14px;
  background: #ff8ab1;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 15px !important;
  font-size: .625rem;
  display: inline-block
}

nav #globalMenu a.active {
  color: #3db5e6
}

nav #globalMenu a.active:nth-child(1)::before {
  content: url(../images/common/find-blue.svg);
  top: -12px
}

nav #globalMenu a.active:nth-child(2)::before {
  content: url(../images/common/message-blue.svg);
  top: -13px
}

nav #globalMenu a.active:nth-child(4)::before {
  content: url(../images/common/timeline-blue.svg);
  top: -12px
}

nav #globalMenu a.active:nth-child(5)::before {
  content: url(../images/common/account-blue.svg);
  top: -12px
}

nav #globalMenu a.active2 {
  color: #aaa
}

nav #globalMenu a.active2:nth-child(3)::before {
  content: url(../images/common/call-blue.svg);
  top: -28px
}

nav #globalMenu a::before {
  font-family: "Font Awesome 5 Free";
  display: block;
  margin-bottom: 2px;
  font-size: 1.2rem;
  font-weight: 900
}

nav #globalMenu a .txt {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 18px !important;
  left: 0;
  text-align: center
}

nav #globalMenu a:nth-child(1)::before {
  content: url(../images/common/find.svg);
  top: -12px
}

nav #globalMenu a:nth-child(2)::before {
  content: url(../images/common/message.svg);
  top: -13px
}

nav #globalMenu a:nth-child(3)::before {
  content: url(../images/common/call.svg);
  top: -28px;
  border-radius: 50%;
  height: 64px;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .2)
}

nav #globalMenu a:nth-child(4)::before {
  content: url(../images/common/timeline.svg);
  top: -12px
}

nav #globalMenu a:nth-child(5)::before {
  content: url(../images/common/account.svg);
  top: -12px
}

html {
  scroll-behavior: smooth
}

html body a {
  text-decoration: none
}

html body article#page_login {
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  background-image: url(../images/common/login_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative
}

html body article#page_login #loginWrap {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -60%);
  max-width: 720px;
  width: 100%
}

html body article#page_login #loginWrap h1 {
  width: 25vh;
  margin: auto
}

html body article#page_login #loginWrap .buttons {
  padding: 0 20px;
  color: #fff
}

html body article#page_login #loginWrap .buttons #form_login #btn_login_by_tel {
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
  height: 60px;
  width: 100%;
  padding: 0;
  align-items: center;
  border-radius: 4px;
  background-color: #3db5e6;
  border: none;
  color: #fff
}

html body article#page_login #loginWrap .buttons #form_login #btn_login_by_tel .fas {
  border-right: none;
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px
}

html body article#page_login #loginWrap .buttons #form_login #btn_login_by_tel span {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 48px 0 8px
}

html body article#page_login #loginWrap .buttons .p_or {
  display: none
}

html body article#page_login #loginWrap .buttons #btn_login_by_line {
  width: 100%
}

html body article#page_login #loginWrap .buttons #btn_login_by_line #btn_login_by_line_btn {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
  background-color: #06c755;
  color: #fff;
  height: 60px;
  width: 100%;
  border-radius: 4px
}

html body article#page_login #loginWrap .buttons #btn_login_by_line #btn_login_by_line_btn .fas {
  width: 40px
}

html body article#page_login #loginWrap .buttons #btn_login_by_line #btn_login_by_line_btn span {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 54px 0 14px
}

html body article#page_login #loginWrap .buttons .notice_line_login {
  font-size: .75rem;
  color: #fff;
  font-weight: 400;
  margin-top: 23px;
  padding: 0
}

html body article#page_login #loginWrap .buttons .notice_line_login a {
  display: inline-block;
  font-size: .75rem;
  color: #fff;
  text-decoration: underline;
  font-weight: 400
}

html body article#page_login #loginWrap .buttons .login_caution {
  background-color: rgba(255, 255, 255, .7);
  color: #000;
  padding: 5px 20px;
  margin: auto;
  margin-top: 20px;
  width: 80%;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center
}

html body article#page_login #loginWrap .buttons .login_caution .exp {
  text-align: left;
  font-size: .75rem
}

html body article#page_login #loginWrap .buttons .login_caution .exp h3 {
  font-size: .85rem
}

html body article#page_login #loginWrap .buttons .login_caution .exp p {
  line-height: 1.5
}

html body article#page_login #loginWrap .buttons .login_caution .exp p a {
  font-weight: 800;
  text-decoration: underline;
  color: #000
}

html body article#page_login #login_buttons {
  padding: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #fff
}

html body article#page_login #login_buttons a {
  line-height: 30px;
  border-radius: 4px
}

html body article#page_login #login_buttons a.btn_cast {
  background-color: #ffeef3;
  height: 50px;
  color: #ff8ab1;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: .75rem;
  font-weight: 400
}

html body article#page_login.login_cast {
  background-image: url(../images/common/login_bg_cast.png)
}

html body article#page_login.login_cast #loginWrap #form_login #btn_login_by_tel {
  background-color: #ff7ba7
}

html body article#page_login.login_cast #login_buttons a.btn_cast {
  background-color: #ecf8fc;
  color: #3db5e6
}

html body article#page_login_tel01 {
  padding: 0
}

html body article#page_login_tel01 section {
  padding: 0;
  margin-bottom: 0
}

html body article#page_login_tel01 section#certification01 {
  height: 100vh
}

html body article#page_login_tel01 section#certification01 #loginWrap {
  min-width: 255px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  box-sizing: border-box;
  margin: 0 20px;
  max-width: 800px;
  padding-top: 100px
}

html body article#page_login_tel01 section#certification01 #loginWrap h1 {
  font-size: 1.25rem;
  margin: 0 0 20px 0;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  text-align: center;
  line-height: 1.5
}

html body article#page_login_tel01 section#certification01 #loginWrap h1:first-letter {
  font-size: 1.25rem;
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-weight: 500
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login input {
  font-size: .875rem;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 4px
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login input::placeholder {
  color: #c6c6c6
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login input#q_tel {
  padding: 10px;
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 16px;
  margin: 0 0 20px 0;
  outline: 0
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login .ex {
  text-align: center;
  font-size: .75rem;
  color: gray;
  font-weight: 400;
  margin: 0 0 25px 0;
  line-height: 1.7
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login .ex2 {
  text-align: center;
  font-weight: 400;
  font-size: .875rem;
  color: #333;
  margin-top: 50px
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login #btn_login_by_tel {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  width: 100%;
  padding: 0;
  align-items: center;
  color: #fff;
  border: 0;
  border-radius: 4px;
  height: 60px
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login #btn_login_by_tel span {
  flex: none
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login .tel_btn:disabled {
  background-color: #e6e6e6
}

html body article#page_login_tel01 section#certification01 #loginWrap .ui #form_login .btn_app {
  background-color: #ff7ba7
}

html body article#page_login_tel01 section#certification01 .close {
  position: fixed;
  top: 0;
  right: 0
}

html body article#page_login_tel01 section#certification01 .close img {
  width: 70px;
  height: 70px
}

html body article#page_login_tel01.login_cast #certification01 #loginWrap .ui #form_login .tel_btn:disabled {
  background-color: #e6e6e6
}

html body article#page_login_tel01.login_cast #certification01 #loginWrap .ui #form_login .btn_app {
  background-color: #3db5e6
}

html body article#page_telephone {
  padding: 0
}

html body article#page_telephone section {
  padding: 0;
  margin-bottom: 0
}

html body article#page_telephone section#telephone {
  height: 100vh
}

html body article#page_telephone section#telephone #loginWrap {
  min-width: 255px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  box-sizing: border-box;
  margin: 0 20px;
  max-width: 800px;
  padding-top: 100px
}

html body article#page_telephone section#telephone #loginWrap h1 {
  font-size: 1.25rem;
  margin: 0 0 20px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: center
}

html body article#page_telephone section#telephone #loginWrap h1:first-letter {
  font-size: 1.2rem;
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login input {
  font-size: .875rem;
  background-color: #f6f6f6 !important;
  border: 1px solid #f6f6f6;
  border-radius: 4px
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login input::placeholder {
  color: #c6c6c6
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login input#q_tel {
  padding: 10px;
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 16px;
  margin: 0 0 20px 0;
  outline: 0
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login .ex {
  text-align: left;
  font-size: .75rem !important;
  color: gray;
  margin: 0 0 40px 0;
  line-height: 1.9
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login .ex2 {
  text-align: center;
  font-weight: 300;
  font-size: .875rem !important;
  margin-top: 50px
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login #btn_login_by_tel {
  display: flex;
  justify-content: center;
  margin: 20px 0 0 !important;
  width: 100% !important;
  padding: 0 !important;
  align-items: center;
  color: #fff;
  border: 0;
  border-radius: 4px !important;
  height: 60px !important
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login #btn_login_by_tel span {
  flex: none
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login .tel_btn:disabled {
  background-color: #e6e6e6 !important
}

html body article#page_telephone section#telephone #loginWrap .ui #form_login .btn_app {
  background-color: #ff7ba7
}

html body article#page_telephone section#telephone .close {
  position: fixed;
  top: 0;
  right: 0
}

html body article#page_telephone section#telephone .close img {
  width: 70px;
  height: 70px
}

html body article#page_certification {
  width: 100%;
  background-color: #fff;
  padding: 0
}

html body article#page_certification a {
  color: #3db5e6
}

html body article#page_certification section {
  width: 100%;
  min-width: 255px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  box-sizing: border-box;
  max-width: 800px;
  padding: 100px 20px 0
}

html body article#page_certification section#certification h1 {
  font-size: 1.25rem;
  margin: 0 0 20px 0;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  text-align: center
}

html body article#page_certification section#certification h1:first-letter {
  font-size: 1.25rem;
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-weight: 500
}

html body article#page_certification section#certification p {
  color: #333;
  text-align: left;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0 0 40px 0
}

html body article#page_certification section#certification p.ex {
  margin: 0;
  line-height: 1.7;
  text-align: center
}

html body article#page_certification section#certification p.ex span {
  font-weight: 400
}

html body article#page_certification section#certification p.small {
  margin: 0 0 30px 0
}

html body article#page_certification section#certification p a {
  text-decoration: underline;
  font-size: .875rem;
  font-weight: 400
}

html body article#page_certification section#certification #form_signup .form_item strong {
  width: 100%;
  margin: 0 0 10px 0;
  display: block
}

html body article#page_certification section#certification #form_signup .form_item strong span {
  font-size: 1.2rem;
  font-weight: 200
}

html body article#page_certification section#certification #form_signup .form_item .tel_codes input {
  padding: 10px;
  width: 100%;
  height: 40px;
  text-align: center;
  margin: 0 0 20px 0;
  outline: 0;
  font-size: .875rem;
  font-weight: 400;
  background-color: #f6f6f6 !important;
  border: 1px solid #f6f6f6;
  border-radius: 4px
}

html body article#page_certification section#certification #form_signup .form_item .tel_codes input::placeholder {
  color: #c6c6c6
}

html body article#page_certification section#certification #form_signup .buttons {
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
  margin-top: 100px
}

html body article#page_certification section#certification #form_signup .buttons button {
  padding: 10px 20px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 4px;
  width: 100%;
  height: 60px;
  background-color: #ff8ab1;
  font-size: 1rem;
  font-weight: 400
}

html body article#page_certification section#certification #form_signup .buttons button:disabled {
  background-color: #e6e6e6 !important
}

html body article#page_certification section#certification #form_signup a#btn_code_resend,
html body article#page_certification section#certification #form_signup a#btn_tel_resend {
  text-align: left;
  text-decoration: underline;
  width: 100%;
  margin: 0 0 20px 0;
  display: block;
  color: #3db5e6;
  background-color: transparent;
  border: 0;
  font-size: .875rem;
  font-weight: 400
}

html body article#page_certification section#certification .tel_auth_area {
  margin-top: 40px;
  background-color: #ecf8fc;
  padding: 30px 50px
}

html body article#page_certification section#certification .tel_auth_area .auth_tel_number {
  font-size: 1.8rem;
  text-decoration: underline;
  margin-top: 15px
}

html body article#page_certification section#certification .tel_auth_area .auth_tel_number a {
  color: #3db5e6;
  text-decoration-color: #3db5e6
}

html body article#page_certification section#certification .tel_auth_area .attention {
  margin: 10px auto;
  text-align: center;
  color: #3db5e6
}

html body article#page_certification section#certification .tel_auth_area .expire {
  margin-top: 5px;
  padding: 15px;
  background-color: #fff
}

html body article#page_certification section#certification .close {
  position: fixed;
  top: 0;
  right: 0
}

html body article#page_certification section#certification .close img {
  width: 70px;
  height: 70px
}

html body article#page_certification.login_cast section#certification .buttons button {
  width: 100%;
  height: 60px;
  background-color: #3db5e6
}

html body article#page_certification.login_cast section#certification .buttons button:disabled {
  background-color: #e6e6e6
}

html body article#page_register section #register input {
  outline: 0
}

html body article section.findWrap #find_detail #find_header .lv1,
html body article section.findWrap #find_detail #find_header .lv2 {
  display: none
}

html body article section.findWrap #find_detail .find_content input.chkBx,
html body article section.findWrap #find_detail .find_content select.chkBx {
  width: auto
}

html body article section.findWrap #find_detail .find_content #brth,
html body article section.findWrap #find_detail .find_content #newCmr {
  width: auto;
  padding: 5px;
  display: inline-block;
  margin-right: 10px
}

html body article section.findWrap #find_detail .find_content p {
  font-weight: 700
}

html body article section.findWrap #find_detail .find_content table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

html body article section.findWrap #find_detail .find_content table tr {
  border-bottom: solid 1px #aaa;
  cursor: pointer;
  padding-bottom: 10px
}

html body article section.findWrap #find_detail .find_content table tr th {
  text-align: center;
  width: calc(100% / 7);
  padding: 0;
  background-color: #aaa;
  color: #fff;
  padding: 15px 0
}

html body article section.findWrap #find_detail .find_content table tr td {
  text-align: center;
  width: calc(100% / 7);
  padding: 0 0 20px 0
}

#find_list a.dummy .pic {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

#find_list a.dummy .find_user_wrapper {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

#find_list .notfound_wrapper {
  list-style: none
}

#find_list .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

#find_list .notfound_wrapper p i {
  margin-right: 5px
}

html body article section.findWrap #find_detail.lv1 #find_header .lv1,
html body article section.findWrap #find_detail.lv2 #find_header .lv2 {
  display: block
}

html body article section.findWrap #find_detail.lv1 #find_content_lv1 {
  transform: translateX(0)
}

html body article section.findWrap #find_detail.lv1 #find_content_lv2 {
  transform: translateX(100%)
}

html body article section.findWrap #find_detail.lv2 #find_content_lv1 {
  transform: translateX(-100%)
}

html body article section.findWrap #find_detail.lv2 #find_content_lv2 {
  transform: translateX(0)
}

#find_wrapper.show+#fresh_wrapper {
  display: none
}

#find_wrapper.show {
  margin-bottom: 30px;
  display: block
}

.find_tag div {
  display: flex;
  align-items: flex-start
}

.find_tag div+div {
  margin-top: 5px
}

.find_tag strong {
  margin-right: 10px;
  padding: 2px 5px;
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #3db5e6;
  border-radius: 3px
}

.find_tag span {
  flex: 1
}

html {
  scroll-behavior: smooth
}

html body a {
  text-decoration: none
}

html body article.find section {
  padding: 0;
  margin-bottom: 0
}

html body article.find section.findWrap,
html body article.find section.findWrap.column2,
html body article.find section.findWrap.column3 {
  min-height: calc(100vh - 8vh - 70px)
}

html body article.find section.findWrap h1,
html body article.find section.findWrap.column2 h1,
html body article.find section.findWrap.column3 h1 {
  padding: 0 20px;
  margin-bottom: 20px
}

html body article.find section.findWrap h2,
html body article.find section.findWrap.column2 h2,
html body article.find section.findWrap.column3 h2 {
  margin-bottom: 20px;
  font-size: 1rem
}

html body article.find section.findWrap #fresh_wrapper,
html body article.find section.findWrap.column2 #fresh_wrapper,
html body article.find section.findWrap.column3 #fresh_wrapper {
  padding: 0 20px
}

html body article.find section.findWrap #tag_wrapper,
html body article.find section.findWrap.column2 #tag_wrapper,
html body article.find section.findWrap.column3 #tag_wrapper {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6
}

html body article.find section.findWrap #tag_wrapper ul,
html body article.find section.findWrap.column2 #tag_wrapper ul,
html body article.find section.findWrap.column3 #tag_wrapper ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden
}

html body article.find section.findWrap #tag_wrapper ul li,
html body article.find section.findWrap.column2 #tag_wrapper ul li,
html body article.find section.findWrap.column3 #tag_wrapper ul li {
  font-size: .875rem;
  color: #333;
  min-width: 25%;
  text-align: center;
  align-items: center
}

html body article.find section.findWrap #tag_wrapper ul li.current,
html body article.find section.findWrap.column2 #tag_wrapper ul li.current,
html body article.find section.findWrap.column3 #tag_wrapper ul li.current {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6;
  height: 39px
}

html body article.find section.findWrap #find_wrapper,
html body article.find section.findWrap.column2 #find_wrapper,
html body article.find section.findWrap.column3 #find_wrapper {
  display: none
}

html body article.find section.findWrap #find_list,
html body article.find section.findWrap.column2 #find_list,
html body article.find section.findWrap.column3 #find_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 20px 0
}

html body article.find section.findWrap #find_list a,
html body article.find section.findWrap.column2 #find_list a,
html body article.find section.findWrap.column3 #find_list a {
  width: calc(50% - 3px);
  height: 257px;
  margin: 0;
  padding: 0;
  display: block;
  box-sizing: border-box;
  position: relative
}

html body article.find section.findWrap #find_list a .pic,
html body article.find section.findWrap.column2 #find_list a .pic,
html body article.find section.findWrap.column3 #find_list a .pic {
  height: 195px
}

html body article.find section.findWrap #find_list a .pic img,
html body article.find section.findWrap.column2 #find_list a .pic img,
html body article.find section.findWrap.column3 #find_list a .pic img {
  width: 100%;
  height: 195px;
  object-fit: cover;
  border-radius: 4px
}

html body article.find section.findWrap #find_list a .find_user_wrapper,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper {
  bottom: auto;
  left: auto;
  position: relative;
  background-color: #fff;
  margin: 8px 0 20px 0;
  padding: 0 5px;
  display: flex;
  height: 34px
}

html body article.find section.findWrap #find_list a .find_user_wrapper .user_info,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .user_info,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: .875rem;
  color: #333;
  align-items: center;
  padding: 0;
  width: 100%;
  overflow: hidden
}

html body article.find section.findWrap #find_list a .find_user_wrapper .user_info .new,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .user_info .new,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .new {
  position: absolute;
  content: url(../images/common/search-new.svg);
  top: -203px;
  left: 10px
}

html body article.find section.findWrap #find_list a .find_user_wrapper .user_info .age,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .user_info .age,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .age {
  display: block;
  margin: 0 0 5px 0;
  width: 50%;
  text-align: right;
  color: #333;
  font-size: .875rem;
  font-weight: 400
}

html body article.find section.findWrap #find_list a .find_user_wrapper .user_info .name,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .user_info .name,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .name {
  display: block;
  margin: 0 0 5px 0;
  width: 50%;
  position: relative;
  padding: 0 0 0 3px;
  font-size: .875rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

html body article.find section.findWrap #find_list a .find_user_wrapper .user_info .area,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .user_info .area,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .area {
  color: #b3b3b3;
  font-size: .75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status {
  width: 10px
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online {
  display: inline-block;
  white-space: nowrap
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online::before,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online::before,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 0;
  display: block;
  border-radius: 100%;
  top: 11px;
  position: absolute;
  border: none
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type01,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type01,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type01 {
  width: 10px;
  color: transparent
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type01::before,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type01::before,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type01::before {
  top: 4px;
  background-color: #ff8ab1
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type02,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type02,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type02 {
  width: 10px;
  color: transparent
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type02::before,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type02::before,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type02::before {
  top: 4px;
  background-color: #ff8ab1
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type03,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type03,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type03 {
  width: 10px;
  color: transparent
}

html body article.find section.findWrap #find_list a .find_user_wrapper .status .online.type03::before,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .status .online.type03::before,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online.type03::before {
  top: 4px;
  background-color: #b3b3b3
}

html body article.find section.findWrap #find_list a .find_user_wrapper .points,
html body article.find section.findWrap.column2 #find_list a .find_user_wrapper .points,
html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .points {
  display: none
}

html body article.find section.findWrap #find_list a .birthday,
html body article.find section.findWrap.column2 #find_list a .birthday,
html body article.find section.findWrap.column3 #find_list a .birthday {
  display: none
}

html body article.find section.findWrap #find_detail,
html body article.find section.findWrap.column2 #find_detail,
html body article.find section.findWrap.column3 #find_detail {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 1000000;
  background-color: #fff;
  transform: translateY(120%);
  transition: transform, .3s
}

html body article.find section.findWrap #find_detail.opened,
html body article.find section.findWrap.column2 #find_detail.opened,
html body article.find section.findWrap.column3 #find_detail.opened {
  transform: translateY(0)
}

html body article.find section.findWrap #find_detail #find_header,
html body article.find section.findWrap.column2 #find_detail #find_header,
html body article.find section.findWrap.column3 #find_detail #find_header {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  height: 60px;
  line-height: 60px;
  top: 0;
  background-color: #fff
}

html body article.find section.findWrap #find_detail #find_header .closeBtn,
html body article.find section.findWrap.column2 #find_detail #find_header .closeBtn,
html body article.find section.findWrap.column3 #find_detail #find_header .closeBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  position: absolute;
  left: 20px;
  top: 25px
}

html body article.find section.findWrap #find_detail #find_header .closeBtn img,
html body article.find section.findWrap.column2 #find_detail #find_header .closeBtn img,
html body article.find section.findWrap.column3 #find_detail #find_header .closeBtn img {
  display: block;
  width: 5px;
  height: 10px
}

html body article.find section.findWrap #find_detail #find_header .prvBtn,
html body article.find section.findWrap.column2 #find_detail #find_header .prvBtn,
html body article.find section.findWrap.column3 #find_detail #find_header .prvBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  position: absolute;
  left: 20px;
  top: 25px
}

html body article.find section.findWrap #find_detail #find_header .prvBtn img,
html body article.find section.findWrap.column2 #find_detail #find_header .prvBtn img,
html body article.find section.findWrap.column3 #find_detail #find_header .prvBtn img {
  display: block;
  width: 5px;
  height: 10px
}

html body article.find section.findWrap #find_detail #find_header h2,
html body article.find section.findWrap.column2 #find_detail #find_header h2,
html body article.find section.findWrap.column3 #find_detail #find_header h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 0 35px
}

html body article.find section.findWrap #find_detail #find_footer,
html body article.find section.findWrap.column2 #find_detail #find_footer,
html body article.find section.findWrap.column3 #find_detail #find_footer {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  height: 88px;
  bottom: 60px;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  padding: 20px;
  background-color: rgba(255, 255, 255, .8)
}

html body article.find section.findWrap #find_detail #find_footer button,
html body article.find section.findWrap.column2 #find_detail #find_footer button,
html body article.find section.findWrap.column3 #find_detail #find_footer button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400
}

html body article.find section.findWrap #find_detail #find_footer button[type=submit],
html body article.find section.findWrap.column2 #find_detail #find_footer button[type=submit],
html body article.find section.findWrap.column3 #find_detail #find_footer button[type=submit] {
  width: 72.222222222222222%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff8ab1
}

html body article.find section.findWrap #find_detail #find_footer button[type=submit] .fas.fa-search,
html body article.find section.findWrap.column2 #find_detail #find_footer button[type=submit] .fas.fa-search,
html body article.find section.findWrap.column3 #find_detail #find_footer button[type=submit] .fas.fa-search {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0
}

html body article.find section.findWrap #find_detail #find_footer button[type=submit] .fas.fa-search::before,
html body article.find section.findWrap.column2 #find_detail #find_footer button[type=submit] .fas.fa-search::before,
html body article.find section.findWrap.column3 #find_detail #find_footer button[type=submit] .fas.fa-search::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/find-white.svg);
  background-size: contain;
  vertical-align: middle
}

html body article.find section.findWrap #find_detail #find_footer button[type=button],
html body article.find section.findWrap.column2 #find_detail #find_footer button[type=button],
html body article.find section.findWrap.column3 #find_detail #find_footer button[type=button] {
  width: 27.777777777777777%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #c6c6c6
}

html body article.find section.findWrap #find_detail #find_footer button[type=button] .fas.fa-eraser::before,
html body article.find section.findWrap.column2 #find_detail #find_footer button[type=button] .fas.fa-eraser::before,
html body article.find section.findWrap.column3 #find_detail #find_footer button[type=button] .fas.fa-eraser::before {
  display: none
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content {
  width: 100%;
  height: 100%;
  padding: 60px 20px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  transition: transform, .3s
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item p,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item p {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 13px 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item #q_find_pref,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item #q_find_pref,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item #q_find_pref,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item #q_find_pref,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item #q_find_pref,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item #q_find_pref {
  width: 100%;
  padding: 0 20px;
  height: 40px;
  outline: 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: .875rem;
  color: #333;
  background-image: url(../images/common/downarrow.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  -webkit-appearance: none;
  appearance: none
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2),
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2),
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2),
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2),
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2),
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) {
  margin: 38px 0 0 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: gray;
  font-size: .75rem;
  gap: 30px;
  font-weight: 400;
  line-height: 1.7;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  letter-spacing: .06em
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby::after,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(2) .select_hobby::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(2) .select_hobby::after {
  content: url(../images/common/arrow_right.svg);
  display: block
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4),
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4),
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4),
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4),
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4),
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) {
  margin: 0 0 200px 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr {
  border-bottom: none;
  background-color: #e6e6e6;
  color: gray;
  padding: 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr th {
  text-align: center;
  width: calc(100% / 7);
  height: 40px;
  background-color: #e6e6e6;
  font-size: .875rem;
  font-weight: 400;
  color: gray;
  padding: 8.5px 0 8.5px 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td {
  height: 52px;
  padding: 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox],
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox],
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox],
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox],
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox],
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox] {
  display: none
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]+label p {
  font-size: .875rem;
  color: #333;
  margin: 0;
  padding: 19px 0;
  height: 52px;
  line-height: 1;
  background-color: #f6f6f6
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item:nth-of-type(4) div .schedule_table tbody tr td input[type=checkbox]:checked+label p.daysName {
  background-color: #ff8ab1;
  color: #fff
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30px 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0 35px 0 25px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::before,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::before,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::before,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::before,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::before,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::after,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label::after {
  display: block
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span {
  font-size: .875rem;
  color: #333
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span a,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span a,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span a,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span a,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]+label span a,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]+label span a {
  font-size: .875rem;
  color: #3db5e6
}

html body article.find section.findWrap #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]:checked+label::after,
html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]:checked+label::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]:checked+label::after,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]:checked+label::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv1.find_content .find_item.check01 p input[type=checkbox]:checked+label::after,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item.check01 p input[type=checkbox]:checked+label::after {
  border-right: none;
  border-bottom: none;
  transform: rotate(0);
  margin: 0;
  content: url(../images/common/check.svg);
  position: absolute;
  top: -1px;
  left: 5px
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item {
  margin: 0 0 100px 0
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item p,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item p,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item p {
  font-size: .875rem;
  font-weight: 400;
  color: gray;
  margin: 0 8px 9px 0;
  padding: 11px 10px;
  height: 40px;
  display: inline-block;
  text-align: center;
  border: solid 1px gray;
  border-radius: 4px;
  transition-property: color, background-color;
  transition-duration: .3s
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item input,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item input,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item input {
  display: none
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item .label_item,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item .label_item,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item .label_item {
  display: inline-block
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox],
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox],
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox] {
  display: none
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox]:checked+p.tagsName,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox]:checked+p.tagsName,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item .label_item input[type=checkbox]:checked+p.tagsName {
  background-color: #ff8ab1;
  color: #fff;
  border: 1px solid #ff8ab1
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item .label_item #daysName,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item .label_item #daysName,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item .label_item #daysName {
  font-size: .875rem;
  font-weight: 400;
  margin: 0;
  padding: 15.5px 0;
  line-height: 1.5;
  background-color: #f6f6f6;
  color: #333
}

html body article.find section.findWrap #find_detail #find_content_lv2.find_content .find_item .fa-check,
html body article.find section.findWrap.column2 #find_detail #find_content_lv2.find_content .find_item .fa-check,
html body article.find section.findWrap.column3 #find_detail #find_content_lv2.find_content .find_item .fa-check {
  display: none
}

html body article.find section.findWrap.column3 #find_list a {
  width: 32.222222222%;
  height: 277px
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper {
  height: 56px;
  margin: 8px 0 18px 0
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info {
  display: block
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .age {
  width: 100%;
  padding: 0 0 0 3px;
  text-align: left
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .name {
  width: 100%;
  overflow: hidden
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .user_info .area {
  padding: 0 0 0 3px
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online {
  display: inline-block;
  white-space: nowrap
}

html body article.find section.findWrap.column3 #find_list a .find_user_wrapper .status .online::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 0;
  display: block;
  border-radius: 100%;
  top: 11px
}

.user_wrapper .slider-nav01 button {
  display: none !important
}

html {
  scroll-behavior: smooth
}

html body a {
  text-decoration: none
}

html body article.users.users-sub {
  padding: 60px 0 75px 0;
  background-color: #fff
}

html body article.users.users-sub .usersWrap {
  padding: 0;
  position: relative;
  margin: 0
}

html body article.users.users-sub .usersWrap .notice_wrapper {
  margin-bottom: 15px
}

html body article.users.users-sub .usersWrap .notice_wrapper.red {
  margin: 19px 0
}

html body article.users.users-sub .usersWrap .user_wrapper {
  padding: 0
}

html body article.users.users-sub .usersWrap .user_wrapper .blockArea {
  position: fixed;
  top: 20px;
  right: 20px;
  height: 20px;
  background-color: transparent;
  z-index: 99999
}

html body article.users.users-sub .usersWrap .user_wrapper .blockArea button {
  padding: 0;
  color: #fff;
  border: 0;
  background-color: transparent
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper {
  position: relative;
  margin-bottom: 26px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper {
  position: relative
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #slider01 .slick-list .slick-track .slick-slide {
  width: 100%
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #slider01 .slick-list .slick-track .slick-slide div {
  height: 440px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #slider01 .slick-list .slick-track .slick-slide div img {
  height: 440px;
  object-fit: cover
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  background-color: rgba(51, 51, 51, .7);
  min-height: 60px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper {
  margin: 0 0 0 20px;
  padding: 10px 0 0 0;
  min-height: 60px;
  width: calc(100% - 90px);
  display: flex;
  flex-direction: column
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status {
  margin: 0 0 10px;
  font-size: .625rem
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online {
  font-size: .75rem;
  margin: 0 0 10px 0
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 100%
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type01::before {
  background-color: #ff8ab1
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type01.guest::before {
  background-color: #3db5e6
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type02 {
  font-size: .75rem;
  margin: 0 0 10px 0
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type02::before {
  border: none;
  background-color: #ff8ab1
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type03 {
  font-size: .75rem;
  margin: 0 0 10px 0
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .status .online.type03::before {
  border: none;
  background-color: #b3b3b3
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .name {
  display: flex;
  align-items: center
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .name h1 {
  font-size: .875rem;
  font-weight: 400;
  margin: 0 15px 0 0;
  color: #fff;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .name h1:first-letter {
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .name span {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .elements_wrapper .fee {
  display: none;
  display: flex;
  align-items: center
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button {
  right: 0;
  width: 50px;
  height: 50px;
  margin: 5px 20px 5px 0;
  top: 0;
  bottom: 0;
  z-index: 10
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app {
  background-color: #fff;
  border-radius: 50%
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app img {
  width: 20px;
  height: 18px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app img.png_like {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app img.png_liked {
  top: 9px;
  left: 15px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app img.png_like.like2 {
  display: block;
  position: absolute;
  top: 8px;
  left: 15px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app img.gif_like {
  top: -8px;
  left: 0;
  width: 100%;
  height: 100%
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app span {
  width: 100%;
  position: absolute;
  bottom: 7px;
  left: 0;
  color: #e6e6e6;
  font-size: .625rem;
  font-weight: 400
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button .btn_app.liked span {
  width: 100%;
  position: absolute;
  bottom: 7px;
  left: 0;
  color: #ff8ab1;
  font-size: .625rem;
  font-weight: 400
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #user_slider_wrapper #float_elements .like_button p {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 155px;
  z-index: 1
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area ul::-webkit-scrollbar {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area ul li {
  color: #333;
  border: 1px solid #333;
  min-width: 35%;
  text-align: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 400;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 5px 0 0;
  padding: 10px 0;
  height: 35px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area ul li.matched {
  color: #ff8ab1;
  border: 1px solid #ff8ab1
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #hobby_area ul li a {
  color: #ff8ab1
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 {
  margin: 10px 15px 0 20px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track {
  margin-left: inherit;
  margin-right: inherit
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track .slick-slide div,
html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track .slick-slide.slick-active div {
  width: 75px;
  height: 75px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track .slick-slide div .thumbnails img,
html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track .slick-slide.slick-active div .thumbnails img {
  width: 100%;
  height: 75px;
  border-radius: 4px;
  object-fit: cover
}

html body article.users.users-sub .usersWrap .user_wrapper #user_photos_wrapper #slider_nav01 .slick-list .slick-track .slick-slide.slick-current.slick-active div .thumbnails img {
  border: 2px solid #ff8ab1;
  border-radius: 4px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos {
  padding: 0 20px;
  margin-bottom: 25px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .name_area {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 12px;
  letter-spacing: .04em
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .jobs {
  font-size: .75rem;
  font-weight: 400;
  color: #b3b3b3;
  margin-bottom: 18px;
  letter-spacing: .04em
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .unit_price {
  font-weight: 400;
  color: #3db5e6;
  margin: 0 20px 15px;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0 15px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .unit_price::before {
  content: url(../images/common/icon_points_p_user.svg);
  position: absolute;
  top: 3px;
  left: 0
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .unit_price span {
  font-size: .875rem;
  margin: 0 0 0 25px;
  letter-spacing: .04em
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .unit_price span.price {
  font-size: 1.5rem;
  margin: 0 0 0 10px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .help_wrapper {
  display: flex
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .help_wrapper div {
  font-size: .75rem;
  font-weight: 400;
  color: #3db5e6;
  letter-spacing: .04em;
  position: relative;
  padding: 0 0 0 15px;
  width: 170px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .help_wrapper div::before {
  content: url(../images/common/next-blue.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 10px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_infos .help_wrapper div a {
  color: #3db5e6
}

html body article.users.users-sub .usersWrap .user_wrapper #howto_wrapper {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #user_categories_wrapper {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule {
  position: relative;
  border-bottom: solid 10px #ecf8fc;
  margin: 0;
  overflow: hidden
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule input {
  display: none
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header {
  display: flex;
  justify-content: space-between;
  margin: 0 20px 20px 20px;
  padding: 40px 0 0 0;
  height: 20px
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header .schedule_date {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: -3px;
  color: #333
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header label[for=chk_schedule01],
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header label[for=chk_schedule02] {
  display: block;
  color: gray
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header label[for=chk_schedule01]::before {
  content: url(../images/common/last-week.svg);
  margin-right: 10px;
  display: inline-block
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_header label[for=chk_schedule02]::after {
  content: url(../images/common/next-week.svg);
  margin-left: 10px;
  display: inline-block
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule strong {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  margin: 0 20px;
  padding: 2px 0 2px 30px
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule strong::before {
  position: absolute;
  content: url(../images/common/calendar.svg);
  top: 0;
  left: 0
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body {
  width: 200%;
  padding-top: 15px;
  display: flex;
  transition: transform, .3s;
  padding-top: 20px
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul {
  width: 100%;
  margin: 0 20px 20px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  position: relative
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul::before {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  top: 65px;
  border-bottom: dotted 1px #e6e6e6
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li {
  width: 13%;
  flex: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  background-color: #fff
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span {
  display: block;
  margin: 0
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span.week,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span.week {
  font-size: .875rem;
  background-color: gray;
  padding: 8px 0;
  color: #fff
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span.week.saturday,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span.week.saturday {
  background-color: #3db5e6
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span.week.sunday,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span.week.sunday {
  background-color: #ff8ab1
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span.day,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span.day {
  font-size: .75rem;
  color: #333;
  padding: 10px 0
}

html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body01 li span.text,
html body article.users.users-sub .usersWrap .user_wrapper #cast_schedule .schedule_body ul.schedule_body02 li span.text {
  padding: 10px 0 0 0;
  color: #333;
  font-size: 1.25rem;
  font-weight: 400
}

html body article.users.users-sub .usersWrap .user_wrapper #user_pr_wrapper {
  margin: 0 20px
}

html body article.users.users-sub .usersWrap .user_wrapper #user_pr_wrapper h2 {
  margin: 20px 0 15px 0;
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

html body article.users.users-sub .usersWrap .user_wrapper #user_pr_wrapper p.pr {
  margin: 0 0 40px 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  line-height: 1.7;
  word-wrap: break-word;
}

html body article.users.users-sub .usersWrap .action_buttons {
  display: flex;
  position: fixed;
  bottom: 76px;
  z-index: 1;
  width: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, .16)
}

html body article.users.users-sub .usersWrap .action_buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58px;
  width: 100%;
  padding: 19px 0
}

html body article.users.users-sub .usersWrap .action_buttons a.btn_message {
  background-color: #ecf8fc;
  width: 100%
}

html body article.users.users-sub .usersWrap .action_buttons a.btn_message img {
  width: 20px;
  height: 20px;
  margin: 0
}

html body article.users.users-sub .usersWrap .action_buttons a.btn_message p {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 0 0 5px;
  height: 20px;
  line-height: 20px
}

html body article.users.users-sub .usersWrap .action_buttons a.callBtn {
  background-color: #ffeef3;
  width: 100%
}

html body article.users.users-sub .usersWrap .action_buttons a.callBtn img {
  width: 15px;
  height: 20px;
  margin: 0
}

html body article.users.users-sub .usersWrap .action_buttons a.callBtn p {
  font-size: .875rem;
  font-weight: 400;
  color: #ff8ab1;
  margin: 0 0 0 6px;
  height: 20px;
  line-height: 20px
}

html body article.users.users-sub .usersWrap .ex_buttons {
  display: none
}

html body article.users.users-sub .usersWrap #users_info_wrapper {
  padding: 0 0 15px 0;
  border-bottom: solid 10px #ecf8fc
}

html body article.users.users-sub .usersWrap #users_info_wrapper h2 {
  margin: 0 20px 15px 20px;
  padding: 0 0 10px 0;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: dashed .9px #e6e6e6
}

html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .alcohol,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .body,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .brothers,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .educational,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .hair,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .height,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .holyday,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .housemate,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .job,
html body article.users.users-sub .usersWrap #users_info_wrapper .user_info .smoking {
  margin: 0 20px 15px 20px;
  padding: 0 0 15px 0;
  font-size: .875rem;
  font-weight: 400;
  border-bottom: dashed .9px #e6e6e6;
  display: flex;
  justify-content: space-between;
  color: #333
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper {
  margin: 0 20px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper h2 {
  margin: 20px 0 15px 0;
  padding: 0 0 10px 0;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: dashed .9px #e6e6e6;
  color: #333
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper h2::before {
  content: url(../images/common/detail-board.svg);
  top: 0;
  left: 0;
  margin: 0 10px 0 0
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets {
  margin: 0 0 104px 0
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet {
  display: flex;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: dashed .9px #e6e6e6
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .icnLeft {
  width: 18%
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .icnLeft .tweet_user {
  width: 60px;
  height: 60px;
  display: block
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .icnLeft .tweet_user img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .icnLeft .btn_app {
  display: none
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content {
  width: 82%
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container {
  display: flex;
  justify-content: space-between
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name {
  position: relative;
  display: flex;
  align-items: center
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span {
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type01::before,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type02::before,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type03::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: block;
  border-radius: 100%;
  border: none
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type01.usertype10::before {
  background-color: #3db5e6
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type01::before {
  background-color: #ff8ab1
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type02::before {
  background-color: #ff8ab1
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .user_name span.online.type03::before {
  background-color: #b3b3b3
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .info_container .tweet_date {
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3;
  float: right;
  padding: 6.25px 20px;
  position: relative
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .has_online {
  display: inline-block !important;
  margin: 0 0 0 25px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container {
  display: flex;
  justify-content: space-between
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .tweet_body {
  font-size: .75rem;
  font-weight: 400;
  color: #333;
  margin: 15px 0 0 10px;
  padding: 0 40px 0 0;
  position: relative
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button {
  right: 0;
  width: auto;
  height: 20px;
  margin: 0;
  position: relative
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked {
  width: auto;
  height: 20px;
  position: relative;
  margin: 0
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div {
  width: 80px;
  height: 40px;
  position: relative;
  display: block
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div img,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div img {
  width: 20px;
  height: 18px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div img.png_like,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div img.png_liked,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div img.png_like,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div img.png_liked {
  top: 10px;
  left: 53px;
  object-fit: unset;
  position: absolute;
  margin-bottom: 0
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div img.png_like.like2,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div img.png_like.like2 {
  display: none
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app div img.gif_like,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked div img.gif_like {
  top: -10px;
  left: 36px;
  width: 54px;
  height: 55px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app p,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked p {
  color: gray;
  width: auto;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 0 5px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app span,
html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked span {
  display: none
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .tweet .tweet_content .body_container .like_button .btn_app.liked p {
  color: #ff8ab1
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

html body article.users.users-sub .usersWrap #user_tweets_wrapper #tweets .notfound_wrapper p i {
  margin-right: 5px
}

html body article.call-confirm #call h1 {
  margin-bottom: 20px
}

html body article.call-confirm #call ul {
  margin-bottom: 20px;
  display: block;
  padding: 0;
  text-align: center
}

html body article.call-confirm #call ul li {
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #f0f0f0;
  width: 100%
}

html body article.call-confirm #call .priceArea {
  text-align: center
}

html body article.call-confirm #call .priceArea span {
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #f0f0f0;
  width: 100%
}

html body article section#match #scout .prThmb {
  position: relative;
  width: 150px;
  min-width: 150px;
  height: 200px;
  margin-right: 10px;
  text-decoration: none
}

html body article section#match #scout .prThmb .thmb {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

html body article section#match #scout .prThmb .thmb.is_online::after {
  top: 0;
  bottom: auto
}

html body article section#match #scout .prThmb .thmb img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

html body article section#match #scout .prThmb .rank {
  display: none;
  position: absolute;
  top: 20px;
  background-color: #daa520;
  left: 0;
  padding: 5px;
  font-size: .8rem;
  color: #fff
}

html body article section#match #scout .prThmb .prInfo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 2%;
  color: #1f1f1f;
  background-color: rgba(255, 255, 255, .7)
}

html body article section#match #scout .prThmb .prInfo h2 {
  font-size: 1rem;
  padding: 0;
  margin: 0 0 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

html body article section#match #scout .prThmb .prInfo span {
  margin: 0 5px 5px 0;
  font-size: .8rem
}

html body article section#match #scout .prThmb .prInfo p {
  padding: 0;
  margin: 5px 0 5px 0;
  font-size: .8rem;
  word-wrap: break-word;
  overflow-x: hidden
}

#home_banners .slick-list.slick-slider,
ul#home_banners.slick-slider {
  overflow: visible
}

html {
  scroll-behavior: smooth
}

html body a {
  text-decoration: none
}

html body a.nextBtn.no_pjax {
  display: none
}

html body .selectArea .selectInr {
  width: 100%;
  padding: 5%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

html body article h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

html body article.call .call_title_container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 15px;
  padding: 0 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e6e6e6
}

html body article.call .call_title_container div {
  font-size: 1rem;
  font-weight: 200;
  color: #3db5e6;
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

html body article.call .call_title_container div.free_title {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  padding: 0 0 8px;
  border-bottom: 2px solid #3db5e6
}

html body article.call .call_title_container div.free_title .call_free_subtitle {
  font-size: 10px;
  font-weight: 400
}

html body article.call .call_title_container div.ooo_title {
  font-size: .9rem;
  color: #000;
  padding: 0 0 8px 0
}

html body article #home_banners_wrapper {
  margin: 15px 0 30px 0
}

html body article #home_banners_wrapper #call_banners,
html body article #home_banners_wrapper #home_banners {
  margin: 0;
  padding: 0;
  position: relative;
  height: calc((100vw - 40px) * .4)
}

html body article #home_banners_wrapper #call_banners li,
html body article #home_banners_wrapper #home_banners li {
  display: block
}

html body article #home_banners_wrapper #call_banners .slick-list,
html body article #home_banners_wrapper #home_banners .slick-list {
  height: calc((100vw - 40px) * .4);
  overflow: hidden
}

html body article #home_banners_wrapper #call_banners .slick-list .slick-track .slick-slide,
html body article #home_banners_wrapper #home_banners .slick-list .slick-track .slick-slide {
  margin-right: 10px;
  overflow: hidden;
  border-radius: 10px
}

html body article #home_banners_wrapper #call_banners .slick-list .slick-track .slick-slide li a,
html body article #home_banners_wrapper #home_banners .slick-list .slick-track .slick-slide li a {
  width: calc(100vw - 40px);
  height: calc((100vw - 40px) * .4);
  display: block
}

html body article #home_banners_wrapper #call_banners .slick-list .slick-track .slick-slide li a img,
html body article #home_banners_wrapper #home_banners .slick-list .slick-track .slick-slide li a img {
  width: calc(100vw - 40px);
  height: calc((100vw - 40px) * .4);
  display: block;
  object-fit: cover
}

html body article #home_banners_wrapper #call_banners .slick-list .slick-track .slick-slide div,
html body article #home_banners_wrapper #home_banners .slick-list .slick-track .slick-slide div {
  line-height: 0
}

html body article #home_banners_wrapper #call_banners .slick-dots,
html body article #home_banners_wrapper #home_banners .slick-dots {
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: center;
  position: absolute;
  gap: 10px;
  top: calc(100% - 25px);
  left: 0;
  margin: 0;
  padding: 0;
  bottom: 0;
  list-style: none;
  text-align: center
}

html body article #home_banners_wrapper #call_banners .slick-dots li,
html body article #home_banners_wrapper #home_banners .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0;
  transform: scale(.8)
}

html body article #home_banners_wrapper #call_banners .slick-dots li button,
html body article #home_banners_wrapper #home_banners .slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0;
  transform: scale(.8);
  background-color: none;
  border-radius: 50%;
  border: 1px solid #fff
}

html body article #home_banners_wrapper #call_banners .slick-dots li button::before,
html body article #home_banners_wrapper #home_banners .slick-dots li button::before {
  display: none
}

html body article #home_banners_wrapper #call_banners .slick-dots li.slick-active button,
html body article #home_banners_wrapper #home_banners .slick-dots li.slick-active button {
  background-color: #fff
}

html body article.home {
  background-color: #ecf8fc
}

html body article.home #call h1,
html body article.home #home h1,
html body article.home #match h1 {
  font-size: 1.25rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  color: #333;
  margin: 0
}

html body article.home #call h1:first-letter,
html body article.home #home h1:first-letter,
html body article.home #match h1:first-letter {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif
}

html body article.home #call,
html body article.home #home {
  padding: 0;
  margin: 0;
  background-color: #ecf8fc
}

html body article.home #call #call_btn,
html body article.home #home #call_btn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100001;
  padding: 0;
  width: 166px;
  height: 40px;
  margin: 0;
  border-radius: 4px
}

html body article.home #call #call_btn a,
html body article.home #home #call_btn a {
  background-color: #fff;
  color: #3db5e6;
  border: none;
  display: flex;
  font-size: .75rem;
  font-weight: 400;
  padding: 7px 15px 7px 16px;
  margin-bottom: 0;
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  line-height: 28px
}

html body article.home #call #call_btn a::before,
html body article.home #home #call_btn a::before {
  content: url(../images/common/icon_1on1_blue.svg);
  margin: 0 7px 0 0;
  width: 19.5px;
  height: 26px
}

html body article.home #call #latest_event,
html body article.home #home #latest_event {
  margin: 20px;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  border-radius: 4px
}

html body article.home #call #latest_event table,
html body article.home #home #latest_event table {
  width: 100%;
  padding: 20px;
  display: block
}

html body article.home #call #latest_event table tbody,
html body article.home #home #latest_event table tbody {
  display: block
}

html body article.home #call #latest_event table tbody tr,
html body article.home #home #latest_event table tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px dotted #e0e0e0;
  padding: 10px 0;
  margin: 0
}

html body article.home #call #latest_event table tbody tr th,
html body article.home #home #latest_event table tbody tr th {
  text-align: left;
  position: relative;
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  width: 100px;
  display: flex;
  align-items: center
}

html body article.home #call #latest_event table tbody tr th::after,
html body article.home #call #latest_event table tbody tr th::before,
html body article.home #home #latest_event table tbody tr th::after,
html body article.home #home #latest_event table tbody tr th::before {
  display: none
}

html body article.home #call #latest_event table tbody tr td,
html body article.home #home #latest_event table tbody tr td {
  text-align: left;
  width: 65%;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

html body article.home #call #latest_event table tbody tr.event_schedule,
html body article.home #home #latest_event table tbody tr.event_schedule {
  background-color: #3db5e6;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 10px;
  justify-content: space-between;
  padding: 5px 10px;
  border: none
}

html body article.home #call #latest_event table tbody tr.event_schedule th,
html body article.home #home #latest_event table tbody tr.event_schedule th {
  width: auto;
  height: 20px;
  padding: 5px 0 0
}

html body article.home #call #latest_event table tbody tr.event_schedule th::before,
html body article.home #home #latest_event table tbody tr.event_schedule th::before {
  content: url(../images/common/event-time.svg);
  display: inline-block;
  margin-right: 5px;
  width: 20px
}

html body article.home #call #latest_event table tbody tr.event_schedule td,
html body article.home #home #latest_event table tbody tr.event_schedule td {
  width: 100%;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff
}

html body article.home #call #latest_event table tbody tr.event_schedule td span,
html body article.home #home #latest_event table tbody tr.event_schedule td span {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 46px;
  text-align: center;
  line-height: 30px
}

html body article.home #call #latest_event table tbody:last-child th::before,
html body article.home #home #latest_event table tbody:last-child th::before {
  content: '';
  width: 0
}

html body article.home #call #latest_event table tbody td,
html body article.home #home #latest_event table tbody td {
  font-weight: 400;
  font-size: .875rem
}

html body article.home #call #latest_event table tbody td img,
html body article.home #home #latest_event table tbody td img {
  width: 60px;
  height: 60px;
  border-radius: 100px
}

html body article.home #call #latest_event #latest_event_items,
html body article.home #home #latest_event #latest_event_items {
  text-align: center
}

html body article.home #call #latest_event #latest_event_items li,
html body article.home #home #latest_event #latest_event_items li {
  padding-bottom: 20px
}

html body article.home #call #latest_event #latest_event_items .latest_event_item a,
html body article.home #home #latest_event #latest_event_items .latest_event_item a {
  background-color: #ff8ab1;
  width: auto;
  margin: 0 20px;
  align-items: center;
  border-radius: 4px;
  height: 60px;
  display: block;
  padding: 10px;
  color: #fff
}

html body article.home #call #latest_event #latest_event_items .latest_event_item a i,
html body article.home #home #latest_event #latest_event_items .latest_event_item a i {
  content: url(../images/common/icon_eventchat.svg)
}

html body article.home #call #latest_event .call_button_wrapper,
html body article.home #home #latest_event .call_button_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 53px;
  border-bottom: solid 10px #ecf8fc;
  padding: 0 0 14px
}

html body article.home #call #latest_event .call_button_wrapper a,
html body article.home #home #latest_event .call_button_wrapper a {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0 20px
}

html body article.home #call #latest_event .call_button_wrapper a:last-child,
html body article.home #home #latest_event .call_button_wrapper a:last-child {
  background-color: #757575
}

html body article.home #call #latest_event .call_button_wrapper a:last-child::before,
html body article.home #home #latest_event .call_button_wrapper a:last-child::before {
  content: url(../images/common/icon_points_white.svg);
  transform: scale(1.2);
  margin-right: 15px
}

html body article.home #call .event_item_cast,
html body article.home #home .event_item_cast {
  margin: 0 0 20px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  border-radius: 4px
}

html body article.home #call .event_item_cast:last-child,
html body article.home #home .event_item_cast:last-child {
  display: block
}

html body article.home #call .event_item_cast table,
html body article.home #home .event_item_cast table {
  width: 100%;
  display: block
}

html body article.home #call .event_item_cast table tbody,
html body article.home #home .event_item_cast table tbody {
  display: block
}

html body article.home #call .event_item_cast table tbody tr,
html body article.home #home .event_item_cast table tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

html body article.home #call .event_item_cast table tbody tr th,
html body article.home #home .event_item_cast table tbody tr th {
  text-align: left;
  position: relative;
  font-size: .875rem;
  font-weight: 400;
  color: #ff8ab1;
  width: 100px;
  display: flex;
  align-items: center;
  min-width: 40px
}

html body article.home #call .event_item_cast table tbody tr th::after,
html body article.home #call .event_item_cast table tbody tr th::before,
html body article.home #home .event_item_cast table tbody tr th::after,
html body article.home #home .event_item_cast table tbody tr th::before {
  display: none
}

html body article.home #call .event_item_cast table tbody tr td,
html body article.home #home .event_item_cast table tbody tr td {
  text-align: left;
  width: 100%;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  word-wrap: break-word;
  word-break: break-all
}

html body article.home #call .event_item_cast table tbody tr td .gest_icon,
html body article.home #home .event_item_cast table tbody tr td .gest_icon {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  width: auto
}

html body article.home #call .event_item_cast table tbody tr td .gest_icon img,
html body article.home #home .event_item_cast table tbody tr td .gest_icon img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  margin: 0 10px 0 0
}

html body article.home #call .event_item_cast table tbody tr td.gest_info_row,
html body article.home #home .event_item_cast table tbody tr td.gest_info_row {
  display: flex;
  align-items: center
}

html body article.home #call .event_item_cast table tbody tr td.gest_info_row .gest_info p,
html body article.home #home .event_item_cast table tbody tr td.gest_info_row .gest_info p {
  margin: 7px 0
}

html body article.home #call .event_item_cast table tbody tr td.point_detail,
html body article.home #home .event_item_cast table tbody tr td.point_detail {
  display: flex;
  gap: 30px
}

html body article.home #call .event_item_cast table tbody tr td.point_detail p,
html body article.home #home .event_item_cast table tbody tr td.point_detail p {
  color: #3db5e6
}

html body article.home #call .event_item_cast table tbody tr td.point_detail p.point_title,
html body article.home #home .event_item_cast table tbody tr td.point_detail p.point_title {
  border: 1px solid #3db5e6;
  border-radius: 3px;
  padding: 4px 6px;
  width: fit-content
}

html body article.home #call .event_item_cast table tbody tr td.point_detail p.point,
html body article.home #home .event_item_cast table tbody tr td.point_detail p.point {
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0
}

html body article.home #call .event_item_cast table tbody tr td.point_detail p.point span,
html body article.home #home .event_item_cast table tbody tr td.point_detail p.point span {
  font-size: 1.3rem
}

html body article.home #call .event_item_cast table tbody tr td.point_detail div,
html body article.home #home .event_item_cast table tbody tr td.point_detail div {
  display: flex;
  align-items: center;
  gap: 20px
}

html body article.home #call .event_item_cast table tbody tr.event_schedule,
html body article.home #home .event_item_cast table tbody tr.event_schedule {
  background-color: #ff8ab1;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 10px;
  justify-content: space-between;
  padding: 5px 10px;
  border: none
}

html body article.home #call .event_item_cast table tbody tr.event_schedule th,
html body article.home #home .event_item_cast table tbody tr.event_schedule th {
  width: auto;
  height: 20px;
  padding: 5px 0 0
}

html body article.home #call .event_item_cast table tbody tr.event_schedule th::before,
html body article.home #home .event_item_cast table tbody tr.event_schedule th::before {
  content: url(../images/common/event-time.svg);
  display: inline-block;
  margin-right: 5px;
  width: 20px
}

html body article.home #call .event_item_cast table tbody tr.event_schedule td,
html body article.home #home .event_item_cast table tbody tr.event_schedule td {
  width: 100%;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff
}

html body article.home #call .event_item_cast table tbody tr.event_schedule td span,
html body article.home #home .event_item_cast table tbody tr.event_schedule td span {
  font-size: .875rem;
  font-weight: 400;
  color: #ff8ab1;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 46px;
  text-align: center;
  line-height: 30px
}

html body article.home #call .event_item_cast table tbody tr.event_cast,
html body article.home #home .event_item_cast table tbody tr.event_cast {
  border-bottom: 1px dotted #e6e6e6
}

html body article.home #call .event_item_cast table tbody tr.event_cast td ul,
html body article.home #home .event_item_cast table tbody tr.event_cast td ul {
  list-style: none;
  display: flex;
  padding: 0
}

html body article.home #call .event_item_cast table tbody tr.event_cast td ul li,
html body article.home #home .event_item_cast table tbody tr.event_cast td ul li {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  width: auto
}

html body article.home #call .event_item_cast table tbody tr.event_cast td ul li img,
html body article.home #home .event_item_cast table tbody tr.event_cast td ul li img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  margin: 0 10px 0 0
}

html body article.home #call .event_item_cast table tbody tr.event_place,
html body article.home #home .event_item_cast table tbody tr.event_place {
  border-bottom: 1px dotted #e6e6e6
}

html body article.home #call .event_item_cast table tbody tr.event_place td,
html body article.home #home .event_item_cast table tbody tr.event_place td {
  letter-spacing: .04em
}

html body article.home #call .event_item_cast table tbody tr.price,
html body article.home #home .event_item_cast table tbody tr.price {
  padding: 15px 0
}

html body article.home #call .event_item_cast table tbody tr.price th,
html body article.home #home .event_item_cast table tbody tr.price th {
  display: none
}

html body article.home #call .event_item_cast table tbody tr.price td,
html body article.home #home .event_item_cast table tbody tr.price td {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px
}

html body article.home #call .event_item_cast table tbody tr.price td span,
html body article.home #home .event_item_cast table tbody tr.price td span {
  font-size: .875rem;
  font-weight: 400;
  color: #ff8ab1;
  background-color: #fff;
  border: 1px solid #ff8ab1;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
  width: 50px;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 0 7px
}

html body article.home #call .event_item_cast table tbody tr.price td p.number,
html body article.home #home .event_item_cast table tbody tr.price td p.number {
  font-size: 2rem;
  font-weight: 700;
  color: #ff8ab1;
  margin: 0
}

html body article.home #call .event_item_cast table tbody tr.price td p.point,
html body article.home #home .event_item_cast table tbody tr.price td p.point {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ff8ab1;
  margin: 0;
  padding: 6px 0 0 0
}

html body article.home #call .event_item_cast table tbody tr.event_deadline,
html body article.home #home .event_item_cast table tbody tr.event_deadline {
  background-color: #f6f6f6;
  color: #3db5e6;
  height: 40px;
  border-radius: 4px;
  margin: 0;
  padding: 5px 47px;
  border: none
}

html body article.home #call .event_item_cast table tbody tr.event_deadline th,
html body article.home #home .event_item_cast table tbody tr.event_deadline th {
  width: auto;
  height: 20px;
  padding: 0
}

html body article.home #call .event_item_cast table tbody tr.event_deadline th::before,
html body article.home #home .event_item_cast table tbody tr.event_deadline th::before {
  margin-right: 5px;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/time-blue.svg);
  background-size: contain;
  vertical-align: middle
}

html body article.home #call .event_item_cast table tbody tr.event_deadline td,
html body article.home #home .event_item_cast table tbody tr.event_deadline td {
  width: 100%;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #fff;
  letter-spacing: .04em
}

html body article.home #call .event_item_cast table tbody tr.event_deadline td p,
html body article.home #home .event_item_cast table tbody tr.event_deadline td p {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0
}

html body article.home #call .event_item_cast table tbody tr.event_deadline td span,
html body article.home #home .event_item_cast table tbody tr.event_deadline td span {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 15px 0 0
}

html body article.home #call .event_item_cast a,
html body article.home #home .event_item_cast a {
  background-color: #ff8ab1;
  width: auto;
  margin: 0;
  align-items: center;
  border-radius: 4px;
  height: 60px;
  display: flex;
  justify-content: center;
  color: #fff
}

html body article.home #call .event_item_cast a i,
html body article.home #home .event_item_cast a i {
  content: url(../images/common/icon_eventchat.svg);
  margin: 0 5px 0 0
}

html body article.home #call .event_item_cast a.cast_bosyu,
html body article.home #home .event_item_cast a.cast_bosyu {
  background-color: #f6f6f6;
  height: 40px;
  color: #ff8ab1;
  display: flex;
  align-items: center
}

html body article.home #call .event_item_cast a.cast_bosyu i,
html body article.home #home .event_item_cast a.cast_bosyu i {
  content: url(../images/common/icon_timer_pink.svg)
}

html body article.home #call .event_start_range,
html body article.home #home .event_start_range {
  margin: 0 0 10px 0;
  padding: 3px;
  display: inline-block;
  color: gray;
  font-size: 12px;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid gray
}

html body article.home #home {
  margin-top: 40px
}

html body article.home #home .event_items_cast {
  list-style: none;
  margin: 20px 20px 40px;
  padding: 0
}

html body article.home #home #scout {
  margin: 15px
}

html body article.home #match {
  margin: 40px 0 0;
  padding: 0 20px;
  background-color: transparent
}

html body article.home #match h1 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin: 0
}

html body article.home #match #scout {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  overflow-scrolling: touch;
  width: auto;
  margin: 15px 0 30px
}

html body article.home #match #scout .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

html body article.home #match #scout .notfound_wrapper p i {
  margin-right: 5px
}

html body article.call #tag_wrapper,
html body article.call.call-one_on_one #tag_wrapper,
html body article.one_on_one #tag_wrapper {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6
}

html body article.call #tag_wrapper ul,
html body article.call.call-one_on_one #tag_wrapper ul,
html body article.one_on_one #tag_wrapper ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden;
  justify-content: space-around
}

html body article.call #tag_wrapper ul li,
html body article.call.call-one_on_one #tag_wrapper ul li,
html body article.one_on_one #tag_wrapper ul li {
  font-size: .875rem;
  color: #333;
  min-width: 25%;
  text-align: center;
  align-items: center
}

html body article.call #tag_wrapper ul li.current,
html body article.call.call-one_on_one #tag_wrapper ul li.current,
html body article.one_on_one #tag_wrapper ul li.current {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6;
  height: 39px
}

html body article.call #tag_wrapper ul li.current a:visited,
html body article.call.call-one_on_one #tag_wrapper ul li.current a:visited,
html body article.one_on_one #tag_wrapper ul li.current a:visited {
  color: #3db5e6
}

html body article.call #tag_wrapper ul li a,
html body article.call.call-one_on_one #tag_wrapper ul li a,
html body article.one_on_one #tag_wrapper ul li a {
  color: gray
}

html body article.call #find_list,
html body article.call.call-one_on_one #find_list,
html body article.one_on_one #find_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 20px 0
}

html body article.call #find_list a,
html body article.call.call-one_on_one #find_list a,
html body article.one_on_one #find_list a {
  width: calc(50% - 3px);
  height: 257px;
  margin: 0;
  padding: 0;
  display: block;
  box-sizing: border-box;
  position: relative
}

html body article.call #find_list a .pic,
html body article.call.call-one_on_one #find_list a .pic,
html body article.one_on_one #find_list a .pic {
  height: 195px
}

html body article.call #find_list a .pic img,
html body article.call.call-one_on_one #find_list a .pic img,
html body article.one_on_one #find_list a .pic img {
  width: 100%;
  height: 195px;
  object-fit: cover;
  border-radius: 4px
}

html body article.call #find_list a .find_user_wrapper,
html body article.call.call-one_on_one #find_list a .find_user_wrapper,
html body article.one_on_one #find_list a .find_user_wrapper {
  bottom: auto;
  left: auto;
  position: relative;
  background-color: #fff;
  margin: 8px 0 20px 0;
  padding: 0 5px;
  display: flex;
  height: 34px
}

html body article.call #find_list a .find_user_wrapper .user_info,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .user_info,
html body article.one_on_one #find_list a .find_user_wrapper .user_info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: .875rem;
  color: #333;
  align-items: center;
  padding: 0;
  width: 100%;
  overflow: hidden
}

html body article.call #find_list a .find_user_wrapper .user_info .new,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .user_info .new,
html body article.one_on_one #find_list a .find_user_wrapper .user_info .new {
  position: absolute;
  content: url(../images/common/search-new.svg);
  top: -203px;
  left: 10px
}

html body article.call #find_list a .find_user_wrapper .user_info .age,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .user_info .age,
html body article.one_on_one #find_list a .find_user_wrapper .user_info .age {
  display: block;
  margin: 0 0 5px 0;
  width: 50%;
  text-align: right;
  color: #333;
  font-size: .875rem;
  font-weight: 400
}

html body article.call #find_list a .find_user_wrapper .user_info .name,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .user_info .name,
html body article.one_on_one #find_list a .find_user_wrapper .user_info .name {
  display: block;
  margin: 0 0 5px 0;
  width: 50%;
  position: relative;
  padding: 0 0 0 3px;
  font-size: .875rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

html body article.call #find_list a .find_user_wrapper .user_info .area,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .user_info .area,
html body article.one_on_one #find_list a .find_user_wrapper .user_info .area {
  color: #b3b3b3;
  font-size: .75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block
}

html body article.call #find_list a .find_user_wrapper .status,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status,
html body article.one_on_one #find_list a .find_user_wrapper .status {
  width: 10px
}

html body article.call #find_list a .find_user_wrapper .status .online,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online,
html body article.one_on_one #find_list a .find_user_wrapper .status .online {
  display: inline-block;
  white-space: nowrap
}

html body article.call #find_list a .find_user_wrapper .status .online::before,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online::before,
html body article.one_on_one #find_list a .find_user_wrapper .status .online::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 0;
  display: block;
  border-radius: 100%;
  top: 11px;
  position: absolute;
  border: none
}

html body article.call #find_list a .find_user_wrapper .status .online.type01,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type01,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type01 {
  width: 10px;
  color: transparent
}

html body article.call #find_list a .find_user_wrapper .status .online.type01::before,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type01::before,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type01::before {
  top: 4px;
  background-color: #ff8ab1
}

html body article.call #find_list a .find_user_wrapper .status .online.type02,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type02,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type02 {
  width: 10px;
  color: transparent
}

html body article.call #find_list a .find_user_wrapper .status .online.type02::before,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type02::before,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type02::before {
  top: 4px;
  background-color: #ff8ab1
}

html body article.call #find_list a .find_user_wrapper .status .online.type03,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type03,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type03 {
  width: 10px;
  color: transparent
}

html body article.call #find_list a .find_user_wrapper .status .online.type03::before,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .status .online.type03::before,
html body article.one_on_one #find_list a .find_user_wrapper .status .online.type03::before {
  top: 4px;
  background-color: #b3b3b3
}

html body article.call #find_list a .find_user_wrapper .points,
html body article.call.call-one_on_one #find_list a .find_user_wrapper .points,
html body article.one_on_one #find_list a .find_user_wrapper .points {
  display: none
}

html body article.call #find_list a .birthday,
html body article.call.call-one_on_one #find_list a .birthday,
html body article.one_on_one #find_list a .birthday {
  display: none
}

html body article.call .ng,
html body article.call.call-one_on_one .ng,
html body article.one_on_one .ng {
  display: block;
  border: none;
  border-radius: 4px;
  background-color: #f6f6f6;
  margin: 0 20px 20px;
  padding: 15px 10px 10px;
  margin-top: 20px
}

html body article.call .ng h2,
html body article.call.call-one_on_one .ng h2,
html body article.one_on_one .ng h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 8px;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call .ng p.notice,
html body article.call.call-one_on_one .ng p.notice,
html body article.one_on_one .ng p.notice {
  margin: 0 0 8px;
  padding: 0 0 15px;
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  letter-spacing: 0;
  border-bottom: 1px dotted #e6e6e6;
  letter-spacing: .04em
}

html body article.call .ng ul,
html body article.call.call-one_on_one .ng ul,
html body article.one_on_one .ng ul {
  list-style: none;
  margin: 0;
  padding: 0
}

html body article.call .ng ul li,
html body article.call.call-one_on_one .ng ul li,
html body article.one_on_one .ng ul li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  margin: 0 0 15px;
  padding: 0 0 0 16px;
  position: relative
}

html body article.call .ng ul li::before,
html body article.call.call-one_on_one .ng ul li::before,
html body article.one_on_one .ng ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: gray;
  position: absolute;
  top: 7px;
  left: 0
}

html body article.call #call.one_on_one,
html body article.call.call-one_on_one #call.one_on_one,
html body article.one_on_one #call.one_on_one {
  margin: 0
}

html body article.call #call.one_on_one h1,
html body article.call.call-one_on_one #call.one_on_one h1,
html body article.one_on_one #call.one_on_one h1 {
  margin: 26px 20px 26px 20px;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0
}

html body article.call #call.one_on_one h1:first-letter,
html body article.call.call-one_on_one #call.one_on_one h1:first-letter,
html body article.one_on_one #call.one_on_one h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call #call.one_on_one #one_on_one_target,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target,
html body article.one_on_one #call.one_on_one #one_on_one_target {
  display: flex;
  padding: 0 20px 0 20px;
  margin-bottom: 20px
}

html body article.call #call.one_on_one #one_on_one_target .photo,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .photo,
html body article.one_on_one #call.one_on_one #one_on_one_target .photo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

html body article.call #call.one_on_one #one_on_one_target .photo img,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .photo img,
html body article.one_on_one #call.one_on_one #one_on_one_target .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article.call #call.one_on_one #one_on_one_target .name,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .name,
html body article.one_on_one #call.one_on_one #one_on_one_target .name {
  font-size: 20px;
  margin: 0 20px 0 20px
}

html body article.call #call.one_on_one #one_on_one_target .price,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .price,
html body article.one_on_one #call.one_on_one #one_on_one_target .price {
  color: #3db5e6;
  margin: 0 20px 0 20px;
  display: flex;
  align-items: center;
  font-size: .8rem
}

html body article.call #call.one_on_one #one_on_one_target .price::before,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .price::before,
html body article.one_on_one #call.one_on_one #one_on_one_target .price::before {
  content: url(../images/common/icon_points_p_user.svg);
  padding-top: 5px;
  margin-right: 5px
}

html body article.call #call.one_on_one #one_on_one_target .price .price_number,
html body article.call.call-one_on_one #call.one_on_one #one_on_one_target .price .price_number,
html body article.one_on_one #call.one_on_one #one_on_one_target .price .price_number {
  font-size: 20px;
  margin-left: 5px;
  font-weight: 400
}

html body article.call #call.one_on_one #account_info,
html body article.call.call-one_on_one #call.one_on_one #account_info,
html body article.one_on_one #call.one_on_one #account_info {
  width: 100%;
  margin: 0 0 25px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

html body article.call #call.one_on_one #account_info .iconWrapper,
html body article.call.call-one_on_one #call.one_on_one #account_info .iconWrapper,
html body article.one_on_one #call.one_on_one #account_info .iconWrapper {
  position: relative;
  width: 70px;
  display: flex;
  align-items: center
}

html body article.call #call.one_on_one #account_info .iconWrapper .icon,
html body article.call.call-one_on_one #call.one_on_one #account_info .iconWrapper .icon,
html body article.one_on_one #call.one_on_one #account_info .iconWrapper .icon {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%
}

html body article.call #call.one_on_one #account_info .iconWrapper .icon img,
html body article.call.call-one_on_one #call.one_on_one #account_info .iconWrapper .icon img,
html body article.one_on_one #call.one_on_one #account_info .iconWrapper .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article.call #call.one_on_one #account_info .info,
html body article.call.call-one_on_one #call.one_on_one #account_info .info,
html body article.one_on_one #call.one_on_one #account_info .info {
  width: calc(100% - 70px);
  height: 60px
}

html body article.call #call.one_on_one #account_info .info h2,
html body article.call.call-one_on_one #call.one_on_one #account_info .info h2,
html body article.one_on_one #call.one_on_one #account_info .info h2 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333
}

html body article.call #call.one_on_one #account_info .info .points,
html body article.call.call-one_on_one #call.one_on_one #account_info .info .points,
html body article.one_on_one #call.one_on_one #account_info .info .points {
  margin: 0;
  color: #3db5e6;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: .875rem;
  padding: 0
}

html body article.call #call.one_on_one #account_info .info .points img,
html body article.call.call-one_on_one #call.one_on_one #account_info .info .points img,
html body article.one_on_one #call.one_on_one #account_info .info .points img {
  position: relative;
  top: 0;
  margin-right: 5px;
  width: 20px;
  height: 20px
}

html body article.call #call.one_on_one #account_info .info .points span,
html body article.call.call-one_on_one #call.one_on_one #account_info .info .points span,
html body article.one_on_one #call.one_on_one #account_info .info .points span {
  font-size: 1.5rem;
  font-weight: 400;
  display: block;
  margin: 0 0 0 12px
}

html body article.call #call.one_on_one p,
html body article.call.call-one_on_one #call.one_on_one p,
html body article.one_on_one #call.one_on_one p {
  margin: 0 20px 30px;
  font-size: .875rem;
  color: #333;
  font-weight: 400;
  padding: 0;
  line-height: 1.7
}

html body article.call #call.one_on_one p:nth-of-type(2),
html body article.call.call-one_on_one #call.one_on_one p:nth-of-type(2),
html body article.one_on_one #call.one_on_one p:nth-of-type(2) {
  margin: 0 20px 25px
}

html body article.call #call.one_on_one p:nth-of-type(3),
html body article.call.call-one_on_one #call.one_on_one p:nth-of-type(3),
html body article.one_on_one #call.one_on_one p:nth-of-type(3) {
  margin: 0 20px 23px
}

html body article.call #call.one_on_one h2,
html body article.call.call-one_on_one #call.one_on_one h2,
html body article.one_on_one #call.one_on_one h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 20px 10px;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call #call.one_on_one h2 span,
html body article.call.call-one_on_one #call.one_on_one h2 span,
html body article.one_on_one #call.one_on_one h2 span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #3db5e6
}

html body article.call #call.one_on_one ol,
html body article.call.call-one_on_one #call.one_on_one ol,
html body article.one_on_one #call.one_on_one ol {
  margin: 0 20px 28px
}

html body article.call #call.one_on_one ol li,
html body article.call.call-one_on_one #call.one_on_one ol li,
html body article.one_on_one #call.one_on_one ol li {
  display: block;
  padding: 0 0 0 20px
}

html body article.call #call.one_on_one ol li::before,
html body article.call.call-one_on_one #call.one_on_one ol li::before,
html body article.one_on_one #call.one_on_one ol li::before {
  display: none
}

html body article.call #call.one_on_one ol li p,
html body article.call.call-one_on_one #call.one_on_one ol li p,
html body article.one_on_one #call.one_on_one ol li p {
  margin: 0 0 14px 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: 0
}

html body article.call #call.one_on_one ol li p.notice,
html body article.call.call-one_on_one #call.one_on_one ol li p.notice,
html body article.one_on_one #call.one_on_one ol li p.notice {
  margin: 0 0 5px 0;
  padding: 0 40px 0 12px;
  font-size: .75rem;
  font-weight: 400;
  color: #a30000;
  letter-spacing: 0
}

html body article.call #call.one_on_one .ng,
html body article.call.call-one_on_one #call.one_on_one .ng,
html body article.one_on_one #call.one_on_one .ng {
  display: block;
  border: none;
  border-radius: 4px;
  background-color: #f6f6f6;
  margin: 0 20px 20px;
  padding: 15px 10px 10px
}

html body article.call #call.one_on_one .ng h2,
html body article.call.call-one_on_one #call.one_on_one .ng h2,
html body article.one_on_one #call.one_on_one .ng h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 8px;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call #call.one_on_one .ng p.notice,
html body article.call.call-one_on_one #call.one_on_one .ng p.notice,
html body article.one_on_one #call.one_on_one .ng p.notice {
  margin: 0 0 8px;
  padding: 0 0 15px;
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  letter-spacing: 0;
  border-bottom: 1px dotted #e6e6e6;
  letter-spacing: .04em
}

html body article.call #call.one_on_one .ng ul,
html body article.call.call-one_on_one #call.one_on_one .ng ul,
html body article.one_on_one #call.one_on_one .ng ul {
  list-style: none;
  margin: 0;
  padding: 0
}

html body article.call #call.one_on_one .ng ul li,
html body article.call.call-one_on_one #call.one_on_one .ng ul li,
html body article.one_on_one #call.one_on_one .ng ul li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  margin: 0 0 15px;
  padding: 0 0 0 16px;
  position: relative
}

html body article.call #call.one_on_one .ng ul li::before,
html body article.call.call-one_on_one #call.one_on_one .ng ul li::before,
html body article.one_on_one #call.one_on_one .ng ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: gray;
  position: absolute;
  top: 7px;
  left: 0
}

html body article.call #call.one_on_one a.nextBtn,
html body article.call.call-one_on_one #call.one_on_one a.nextBtn,
html body article.one_on_one #call.one_on_one a.nextBtn {
  border-radius: 4px;
  box-shadow: none;
  background-color: #ff8ab1;
  color: #fff;
  font-size: 1rem;
  margin: 0 20px 30px
}

html body article.call #call.one_on_one #call_priority,
html body article.call.call-one_on_one #call.one_on_one #call_priority,
html body article.one_on_one #call.one_on_one #call_priority {
  display: none;
  margin: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 40px);
  margin-top: 30px
}

html body article.call #call.one_on_one #call_priority #call_casts,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts,
html body article.one_on_one #call.one_on_one #call_priority #call_casts {
  padding: 120px 0 0
}

html body article.call #call.one_on_one #call_priority #call_casts li label,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label {
  display: flex
}

html body article.call #call.one_on_one #call_priority #call_casts li label .icon,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label .icon,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label .icon {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%
}

html body article.call #call.one_on_one #call_priority #call_casts li label .icon img,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label .icon img,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

html body article.call #call.one_on_one #call_priority #call_casts li label strong,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label strong,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label strong {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: color, background-color;
  transition-duration: .3s;
  height: 30px;
  line-height: 30px
}

html body article.call #call.one_on_one #call_priority #call_casts li label span,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label span,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label span {
  display: block;
  font-size: 1.5rem;
  color: #3db5e6;
  height: 30px;
  line-height: 30px
}

html body article.call #call.one_on_one #call_priority #call_casts li label span::after,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts li label span::after,
html body article.one_on_one #call.one_on_one #call_priority #call_casts li label span::after {
  content: "Pt";
  margin-left: 3px
}

html body article.call #call.one_on_one #call_priority #call_casts_notices,
html body article.call #call.one_on_one #call_priority .has_icon,
html body article.call #call.one_on_one #call_priority .sum,
html body article.call.call-one_on_one #call.one_on_one #call_priority #call_casts_notices,
html body article.call.call-one_on_one #call.one_on_one #call_priority .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_priority .sum,
html body article.one_on_one #call.one_on_one #call_priority #call_casts_notices,
html body article.one_on_one #call.one_on_one #call_priority .has_icon,
html body article.one_on_one #call.one_on_one #call_priority .sum {
  display: none
}

html body article.call #call.one_on_one #call_hour,
html body article.call #call.one_on_one #call_note,
html body article.call #call.one_on_one #call_place,
html body article.call #call.one_on_one #call_priority,
html body article.call #call.one_on_one #call_when,
html body article.call #call.one_on_one #call_where,
html body article.call.call-one_on_one #call.one_on_one #call_hour,
html body article.call.call-one_on_one #call.one_on_one #call_note,
html body article.call.call-one_on_one #call.one_on_one #call_place,
html body article.call.call-one_on_one #call.one_on_one #call_priority,
html body article.call.call-one_on_one #call.one_on_one #call_when,
html body article.call.call-one_on_one #call.one_on_one #call_where,
html body article.one_on_one #call.one_on_one #call_hour,
html body article.one_on_one #call.one_on_one #call_note,
html body article.one_on_one #call.one_on_one #call_place,
html body article.one_on_one #call.one_on_one #call_priority,
html body article.one_on_one #call.one_on_one #call_when,
html body article.one_on_one #call.one_on_one #call_where {
  padding: 0 20px 0 20px
}

html body article.call #call.one_on_one #call_hour .has_icon,
html body article.call #call.one_on_one #call_note .has_icon,
html body article.call #call.one_on_one #call_place .has_icon,
html body article.call #call.one_on_one #call_priority .has_icon,
html body article.call #call.one_on_one #call_when .has_icon,
html body article.call #call.one_on_one #call_where .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_hour .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_note .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_place .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_priority .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_when .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_where .has_icon,
html body article.one_on_one #call.one_on_one #call_hour .has_icon,
html body article.one_on_one #call.one_on_one #call_note .has_icon,
html body article.one_on_one #call.one_on_one #call_place .has_icon,
html body article.one_on_one #call.one_on_one #call_priority .has_icon,
html body article.one_on_one #call.one_on_one #call_when .has_icon,
html body article.one_on_one #call.one_on_one #call_where .has_icon {
  margin: 0 0 10px 0
}

html body article.call #call.one_on_one #call_hour .has_icon span,
html body article.call #call.one_on_one #call_note .has_icon span,
html body article.call #call.one_on_one #call_place .has_icon span,
html body article.call #call.one_on_one #call_priority .has_icon span,
html body article.call #call.one_on_one #call_when .has_icon span,
html body article.call #call.one_on_one #call_where .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_hour .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_note .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_place .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_priority .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_when .has_icon span,
html body article.call.call-one_on_one #call.one_on_one #call_where .has_icon span,
html body article.one_on_one #call.one_on_one #call_hour .has_icon span,
html body article.one_on_one #call.one_on_one #call_note .has_icon span,
html body article.one_on_one #call.one_on_one #call_place .has_icon span,
html body article.one_on_one #call.one_on_one #call_priority .has_icon span,
html body article.one_on_one #call.one_on_one #call_when .has_icon span,
html body article.one_on_one #call.one_on_one #call_where .has_icon span {
  margin-left: 10px;
  display: block;
  color: #333;
  font-size: 1rem;
  font-weight: 500
}

html body article.call #call.one_on_one #call_hour .call_selections,
html body article.call #call.one_on_one #call_note .call_selections,
html body article.call #call.one_on_one #call_place .call_selections,
html body article.call #call.one_on_one #call_priority .call_selections,
html body article.call #call.one_on_one #call_when .call_selections,
html body article.call #call.one_on_one #call_where .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections,
html body article.one_on_one #call.one_on_one #call_hour .call_selections,
html body article.one_on_one #call.one_on_one #call_note .call_selections,
html body article.one_on_one #call.one_on_one #call_place .call_selections,
html body article.one_on_one #call.one_on_one #call_priority .call_selections,
html body article.one_on_one #call.one_on_one #call_when .call_selections,
html body article.one_on_one #call.one_on_one #call_where .call_selections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

html body article.call #call.one_on_one #call_hour .call_selections label,
html body article.call #call.one_on_one #call_note .call_selections label,
html body article.call #call.one_on_one #call_place .call_selections label,
html body article.call #call.one_on_one #call_priority .call_selections label,
html body article.call #call.one_on_one #call_when .call_selections label,
html body article.call #call.one_on_one #call_where .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label,
html body article.one_on_one #call.one_on_one #call_note .call_selections label,
html body article.one_on_one #call.one_on_one #call_place .call_selections label,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label,
html body article.one_on_one #call.one_on_one #call_when .call_selections label,
html body article.one_on_one #call.one_on_one #call_where .call_selections label {
  display: block;
  width: 32%
}

html body article.call #call.one_on_one #call_hour .call_selections label .selection_label,
html body article.call #call.one_on_one #call_note .call_selections label .selection_label,
html body article.call #call.one_on_one #call_place .call_selections label .selection_label,
html body article.call #call.one_on_one #call_priority .call_selections label .selection_label,
html body article.call #call.one_on_one #call_when .call_selections label .selection_label,
html body article.call #call.one_on_one #call_where .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label .selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_note .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_place .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_when .call_selections label .selection_label,
html body article.one_on_one #call.one_on_one #call_where .call_selections label .selection_label {
  height: 35px;
  display: block;
  text-align: center;
  line-height: 35px;
  color: gray;
  font-size: 12px;
  border: solid 1px gray;
  border-radius: 4px;
  transition-property: color, background-color;
  transition-duration: .3s
}

html body article.call #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_label,
html body article.call #call.one_on_one #call_note .call_selections label .chk:checked~.selection_label,
html body article.call #call.one_on_one #call_place .call_selections label .chk:checked~.selection_label,
html body article.call #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_label,
html body article.call #call.one_on_one #call_when .call_selections label .chk:checked~.selection_label,
html body article.call #call.one_on_one #call_where .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_note .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_place .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_when .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call.one_on_one #call_where .call_selections label .chk:checked~.selection_label {
  color: #fff;
  border: none;
  background-color: #ff8ab1
}

html body article.call #call.one_on_one #call_hour .call_selections label:nth-child(2),
html body article.call #call.one_on_one #call_note .call_selections label:nth-child(2),
html body article.call #call.one_on_one #call_place .call_selections label:nth-child(2),
html body article.call #call.one_on_one #call_priority .call_selections label:nth-child(2),
html body article.call #call.one_on_one #call_when .call_selections label:nth-child(2),
html body article.call #call.one_on_one #call_where .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2),
html body article.one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2) {
  position: relative
}

html body article.call #call.one_on_one #call_hour .call_selections label:nth-child(2)::before,
html body article.call #call.one_on_one #call_note .call_selections label:nth-child(2)::before,
html body article.call #call.one_on_one #call_place .call_selections label:nth-child(2)::before,
html body article.call #call.one_on_one #call_priority .call_selections label:nth-child(2)::before,
html body article.call #call.one_on_one #call_when .call_selections label:nth-child(2)::before,
html body article.call #call.one_on_one #call_where .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2)::before,
html body article.one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2)::before {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  content: "＼ オススメ ／";
  top: -18px;
  display: block;
  text-align: center;
  font-size: .75rem;
  color: #ff8ab1
}

html body article.call #call.one_on_one #call_hour .call_selections label:nth-child(2)::after,
html body article.call #call.one_on_one #call_note .call_selections label:nth-child(2)::after,
html body article.call #call.one_on_one #call_place .call_selections label:nth-child(2)::after,
html body article.call #call.one_on_one #call_priority .call_selections label:nth-child(2)::after,
html body article.call #call.one_on_one #call_when .call_selections label:nth-child(2)::after,
html body article.call #call.one_on_one #call_where .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_note .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_place .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_when .call_selections label:nth-child(2)::after,
html body article.one_on_one #call.one_on_one #call_where .call_selections label:nth-child(2)::after {
  display: none
}

html body article.call #call.one_on_one #call_hour .call_selections label.other,
html body article.call #call.one_on_one #call_note .call_selections label.other,
html body article.call #call.one_on_one #call_place .call_selections label.other,
html body article.call #call.one_on_one #call_priority .call_selections label.other,
html body article.call #call.one_on_one #call_when .call_selections label.other,
html body article.call #call.one_on_one #call_where .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other {
  width: 100%;
  margin-top: 10px
}

html body article.call #call.one_on_one #call_hour .call_selections label.other span,
html body article.call #call.one_on_one #call_note .call_selections label.other span,
html body article.call #call.one_on_one #call_place .call_selections label.other span,
html body article.call #call.one_on_one #call_priority .call_selections label.other span,
html body article.call #call.one_on_one #call_when .call_selections label.other span,
html body article.call #call.one_on_one #call_where .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other span,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other span,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other span {
  background-color: transparent
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other {
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #ecf8fc;
  border-radius: 4px;
  transition: background-color, .3s;
  background-color: #ecf8fc
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other .label,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other .label,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other .label,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other .label,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other .label,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .label,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .label {
  flex: 1;
  text-align: center;
  font-size: .875rem;
  color: #3db5e6
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app {
  width: 76.6666%;
  height: 38px;
  padding: 6px 55px 6px 5px;
  position: relative;
  font-size: 14px;
  color: #837663;
  background-color: #fff;
  border: 0
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  transform: rotate(45deg)
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app::after {
  display: none
}

html body article.call #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other .selection_other .btn_app.calender::before {
  content: url(../images/common/calendar.svg);
  transform: rotate(0);
  top: 7px;
  border-bottom: none;
  border-right: none
}

html body article.call #call.one_on_one #call_hour .call_selections label.other button span,
html body article.call #call.one_on_one #call_note .call_selections label.other button span,
html body article.call #call.one_on_one #call_place .call_selections label.other button span,
html body article.call #call.one_on_one #call_priority .call_selections label.other button span,
html body article.call #call.one_on_one #call_when .call_selections label.other button span,
html body article.call #call.one_on_one #call_where .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.other button span,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.other button span,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.other button span {
  color: #333;
  font-size: .875rem;
  font-weight: 400
}

html body article.call #call.one_on_one #call_hour .call_selections label.disable span,
html body article.call #call.one_on_one #call_note .call_selections label.disable span,
html body article.call #call.one_on_one #call_place .call_selections label.disable span,
html body article.call #call.one_on_one #call_priority .call_selections label.disable span,
html body article.call #call.one_on_one #call_when .call_selections label.disable span,
html body article.call #call.one_on_one #call_where .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label.disable span,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_note .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_place .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_when .call_selections label.disable span,
html body article.one_on_one #call.one_on_one #call_where .call_selections label.disable span {
  opacity: .3
}

html body article.call #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_other,
html body article.call #call.one_on_one #call_note .call_selections label .chk:checked~.selection_other,
html body article.call #call.one_on_one #call_place .call_selections label .chk:checked~.selection_other,
html body article.call #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_other,
html body article.call #call.one_on_one #call_when .call_selections label .chk:checked~.selection_other,
html body article.call #call.one_on_one #call_where .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_note .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_place .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_when .call_selections label .chk:checked~.selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_where .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_hour .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_note .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_place .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_priority .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_when .call_selections label .chk:checked~.selection_other,
html body article.one_on_one #call.one_on_one #call_where .call_selections label .chk:checked~.selection_other {
  background-color: #ff8ab1
}

html body article.call #call.one_on_one #call_hour #start_range,
html body article.call #call.one_on_one #call_note #start_range,
html body article.call #call.one_on_one #call_place #start_range,
html body article.call #call.one_on_one #call_priority #start_range,
html body article.call #call.one_on_one #call_when #start_range,
html body article.call #call.one_on_one #call_where #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range,
html body article.one_on_one #call.one_on_one #call_hour #start_range,
html body article.one_on_one #call.one_on_one #call_note #start_range,
html body article.one_on_one #call.one_on_one #call_place #start_range,
html body article.one_on_one #call.one_on_one #call_priority #start_range,
html body article.one_on_one #call.one_on_one #call_when #start_range,
html body article.one_on_one #call.one_on_one #call_where #start_range {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap
}

html body article.call #call.one_on_one #call_hour #start_range label,
html body article.call #call.one_on_one #call_note #start_range label,
html body article.call #call.one_on_one #call_place #start_range label,
html body article.call #call.one_on_one #call_priority #start_range label,
html body article.call #call.one_on_one #call_when #start_range label,
html body article.call #call.one_on_one #call_where #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range label,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range label,
html body article.one_on_one #call.one_on_one #call_hour #start_range label,
html body article.one_on_one #call.one_on_one #call_note #start_range label,
html body article.one_on_one #call.one_on_one #call_place #start_range label,
html body article.one_on_one #call.one_on_one #call_priority #start_range label,
html body article.one_on_one #call.one_on_one #call_when #start_range label,
html body article.one_on_one #call.one_on_one #call_where #start_range label {
  margin-right: 20px
}

html body article.call #call.one_on_one #call_hour #start_range .label_item,
html body article.call #call.one_on_one #call_note #start_range .label_item,
html body article.call #call.one_on_one #call_place #start_range .label_item,
html body article.call #call.one_on_one #call_priority #start_range .label_item,
html body article.call #call.one_on_one #call_when #start_range .label_item,
html body article.call #call.one_on_one #call_where #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item {
  margin-bottom: 15px;
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input,
html body article.call #call.one_on_one #call_note #start_range .label_item input,
html body article.call #call.one_on_one #call_place #start_range .label_item input,
html body article.call #call.one_on_one #call_priority #start_range .label_item input,
html body article.call #call.one_on_one #call_when #start_range .label_item input,
html body article.call #call.one_on_one #call_where #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input {
  display: none
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input:checked~i,
html body article.call #call.one_on_one #call_note #start_range .label_item input:checked~i,
html body article.call #call.one_on_one #call_place #start_range .label_item input:checked~i,
html body article.call #call.one_on_one #call_priority #start_range .label_item input:checked~i,
html body article.call #call.one_on_one #call_when #start_range .label_item input:checked~i,
html body article.call #call.one_on_one #call_where #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input:checked~i,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input:checked~i {
  color: #3db5e6;
  height: 20px;
  width: 20px;
  line-height: 19px;
  text-align: center
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input:disabled,
html body article.call #call.one_on_one #call_note #start_range .label_item input:disabled,
html body article.call #call.one_on_one #call_place #start_range .label_item input:disabled,
html body article.call #call.one_on_one #call_priority #start_range .label_item input:disabled,
html body article.call #call.one_on_one #call_when #start_range .label_item input:disabled,
html body article.call #call.one_on_one #call_where #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled {
  cursor: no-drop
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_hour #start_range .label_item input:disabled~span,
html body article.call #call.one_on_one #call_note #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_note #start_range .label_item input:disabled~span,
html body article.call #call.one_on_one #call_place #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_place #start_range .label_item input:disabled~span,
html body article.call #call.one_on_one #call_priority #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_priority #start_range .label_item input:disabled~span,
html body article.call #call.one_on_one #call_when #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_when #start_range .label_item input:disabled~span,
html body article.call #call.one_on_one #call_where #start_range .label_item input:disabled~i,
html body article.call #call.one_on_one #call_where #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input:disabled~span,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled~i,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input:disabled~span {
  color: #aaa;
  border-color: #aaa;
  opacity: .5;
  cursor: no-drop
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.call #call.one_on_one #call_note #start_range .label_item input[type=checkbox]~i,
html body article.call #call.one_on_one #call_place #start_range .label_item input[type=checkbox]~i,
html body article.call #call.one_on_one #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.call #call.one_on_one #call_when #start_range .label_item input[type=checkbox]~i,
html body article.call #call.one_on_one #call_where #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input[type=checkbox]~i {
  font-size: 12px;
  border-radius: 4px
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i,
html body article.call #call.one_on_one #call_note #start_range .label_item input[type=radio]~i,
html body article.call #call.one_on_one #call_place #start_range .label_item input[type=radio]~i,
html body article.call #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i,
html body article.call #call.one_on_one #call_when #start_range .label_item input[type=radio]~i,
html body article.call #call.one_on_one #call_where #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input[type=radio]~i {
  font-size: 10px;
  border-radius: 100%
}

html body article.call #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.call #call.one_on_one #call_note #start_range .label_item input[type=radio]~i::before,
html body article.call #call.one_on_one #call_place #start_range .label_item input[type=radio]~i::before,
html body article.call #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.call #call.one_on_one #call_when #start_range .label_item input[type=radio]~i::before,
html body article.call #call.one_on_one #call_where #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item input[type=radio]~i::before {
  transform: scale(0)
}

html body article.call #call.one_on_one #call_hour #start_range .label_item i,
html body article.call #call.one_on_one #call_note #start_range .label_item i,
html body article.call #call.one_on_one #call_place #start_range .label_item i,
html body article.call #call.one_on_one #call_priority #start_range .label_item i,
html body article.call #call.one_on_one #call_when #start_range .label_item i,
html body article.call #call.one_on_one #call_where #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item i,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item i,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item i {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

html body article.call #call.one_on_one #call_hour #start_range .label_item span,
html body article.call #call.one_on_one #call_note #start_range .label_item span,
html body article.call #call.one_on_one #call_place #start_range .label_item span,
html body article.call #call.one_on_one #call_priority #start_range .label_item span,
html body article.call #call.one_on_one #call_when #start_range .label_item span,
html body article.call #call.one_on_one #call_where #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range .label_item span,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_hour #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_note #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_place #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_priority #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_when #start_range .label_item span,
html body article.one_on_one #call.one_on_one #call_where #start_range .label_item span {
  margin-left: 5px;
  display: block
}

html body article.call #call.one_on_one #call_hour #start_range p,
html body article.call #call.one_on_one #call_note #start_range p,
html body article.call #call.one_on_one #call_place #start_range p,
html body article.call #call.one_on_one #call_priority #start_range p,
html body article.call #call.one_on_one #call_when #start_range p,
html body article.call #call.one_on_one #call_where #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range p,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range p,
html body article.one_on_one #call.one_on_one #call_hour #start_range p,
html body article.one_on_one #call.one_on_one #call_note #start_range p,
html body article.one_on_one #call.one_on_one #call_place #start_range p,
html body article.one_on_one #call.one_on_one #call_priority #start_range p,
html body article.one_on_one #call.one_on_one #call_when #start_range p,
html body article.one_on_one #call.one_on_one #call_where #start_range p {
  margin: 0;
  width: 100%;
  color: gray;
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .04em
}

html body article.call #call.one_on_one #call_hour #start_range p br,
html body article.call #call.one_on_one #call_note #start_range p br,
html body article.call #call.one_on_one #call_place #start_range p br,
html body article.call #call.one_on_one #call_priority #start_range p br,
html body article.call #call.one_on_one #call_when #start_range p br,
html body article.call #call.one_on_one #call_where #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_hour #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_note #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_place #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_priority #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_when #start_range p br,
html body article.call.call-one_on_one #call.one_on_one #call_where #start_range p br,
html body article.one_on_one #call.one_on_one #call_hour #start_range p br,
html body article.one_on_one #call.one_on_one #call_note #start_range p br,
html body article.one_on_one #call.one_on_one #call_place #start_range p br,
html body article.one_on_one #call.one_on_one #call_priority #start_range p br,
html body article.one_on_one #call.one_on_one #call_when #start_range p br,
html body article.one_on_one #call.one_on_one #call_where #start_range p br {
  display: block;
  content: "";
  margin: 8px 0
}

html body article.call #call.one_on_one #call_hour,
html body article.call.call-one_on_one #call.one_on_one #call_hour,
html body article.one_on_one #call.one_on_one #call_hour {
  padding: 0 20px 0 20px
}

html body article.call #call.one_on_one #call_where,
html body article.call.call-one_on_one #call.one_on_one #call_where,
html body article.one_on_one #call.one_on_one #call_where {
  display: flex;
  padding: 0 20px 0 20px
}

html body article.call #call.one_on_one #call_where .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_where .selection_other,
html body article.one_on_one #call.one_on_one #call_where .selection_other {
  width: 47%
}

html body article.call #call.one_on_one #call_where .selection_other .btn_app,
html body article.call.call-one_on_one #call.one_on_one #call_where .selection_other .btn_app,
html body article.one_on_one #call.one_on_one #call_where .selection_other .btn_app {
  background-color: #fff;
  height: 40px;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 0
}

html body article.call #call.one_on_one #call_where .selection_other .btn_app span,
html body article.call.call-one_on_one #call.one_on_one #call_where .selection_other .btn_app span,
html body article.one_on_one #call.one_on_one #call_where .selection_other .btn_app span {
  font-size: .875rem;
  display: block;
  text-align: left;
  padding: 0 20px;
  position: relative
}

html body article.call #call.one_on_one #call_where .selection_other .btn_app span::before,
html body article.call.call-one_on_one #call.one_on_one #call_where .selection_other .btn_app span::before,
html body article.one_on_one #call.one_on_one #call_where .selection_other .btn_app span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  transform: rotate(45deg)
}

html body article.call #call.one_on_one #call_place,
html body article.call.call-one_on_one #call.one_on_one #call_place,
html body article.one_on_one #call.one_on_one #call_place {
  padding: 30px 20px 0 20px
}

html body article.call #call.one_on_one #call_place .has_icon.required .fa-utensils::before,
html body article.call.call-one_on_one #call.one_on_one #call_place .has_icon.required .fa-utensils::before,
html body article.one_on_one #call.one_on_one #call_place .has_icon.required .fa-utensils::before {
  content: url(../images/common/store.svg)
}

html body article.call #call.one_on_one #call_place .has_icon.required::after,
html body article.call.call-one_on_one #call.one_on_one #call_place .has_icon.required::after,
html body article.one_on_one #call.one_on_one #call_place .has_icon.required::after {
  content: "必須";
  margin-left: 10px;
  padding: 4px 13px;
  position: relative;
  font-size: .625rem;
  background-color: #fff;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  font-weight: 400;
  color: #ff8ab1;
  border: solid 1px #ff8ab1
}

html body article.call #call.one_on_one #call_place .selection_other,
html body article.call #call.one_on_one #call_place .selection_other.empty,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty,
html body article.one_on_one #call.one_on_one #call_place .selection_other,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty {
  border: solid 3px #d5d5d5;
  border-radius: 4px;
  height: 100px;
  border: solid 3px #d5d5d5
}

html body article.call #call.one_on_one #call_place .selection_other .examples,
html body article.call #call.one_on_one #call_place .selection_other.empty .examples,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other .examples,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty .examples,
html body article.one_on_one #call.one_on_one #call_place .selection_other .examples,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty .examples {
  width: calc(100% - 20px);
  height: 20px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 15px;
  font-size: .625rem;
  border-bottom: 1px dotted gray;
  color: gray
}

html body article.call #call.one_on_one #call_place .selection_other .examples strong,
html body article.call #call.one_on_one #call_place .selection_other.empty .examples strong,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other .examples strong,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty .examples strong,
html body article.one_on_one #call.one_on_one #call_place .selection_other .examples strong,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty .examples strong {
  color: gray;
  font-size: .625rem;
  font-weight: 400
}

html body article.call #call.one_on_one #call_place .selection_other .examples strong::after,
html body article.call #call.one_on_one #call_place .selection_other.empty .examples strong::after,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other .examples strong::after,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty .examples strong::after,
html body article.one_on_one #call.one_on_one #call_place .selection_other .examples strong::after,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty .examples strong::after {
  content: ":";
  margin: 0 5px;
  color: gray
}

html body article.call #call.one_on_one #call_place .selection_other .examples p,
html body article.call #call.one_on_one #call_place .selection_other.empty .examples p,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other .examples p,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty .examples p,
html body article.one_on_one #call.one_on_one #call_place .selection_other .examples p,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty .examples p {
  margin: 0;
  font-size: .625rem;
  font-weight: 400;
  padding: 0;
  color: gray
}

html body article.call #call.one_on_one #call_place .selection_other textarea,
html body article.call #call.one_on_one #call_place .selection_other.empty textarea,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other textarea,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty textarea,
html body article.one_on_one #call.one_on_one #call_place .selection_other textarea,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty textarea {
  height: 54px;
  margin: 40px 0 0;
  padding: 0 10px;
  outline: 0;
  resize: none
}

html body article.call #call.one_on_one #call_place .selection_other.empty,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty {
  border: solid 3px #ff7ba7;
  background-color: #ffecf2
}

html body article.call #call.one_on_one #call_place .selection_other.empty textarea,
html body article.call.call-one_on_one #call.one_on_one #call_place .selection_other.empty textarea,
html body article.one_on_one #call.one_on_one #call_place .selection_other.empty textarea {
  background-color: #ffecf2
}

html body article.call #call.one_on_one #call_priority,
html body article.call.call-one_on_one #call.one_on_one #call_priority,
html body article.one_on_one #call.one_on_one #call_priority {
  margin-top: 35px
}

html body article.call #call.one_on_one #call_note,
html body article.call.call-one_on_one #call.one_on_one #call_note,
html body article.one_on_one #call.one_on_one #call_note {
  padding: 30px 0;
  border-bottom: solid 10px #ecf8fc
}

html body article.call #call.one_on_one #call_note .has_icon,
html body article.call.call-one_on_one #call.one_on_one #call_note .has_icon,
html body article.one_on_one #call.one_on_one #call_note .has_icon {
  padding: 0 20px
}

html body article.call #call.one_on_one #call_note .has_icon .fa-clipboard::before,
html body article.call.call-one_on_one #call.one_on_one #call_note .has_icon .fa-clipboard::before,
html body article.one_on_one #call.one_on_one #call_note .has_icon .fa-clipboard::before {
  content: url(../images/common/request.svg)
}

html body article.call #call.one_on_one #call_note .has_icon span+span,
html body article.call.call-one_on_one #call.one_on_one #call_note .has_icon span+span,
html body article.one_on_one #call.one_on_one #call_note .has_icon span+span {
  font-size: .75rem;
  color: gray
}

html body article.call #call.one_on_one #call_note .selection_other,
html body article.call.call-one_on_one #call.one_on_one #call_note .selection_other,
html body article.one_on_one #call.one_on_one #call_note .selection_other {
  margin: 0 20px
}

html body article.call #call.one_on_one #call_note .selection_other .examples,
html body article.call.call-one_on_one #call.one_on_one #call_note .selection_other .examples,
html body article.one_on_one #call.one_on_one #call_note .selection_other .examples {
  display: none
}

html body article.call #call.one_on_one #call_note .selection_other textarea,
html body article.call.call-one_on_one #call.one_on_one #call_note .selection_other textarea,
html body article.one_on_one #call.one_on_one #call_note .selection_other textarea {
  background-color: #f6f6f6;
  border-radius: 4px;
  height: 90px;
  padding: 10px 20px;
  outline: 0;
  resize: none;
  margin: 0
}

html body article.call #call.one_on_one #call_note p,
html body article.call.call-one_on_one #call.one_on_one #call_note p,
html body article.one_on_one #call.one_on_one #call_note p {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  display: block;
  margin: 10px 20px 0 20px;
  letter-spacing: .04em
}

html body article.call #call.one_on_one #call_fee,
html body article.call.call-one_on_one #call.one_on_one #call_fee,
html body article.one_on_one #call.one_on_one #call_fee {
  margin: 40px 20px 0;
  padding: 0 20px;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  border-radius: 4px;
  background-color: #ecf8fc
}

html body article.call #call.one_on_one #call_fee span,
html body article.call.call-one_on_one #call.one_on_one #call_fee span,
html body article.one_on_one #call.one_on_one #call_fee span {
  display: block;
  font-size: 1rem;
  font-weight: 500
}

html body article.call #call.one_on_one #call_fee #p_call_fee,
html body article.call.call-one_on_one #call.one_on_one #call_fee #p_call_fee,
html body article.one_on_one #call.one_on_one #call_fee #p_call_fee {
  margin: 0;
  font-size: 1.5rem;
  color: #3db5e6
}

html body article.call #call.one_on_one #call_fee #p_call_fee::after,
html body article.call.call-one_on_one #call.one_on_one #call_fee #p_call_fee::after,
html body article.one_on_one #call.one_on_one #call_fee #p_call_fee::after {
  content: "Pt";
  margin-left: 5px
}

html body article.call #call.one_on_one #call_terms,
html body article.call.call-one_on_one #call.one_on_one #call_terms,
html body article.one_on_one #call.one_on_one #call_terms {
  margin: 15px 0 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column
}

html body article.call #call.one_on_one #call_terms input[type=checkbox],
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox],
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox] {
  display: none
}

html body article.call #call.one_on_one #call_terms input[type=checkbox]+label,
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox]+label,
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

html body article.call #call.one_on_one #call_terms input[type=checkbox]+label::before,
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox]+label::before,
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

html body article.call #call.one_on_one #call_terms input[type=checkbox]+label span,
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox]+label span,
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox]+label span {
  font-size: .875rem;
  color: #333
}

html body article.call #call.one_on_one #call_terms input[type=checkbox]+label span a,
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox]+label span a,
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox]+label span a {
  font-size: .875rem;
  color: #3db5e6
}

html body article.call #call.one_on_one #call_terms input[type=checkbox]:checked+label::after,
html body article.call.call-one_on_one #call.one_on_one #call_terms input[type=checkbox]:checked+label::after,
html body article.one_on_one #call.one_on_one #call_terms input[type=checkbox]:checked+label::after {
  position: absolute;
  top: -1px;
  left: 5px;
  content: url(../images/common/check.svg)
}

html body article.call #call.one_on_one #event_create,
html body article.call.call-one_on_one #call.one_on_one #event_create,
html body article.one_on_one #call.one_on_one #event_create {
  margin: 18px 0 0 0;
  padding: 0 20px
}

html body article.call #call.one_on_one #event_create #btn_call_confirm,
html body article.call #call.one_on_one #event_create #btn_call_kakunin,
html body article.call.call-one_on_one #call.one_on_one #event_create #btn_call_confirm,
html body article.call.call-one_on_one #call.one_on_one #event_create #btn_call_kakunin,
html body article.one_on_one #call.one_on_one #event_create #btn_call_confirm,
html body article.one_on_one #call.one_on_one #event_create #btn_call_kakunin {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 4px;
  background-color: #ff8ab1
}

html body article.call #call.one_on_one #event_create #btn_call_confirm span,
html body article.call #call.one_on_one #event_create #btn_call_kakunin span,
html body article.call.call-one_on_one #call.one_on_one #event_create #btn_call_confirm span,
html body article.call.call-one_on_one #call.one_on_one #event_create #btn_call_kakunin span,
html body article.one_on_one #call.one_on_one #event_create #btn_call_confirm span,
html body article.one_on_one #call.one_on_one #event_create #btn_call_kakunin span {
  color: #fff;
  font-size: 1rem;
  font-weight: 400
}

html body article.call #call.one_on_one #event_create p,
html body article.call.call-one_on_one #call.one_on_one #event_create p,
html body article.one_on_one #call.one_on_one #event_create p {
  font-size: .75rem;
  color: gray;
  padding: 0;
  line-height: 1.7
}

html body article.call #call.one_on_one #event_create p br,
html body article.call.call-one_on_one #call.one_on_one #event_create p br,
html body article.one_on_one #call.one_on_one #event_create p br {
  display: block;
  content: "";
  margin: 0
}

html body article.call #modal #modal-hour span,
html body article.call #modal #modal-number span,
html body article.call #modal #modal-pref span,
html body article.call #modal #modal-when span,
html body article.call.call-one_on_one #modal #modal-hour span,
html body article.call.call-one_on_one #modal #modal-number span,
html body article.call.call-one_on_one #modal #modal-pref span,
html body article.call.call-one_on_one #modal #modal-when span,
html body article.one_on_one #modal #modal-hour span,
html body article.one_on_one #modal #modal-number span,
html body article.one_on_one #modal #modal-pref span,
html body article.one_on_one #modal #modal-when span {
  font-size: .875rem;
  color: #3db5e6
}

html body article.call #modal #modal-hour input,
html body article.call #modal #modal-number input,
html body article.call #modal #modal-pref input,
html body article.call #modal #modal-when input,
html body article.call.call-one_on_one #modal #modal-hour input,
html body article.call.call-one_on_one #modal #modal-number input,
html body article.call.call-one_on_one #modal #modal-pref input,
html body article.call.call-one_on_one #modal #modal-when input,
html body article.one_on_one #modal #modal-hour input,
html body article.one_on_one #modal #modal-number input,
html body article.one_on_one #modal #modal-pref input,
html body article.one_on_one #modal #modal-when input {
  height: 30px;
  margin-left: 15px;
  background-color: #fff;
  border: 1px solid #3db5e6;
  font-size: .875rem;
  outline: 0
}

html body article.call #modal #modal-hour select,
html body article.call #modal #modal-number select,
html body article.call #modal #modal-pref select,
html body article.call.call-one_on_one #modal #modal-hour select,
html body article.call.call-one_on_one #modal #modal-number select,
html body article.call.call-one_on_one #modal #modal-pref select,
html body article.one_on_one #modal #modal-hour select,
html body article.one_on_one #modal #modal-number select,
html body article.one_on_one #modal #modal-pref select {
  height: 30px;
  margin-left: 15px;
  background-color: #fff;
  border: 1px solid #3db5e6;
  font-size: .875rem;
  outline: 0
}

html body article.call #modal #modal-where span,
html body article.call.call-one_on_one #modal #modal-where span,
html body article.one_on_one #modal #modal-where span {
  display: block;
  font-size: .875rem;
  color: gray
}

html body article.call #modal #modal-where #stations_list,
html body article.call.call-one_on_one #modal #modal-where #stations_list,
html body article.one_on_one #modal #modal-where #stations_list {
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap
}

html body article.call #modal #modal-where #stations_list li,
html body article.call.call-one_on_one #modal #modal-where #stations_list li,
html body article.one_on_one #modal #modal-where #stations_list li {
  margin: 0 8px 8px 0;
  padding: 0;
  display: block;
  border: 0
}

html body article.call #modal #modal-where #stations_list li label span,
html body article.call.call-one_on_one #modal #modal-where #stations_list li label span,
html body article.one_on_one #modal #modal-where #stations_list li label span {
  display: block;
  padding: 10px;
  font-weight: 400;
  border: 1px solid gray;
  border-radius: 4px
}

html body article.call #modal #modal-where #stations_list li .chk:checked~span,
html body article.call.call-one_on_one #modal #modal-where #stations_list li .chk:checked~span,
html body article.one_on_one #modal #modal-where #stations_list li .chk:checked~span {
  color: #fff;
  background-color: #ff8ab1;
  border-color: #ff8ab1
}

html body article.call #modal #modal-where input,
html body article.call.call-one_on_one #modal #modal-where input,
html body article.one_on_one #modal #modal-where input {
  margin: 2px 0 0;
  width: 100%;
  padding: 0 0 0 20px;
  height: 40px;
  background-color: #f6f6f6;
  font-size: .875rem;
  border-radius: 4px;
  border: none
}

html body article.call #modal #modal-where input::placeholder,
html body article.call.call-one_on_one #modal #modal-where input::placeholder,
html body article.one_on_one #modal #modal-where input::placeholder {
  color: #c6c6c6
}

html body article.call #call,
html body article.call.call-one_on_one #call,
html body article.one_on_one #call {
  padding: 0
}

html body article.call #call h1,
html body article.call.call-one_on_one #call h1,
html body article.one_on_one #call h1 {
  font-size: 1rem;
  margin: 26px 20px 26px 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: #333;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call #call h1:first-letter,
html body article.call.call-one_on_one #call h1:first-letter,
html body article.one_on_one #call h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

html body article.call #call #call_notices,
html body article.call.call-one_on_one #call #call_notices,
html body article.one_on_one #call #call_notices {
  margin: 0 20px 20px
}

html body article.call #call .notices_panel,
html body article.call.call-one_on_one #call .notices_panel,
html body article.one_on_one #call .notices_panel {
  padding: 15px 10px 12px 10px;
  font-size: 14px;
  background-color: #f6f6f6;
  border-radius: 4px
}

html body article.call #call .notices_panel strong,
html body article.call.call-one_on_one #call .notices_panel strong,
html body article.one_on_one #call .notices_panel strong {
  margin: 0 0 10px;
  padding-bottom: 15px;
  display: block;
  border-bottom: 1px dotted #e6e6e6
}

html body article.call #call .notices_panel strong span,
html body article.call.call-one_on_one #call .notices_panel strong span,
html body article.one_on_one #call .notices_panel strong span {
  display: block
}

html body article.call #call .notices_panel strong span.large,
html body article.call.call-one_on_one #call .notices_panel strong span.large,
html body article.one_on_one #call .notices_panel strong span.large {
  font-size: 1rem;
  color: #333;
  font-weight: 500;
  margin: 0 0 8px 0
}

html body article.call #call .notices_panel strong span.small,
html body article.call.call-one_on_one #call .notices_panel strong span.small,
html body article.one_on_one #call .notices_panel strong span.small {
  font-size: .75rem;
  color: gray;
  font-weight: 400
}

html body article.call #call .notices_panel ul,
html body article.call.call-one_on_one #call .notices_panel ul,
html body article.one_on_one #call .notices_panel ul {
  margin: 0;
  padding: 0
}

html body article.call #call .notices_panel ul li,
html body article.call.call-one_on_one #call .notices_panel ul li,
html body article.one_on_one #call .notices_panel ul li {
  display: block;
  margin: 0 0 15px 0;
  line-height: 1.5
}

html body article.call #call .notices_panel ul li p.notice,
html body article.call.call-one_on_one #call .notices_panel ul li p.notice,
html body article.one_on_one #call .notices_panel ul li p.notice {
  font-size: .875rem;
  font-weight: 400;
  margin: 0;
  padding-left: 18px;
  position: relative;
  color: #333
}

html body article.call #call .notices_panel ul li p.notice::before,
html body article.call.call-one_on_one #call .notices_panel ul li p.notice::before,
html body article.one_on_one #call .notices_panel ul li p.notice::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: gray;
  top: 8px;
  left: 0
}

html body article.call #call #call_hour,
html body article.call #call #call_note,
html body article.call #call #call_number,
html body article.call #call #call_place,
html body article.call #call #call_priority,
html body article.call #call #call_when,
html body article.call #call #call_where,
html body article.call.call-one_on_one #call #call_hour,
html body article.call.call-one_on_one #call #call_note,
html body article.call.call-one_on_one #call #call_number,
html body article.call.call-one_on_one #call #call_place,
html body article.call.call-one_on_one #call #call_priority,
html body article.call.call-one_on_one #call #call_when,
html body article.call.call-one_on_one #call #call_where,
html body article.one_on_one #call #call_hour,
html body article.one_on_one #call #call_note,
html body article.one_on_one #call #call_number,
html body article.one_on_one #call #call_place,
html body article.one_on_one #call #call_priority,
html body article.one_on_one #call #call_when,
html body article.one_on_one #call #call_where {
  padding: 0 20px 0
}

html body article.call #call #call_hour .has_icon,
html body article.call #call #call_note .has_icon,
html body article.call #call #call_number .has_icon,
html body article.call #call #call_place .has_icon,
html body article.call #call #call_priority .has_icon,
html body article.call #call #call_when .has_icon,
html body article.call #call #call_where .has_icon,
html body article.call.call-one_on_one #call #call_hour .has_icon,
html body article.call.call-one_on_one #call #call_note .has_icon,
html body article.call.call-one_on_one #call #call_number .has_icon,
html body article.call.call-one_on_one #call #call_place .has_icon,
html body article.call.call-one_on_one #call #call_priority .has_icon,
html body article.call.call-one_on_one #call #call_when .has_icon,
html body article.call.call-one_on_one #call #call_where .has_icon,
html body article.one_on_one #call #call_hour .has_icon,
html body article.one_on_one #call #call_note .has_icon,
html body article.one_on_one #call #call_number .has_icon,
html body article.one_on_one #call #call_place .has_icon,
html body article.one_on_one #call #call_priority .has_icon,
html body article.one_on_one #call #call_when .has_icon,
html body article.one_on_one #call #call_where .has_icon {
  margin: 0 0 10px 0
}

html body article.call #call #call_hour .has_icon span,
html body article.call #call #call_note .has_icon span,
html body article.call #call #call_number .has_icon span,
html body article.call #call #call_place .has_icon span,
html body article.call #call #call_priority .has_icon span,
html body article.call #call #call_when .has_icon span,
html body article.call #call #call_where .has_icon span,
html body article.call.call-one_on_one #call #call_hour .has_icon span,
html body article.call.call-one_on_one #call #call_note .has_icon span,
html body article.call.call-one_on_one #call #call_number .has_icon span,
html body article.call.call-one_on_one #call #call_place .has_icon span,
html body article.call.call-one_on_one #call #call_priority .has_icon span,
html body article.call.call-one_on_one #call #call_when .has_icon span,
html body article.call.call-one_on_one #call #call_where .has_icon span,
html body article.one_on_one #call #call_hour .has_icon span,
html body article.one_on_one #call #call_note .has_icon span,
html body article.one_on_one #call #call_number .has_icon span,
html body article.one_on_one #call #call_place .has_icon span,
html body article.one_on_one #call #call_priority .has_icon span,
html body article.one_on_one #call #call_when .has_icon span,
html body article.one_on_one #call #call_where .has_icon span {
  margin-left: 10px;
  display: block;
  color: #333;
  font-size: 1rem;
  font-weight: 500
}

html body article.call #call #call_hour .call_selections,
html body article.call #call #call_note .call_selections,
html body article.call #call #call_number .call_selections,
html body article.call #call #call_place .call_selections,
html body article.call #call #call_priority .call_selections,
html body article.call #call #call_when .call_selections,
html body article.call #call #call_where .call_selections,
html body article.call.call-one_on_one #call #call_hour .call_selections,
html body article.call.call-one_on_one #call #call_note .call_selections,
html body article.call.call-one_on_one #call #call_number .call_selections,
html body article.call.call-one_on_one #call #call_place .call_selections,
html body article.call.call-one_on_one #call #call_priority .call_selections,
html body article.call.call-one_on_one #call #call_when .call_selections,
html body article.call.call-one_on_one #call #call_where .call_selections,
html body article.one_on_one #call #call_hour .call_selections,
html body article.one_on_one #call #call_note .call_selections,
html body article.one_on_one #call #call_number .call_selections,
html body article.one_on_one #call #call_place .call_selections,
html body article.one_on_one #call #call_priority .call_selections,
html body article.one_on_one #call #call_when .call_selections,
html body article.one_on_one #call #call_where .call_selections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

html body article.call #call #call_hour .call_selections label,
html body article.call #call #call_note .call_selections label,
html body article.call #call #call_number .call_selections label,
html body article.call #call #call_place .call_selections label,
html body article.call #call #call_priority .call_selections label,
html body article.call #call #call_when .call_selections label,
html body article.call #call #call_where .call_selections label,
html body article.call.call-one_on_one #call #call_hour .call_selections label,
html body article.call.call-one_on_one #call #call_note .call_selections label,
html body article.call.call-one_on_one #call #call_number .call_selections label,
html body article.call.call-one_on_one #call #call_place .call_selections label,
html body article.call.call-one_on_one #call #call_priority .call_selections label,
html body article.call.call-one_on_one #call #call_when .call_selections label,
html body article.call.call-one_on_one #call #call_where .call_selections label,
html body article.one_on_one #call #call_hour .call_selections label,
html body article.one_on_one #call #call_note .call_selections label,
html body article.one_on_one #call #call_number .call_selections label,
html body article.one_on_one #call #call_place .call_selections label,
html body article.one_on_one #call #call_priority .call_selections label,
html body article.one_on_one #call #call_when .call_selections label,
html body article.one_on_one #call #call_where .call_selections label {
  display: block;
  width: 32%
}

html body article.call #call #call_hour .call_selections label .selection_label,
html body article.call #call #call_note .call_selections label .selection_label,
html body article.call #call #call_number .call_selections label .selection_label,
html body article.call #call #call_place .call_selections label .selection_label,
html body article.call #call #call_priority .call_selections label .selection_label,
html body article.call #call #call_when .call_selections label .selection_label,
html body article.call #call #call_where .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_hour .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_note .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_number .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_place .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_priority .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_when .call_selections label .selection_label,
html body article.call.call-one_on_one #call #call_where .call_selections label .selection_label,
html body article.one_on_one #call #call_hour .call_selections label .selection_label,
html body article.one_on_one #call #call_note .call_selections label .selection_label,
html body article.one_on_one #call #call_number .call_selections label .selection_label,
html body article.one_on_one #call #call_place .call_selections label .selection_label,
html body article.one_on_one #call #call_priority .call_selections label .selection_label,
html body article.one_on_one #call #call_when .call_selections label .selection_label,
html body article.one_on_one #call #call_where .call_selections label .selection_label {
  height: 35px;
  display: block;
  text-align: center;
  line-height: 35px;
  color: gray;
  font-size: 12px;
  border: solid 1px gray;
  border-radius: 4px;
  transition-property: color, background-color;
  transition-duration: .3s
}

html body article.call #call #call_hour .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_note .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_number .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_place .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_priority .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_when .call_selections label .chk:checked~.selection_label,
html body article.call #call #call_where .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_hour .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_note .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_number .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_place .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_priority .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_when .call_selections label .chk:checked~.selection_label,
html body article.call.call-one_on_one #call #call_where .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_hour .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_note .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_number .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_place .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_priority .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_when .call_selections label .chk:checked~.selection_label,
html body article.one_on_one #call #call_where .call_selections label .chk:checked~.selection_label {
  color: #fff;
  background-color: #ff8ab1;
  border: none;
  background-color: #ff8ab1
}

html body article.call #call #call_hour .call_selections label:nth-child(2),
html body article.call #call #call_note .call_selections label:nth-child(2),
html body article.call #call #call_number .call_selections label:nth-child(2),
html body article.call #call #call_place .call_selections label:nth-child(2),
html body article.call #call #call_priority .call_selections label:nth-child(2),
html body article.call #call #call_when .call_selections label:nth-child(2),
html body article.call #call #call_where .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_note .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_number .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_place .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_priority .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_when .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_where .call_selections label:nth-child(2),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(2),
html body article.one_on_one #call #call_note .call_selections label:nth-child(2),
html body article.one_on_one #call #call_number .call_selections label:nth-child(2),
html body article.one_on_one #call #call_place .call_selections label:nth-child(2),
html body article.one_on_one #call #call_priority .call_selections label:nth-child(2),
html body article.one_on_one #call #call_when .call_selections label:nth-child(2),
html body article.one_on_one #call #call_where .call_selections label:nth-child(2) {
  position: relative
}

html body article.call #call #call_hour .call_selections label:nth-child(2)::before,
html body article.call #call #call_note .call_selections label:nth-child(2)::before,
html body article.call #call #call_number .call_selections label:nth-child(2)::before,
html body article.call #call #call_place .call_selections label:nth-child(2)::before,
html body article.call #call #call_priority .call_selections label:nth-child(2)::before,
html body article.call #call #call_when .call_selections label:nth-child(2)::before,
html body article.call #call #call_where .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_note .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_number .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_place .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_priority .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_when .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_where .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_note .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_number .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_place .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_priority .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_when .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_where .call_selections label:nth-child(2)::before {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  content: "＼ オススメ ／";
  top: -18px;
  display: block;
  text-align: center;
  font-size: .75rem;
  color: #ff8ab1
}

html body article.call #call #call_hour .call_selections label:nth-child(2)::after,
html body article.call #call #call_note .call_selections label:nth-child(2)::after,
html body article.call #call #call_number .call_selections label:nth-child(2)::after,
html body article.call #call #call_place .call_selections label:nth-child(2)::after,
html body article.call #call #call_priority .call_selections label:nth-child(2)::after,
html body article.call #call #call_when .call_selections label:nth-child(2)::after,
html body article.call #call #call_where .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_note .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_number .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_place .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_priority .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_when .call_selections label:nth-child(2)::after,
html body article.call.call-one_on_one #call #call_where .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_note .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_number .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_place .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_priority .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_when .call_selections label:nth-child(2)::after,
html body article.one_on_one #call #call_where .call_selections label:nth-child(2)::after {
  display: none
}

html body article.call #call #call_hour .call_selections label.other,
html body article.call #call #call_note .call_selections label.other,
html body article.call #call #call_number .call_selections label.other,
html body article.call #call #call_place .call_selections label.other,
html body article.call #call #call_priority .call_selections label.other,
html body article.call #call #call_when .call_selections label.other,
html body article.call #call #call_where .call_selections label.other,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other,
html body article.call.call-one_on_one #call #call_note .call_selections label.other,
html body article.call.call-one_on_one #call #call_number .call_selections label.other,
html body article.call.call-one_on_one #call #call_place .call_selections label.other,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other,
html body article.call.call-one_on_one #call #call_when .call_selections label.other,
html body article.call.call-one_on_one #call #call_where .call_selections label.other,
html body article.one_on_one #call #call_hour .call_selections label.other,
html body article.one_on_one #call #call_note .call_selections label.other,
html body article.one_on_one #call #call_number .call_selections label.other,
html body article.one_on_one #call #call_place .call_selections label.other,
html body article.one_on_one #call #call_priority .call_selections label.other,
html body article.one_on_one #call #call_when .call_selections label.other,
html body article.one_on_one #call #call_where .call_selections label.other {
  width: 100%;
  margin-top: 10px
}

html body article.call #call #call_hour .call_selections label.other span,
html body article.call #call #call_note .call_selections label.other span,
html body article.call #call #call_number .call_selections label.other span,
html body article.call #call #call_place .call_selections label.other span,
html body article.call #call #call_priority .call_selections label.other span,
html body article.call #call #call_when .call_selections label.other span,
html body article.call #call #call_where .call_selections label.other span,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other span,
html body article.call.call-one_on_one #call #call_note .call_selections label.other span,
html body article.call.call-one_on_one #call #call_number .call_selections label.other span,
html body article.call.call-one_on_one #call #call_place .call_selections label.other span,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other span,
html body article.call.call-one_on_one #call #call_when .call_selections label.other span,
html body article.call.call-one_on_one #call #call_where .call_selections label.other span,
html body article.one_on_one #call #call_hour .call_selections label.other span,
html body article.one_on_one #call #call_note .call_selections label.other span,
html body article.one_on_one #call #call_number .call_selections label.other span,
html body article.one_on_one #call #call_place .call_selections label.other span,
html body article.one_on_one #call #call_priority .call_selections label.other span,
html body article.one_on_one #call #call_when .call_selections label.other span,
html body article.one_on_one #call #call_where .call_selections label.other span {
  background-color: transparent
}

html body article.call #call #call_hour .call_selections label.other .selection_other,
html body article.call #call #call_note .call_selections label.other .selection_other,
html body article.call #call #call_number .call_selections label.other .selection_other,
html body article.call #call #call_place .call_selections label.other .selection_other,
html body article.call #call #call_priority .call_selections label.other .selection_other,
html body article.call #call #call_when .call_selections label.other .selection_other,
html body article.call #call #call_where .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other {
  padding: 6px;
  display: flex;
  align-items: center;
  background-color: #ecf8fc;
  border-radius: 4px;
  transition: background-color, .3s;
  background-color: #ecf8fc
}

html body article.call #call #call_hour .call_selections label.other .selection_other .label,
html body article.call #call #call_note .call_selections label.other .selection_other .label,
html body article.call #call #call_number .call_selections label.other .selection_other .label,
html body article.call #call #call_place .call_selections label.other .selection_other .label,
html body article.call #call #call_priority .call_selections label.other .selection_other .label,
html body article.call #call #call_when .call_selections label.other .selection_other .label,
html body article.call #call #call_where .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other .label,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other .label,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other .label {
  flex: 1;
  text-align: center;
  font-size: .875rem;
  color: #3db5e6
}

html body article.call #call #call_hour .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_note .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_number .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_place .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_priority .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_when .call_selections label.other .selection_other .btn_app,
html body article.call #call #call_where .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other .btn_app,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other .btn_app {
  width: 76.6666%;
  height: 38px;
  padding: 6px 55px 6px 5px;
  position: relative;
  font-size: 14px;
  color: #837663;
  background-color: #fff;
  border: 0
}

html body article.call #call #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_number .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.call #call #call_where .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other .btn_app::before,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other .btn_app::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  transform: rotate(45deg)
}

html body article.call #call #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_number .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.call #call #call_where .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other .btn_app::after,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other .btn_app::after {
  display: none
}

html body article.call #call #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_number .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call #call #call_where .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_hour .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_note .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_number .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_place .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_priority .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_when .call_selections label.other .selection_other .btn_app.calender::before,
html body article.one_on_one #call #call_where .call_selections label.other .selection_other .btn_app.calender::before {
  content: url(../images/common/calendar.svg);
  transform: rotate(0);
  top: 7px;
  border-bottom: none;
  border-right: none
}

html body article.call #call #call_hour .call_selections label.other button span,
html body article.call #call #call_note .call_selections label.other button span,
html body article.call #call #call_number .call_selections label.other button span,
html body article.call #call #call_place .call_selections label.other button span,
html body article.call #call #call_priority .call_selections label.other button span,
html body article.call #call #call_when .call_selections label.other button span,
html body article.call #call #call_where .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_note .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_number .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_place .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_when .call_selections label.other button span,
html body article.call.call-one_on_one #call #call_where .call_selections label.other button span,
html body article.one_on_one #call #call_hour .call_selections label.other button span,
html body article.one_on_one #call #call_note .call_selections label.other button span,
html body article.one_on_one #call #call_number .call_selections label.other button span,
html body article.one_on_one #call #call_place .call_selections label.other button span,
html body article.one_on_one #call #call_priority .call_selections label.other button span,
html body article.one_on_one #call #call_when .call_selections label.other button span,
html body article.one_on_one #call #call_where .call_selections label.other button span {
  color: #333;
  font-size: .875rem;
  font-weight: 400
}

html body article.call #call #call_hour .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_note .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_number .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_place .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_priority .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_when .call_selections label.other .chk:checked~.selection_other,
html body article.call #call #call_where .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .chk:checked~.selection_other,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_hour .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_note .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_number .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_place .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_priority .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_when .call_selections label.other .chk:checked~.selection_other,
html body article.one_on_one #call #call_where .call_selections label.other .chk:checked~.selection_other {
  background-color: #ff8ab1
}

html body article.call #call #call_hour .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_note .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_number .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_place .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_priority .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_when .call_selections label.other .chk:checked~.selection_other .label,
html body article.call #call #call_where .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_hour .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_note .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_number .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_place .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_priority .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_when .call_selections label.other .chk:checked~.selection_other .label,
html body article.call.call-one_on_one #call #call_where .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_hour .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_note .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_number .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_place .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_priority .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_when .call_selections label.other .chk:checked~.selection_other .label,
html body article.one_on_one #call #call_where .call_selections label.other .chk:checked~.selection_other .label {
  color: #fff
}

html body article.call #call #call_hour .call_selections label.disable span,
html body article.call #call #call_note .call_selections label.disable span,
html body article.call #call #call_number .call_selections label.disable span,
html body article.call #call #call_place .call_selections label.disable span,
html body article.call #call #call_priority .call_selections label.disable span,
html body article.call #call #call_when .call_selections label.disable span,
html body article.call #call #call_where .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_hour .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_note .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_number .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_place .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_priority .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_when .call_selections label.disable span,
html body article.call.call-one_on_one #call #call_where .call_selections label.disable span,
html body article.one_on_one #call #call_hour .call_selections label.disable span,
html body article.one_on_one #call #call_note .call_selections label.disable span,
html body article.one_on_one #call #call_number .call_selections label.disable span,
html body article.one_on_one #call #call_place .call_selections label.disable span,
html body article.one_on_one #call #call_priority .call_selections label.disable span,
html body article.one_on_one #call #call_when .call_selections label.disable span,
html body article.one_on_one #call #call_where .call_selections label.disable span {
  opacity: .3
}

html body article.call #call #call_hour #start_range,
html body article.call #call #call_note #start_range,
html body article.call #call #call_number #start_range,
html body article.call #call #call_place #start_range,
html body article.call #call #call_priority #start_range,
html body article.call #call #call_when #start_range,
html body article.call #call #call_where #start_range,
html body article.call.call-one_on_one #call #call_hour #start_range,
html body article.call.call-one_on_one #call #call_note #start_range,
html body article.call.call-one_on_one #call #call_number #start_range,
html body article.call.call-one_on_one #call #call_place #start_range,
html body article.call.call-one_on_one #call #call_priority #start_range,
html body article.call.call-one_on_one #call #call_when #start_range,
html body article.call.call-one_on_one #call #call_where #start_range,
html body article.one_on_one #call #call_hour #start_range,
html body article.one_on_one #call #call_note #start_range,
html body article.one_on_one #call #call_number #start_range,
html body article.one_on_one #call #call_place #start_range,
html body article.one_on_one #call #call_priority #start_range,
html body article.one_on_one #call #call_when #start_range,
html body article.one_on_one #call #call_where #start_range {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap
}

html body article.call #call #call_hour #start_range label,
html body article.call #call #call_note #start_range label,
html body article.call #call #call_number #start_range label,
html body article.call #call #call_place #start_range label,
html body article.call #call #call_priority #start_range label,
html body article.call #call #call_when #start_range label,
html body article.call #call #call_where #start_range label,
html body article.call.call-one_on_one #call #call_hour #start_range label,
html body article.call.call-one_on_one #call #call_note #start_range label,
html body article.call.call-one_on_one #call #call_number #start_range label,
html body article.call.call-one_on_one #call #call_place #start_range label,
html body article.call.call-one_on_one #call #call_priority #start_range label,
html body article.call.call-one_on_one #call #call_when #start_range label,
html body article.call.call-one_on_one #call #call_where #start_range label,
html body article.one_on_one #call #call_hour #start_range label,
html body article.one_on_one #call #call_note #start_range label,
html body article.one_on_one #call #call_number #start_range label,
html body article.one_on_one #call #call_place #start_range label,
html body article.one_on_one #call #call_priority #start_range label,
html body article.one_on_one #call #call_when #start_range label,
html body article.one_on_one #call #call_where #start_range label {
  margin-right: 20px
}

html body article.call #call #call_hour #start_range .label_item,
html body article.call #call #call_note #start_range .label_item,
html body article.call #call #call_number #start_range .label_item,
html body article.call #call #call_place #start_range .label_item,
html body article.call #call #call_priority #start_range .label_item,
html body article.call #call #call_when #start_range .label_item,
html body article.call #call #call_where #start_range .label_item,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item,
html body article.call.call-one_on_one #call #call_note #start_range .label_item,
html body article.call.call-one_on_one #call #call_number #start_range .label_item,
html body article.call.call-one_on_one #call #call_place #start_range .label_item,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item,
html body article.call.call-one_on_one #call #call_when #start_range .label_item,
html body article.call.call-one_on_one #call #call_where #start_range .label_item,
html body article.one_on_one #call #call_hour #start_range .label_item,
html body article.one_on_one #call #call_note #start_range .label_item,
html body article.one_on_one #call #call_number #start_range .label_item,
html body article.one_on_one #call #call_place #start_range .label_item,
html body article.one_on_one #call #call_priority #start_range .label_item,
html body article.one_on_one #call #call_when #start_range .label_item,
html body article.one_on_one #call #call_where #start_range .label_item {
  margin-bottom: 15px;
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

html body article.call #call #call_hour #start_range .label_item input,
html body article.call #call #call_note #start_range .label_item input,
html body article.call #call #call_number #start_range .label_item input,
html body article.call #call #call_place #start_range .label_item input,
html body article.call #call #call_priority #start_range .label_item input,
html body article.call #call #call_when #start_range .label_item input,
html body article.call #call #call_where #start_range .label_item input,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input,
html body article.one_on_one #call #call_hour #start_range .label_item input,
html body article.one_on_one #call #call_note #start_range .label_item input,
html body article.one_on_one #call #call_number #start_range .label_item input,
html body article.one_on_one #call #call_place #start_range .label_item input,
html body article.one_on_one #call #call_priority #start_range .label_item input,
html body article.one_on_one #call #call_when #start_range .label_item input,
html body article.one_on_one #call #call_where #start_range .label_item input {
  display: none
}

html body article.call #call #call_hour #start_range .label_item input:checked~i,
html body article.call #call #call_note #start_range .label_item input:checked~i,
html body article.call #call #call_number #start_range .label_item input:checked~i,
html body article.call #call #call_place #start_range .label_item input:checked~i,
html body article.call #call #call_priority #start_range .label_item input:checked~i,
html body article.call #call #call_when #start_range .label_item input:checked~i,
html body article.call #call #call_where #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input:checked~i,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_hour #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_note #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_number #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_place #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_priority #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_when #start_range .label_item input:checked~i,
html body article.one_on_one #call #call_where #start_range .label_item input:checked~i {
  color: #3db5e6;
  height: 20px;
  width: 20px;
  line-height: 19px;
  text-align: center
}

html body article.call #call #call_hour #start_range .label_item input:disabled,
html body article.call #call #call_note #start_range .label_item input:disabled,
html body article.call #call #call_number #start_range .label_item input:disabled,
html body article.call #call #call_place #start_range .label_item input:disabled,
html body article.call #call #call_priority #start_range .label_item input:disabled,
html body article.call #call #call_when #start_range .label_item input:disabled,
html body article.call #call #call_where #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input:disabled,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input:disabled,
html body article.one_on_one #call #call_hour #start_range .label_item input:disabled,
html body article.one_on_one #call #call_note #start_range .label_item input:disabled,
html body article.one_on_one #call #call_number #start_range .label_item input:disabled,
html body article.one_on_one #call #call_place #start_range .label_item input:disabled,
html body article.one_on_one #call #call_priority #start_range .label_item input:disabled,
html body article.one_on_one #call #call_when #start_range .label_item input:disabled,
html body article.one_on_one #call #call_where #start_range .label_item input:disabled {
  cursor: no-drop
}

html body article.call #call #call_hour #start_range .label_item input:disabled~i,
html body article.call #call #call_hour #start_range .label_item input:disabled~span,
html body article.call #call #call_note #start_range .label_item input:disabled~i,
html body article.call #call #call_note #start_range .label_item input:disabled~span,
html body article.call #call #call_number #start_range .label_item input:disabled~i,
html body article.call #call #call_number #start_range .label_item input:disabled~span,
html body article.call #call #call_place #start_range .label_item input:disabled~i,
html body article.call #call #call_place #start_range .label_item input:disabled~span,
html body article.call #call #call_priority #start_range .label_item input:disabled~i,
html body article.call #call #call_priority #start_range .label_item input:disabled~span,
html body article.call #call #call_when #start_range .label_item input:disabled~i,
html body article.call #call #call_when #start_range .label_item input:disabled~span,
html body article.call #call #call_where #start_range .label_item input:disabled~i,
html body article.call #call #call_where #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input:disabled~span,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input:disabled~i,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_hour #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_hour #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_note #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_note #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_number #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_number #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_place #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_place #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_priority #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_priority #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_when #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_when #start_range .label_item input:disabled~span,
html body article.one_on_one #call #call_where #start_range .label_item input:disabled~i,
html body article.one_on_one #call #call_where #start_range .label_item input:disabled~span {
  color: #aaa;
  border-color: #aaa;
  opacity: .5;
  cursor: no-drop
}

html body article.call #call #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_note #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_number #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_place #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_when #start_range .label_item input[type=checkbox]~i,
html body article.call #call #call_where #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input[type=checkbox]~i,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_hour #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_note #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_number #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_place #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_priority #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_when #start_range .label_item input[type=checkbox]~i,
html body article.one_on_one #call #call_where #start_range .label_item input[type=checkbox]~i {
  font-size: 12px;
  border-radius: 4px
}

html body article.call #call #call_hour #start_range .label_item input[type=radio]~i,
html body article.call #call #call_note #start_range .label_item input[type=radio]~i,
html body article.call #call #call_number #start_range .label_item input[type=radio]~i,
html body article.call #call #call_place #start_range .label_item input[type=radio]~i,
html body article.call #call #call_priority #start_range .label_item input[type=radio]~i,
html body article.call #call #call_when #start_range .label_item input[type=radio]~i,
html body article.call #call #call_where #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input[type=radio]~i,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_hour #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_note #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_number #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_place #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_priority #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_when #start_range .label_item input[type=radio]~i,
html body article.one_on_one #call #call_where #start_range .label_item input[type=radio]~i {
  font-size: 10px;
  border-radius: 100%
}

html body article.call #call #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_note #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_number #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_place #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_when #start_range .label_item input[type=radio]~i::before,
html body article.call #call #call_where #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_note #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_number #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_place #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_when #start_range .label_item input[type=radio]~i::before,
html body article.call.call-one_on_one #call #call_where #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_hour #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_note #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_number #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_place #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_priority #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_when #start_range .label_item input[type=radio]~i::before,
html body article.one_on_one #call #call_where #start_range .label_item input[type=radio]~i::before {
  transform: scale(0)
}

html body article.call #call #call_hour #start_range .label_item i,
html body article.call #call #call_note #start_range .label_item i,
html body article.call #call #call_number #start_range .label_item i,
html body article.call #call #call_place #start_range .label_item i,
html body article.call #call #call_priority #start_range .label_item i,
html body article.call #call #call_when #start_range .label_item i,
html body article.call #call #call_where #start_range .label_item i,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item i,
html body article.call.call-one_on_one #call #call_note #start_range .label_item i,
html body article.call.call-one_on_one #call #call_number #start_range .label_item i,
html body article.call.call-one_on_one #call #call_place #start_range .label_item i,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item i,
html body article.call.call-one_on_one #call #call_when #start_range .label_item i,
html body article.call.call-one_on_one #call #call_where #start_range .label_item i,
html body article.one_on_one #call #call_hour #start_range .label_item i,
html body article.one_on_one #call #call_note #start_range .label_item i,
html body article.one_on_one #call #call_number #start_range .label_item i,
html body article.one_on_one #call #call_place #start_range .label_item i,
html body article.one_on_one #call #call_priority #start_range .label_item i,
html body article.one_on_one #call #call_when #start_range .label_item i,
html body article.one_on_one #call #call_where #start_range .label_item i {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

html body article.call #call #call_hour #start_range .label_item span,
html body article.call #call #call_note #start_range .label_item span,
html body article.call #call #call_number #start_range .label_item span,
html body article.call #call #call_place #start_range .label_item span,
html body article.call #call #call_priority #start_range .label_item span,
html body article.call #call #call_when #start_range .label_item span,
html body article.call #call #call_where #start_range .label_item span,
html body article.call.call-one_on_one #call #call_hour #start_range .label_item span,
html body article.call.call-one_on_one #call #call_note #start_range .label_item span,
html body article.call.call-one_on_one #call #call_number #start_range .label_item span,
html body article.call.call-one_on_one #call #call_place #start_range .label_item span,
html body article.call.call-one_on_one #call #call_priority #start_range .label_item span,
html body article.call.call-one_on_one #call #call_when #start_range .label_item span,
html body article.call.call-one_on_one #call #call_where #start_range .label_item span,
html body article.one_on_one #call #call_hour #start_range .label_item span,
html body article.one_on_one #call #call_note #start_range .label_item span,
html body article.one_on_one #call #call_number #start_range .label_item span,
html body article.one_on_one #call #call_place #start_range .label_item span,
html body article.one_on_one #call #call_priority #start_range .label_item span,
html body article.one_on_one #call #call_when #start_range .label_item span,
html body article.one_on_one #call #call_where #start_range .label_item span {
  margin-left: 5px;
  display: block
}

html body article.call #call #call_hour #start_range p,
html body article.call #call #call_note #start_range p,
html body article.call #call #call_number #start_range p,
html body article.call #call #call_place #start_range p,
html body article.call #call #call_priority #start_range p,
html body article.call #call #call_when #start_range p,
html body article.call #call #call_where #start_range p,
html body article.call.call-one_on_one #call #call_hour #start_range p,
html body article.call.call-one_on_one #call #call_note #start_range p,
html body article.call.call-one_on_one #call #call_number #start_range p,
html body article.call.call-one_on_one #call #call_place #start_range p,
html body article.call.call-one_on_one #call #call_priority #start_range p,
html body article.call.call-one_on_one #call #call_when #start_range p,
html body article.call.call-one_on_one #call #call_where #start_range p,
html body article.one_on_one #call #call_hour #start_range p,
html body article.one_on_one #call #call_note #start_range p,
html body article.one_on_one #call #call_number #start_range p,
html body article.one_on_one #call #call_place #start_range p,
html body article.one_on_one #call #call_priority #start_range p,
html body article.one_on_one #call #call_when #start_range p,
html body article.one_on_one #call #call_where #start_range p {
  margin: 0;
  width: 100%;
  color: gray;
  font-size: .75rem;
  line-height: 1.5
}

html body article.call #call #call_hour #start_range p br,
html body article.call #call #call_note #start_range p br,
html body article.call #call #call_number #start_range p br,
html body article.call #call #call_place #start_range p br,
html body article.call #call #call_priority #start_range p br,
html body article.call #call #call_when #start_range p br,
html body article.call #call #call_where #start_range p br,
html body article.call.call-one_on_one #call #call_hour #start_range p br,
html body article.call.call-one_on_one #call #call_note #start_range p br,
html body article.call.call-one_on_one #call #call_number #start_range p br,
html body article.call.call-one_on_one #call #call_place #start_range p br,
html body article.call.call-one_on_one #call #call_priority #start_range p br,
html body article.call.call-one_on_one #call #call_when #start_range p br,
html body article.call.call-one_on_one #call #call_where #start_range p br,
html body article.one_on_one #call #call_hour #start_range p br,
html body article.one_on_one #call #call_note #start_range p br,
html body article.one_on_one #call #call_number #start_range p br,
html body article.one_on_one #call #call_place #start_range p br,
html body article.one_on_one #call #call_priority #start_range p br,
html body article.one_on_one #call #call_when #start_range p br,
html body article.one_on_one #call #call_where #start_range p br {
  display: block;
  content: "";
  margin: 8px 0
}

html body article.call #call #call_number,
html body article.call.call-one_on_one #call #call_number,
html body article.one_on_one #call #call_number {
  margin: 40px 0 0;
  padding: 0 20px
}

html body article.call #call #call_number .call_selections,
html body article.call.call-one_on_one #call #call_number .call_selections,
html body article.one_on_one #call #call_number .call_selections {
  margin: 0 0 10px 0
}

html body article.call #call #call_number .call_selections label:nth-child(2),
html body article.call.call-one_on_one #call #call_number .call_selections label:nth-child(2),
html body article.one_on_one #call #call_number .call_selections label:nth-child(2) {
  position: relative
}

html body article.call #call #call_number .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_number .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_number .call_selections label:nth-child(2)::before {
  position: absolute;
  display: none
}

html body article.call #call #call_number p,
html body article.call.call-one_on_one #call #call_number p,
html body article.one_on_one #call #call_number p {
  margin: 0;
  width: 100%;
  color: gray;
  font-size: .75rem
}

html body article.call #call #call_hour,
html body article.call.call-one_on_one #call #call_hour,
html body article.one_on_one #call #call_hour {
  margin: 30px 0 0;
  padding: 0 20px
}

html body article.call #call #call_hour .call_selections,
html body article.call.call-one_on_one #call #call_hour .call_selections,
html body article.one_on_one #call #call_hour .call_selections {
  margin-top: 25px;
  gap: 35px 0
}

html body article.call #call #call_hour .call_selections label:nth-child(1),
html body article.call #call #call_hour .call_selections label:nth-child(3),
html body article.call #call #call_hour .call_selections label:nth-child(4),
html body article.call #call #call_hour .call_selections label:nth-child(5),
html body article.call #call #call_hour .call_selections label:nth-child(6),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(1),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(3),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(4),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(5),
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(6),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(1),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(3),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(4),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(5),
html body article.one_on_one #call #call_hour .call_selections label:nth-child(6) {
  position: relative
}

html body article.call #call #call_hour .call_selections label:nth-child(1)::before,
html body article.call #call #call_hour .call_selections label:nth-child(3)::before,
html body article.call #call #call_hour .call_selections label:nth-child(4)::before,
html body article.call #call #call_hour .call_selections label:nth-child(5)::before,
html body article.call #call #call_hour .call_selections label:nth-child(6)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(1)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(3)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(4)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(5)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(6)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(1)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(3)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(4)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(5)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(6)::before {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  content: "＼ オススメ ／";
  top: -15px;
  display: block;
  text-align: center;
  font-size: .55rem;
  color: #3db5e6
}

html body article.call #call #call_hour .call_selections label:nth-child(1)::after,
html body article.call #call #call_hour .call_selections label:nth-child(3)::after,
html body article.call #call #call_hour .call_selections label:nth-child(4)::after,
html body article.call #call #call_hour .call_selections label:nth-child(5)::after,
html body article.call #call #call_hour .call_selections label:nth-child(6)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(1)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(3)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(4)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(5)::after,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(6)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(1)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(3)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(4)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(5)::after,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(6)::after {
  display: none
}

html body article.call #call #call_hour .call_selections label:nth-child(1)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(1)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(1)::before {
  font-size: .6rem;
  content: "＼ 10時〜15時限定 ／";
  color: #ff8ab1
}

html body article.call #call #call_hour .call_selections label:nth-child(2)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(2)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(2)::before {
  content: "" !important
}

html body article.call #call #call_hour .call_selections label:nth-child(3)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(3)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(3)::before {
  content: "＼ 1,000Pt OFF ／"
}

html body article.call #call #call_hour .call_selections label:nth-child(4)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(4)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(4)::before {
  content: "＼ 1,000Pt OFF ／"
}

html body article.call #call #call_hour .call_selections label:nth-child(5)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(5)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(5)::before {
  content: "＼ 2,000Pt OFF ／"
}

html body article.call #call #call_hour .call_selections label:nth-child(6)::before,
html body article.call.call-one_on_one #call #call_hour .call_selections label:nth-child(6)::before,
html body article.one_on_one #call #call_hour .call_selections label:nth-child(6)::before {
  content: "＼ 2,000Pt OFF ／"
}

html body article.call #call #call_where,
html body article.call.call-one_on_one #call #call_where,
html body article.one_on_one #call #call_where {
  display: flex;
  margin: 35px 0 0;
  padding: 0 20px
}

html body article.call #call #call_where .selection_other,
html body article.call.call-one_on_one #call #call_where .selection_other,
html body article.one_on_one #call #call_where .selection_other {
  width: 47%
}

html body article.call #call #call_where .selection_other .btn_app,
html body article.call.call-one_on_one #call #call_where .selection_other .btn_app,
html body article.one_on_one #call #call_where .selection_other .btn_app {
  background-color: #fff;
  height: 40px;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 0
}

html body article.call #call #call_where .selection_other .btn_app span,
html body article.call.call-one_on_one #call #call_where .selection_other .btn_app span,
html body article.one_on_one #call #call_where .selection_other .btn_app span {
  font-size: .875rem;
  display: block;
  text-align: left;
  padding: 0 20px;
  position: relative
}

html body article.call #call #call_where .selection_other .btn_app span::before,
html body article.call.call-one_on_one #call #call_where .selection_other .btn_app span::before,
html body article.one_on_one #call #call_where .selection_other .btn_app span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  transform: rotate(45deg)
}

html body article.call #call #call_priority,
html body article.call.call-one_on_one #call #call_priority,
html body article.one_on_one #call #call_priority {
  margin: 35px 0 30px
}

html body article.call #call #call_priority .sum,
html body article.call.call-one_on_one #call #call_priority .sum,
html body article.one_on_one #call #call_priority .sum {
  height: 32px;
  margin-bottom: 10px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #837663;
  font-size: 12px;
  background-color: #fff
}

html body article.call #call #call_priority .sum strong,
html body article.call.call-one_on_one #call #call_priority .sum strong,
html body article.one_on_one #call #call_priority .sum strong {
  font-weight: 400
}

html body article.call #call #call_priority .sum span,
html body article.call.call-one_on_one #call #call_priority .sum span,
html body article.one_on_one #call #call_priority .sum span {
  font-weight: 700
}

html body article.call #call #call_priority .sum span::after,
html body article.call.call-one_on_one #call #call_priority .sum span::after,
html body article.one_on_one #call #call_priority .sum span::after {
  display: none;
  content: "Pt";
  margin-left: 5px
}

html body article.call #call #call_priority button,
html body article.call.call-one_on_one #call #call_priority button,
html body article.one_on_one #call #call_priority button {
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  background-color: #ff8ab1;
  border: 0;
  border-radius: 4px
}

html body article.call #call #call_priority #call_casts,
html body article.call.call-one_on_one #call #call_priority #call_casts,
html body article.one_on_one #call #call_priority #call_casts {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  transform: none;
  padding-left: 0;
  flex-wrap: wrap
}

html body article.call #call #call_priority #call_casts li,
html body article.call.call-one_on_one #call #call_priority #call_casts li,
html body article.one_on_one #call #call_priority #call_casts li {
  list-style: none;
  width: 80px;
  margin: 0 3px 15px;
  padding: 0
}

html body article.call #call #call_priority #call_casts li label,
html body article.call.call-one_on_one #call #call_priority #call_casts li label,
html body article.one_on_one #call #call_priority #call_casts li label {
  display: flex;
  flex-direction: column;
  align-items: center
}

html body article.call #call #call_priority #call_casts li label strong,
html body article.call.call-one_on_one #call #call_priority #call_casts li label strong,
html body article.one_on_one #call #call_priority #call_casts li label strong {
  margin: 5px 0;
  padding: 5px 2px;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: color, background-color;
  transition-duration: .3s;
  font-size: .6875rem;
  font-weight: 400
}

html body article.call #call #call_priority #call_casts li.notfound_wrapper,
html body article.call.call-one_on_one #call #call_priority #call_casts li.notfound_wrapper,
html body article.one_on_one #call #call_priority #call_casts li.notfound_wrapper {
  width: 100%
}

html body article.call #call #call_priority #call_casts_unselected .notfound_wrapper p,
html body article.call.call-one_on_one #call #call_priority #call_casts_unselected .notfound_wrapper p,
html body article.one_on_one #call #call_priority #call_casts_unselected .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

html body article.call #call #call_priority #call_casts_unselected .notfound_wrapper p i,
html body article.call.call-one_on_one #call #call_priority #call_casts_unselected .notfound_wrapper p i,
html body article.one_on_one #call #call_priority #call_casts_unselected .notfound_wrapper p i {
  margin-right: 5px
}

html body article.call #call #call_note,
html body article.call #call #call_place,
html body article.call.call-one_on_one #call #call_note,
html body article.call.call-one_on_one #call #call_place,
html body article.one_on_one #call #call_note,
html body article.one_on_one #call #call_place {
  padding: 30px 20px 0
}

html body article.call #call #call_note .has_icon.required .fa-utensils::before,
html body article.call #call #call_place .has_icon.required .fa-utensils::before,
html body article.call.call-one_on_one #call #call_note .has_icon.required .fa-utensils::before,
html body article.call.call-one_on_one #call #call_place .has_icon.required .fa-utensils::before,
html body article.one_on_one #call #call_note .has_icon.required .fa-utensils::before,
html body article.one_on_one #call #call_place .has_icon.required .fa-utensils::before {
  content: url(../images/common/store.svg)
}

html body article.call #call #call_note .has_icon.required::after,
html body article.call #call #call_place .has_icon.required::after,
html body article.call.call-one_on_one #call #call_note .has_icon.required::after,
html body article.call.call-one_on_one #call #call_place .has_icon.required::after,
html body article.one_on_one #call #call_note .has_icon.required::after,
html body article.one_on_one #call #call_place .has_icon.required::after {
  content: "必須";
  margin-left: 10px;
  padding: 4px 13px;
  position: relative;
  font-size: .625rem;
  background-color: #fff;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  font-weight: 400;
  color: #ff8ab1;
  border: solid 1px #ff8ab1
}

html body article.call #call #call_note .selection_other,
html body article.call #call #call_note .selection_other.empty,
html body article.call #call #call_place .selection_other,
html body article.call #call #call_place .selection_other.empty,
html body article.call.call-one_on_one #call #call_note .selection_other,
html body article.call.call-one_on_one #call #call_note .selection_other.empty,
html body article.call.call-one_on_one #call #call_place .selection_other,
html body article.call.call-one_on_one #call #call_place .selection_other.empty,
html body article.one_on_one #call #call_note .selection_other,
html body article.one_on_one #call #call_note .selection_other.empty,
html body article.one_on_one #call #call_place .selection_other,
html body article.one_on_one #call #call_place .selection_other.empty {
  border: solid 3px #d5d5d5;
  border-radius: 4px;
  height: 100px
}

html body article.call #call #call_note .selection_other .examples,
html body article.call #call #call_note .selection_other.empty .examples,
html body article.call #call #call_place .selection_other .examples,
html body article.call #call #call_place .selection_other.empty .examples,
html body article.call.call-one_on_one #call #call_note .selection_other .examples,
html body article.call.call-one_on_one #call #call_note .selection_other.empty .examples,
html body article.call.call-one_on_one #call #call_place .selection_other .examples,
html body article.call.call-one_on_one #call #call_place .selection_other.empty .examples,
html body article.one_on_one #call #call_note .selection_other .examples,
html body article.one_on_one #call #call_note .selection_other.empty .examples,
html body article.one_on_one #call #call_place .selection_other .examples,
html body article.one_on_one #call #call_place .selection_other.empty .examples {
  width: calc(100% - 20px);
  height: 20px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 15px;
  font-size: .625rem;
  border-bottom: dashed .9px gray;
  color: gray
}

html body article.call #call #call_note .selection_other .examples strong::after,
html body article.call #call #call_note .selection_other.empty .examples strong::after,
html body article.call #call #call_place .selection_other .examples strong::after,
html body article.call #call #call_place .selection_other.empty .examples strong::after,
html body article.call.call-one_on_one #call #call_note .selection_other .examples strong::after,
html body article.call.call-one_on_one #call #call_note .selection_other.empty .examples strong::after,
html body article.call.call-one_on_one #call #call_place .selection_other .examples strong::after,
html body article.call.call-one_on_one #call #call_place .selection_other.empty .examples strong::after,
html body article.one_on_one #call #call_note .selection_other .examples strong::after,
html body article.one_on_one #call #call_note .selection_other.empty .examples strong::after,
html body article.one_on_one #call #call_place .selection_other .examples strong::after,
html body article.one_on_one #call #call_place .selection_other.empty .examples strong::after {
  content: ":";
  margin: 0 5px
}

html body article.call #call #call_note .selection_other .examples p,
html body article.call #call #call_note .selection_other.empty .examples p,
html body article.call #call #call_place .selection_other .examples p,
html body article.call #call #call_place .selection_other.empty .examples p,
html body article.call.call-one_on_one #call #call_note .selection_other .examples p,
html body article.call.call-one_on_one #call #call_note .selection_other.empty .examples p,
html body article.call.call-one_on_one #call #call_place .selection_other .examples p,
html body article.call.call-one_on_one #call #call_place .selection_other.empty .examples p,
html body article.one_on_one #call #call_note .selection_other .examples p,
html body article.one_on_one #call #call_note .selection_other.empty .examples p,
html body article.one_on_one #call #call_place .selection_other .examples p,
html body article.one_on_one #call #call_place .selection_other.empty .examples p {
  margin: 0;
  font-size: .625rem;
  padding: 0
}

html body article.call #call #call_note .selection_other textarea,
html body article.call #call #call_note .selection_other.empty textarea,
html body article.call #call #call_place .selection_other textarea,
html body article.call #call #call_place .selection_other.empty textarea,
html body article.call.call-one_on_one #call #call_note .selection_other textarea,
html body article.call.call-one_on_one #call #call_note .selection_other.empty textarea,
html body article.call.call-one_on_one #call #call_place .selection_other textarea,
html body article.call.call-one_on_one #call #call_place .selection_other.empty textarea,
html body article.one_on_one #call #call_note .selection_other textarea,
html body article.one_on_one #call #call_note .selection_other.empty textarea,
html body article.one_on_one #call #call_place .selection_other textarea,
html body article.one_on_one #call #call_place .selection_other.empty textarea {
  height: 54px;
  margin: 40px 0 0;
  padding: 0 10px;
  outline: 0;
  resize: none
}

html body article.call #call #call_note .selection_other.empty,
html body article.call #call #call_place .selection_other.empty,
html body article.call.call-one_on_one #call #call_note .selection_other.empty,
html body article.call.call-one_on_one #call #call_place .selection_other.empty,
html body article.one_on_one #call #call_note .selection_other.empty,
html body article.one_on_one #call #call_place .selection_other.empty {
  border: solid 3px #ff7ba7;
  background-color: #ffecf2
}

html body article.call #call #call_note .selection_other.empty textarea,
html body article.call #call #call_place .selection_other.empty textarea,
html body article.call.call-one_on_one #call #call_note .selection_other.empty textarea,
html body article.call.call-one_on_one #call #call_place .selection_other.empty textarea,
html body article.one_on_one #call #call_note .selection_other.empty textarea,
html body article.one_on_one #call #call_place .selection_other.empty textarea {
  background-color: #ffecf2
}

html body article.call #call #call_note,
html body article.call.call-one_on_one #call #call_note,
html body article.one_on_one #call #call_note {
  padding: 30px 20px;
  border-bottom: solid 10px #ecf8fc
}

html body article.call #call #call_note .has_icon .fa-clipboard::before,
html body article.call.call-one_on_one #call #call_note .has_icon .fa-clipboard::before,
html body article.one_on_one #call #call_note .has_icon .fa-clipboard::before {
  content: url(../images/common/request.svg)
}

html body article.call #call #call_note .has_icon span+span,
html body article.call.call-one_on_one #call #call_note .has_icon span+span,
html body article.one_on_one #call #call_note .has_icon span+span {
  font-size: .75rem;
  font-weight: 400;
  color: gray
}

html body article.call #call #call_note .selection_other,
html body article.call.call-one_on_one #call #call_note .selection_other,
html body article.one_on_one #call #call_note .selection_other {
  border: none;
  background-color: #f6f6f6
}

html body article.call #call #call_note .selection_other .examples,
html body article.call.call-one_on_one #call #call_note .selection_other .examples,
html body article.one_on_one #call #call_note .selection_other .examples {
  display: flex;
  font-size: .625rem;
  color: gray;
  border-bottom: 1px dotted gray
}

html body article.call #call #call_note .selection_other .examples ul li,
html body article.call.call-one_on_one #call #call_note .selection_other .examples ul li,
html body article.one_on_one #call #call_note .selection_other .examples ul li {
  list-style-type: none
}

html body article.call #call #call_note .selection_other .examples ul li+li,
html body article.call.call-one_on_one #call #call_note .selection_other .examples ul li+li,
html body article.one_on_one #call #call_note .selection_other .examples ul li+li {
  margin-left: 10px
}

html body article.call #call #call_note .selection_other textarea,
html body article.call.call-one_on_one #call #call_note .selection_other textarea,
html body article.one_on_one #call #call_note .selection_other textarea {
  background-color: #f6f6f6;
  border-radius: 4px;
  height: 54px;
  padding: 0 15px;
  outline: 0;
  resize: none
}

html body article.call #call #point_table_container,
html body article.call.call-one_on_one #call #point_table_container,
html body article.one_on_one #call #point_table_container {
  width: 100%;
  padding: 40px;
  display: none
}

html body article.call #call #point_table_container table.point_table tr,
html body article.call.call-one_on_one #call #point_table_container table.point_table tr,
html body article.one_on_one #call #point_table_container table.point_table tr {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none
}

html body article.call #call #point_table_container table.point_table tr:last-child,
html body article.call.call-one_on_one #call #point_table_container table.point_table tr:last-child,
html body article.one_on_one #call #point_table_container table.point_table tr:last-child {
  margin-bottom: 0
}

html body article.call #call #point_table_container table.point_table tr th,
html body article.call.call-one_on_one #call #point_table_container table.point_table tr th,
html body article.one_on_one #call #point_table_container table.point_table tr th {
  color: gray;
  border: 1px solid gray;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 30px;
  font-size: .8rem;
  margin-right: 15px
}

html body article.call #call #point_table_container table.point_table tr td,
html body article.call.call-one_on_one #call #point_table_container table.point_table tr td,
html body article.one_on_one #call #point_table_container table.point_table tr td {
  margin-left: 10px
}

html body article.call #call #call_fee,
html body article.call.call-one_on_one #call #call_fee,
html body article.one_on_one #call #call_fee {
  margin: 0 20px;
  padding: 0 20px;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background-color: #ecf8fc
}

html body article.call #call #call_fee span,
html body article.call.call-one_on_one #call #call_fee span,
html body article.one_on_one #call #call_fee span {
  display: block;
  font-size: 1rem;
  font-weight: 500
}

html body article.call #call #call_fee #p_call_fee,
html body article.call.call-one_on_one #call #call_fee #p_call_fee,
html body article.one_on_one #call #call_fee #p_call_fee {
  margin: 0;
  font-size: 1.5rem;
  color: #3db5e6
}

html body article.call #call #call_fee #p_call_fee::after,
html body article.call.call-one_on_one #call #call_fee #p_call_fee::after,
html body article.one_on_one #call #call_fee #p_call_fee::after {
  content: "Pt";
  margin-left: 5px
}

html body article.call #call #call_terms,
html body article.call.call-one_on_one #call #call_terms,
html body article.one_on_one #call #call_terms {
  margin: 15px 0 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column
}

html body article.call #call #call_terms input[type=checkbox],
html body article.call.call-one_on_one #call #call_terms input[type=checkbox],
html body article.one_on_one #call #call_terms input[type=checkbox] {
  display: none
}

html body article.call #call #call_terms input[type=checkbox]+label,
html body article.call.call-one_on_one #call #call_terms input[type=checkbox]+label,
html body article.one_on_one #call #call_terms input[type=checkbox]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

html body article.call #call #call_terms input[type=checkbox]+label::before,
html body article.call.call-one_on_one #call #call_terms input[type=checkbox]+label::before,
html body article.one_on_one #call #call_terms input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

html body article.call #call #call_terms input[type=checkbox]+label span,
html body article.call.call-one_on_one #call #call_terms input[type=checkbox]+label span,
html body article.one_on_one #call #call_terms input[type=checkbox]+label span {
  font-size: .875rem;
  color: #333
}

html body article.call #call #call_terms input[type=checkbox]+label span a,
html body article.call.call-one_on_one #call #call_terms input[type=checkbox]+label span a,
html body article.one_on_one #call #call_terms input[type=checkbox]+label span a {
  font-size: .875rem;
  color: #3db5e6
}

html body article.call #call #call_terms input[type=checkbox]:checked+label::after,
html body article.call.call-one_on_one #call #call_terms input[type=checkbox]:checked+label::after,
html body article.one_on_one #call #call_terms input[type=checkbox]:checked+label::after {
  content: url(../images/common/check.svg);
  position: absolute;
  top: -1px;
  left: 5px;
  content: url(../images/common/check.svg)
}

html body article.call #call #event_create,
html body article.call.call-one_on_one #call #event_create,
html body article.one_on_one #call #event_create {
  margin: 30px 0 0 0;
  padding: 0 20px
}

html body article.call #call #event_create #btn_call_confirm,
html body article.call #call #event_create #btn_call_kakunin,
html body article.call.call-one_on_one #call #event_create #btn_call_confirm,
html body article.call.call-one_on_one #call #event_create #btn_call_kakunin,
html body article.one_on_one #call #event_create #btn_call_confirm,
html body article.one_on_one #call #event_create #btn_call_kakunin {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 4px;
  background-color: #ff8ab1
}

html body article.call #call #event_create #btn_call_confirm span,
html body article.call #call #event_create #btn_call_kakunin span,
html body article.call.call-one_on_one #call #event_create #btn_call_confirm span,
html body article.call.call-one_on_one #call #event_create #btn_call_kakunin span,
html body article.one_on_one #call #event_create #btn_call_confirm span,
html body article.one_on_one #call #event_create #btn_call_kakunin span {
  color: #fff;
  font-size: 1rem;
  font-weight: 400
}

html body article.call #call #event_create p,
html body article.call.call-one_on_one #call #event_create p,
html body article.one_on_one #call #event_create p {
  font-size: .75rem;
  color: gray;
  padding: 0;
  line-height: 1.5;
  margin: 0 0 30px 0
}

html body article.call #call #event_create p br,
html body article.call.call-one_on_one #call #event_create p br,
html body article.one_on_one #call #event_create p br {
  display: block;
  content: "";
  margin: 8px 0
}

html body article.call #call #event_create.not_checked #btn_call_confirm,
html body article.call #call #event_create.not_checked #btn_call_kakunin,
html body article.call.call-one_on_one #call #event_create.not_checked #btn_call_confirm,
html body article.call.call-one_on_one #call #event_create.not_checked #btn_call_kakunin,
html body article.one_on_one #call #event_create.not_checked #btn_call_confirm,
html body article.one_on_one #call #event_create.not_checked #btn_call_kakunin {
  background-color: #e6e6e6
}

html body article.call #call_kakunin,
html body article.call.call-one_on_one #call_kakunin,
html body article.one_on_one #call_kakunin {
  display: flex
}

html body article.call #call_kakunin .center_wrapper,
html body article.call.call-one_on_one #call_kakunin .center_wrapper,
html body article.one_on_one #call_kakunin .center_wrapper {
  width: 100%;
  padding: 10px
}

html body article.call #call_kakunin .center_wrapper .kakunin_info,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info {
  margin-bottom: 30px
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table {
  width: 100%;
  border-collapse: collapse
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr {
  border-bottom: 1px dotted #707070
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr td,
html body article.call #call_kakunin .center_wrapper .kakunin_info table tr th,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr th,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr th {
  padding: 10px 0;
  text-align: left
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr th,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr th,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr th {
  width: 110px;
  font-weight: 200;
  color: #3db5e6;
  padding-right: 30px
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start {
  display: flex;
  gap: 10px;
  align-items: center
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span {
  display: block;
  font-size: .7rem;
  color: #a39c9c;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: fit-content
}

html body article.call #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span.tight,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span.tight,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info table tr td#kakunin_start span.tight {
  color: red;
  border-color: red
}

html body article.call #call_kakunin .center_wrapper .kakunin_info .call_fee,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee {
  margin: 40px 20px 0;
  padding: 0 20px;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  border-radius: 4px;
  background-color: #ecf8fc
}

html body article.call #call_kakunin .center_wrapper .kakunin_info .call_fee span,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee span,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee span {
  display: block;
  font-size: 1rem;
  font-weight: 500
}

html body article.call #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point {
  margin: 0;
  font-size: 1.5rem;
  color: #3db5e6
}

html body article.call #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point::after,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point::after,
html body article.one_on_one #call_kakunin .center_wrapper .kakunin_info .call_fee #kakunin_point::after {
  content: "Pt";
  margin-left: 5px
}

html body article.call #call_kakunin .center_wrapper .btn_container,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .btn_container,
html body article.one_on_one #call_kakunin .center_wrapper .btn_container {
  width: 100%;
  display: flex;
  gap: 15px
}

html body article.call #call_kakunin .center_wrapper .btn_container button,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .btn_container button,
html body article.one_on_one #call_kakunin .center_wrapper .btn_container button {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 4px;
  background-color: #ff8ab1
}

html body article.call #call_kakunin .center_wrapper .btn_container button span,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .btn_container button span,
html body article.one_on_one #call_kakunin .center_wrapper .btn_container button span {
  color: #fff;
  font-size: 1rem;
  font-weight: 400
}

html body article.call #call_kakunin .center_wrapper .btn_container button#btn_call_confirm,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .btn_container button#btn_call_confirm,
html body article.one_on_one #call_kakunin .center_wrapper .btn_container button#btn_call_confirm {
  flex-basis: 70%
}

html body article.call #call_kakunin .center_wrapper .btn_container button#btn_call_back,
html body article.call.call-one_on_one #call_kakunin .center_wrapper .btn_container button#btn_call_back,
html body article.one_on_one #call_kakunin .center_wrapper .btn_container button#btn_call_back {
  flex-basis: 30%
}

html body article.call.call-notices {
  padding: 60px 20px 75px;
  color: #333
}

html body article.call.call-notices #call h1 {
  margin: 26px 20px 26px 22px;
  height: 16px
}

html body article.call.call-notices #call h2 {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  color: #333;
  margin: 0 0 25px
}

html body article.call.call-notices #call p {
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

html body article.call.call-notices #call ol {
  margin: 0 0 40px
}

html body article.call.call-notices #call ol li {
  display: block;
  line-height: 25px;
  font-weight: 400;
  counter-increment: cnt01
}

html body article.call.call-notices #call ol li h3 {
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 25px
}

html body article.call.call-notices #call ol li h3::before {
  content: counter(cnt01);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 19px;
  border: solid 1px #3db5e6;
  color: #3db5e6;
  background-color: #fff;
  text-align: center;
  top: 2px
}

html body article.call.call-notices #call ol li p {
  margin: 0 0 0 25px;
  font-size: .875rem;
  font-weight: 400
}

html body article.call.call-notices #call ol li p .notice {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  margin: 0 0 0 -24px;
  padding: 0 0 0 15px;
  display: block;
  position: relative
}

html body article.call.call-notices #call ol li p .notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

html body article.call.call-notices #call ol li p.has_number {
  font-size: .875rem;
  font-weight: 400;
  position: relative;
  margin: 0;
  padding: 0 0 0 25px
}

html body article.call.call-notices #call ol li p.has_number::before {
  content: counter(cnt01);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 19px;
  border: solid 1px #3db5e6;
  color: #3db5e6;
  background-color: #fff;
  text-align: center;
  top: 3px
}

html body article.call.call-notices #call a {
  display: none
}

html body article.call.call-notices #call.call_notices {
  line-height: 1.15
}

html body article.call.call-notices a {
  display: none
}

html body article.call.call-thankyou {
  padding: 100px 0 75px
}

html body article.call.call-thankyou #call p {
  margin: 20px
}

html body article.call.call-thankyou.has_banner {
  padding: 60px 0 75px
}

html body article.call.call-howto_1on1 #holding-method h1 {
  margin: 27px 0 20px 20px;
  padding: 0
}

html body article.call.call-price #price-list h1 {
  margin: 27px 0 20px 0
}

.chk,
.hide {
  display: none
}

img {
  max-width: 100%
}

input,
select {
  outline: 0
}

td {
  word-wrap: break-word;
  word-break: break-all
}

.notice_wrapper {
  width: 100% !important;
  display: flex !important;
  justify-content: center
}

.notfound_wrapper .notfound_link,
.notfound_wrapper .notice_box,
.notice_wrapper .notfound_link,
.notice_wrapper .notice_box,
.notice_wrapper p {
  margin: 0;
  padding: 8px 15px;
  color: #fff;
  font-size: 14px;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

.notice_wrapper i {
  margin-right: 5px
}

.notfound_wrapper .notfound_link span,
.notice_wrapper .notfound_link span {
  color: red;
  text-decoration: underline
}

.notfound_wrapper.red p,
.notice_wrapper.red p {
  border-color: red
}

.notfound_wrapper.red i,
.notfound_wrapper.red span,
.notice_wrapper.red i,
.notice_wrapper.red span {
  color: red
}

.notfound_wrapper {
  list-style: none
}

.notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

.notfound_wrapper p i {
  margin-right: 5px
}

input[type=range] {
  height: 6px !important;
  width: 100% !important;
  padding: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #3db5e6 !important;
  border: 0 !important;
  cursor: pointer !important;
  outline: 0 !important
}

input[type=range]::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  background: #3db5e6;
  border-radius: 50%
}

input[type=range]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #3db5e6;
  border: 0;
  border-radius: 50%
}

input[type=range]::-moz-focus-outer {
  border: 0
}

.has_error {
  color: red;
  background-color: rgba(255, 0, 0, .2);
  border-color: red
}

.error_msg {
  color: red
}

.modal_confirm span {
  margin-bottom: 15px;
  display: block
}

.modal_confirm p {
  margin: 0 0 15px
}

.modal_confirm p span {
  margin-bottom: 0;
  display: inline
}

.modal_confirm button {
  padding: 5px 10px;
  color: #fff;
  background-color: #ff8ab1;
  border: 0;
  border-radius: 5px
}

.modal_confirm button.btn_cancel {
  background-color: #000
}

select {
  height: 30px
}

input[type=datetime-local] {
  font-size: 16px
}

#modal_bg p {
  margin: 0;
  padding: 5px;
  display: none;
  position: absolute;
  right: 15px;
  bottom: 0;
  color: #fff;
  background-color: #ff8ab1;
  border-radius: 5px;
  transition: bottom, .3s
}

#modal_bg .fa-times-circle {
  padding-right: 5px
}

#modal_bg.btn_app p {
  display: block
}

.online.type02::before {
  background-color: rgba(255, 138, 177, .6)
}

#willclose,
#willclose article {
  min-height: 100vh;
  background-color: #fff
}

#event_fixed .btn_event_counter .extensed {
  display: none
}

#event_fixed .btn_event_counter.extension {
  background-color: red
}

#event_fixed .btn_event_counter.extension .intime {
  display: none
}

#event_fixed .btn_event_counter.extension .extensed {
  display: inline
}

body[data-page=messages-sub] #event_fixed {
  bottom: 72px
}

body[data-page=events-sub-chat] #event_fixed {
  bottom: 0
}

.ex_buttons .btn_ex img {
  width: auto;
  height: 16px
}

.ex_buttons .btn_ex+.btn_ex {
  margin-top: 15px
}

.ex_buttons .btn_ex.fees_1on1::after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#modal_image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000000;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background-color: rgba(255, 255, 255, .9)
}

#modal_image img {
  max-width: 100%
}

#modal_image.flex_top {
  align-items: flex-start
}

nav.hide {
  transform: translateY(100%)
}

.password_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.password_box .chk_visible+label {
  min-width: 60px;
  height: auto !important;
  margin-left: 15px;
  padding: 8px 0;
  display: block;
  order: 2;
  text-align: center;
  background-color: #3dbaeb;
  border-radius: 5px
}

.password_box .chk_visible+label::before {
  content: "表示";
  padding: 0 !important;
  position: static !important;
  background-color: transparent !important
}

.password_box .chk_visible:checked+label {
  background-color: red
}

.password_box .chk_visible:checked+label::before {
  content: "非表示"
}

.password_box input[name=password] {
  width: auto !important;
  margin-top: 0 !important;
  flex: 1
}

.password_box input[name=password]+span {
  width: 100%;
  display: block;
  margin-top: 5px;
  order: 3
}

.password_box input[name=password]+span::before {
  margin-right: 5px;
  font-weight: 700;
  font-family: "Font Awesome 5 Free"
}

.password_box input[name=password]+span.weak {
  color: red
}

.password_box input[name=password]+span.weak::before {
  content: ""
}

.password_box input[name=password]+span.normal {
  color: #00f
}

.password_box input[name=password]+span.normal::before {
  content: ""
}

.password_box input[name=password]+span.strong {
  color: green
}

.password_box input[name=password]+span.strong::before {
  content: ""
}

article.events,
article.footstamps,
article.related {
  background-color: #f0f0f0
}

.ptr--ptr {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  background-color: #3db5e6
}

.ptr--ptr .ptr--icon,
.ptr--ptr .ptr--text {
  color: #fff
}

.ptr--ptr .ptr--text {
  font-size: 12px
}

#loginWrap .notfound_wrapper p {
  margin: 0 -30px;
  color: red;
  border-color: red
}

#line_version_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  background-color: rgba(255, 255, 255, .9)
}

#line_version_wrapper .box {
  padding: 0 30px
}

#line_version_wrapper .notice_wrapper {
  margin-bottom: 30px
}

#line_version_wrapper .notice_wrapper .notice_box {
  padding-left: 40px;
  position: relative;
  line-height: 1.6;
  font-size: calc(100vw / 750 * 28);
  border-color: #a00
}

#line_version_wrapper .notice_wrapper .notice_box i {
  position: absolute;
  top: 12px;
  left: 15px;
  color: #a00
}

#line_version_wrapper .notice_wrapper p {
  padding: 0;
  border: 0
}

#line_version_wrapper .notice_wrapper p span {
  color: #a00;
  font-weight: 700;
  text-decoration: underline
}

@supports (-webkit-touch-callout:none) {

  article#page_login,
  article#page_signin,
  article#page_signup {
    min-height: -webkit-fill-available
  }
}

article#page_signin,
article#page_signup,
article#page_telephone {
  flex-direction: column;
  justify-content: flex-start
}

article#page_login #helloWrap,
article#page_login #loginWrap,
article#page_signin #helloWrap,
article#page_signin #loginWrap,
article#page_signup #helloWrap,
article#page_signup #loginWrap,
article#page_telephone #helloWrap,
article#page_telephone #loginWrap {
  min-width: 255px;
  padding-bottom: 120px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

article#page_login #helloWrap h1,
article#page_signin #helloWrap h1,
article#page_signin #loginWrap h1,
article#page_signup #helloWrap h1,
article#page_signup #loginWrap h1,
article#page_telephone #helloWrap h1,
article#page_telephone #loginWrap h1 {
  margin-top: 0 !important
}

article#page_signin #login_buttons a.btn_cast,
article#page_signup #login_buttons a.btn_cast,
article#page_telephone #login_buttons a.btn_cast {
  display: block;
  background-color: #3db5e6
}

article#page_login .buttons,
article#page_signin .buttons,
article#page_signup .buttons,
article#page_telephone .buttons {
  padding-top: 20px;
  overflow: hidden
}

article#page_login p.error,
article#page_signin p.error,
article#page_signup p.error,
article#page_telephone p.error {
  width: 100%;
  margin: 15px 0 0 28px;
  display: flex;
  color: #a00;
  line-height: 20px !important;
  text-align: left
}

article#page_login p.error i,
article#page_signin p.error i,
article#page_signup p.error i,
article#page_telephone p.error i {
  width: 20px;
  position: relative;
  top: 3px
}

article#page_login p.error span,
article#page_signin p.error span,
article#page_signup p.error span,
article#page_telephone p.error span {
  display: block;
  flex: 1
}

article#page_login p.error.hide,
article#page_signin p.error.hide,
article#page_signup p.error.hide,
article#page_telephone p.error.hide {
  display: none
}

article#page_login #loginWrap {
  padding-top: 90px
}

@media screen and (max-width:374px) {
  article#page_login #loginWrap {
    padding-top: 60px
  }
}

article#page_login #loginWrap p.error {
  margin-left: 0
}

article#page_signin #loginWrap {
  padding: 0;
  justify-content: center
}

#btn_deleted_form {
  margin-top: 30px;
  padding: 10px 0;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 5px
}

#form_signup div+div {
  margin-bottom: 30px;
  flex-wrap: wrap
}

#form_signup div+div div::before,
#form_signup div+div::before {
  display: none !important
}

#form_signup div strong {
  width: 100%;
  margin-bottom: 10px;
  display: block
}

#page_signup #helloWrap {
  padding-top: 60px
}

@media screen and (max-width:374px) {
  #page_signup #helloWrap {
    padding-top: 30px
  }
}

#page_signup #form_signup {
  width: calc(100% + 40px);
  margin: 0 -20px;
  overflow: hidden
}

#page_signup #form_signup .buttons::before,
#page_signup #form_signup .form_item::before {
  display: none !important
}

#page_signup #form_signup .form_item {
  flex-wrap: wrap;
  justify-content: space-between !important
}

#page_signup #form_signup .form_item strong {
  width: 100px;
  margin-bottom: 0;
  display: flex
}

#page_signup #form_signup .form_item strong i {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center
}

#page_signup #form_signup .form_item input,
#page_signup #form_signup .form_item select {
  width: 160px;
  padding: 5px 10px !important;
  font-size: 16px;
  background-color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 3px !important;
  transition: all, .3s
}

#page_signup #form_signup .form_item input.error,
#page_signup #form_signup .form_item select.error {
  color: #a00;
  background-color: rgba(170, 0, 0, .2) !important;
  border-color: #a00 !important
}

#page_signup #form_signup .form_item select {
  height: auto !important;
  margin: 0 !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  transform: none !important
}

#page_signup #form_signup .form_item+.form_item {
  margin: 15px 0 0
}

#page_signup #form_signup .buttons {
  margin: 0 20px;
  display: block !important
}

#page_signup #form_signup .buttons #btn_login_by_line {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  border: 0
}

#modal-sms_failed,
#modal-verify_tel,
#modal-wait {
  display: flex;
  flex-direction: column;
  align-items: center
}

.birthdate_selection select+select {
  margin-left: 10px
}

#page_telephone {
  padding: 0 !important
}

section#telephone {
  min-height: 100vh !important;
  margin-bottom: 0 !important;
  padding: 70px 20px 8vh
}

section#telephone #form_login {
  display: flex;
  flex-direction: column;
  align-items: center
}

section#telephone #form_login input {
  width: 100%;
  line-height: 2
}

section#telephone #form_login input.error {
  color: #a00;
  background-color: rgba(170, 0, 0, .2) !important;
  border-color: #a00 !important
}

section#telephone #form_login p.error {
  margin: 15px 0 0 !important
}

section#telephone #form_login #btn_login_by_tel {
  width: 220px !important;
  margin: 30px auto !important
}

section#telephone p.ex {
  margin-bottom: 30px;
  line-height: 1.6
}

section#certification p.ex {
  margin-bottom: 0;
  line-height: 1.6
}

section#certification p.ex span {
  font-weight: 700
}

section#certification p.small {
  margin: 5px 0 30px;
  font-size: 14px
}

section#certification .form_item+.form_item {
  margin-top: 30px
}

section#certification input {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  transition: all, .3s
}

section#certification input.error {
  background-color: rgba(170, 0, 0, .2);
  border-color: #a00
}

section#certification .tel_codes {
  display: flex;
  justify-content: space-between
}

section#certification .tel_codes input {
  width: 100%;
  height: 40px;
  padding: 5px;
  text-align: center;
  font-size: 16px
}

section#certification input[name=name] {
  width: 100%;
  height: 40px;
  padding: 5px
}

section#certification p.error {
  color: #a00
}

#modal-line_inactivate .buttons {
  display: flex;
  justify-content: space-between
}

#modal-line_inactivate .buttons button {
  background-color: #3dbaeb
}

#modal-line_inactivate .buttons a {
  padding: 5px 10px;
  display: block;
  color: #fff;
  background-color: #3db5e6;
  border-radius: 5px
}

#latest_event th::before {
  text-align: center
}

#latest_event tr:nth-child(2) th::before {
  content: "";
  width: 20px;
  margin-right: 5px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free"
}

article.home .ex_buttons {
  padding-bottom: 5px;
  background-color: #fff
}

#latest_event #latest_event_items,
#latest_event #list_tabs {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: flex
}

#latest_event #latest_event_items li,
#latest_event #list_tabs li {
  margin-bottom: 0;
  padding-bottom: 0;
  display: block
}

#latest_event #list_tabs {
  margin-bottom: 0 !important;
  justify-content: space-between
}

#latest_event #list_tabs li {
  width: 49% !important
}

#latest_event #list_tabs a {
  color: #837663 !important;
  background-color: #fff !important;
  border-radius: 5px 5px 0 0 !important;
  height: 40px
}

#latest_event #list_tabs a.active {
  color: #fff !important;
  background-color: #3db5e6 !important
}

#latest_event #latest_event_items {
  display: block !important
}

#latest_event #latest_event_items li {
  width: 100%;
  margin-top: 10px
}

#latest_event #latest_event_items li.notfound_wrapper {
  display: flex
}

.btn_fees {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  background-color: #3dbaeb;
  border-radius: 10px
}

.btn_fees.fees_1on1 {
  background-color: #ff8ab1
}

section.findWrap p+button[data-app=find-switch] {
  padding: 5px 10px;
  color: #fff;
  background-color: #3db5e6;
  border: 0
}

.footstamps_user {
  margin-bottom: 10px !important;
  padding: 0 !important
}

.footstamps_user+.footstamps_user {
  margin-top: 10px
}

.footstamps_user a {
  color: #000
}

.footstamps_user .timestamp {
  padding-top: 30px !important
}

.footstamps_user .like_button {
  width: calc(100% - 80px);
  height: 40px;
  margin: 0 0 10px 80px;
  position: static
}

.footstamps_user .like_button button.btn_app {
  border: 2px solid #aaa;
  border-radius: 5px
}

.footstamps_user .like_button button.btn_app img {
  width: 60px;
  margin-bottom: 0
}

.footstamps_user .like_button button.btn_app .gif_like,
.footstamps_user .like_button button.btn_app .png_liked {
  top: -12px;
  left: auto;
  margin-left: -20px
}

.footstamps_user .like_button button.btn_app span {
  width: 50px;
  margin-left: -10px;
  position: static;
  font-size: 14px
}

.like_button {
  width: 60px;
  height: 60px;
  position: absolute
}

.like_button button.btn_app {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border: 0
}

.like_button button.btn_app img {
  width: 100px;
  max-width: none;
  margin-bottom: 10px
}

.like_button button.btn_app .gif_like,
.like_button button.btn_app .png_liked {
  position: absolute;
  top: -25px;
  left: -20px
}

.like_button button.btn_app .png_liked {
  opacity: 0
}

.like_button button.btn_app .png_liked.with_animation {
  transition-property: opacity;
  transition-duration: 0s
}

.like_button button.btn_app.liked {
  border-color: #e02556
}

.like_button button.btn_app.liked .png_like {
  opacity: 0
}

.like_button button.btn_app.liked .png_liked {
  opacity: 1
}

.like_button button.btn_app.liked p,
.like_button button.btn_app.liked span {
  color: #e02556
}

#guest_profile {
  margin-bottom: 30px
}

#guest_profile #latest_logged {
  margin: 0 0 5px !important
}

#guest_profile h1 {
  margin: 0
}

.proof_income {
  margin: 0 5px 0 auto;
  padding: 2px 5px;
  color: #fff;
  line-height: 18px;
  font-size: 12px;
  word-break: keep-all;
  background-color: #3db5e6;
  border-radius: 5px
}

.action_box {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000
}

.action_box::after,
.action_box::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.action_box::before {
  background-color: rgba(0, 0, 0, .5)
}

.action_box div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px;
  width: 80%;
  margin: auto;
  flex-direction: column;
  border-radius: 5px;
  position: relative;
  padding-top: 30px
}

.action_box div p,
.action_box div strong {
  text-align: center
}

.action_box div strong {
  margin: 0 auto 10px;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 500
}

.action_box div p {
  width: 100%;
  margin: 0 0 15px
}

.action_box div p span {
  font-size: 14px
}

.action_box div p.today {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  margin-bottom: 5px;
  flex-direction: row !important
}

.action_box div p.today::before {
  content: url(../images/common/icon_timer_black.svg);
  margin-right: 5px
}

.action_box div button,
.action_box div label {
  width: auto;
  height: auto;
  padding: 5px 10px;
  border-radius: 5px
}

.action_box div label {
  margin: 0 0 0 15px;
  color: #fff;
  background-color: #3db5e6
}

.action_box div label.action_close {
  background-color: #fff !important;
  width: fit-content;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px
}

.action_box div button {
  margin: 0 15px 0 0;
  color: #fff;
  border: 0;
  height: 40px;
  font-weight: 200;
  font-size: .9rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.action_box div button::before {
  content: url(../images/common/icon_1on1_white.svg);
  margin-right: 5px
}

#start_box button {
  background-color: #3db5e6 !important
}

#completed_box p {
  display: flex;
  flex-direction: column
}

#completed_box span {
  display: block
}

#completed_box span.notice {
  margin: 20px auto 0;
  padding-left: 1em;
  position: relative;
  text-align: left;
  line-height: 1.5;
  font-size: .7rem
}

#completed_box span.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

#completed_box button {
  background-color: #e24b6e !important
}

#chk_completed:checked~#completed_box,
#chk_start:checked~#start_box {
  display: flex
}

[id^=chk_completed]:checked~[id^=completed_box] {
    display: flex
}

#imgSend {
  display: none !important
}

#massageSubWrap.blur {
  filter: blur(10px);
  height: calc(100vh - 8vh - 70px);
  position: relative;
  top: 8vh
}

#massageSubWrap.blur::before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: #fff
}

#massageSubWrap.blur #messages_body {
  min-height: calc(30vh) !important;
  margin-top: 0
}

#video_chat {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000
}

#video_chat video {
  width: 100%;
  height: 100%;
  position: relative
}

#video_chat .local-stream,
#video_chat .remote-stream {
  position: absolute;
  overflow: hidden
}

#video_chat .local-stream video,
#video_chat .remote-stream video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 5px
}

#video_chat .remote-stream {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000
}

#video_chat .local-stream {
  width: 90px;
  height: 160px;
  top: 70px;
  left: 10px;
  background-color: #000;
  border-radius: 5px
}

#btn_video_end,
#video_limit {
  position: fixed;
  z-index: 10;
  color: #fff
}

#video_limit {
  padding: 10px 10px;
  right: 10px;
  left: 10px;
  top: 10px;
  line-height: 25px;
  background-color: #fff;
  border-radius: 20px;
  color: #3db5e6;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px
}

#video_limit::before {
  content: url(../images/common/time-blue.svg);
  position: relative;
  top: 2px
}

#video_limit.waiting {
  background-color: #fff
}

#video_limit.approaching {
  background-color: #fff
}

#video_limit:empty {
  display: none
}

#btn_video_end {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 30px;
  left: 0;
  right: 0;
  font-size: 20px;
  background-color: #ff8ab1;
  border: 0;
  border-radius: 100%
}

#btn_video_end i {
  display: none
}

#btn_video_end::before {
  content: url(../images/common/video_close.svg)
}

#messagesWrap.has_howto .events_member {
  margin-top: 10px;
  display: flex;
  align-items: center
}

#messagesWrap.has_howto .events_member ul {
  margin: 0;
  padding: 0;
  display: flex
}

#messagesWrap.has_howto .events_member ul li {
  width: 30px;
  height: 30px;
  padding: 0 !important;
  display: block;
  overflow: hidden;
  border-bottom: 0 !important;
  border-radius: 100%
}

#messagesWrap.has_howto .events_member ul li.cast {
  border: 1px solid #3db5e6
}

#messagesWrap.has_howto .events_member ul li.guest {
  border: 1px solid #3dbaeb
}

#messagesWrap.has_howto .events_member ul li+li {
  margin-left: 5px
}

#messagesWrap.has_howto .events_member ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#messagesWrap.has_howto .events_member .event_date,
#messagesWrap.has_howto .events_member .event_type {
  padding: 0 5px;
  display: block;
  color: #fff;
  font-size: 12px;
  border-radius: 5px
}

#messagesWrap.has_howto .events_member .event_type {
  margin: 0 5px;
  background-color: #3dbaeb
}

#messagesWrap.has_howto .events_member .event_type::before {
  content: "フリー"
}

#messagesWrap.has_howto .events_member .event_type.one_on_one {
  background-color: #3db5e6
}

#messagesWrap.has_howto .events_member .event_type.one_on_one::before {
  content: "1on1"
}

#messagesWrap.has_howto .events_member .event_date {
  background-color: #a00
}

#messagesWrap.has_howto .events_member .event_date.finished {
  background-color: #9b9b9b
}

#messagesWrap .message_item.dummy .message_content .date,
#messagesWrap .message_item.dummy .message_content .txt {
  height: 20px
}

#messagesWrap .message_item.dummy .message_content .date {
  width: 100px
}

#messagesWrap .message_item.dummy .message_content .name,
#messagesWrap .message_item.dummy .message_content .txt {
  margin-top: 3px
}

#messagesWrap .message_item.dummy .message_content .name {
  width: 200px;
  height: 30px
}

#messagesWrap .message_item.dummy .message_content .txt {
  width: 100%
}

#messagesWrap .message_item.dummy .events_member {
  display: none
}

#timeline_photos {
  padding-top: 15px
}

#timeline_photos .photo {
  position: relative
}

#timeline_photos .photo .btn_app {
  padding: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 1.2rem;
  background-color: red;
  border: 0;
  border-radius: 10px
}

#timeline_photos img {
  max-width: 100%
}

#timeline_photos .uploaded+.uploaded {
  margin-top: 15px
}

#wrtBtn i {
  margin-right: 5px
}

#line_linked {
  height: 50px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background-color: #1bb91f;
  border-radius: 5px
}

#line_linked p {
  margin-right: auto;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 13px
}

#line_linked p .line_name {
  max-width: 5em;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.myArea+a {
  margin-top: 30px;
  display: block
}

#list_tabs.events_tabs.admin {
  justify-content: flex-start
}

#list_tabs.events_tabs.admin li {
  width: 200px;
  margin-right: 10px
}

#list_tabs.events_tabs.admin li a {
  font-size: 14px
}

section#edit input[name=password],
section#edit input[name=password_old],
section#edit input[type=tel],
section#edit textarea {
  background-color: #f6f6f6
}

section#edit input[name=password],
section#edit input[name=password_old],
section#edit input[type=tel] {
  padding: 22px 10px !important
}

section#edit .edit_item input[name=password],
section#edit .edit_item input[name=password_old],
section#edit .edit_item input[type=number],
section#edit .edit_item input[type=tel] {
  width: calc(100vw / 375 * 210);
  margin-left: auto
}

section#edit .edit_item input[type=password].error {
  color: #a00 !important;
  background-color: rgba(170, 0, 0, .1) !important
}

section#edit .edit_item .birthdate_selection .select_box {
  width: 80px;
  margin-left: 3px
}

section#edit .edit_item .birthdate_selection .select_box:first-child {
  width: 105px;
  margin-left: 0
}

section#edit .edit_item#edit_item_password {
  position: relative
}

section#edit .edit_item #chk_visible+label {
  min-width: auto !important;
  margin: 0 !important;
  padding: 2px 5px;
  position: absolute;
  top: 12px;
  left: 85px;
  float: none !important;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 3px;
  transition: background-color, .3s
}

section#edit .edit_item #chk_visible+label::before {
  content: "表示";
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  background-color: transparent !important
}

section#edit .edit_item #chk_visible:checked+label {
  background-color: #000
}

section#edit .edit_item #chk_visible:checked+label::before {
  content: "隠す"
}

section#edit .edit_item p.error {
  padding: 5px 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  color: #a00;
  line-height: 1.6;
  font-size: 14px
}

section#edit .edit_item p.error i {
  position: relative;
  top: 4px;
  margin-right: 5px
}

section#edit .edit_item p.error span {
  display: block;
  flex: 1
}

section#edit .edit_item p.error.hide {
  display: none !important
}

section#edit .input_wrap .uploading {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff
}

section#edit .input_wrap .uploading .loader,
section#edit .input_wrap .uploading .loader_wrapper {
  height: 100%
}

section#edit .input_wrap .uploading span,
section#edit .input_wrap .uploading span::before {
  margin: auto;
  bottom: 0;
  right: 0
}

section#edit form {
  padding-bottom: 50px
}

header #btn_preview.controller.hide {
  display: none !important
}

#modal-saved {
  display: flex;
  flex-wrap: wrap
}

#modal-saved p {
  width: 100%
}

#modal-saved button[data-app=account-close] {
  background-color: red
}

#modal-saved button[data-app=account-close]+button {
  margin-left: auto
}

.has_no_photos {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: red;
  border-radius: 5px
}

.has_no_photos i {
  margin-right: 15px
}

.future_points span {
  margin-right: 5px;
  font-size: 12px
}

#event_items_wrapper form strong {
  margin-bottom: 5px;
  display: block
}

#event_items_wrapper form input {
  padding: 5px;
  border: 1px solid #3db5e6;
  border-radius: 5px
}

#event_items_wrapper form input[name=name] {
  width: 100%
}

#event_items_wrapper form select {
  width: 100%;
  height: 30px
}

#event_items_wrapper form .btn_app {
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px
}

#event_items_wrapper form div.pref {
  padding: 15px 0
}

#event_items_wrapper form button[type=submit] {
  width: 100%;
  margin-top: 30px;
  padding: 10px 0;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px
}

#event_items_wrapper form .cancelled {
  margin-top: 20px
}

#event_items_wrapper form .cancelled label {
  display: flex;
  align-items: center;
  cursor: pointer
}

#event_items_wrapper form .cancelled label i,
#event_items_wrapper form .cancelled label span {
  opacity: .5;
  transition: all, .3s
}

#event_items_wrapper form .cancelled label i {
  margin-right: 10px;
  padding: 5px;
  color: #a00;
  border: 1px solid #a00;
  border-radius: 5px
}

#event_items_wrapper form .cancelled label span {
  color: #a00
}

#event_items_wrapper form .cancelled input:checked~i,
#event_items_wrapper form .cancelled input:checked~span {
  opacity: 1
}

#event_items_wrapper form .cancelled input:checked~i {
  color: #fff;
  background-color: #a00
}

#event_items_wrapper form .cancelled input:checked~span {
  font-weight: 700
}

.feeling_item.applicable {
  background-color: red !important
}

.btn_tabelog,
.place_detail a {
  word-break: break-all
}

#event_detail {
  margin-bottom: 60px
}

#event_detail .icon {
  width: 50px;
  display: inline-block
}

#event_detail .icon img {
  max-width: 100%
}

#event_detail th.cancelled {
  color: #fff !important;
  background-color: #a00 !important;
  padding: 5px !important;
  margin-right: 15px !important
}

#event_detail th.cancelled~td {
  color: #a00;
  font-size: 20px;
  font-weight: 700
}

#admin_event_result,
#event_result {
  margin-bottom: 30px
}

#admin_event_result .event_cast+.event_cast,
#admin_event_result .event_guest,
#event_result .event_cast+.event_cast,
#event_result .event_guest {
  margin-top: 30px
}

#admin_event_result .event_user,
#event_result .event_user {
  padding: 2px;
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 27px
}

#admin_event_result .event_user .icon,
#admin_event_result .event_user strong,
#event_result .event_user .icon,
#event_result .event_user strong {
  display: block
}

#admin_event_result .event_user .icon,
#event_result .event_user .icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%
}

#admin_event_result .event_user .icon img,
#event_result .event_user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#admin_event_result .event_user strong,
#event_result .event_user strong {
  margin-left: 10px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.feeling_items span.notfound {
  width: 100%;
  display: block;
  text-align: center
}

.event_user a,
.event_user div {
  display: flex
}

.event_user a .icon,
.event_user div .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 100%
}

.event_user a .icon img,
.event_user div .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.event_user a .icon {
  border-color: #3db5e6
}

.event_user a strong {
  color: #3db5e6
}

.event_user+.event_user {
  margin-top: 15px
}

#event_detail .place_detail a,
#event_detail .place_detail strong {
  text-align: left;
  color: #3db5e6
}

#event_detail .place_detail p {
  text-align: center;
  font-weight: 700
}

#event_detail .place_detail p a {
  margin-top: 10px;
  font-weight: 400
}

#event_detail .event_user a,
#event_detail .event_user div {
  justify-content: center;
  align-items: center
}

#event_detail .event_user a strong,
#event_detail .event_user div strong {
  margin-left: 15px
}

#event_detail .event_user button {
  margin-left: 15px;
  padding: 5px;
  color: #fff;
  background-color: red;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#event_comments .event_user a,
#event_comments .event_user div {
  flex-direction: column;
  align-items: flex-end
}

#event_comments .event_user a strong,
#event_comments .event_user div strong {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400
}

#event_comments p {
  margin: 0;
  word-break: break-all
}

.event_notice_wrapper {
  display: flex;
  justify-content: center
}

.event_notice_wrapper .event_notice {
  padding: 8px 10px;
  display: flex;
  color: #fff;
  border-radius: 10px
}

.event_notice_wrapper i {
  min-width: 25px;
  display: block
}

.event_notice_wrapper.completed .event_notice,
.event_notice_wrapper.matched .event_notice {
  background-color: #3db5e6
}

.event_notice_wrapper.cancelled .event_notice,
.event_notice_wrapper.unjoin .event_notice {
  background-color: #000
}

.event_notice_wrapper.confirm .event_notice {
  background-color: #3dbaeb
}

.event_notice_wrapper.confirm+.event_notice_message {
  border-color: #3db5e6
}

.event_notice_wrapper.confirm+.event_notice_message .btn_cancel {
  background-color: #000 !important
}

.event_notice_wrapper.confirm+.event_notice_message button+button {
  margin: 15px 0 10px
}

.event_notice_wrapper.wait .event_notice {
  background-color: red
}

.event_notice_message a {
  color: red !important;
  text-decoration: underline
}

.event_item a {
  display: block;
  color: #000
}

.event_item_box,
.event_item_status {
  padding-bottom: 0 !important;
  display: flex !important;
  border-bottom: 0 !important
}

.event_item_box {
  margin-bottom: 0 !important
}

.event_item_box+.event_item_box {
  margin-top: 15px
}

.event_item_box span,
.event_item_box strong {
  padding: 5px 0;
  display: block
}

.event_item_box strong {
  width: 85px;
  min-width: 85px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background-color: #555;
  border-radius: 5px
}

.event_item_box span {
  flex: 1
}

.event_item_box ul {
  margin-top: 0 !important
}

.event_item_status {
  margin-bottom: 15px !important
}

.event_item_status p {
  margin: 0 !important;
  padding: 5px 10px !important;
  color: #fff;
  border-radius: 5px
}

.event_item_status p.untreated {
  background-color: red
}

.event_item_status p.treated {
  background-color: #3dbaeb
}

.event_item_status p.finished {
  background-color: #3db5e6
}

.event_item_status p.unmatched {
  background-color: #000
}

.event_item_status p.one_on_one {
  margin-right: 15px !important;
  color: red;
  background-color: #fff;
  border: 1px solid red
}

#waiting {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999999;
  background-color: rgba(255, 255, 255, .8)
}

#waiting p {
  line-height: 1.5;
  color: red;
  font-weight: 700
}

article.events-sub-chat {
  background-color: #fff
}

#willclose~main .chat_wrapper,
#willclose~main article.events-sub-chat {
  min-height: 100vh
}

#chat_unavailable p {
  margin-top: 20px;
  padding-left: calc(20px + 1em);
  position: relative;
  line-height: 1.6
}

#chat_unavailable p i {
  position: absolute;
  top: 11px;
  left: 15px
}

#chat_unavailable p span {
  display: block
}

#chat_unavailable p span.notice {
  position: relative;
  font-size: 14px
}

#chat_unavailable p span.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: calc(-1em - 5px)
}

.chat_button {
  margin: 30px 0
}

.chat_button a {
  width: 100%;
  padding: 10px;
  display: block;
  text-align: center;
  color: #fff !important;
  background-color: #3dbaeb;
  border-radius: 10px
}

#latest_event th.guest::before {
  content: "" !important
}

#latest_event th::after {
  top: 5px;
  right: 10px !important
}

#latest_event a {
  display: flex !important;
  justify-content: center;
  align-items: center
}

#latest_event a span {
  margin-left: 10px
}

.event_items_cast .fas.hide {
  display: none
}

.find_buttons {
  display: flex
}

.find_buttons a {
  margin-right: 15px;
  color: #000
}

.event_item_cast .event_item_cast_header .event_item_cast_nominated {
  margin-bottom: 0 !important
}

.event_item_cast .event_item_cast_header .event_item_cast_header_box {
  padding-top: 20px !important;
  position: relative;
  overflow: hidden
}

.event_item_cast .event_item_cast_header .event_item_cast_header_box .event_joined {
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0 0 3px 2px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  top: -50px;
  right: -50px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  background-color: #3dbaeb;
  transform: rotate(45deg)
}

.event_item_cast .event_item_cast_header .event_item_cast_header_box .event_start_range {
  margin: 0 0 10px
}

.event_item_cast_body_note {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.event_item_cast_body_note i {
  margin-right: 5px
}

.event_item_cast_body_note span {
  display: block;
  font-size: .9rem
}

.event_item_cast_body_note p {
  width: 100%;
  margin: 10px 0 15px;
  font-size: 14px
}

nav #globalMenu {
  align-items: normal !important
}

nav #globalMenu a {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative
}

nav #globalMenu a::before {
  position: relative;
  top: -5px
}

nav #globalMenu a .txt {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 14%;
  left: 0;
  text-align: center
}

nav #globalMenu a.unread #count_home {
  width: 18px;
  height: 18px;
  padding: 1px 0 0;
  display: block;
  position: absolute;
  top: -16px;
  right: 5px;
  color: #fff;
  font-size: .8rem;
  background-color: #3db5e6;
  border-radius: 50%
}

nav #globalMenu a.active2.unread #count_home {
  background-color: #ff8ab1
}

#notifications .notification .notification_content .notification_body {
  color: #000
}

#notifications .notification .notification_content span.dib {
  display: inline-block !important
}

#notifications .notification .notification_content span.dib.one_on_one,
#notifications .notification .notification_content span.dib.priority {
  margin-right: 5px;
  padding: 0 5px;
  color: #fff !important;
  border-radius: 5px
}

#notifications .notification .notification_content span.dib.one_on_one {
  background-color: red
}

#notifications .notification .notification_content span.dib.priority {
  background-color: #3db5e6
}

#unitprice_max_wrapper {
  display: flex;
  justify-content: center
}

#unitprice_max_wrapper span {
  padding: 5px 10px;
  color: #fff;
  font-size: 20px;
  background-color: #3db5e6;
  border-radius: 5px
}

.birthdate_selection {
  margin-bottom: 0 !important;
  display: flex;
  justify-content: space-between
}

.birthdate_selection select+select {
  margin-left: 10px
}

.birthdate_selection+label {
  padding-bottom: 10px;
  float: none !important
}

#pay_request_wrapper .box p {
  margin-bottom: 30px
}

#pay_request_wrapper .box p.notice {
  font-size: 12px
}

#pay_request_wrapper .box.now,
#pay_request_wrapper .box.usual {
  display: none
}

#pay_request_wrapper #chk_pay_request_now:checked~.box.now,
#pay_request_wrapper #chk_pay_request_usual:checked~.box.usual {
  display: block
}

#pay_request_wrapper .pay_notice {
  margin-bottom: 15px;
  text-align: center
}

#pay_request_wrapper a.pay_notice {
  display: block;
  color: #3dbaeb;
  text-decoration: underline
}

#pay_request_wrapper p.pay_notice {
  color: #a00
}

#casts_paid {
  width: 100%;
  border-collapse: collapse
}

#casts_paid td,
#casts_paid th {
  width: 50%;
  padding: 10px 0;
  border: 1px solid #000
}

#casts_paid th {
  color: #fff;
  background-color: #3db5e6
}

#casts_paid td {
  text-align: center
}

#casts_paid td.date {
  color: #fff;
  background-color: #3dbaeb
}

#modal-pay_request p {
  margin: 15px 0;
  display: none;
  color: #fff
}

#modal-pay_request.requested {
  background-color: #3db5e6
}

#modal-pay_request.requested button,
#modal-pay_request.requested span {
  display: none
}

#modal-pay_request.requested p {
  display: block
}

#has_event {
  display: flex;
  flex-direction: column;
  align-items: center
}

#has_event strong.points {
  margin-bottom: 15px;
  padding: 5px 5px 2px;
  color: #fff !important;
  background-color: #3db5e6;
  border-radius: 5px
}

#has_event .notice_wrapper {
  display: flex;
  flex-direction: column
}

#has_event p {
  padding-top: 8px !important;
  display: flex !important;
  line-height: 1.6;
  color: #a00;
  border-color: #a00
}

#has_event p i::before,
#has_event p span {
  display: block
}

#has_event p i::before {
  margin-top: 3px
}

input[type=range]+#has_event {
  margin-top: 15px
}

#event_controller {
  margin-top: 15px;
  border: 1px solid #3db5e6
}

#event_controller .btn_status {
  width: 100%;
  padding: 10px;
  display: block;
  color: #fff;
  background-color: #3db5e6;
  border-radius: 10px
}

#event_controller .startdate {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background-color: #3db5e6
}

#event_controller .event_counter {
  margin: 0 0 15px;
  padding: 15px;
  text-align: center;
  font-size: 200%;
  font-weight: 700
}

#event_controller .event_timer_area {
  max-width: 80%;
  margin: 0 auto 15px
}

#event_controller .completed_box label {
  width: 100%;
  padding: 10px;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 10px
}

#event_controller .completed_box.confirm {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between
}

#event_controller .completed_box.confirm p {
  width: 100%;
  margin: 0 0 15px
}

#event_controller .completed_box.confirm button,
#event_controller .completed_box.confirm label {
  width: 48%
}

#event_controller .completed_box.confirm label {
  background-color: red
}

#event_controller #chk_completed:checked~.buttons {
  display: none
}

#event_controller #chk_completed:checked~.confirm {
  display: flex
}

#modal-completed.notice {
  color: #fff;
  background-color: red
}

.completed_item.hide {
  display: none
}

#event_wait {
  text-align: center;
  line-height: 1.5
}

#call.video p {
  font-size: 100%;
  font-weight: 400
}

#call.video p.notice {
  font-size: 14px
}

#call.video a {
  margin-top: 30px
}

article.home #scout .icon,
article.home #scout a {
  width: 150px;
  height: 200px;
  display: block
}

article.home #scout .icon {
  background-position: center center;
  background-size: cover
}

#card_for_calling a {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 10px
}

h1+.call_button_wrapper {
  margin-top: 30px
}

h1+.call_button_wrapper a,
section#call.one_on_one .nextBtn {
  height: 60px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px
}

#modal-prefs {
  padding: 5% 3%
}

#modal-prefs p {
  margin-bottom: 10px
}

#home_prefs li input:checked~span {
  color: #fff;
  background-color: #3db5e6
}

#call_class {
  display: none
}

#call ul li:last-child {
  display: flex;
  align-items: center
}

#call ul li:last-child label {
  margin-right: 10px
}

#call ul li:last-child label+input {
  padding: 5px;
  border: 1px solid #3db5e6
}

#call_notices {
  margin: 30px 0 15px
}

#call_notices ul {
  margin-bottom: 0 !important;
  transform: none !important
}

#call_when ul li:last-child,
#call_where ul li:last-child {
  width: 100% !important
}

#call_when #when_too_close {
  display: none
}

#call_when.too_close .selection_other span.label {
  color: #fff
}

#call_when.too_close .selection_other button span {
  color: #a00
}

#call_when.too_close #when_too_close {
  display: block
}

#when_too_close {
  text-align: center;
  color: #a00;
  font-size: 14px
}

#call_number .call_selections+p {
  padding-left: 1em;
  position: relative;
  line-height: 1.6;
  color: #a00;
  font-size: 14px
}

#call_number .call_selections+p::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

#scout .prThmb {
  margin-bottom: 30px !important
}

#scout .prThmb p {
  margin: 10px
}

#scout .prThmb .prInfo .age,
#scout .prThmb .prInfo .pref {
  color: #000
}

#event_confirm .hide {
  display: none !important
}

#btn_forward_feeling:disabled,
#btn_priority:disabled {
  opacity: .5;
  cursor: no-drop
}

.priority_chk_area {
  background-color: rgba(218, 165, 32, .15)
}

.priority_chk_area label {
  height: auto !important;
  padding-bottom: 10px !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  background-color: transparent !important
}

.priority_chk_area label p,
.priority_chk_area label span {
  color: #000 !important
}

.priority_chk_area label p {
  width: 100%;
  margin: 0 !important;
  padding: 5px 0 10px;
  text-align: center;
  font-size: 110%;
  font-weight: 700
}

.priority_chk_area label input {
  display: none !important
}

.priority_chk_area label span {
  display: inline !important
}

.priority_ex {
  line-height: 1.4
}

.priority_ex span {
  color: red;
  font-weight: 700
}

#call_note h2 i,
#call_place h2 i {
  width: 24px;
  text-align: center;
  color: #837663;
  font-size: 24px
}

#call_note .selection_other,
#call_place .selection_other {
  position: relative
}

#call_note .selection_other .examples {
  width: calc(100% - 20px);
  height: 20px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 15px;
  font-size: 12px
}

#call_note .selection_other .examples strong {
  font-weight: 400
}

#call_note .selection_other .examples strong::after {
  content: ":";
  margin: 0 5px
}

#call_note .selection_other .examples p {
  margin: 0;
  font-size: calc(100vw / 375 * 12)
}

#call_note .selection_other .examples ul,
#call_place .selection_other .examples ul {
  display: flex;
  transform: none !important;
  margin: 0;
  padding: 0
}

#call_note .selection_other .examples ul li,
#call_place .selection_other .examples ul li {
  width: auto !important;
  padding: 0 !important
}

#call_note .selection_other textarea:focus,
#call_place .selection_other textarea:focus {
  height: 120px
}

#call_place .notfound_wrapper {
  margin-top: 15px;
  display: none
}

#call_place .notfound_wrapper p {
  color: #a00;
  border-color: #a00
}

#call_place .selection_other.empty~.notfound_wrapper {
  display: flex
}

#call_note h2 span+span {
  font-size: 12px
}

#call.call_notices {
  line-height: 1.5
}

#call.call_notices ol,
#call.call_notices p {
  margin: 0;
  padding: 0
}

#call.call_notices ol {
  margin-bottom: 30px
}

#call.call_notices ol li {
  margin-top: 30px;
  display: block;
  counter-increment: cnt01
}

#call.call_notices ol li .has_number {
  padding-left: 1.5em;
  position: relative
}

#call.call_notices ol li .has_number::before {
  content: counter(cnt01) ".";
  position: absolute;
  top: 0;
  left: 0
}

#call.call_notices ol li h3 {
  margin: 0 0 10px
}

#call.call_notices a {
  border-radius: 10px;
  box-shadow: 5px 5px 0 rgba(218, 165, 32, .2)
}

h2.has_icon {
  display: flex;
  align-items: center;
  background-color: transparent !important
}

h2.has_icon img {
  width: 24px
}

.selection_other textarea {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  transition: all, .3s
}

.selection_other textarea:focus {
  height: 100px
}

.chk:checked~.selection_other {
  background-color: #3db5e6
}

.chk:checked~.selection_other .label {
  color: #fff
}

#call_where {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#call_where h2 {
  width: 100%;
  margin-bottom: 10px
}

#modal-hour,
#modal-number,
#modal-pref,
#modal-when {
  padding-bottom: 50px !important;
  display: flex;
  align-items: center
}

#modal-hour span,
#modal-number span,
#modal-pref span {
  color: #3db5e6;
  font-weight: 700
}

#modal-hour input,
#modal-hour select,
#modal-number input,
#modal-number select,
#modal-pref input,
#modal-pref select,
#modal-when select {
  height: 30px;
  margin-left: 15px;
  background-color: #fff;
  border: 1px solid #3db5e6
}

#modal-hour select,
#modal-number select,
#modal-pref select,
#modal-when select {
  width: 100px
}

#stations_list li label {
  display: block
}

.link_ogp {
  display: flex;
  align-items: center
}

.link_ogp .link_ogp_image {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #3db5e6;
  border-radius: 5px
}

.link_ogp .link_ogp_image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.link_ogp .link_ogp_title {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400
}

#place_ogp .notfound_wrapper {
  margin-top: 15px
}

#call_casts li label .icon {
  width: 60px;
  height: 60px;
  margin: 0 10px;
  overflow: hidden;
  border: 1px solid #3db5e6;
  border-radius: 100%
}

#call_casts li label .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#call_casts li label span {
  display: block;
  text-align: center;
  font-size: 12px
}

#call_casts li label span {
  color: #aaa
}

#call_casts li label span::after {
  content: "Pt";
  margin-left: 3px
}

#call_casts li label .chk:checked~strong {
  color: #fff;
  background-color: #ff8ab1
}

#call_casts li label .chk:disabled~.icon,
#call_casts li label .chk:disabled~span,
#call_casts li label .chk:disabled~strong {
  opacity: .5
}

#call_casts_unselected.hide {
  display: none
}

#call_casts_notices {
  line-height: 1.6;
  font-size: 14px
}

#call_casts_notices p {
  margin: 0;
  padding-left: 1em;
  position: relative
}

#call_casts_notices p::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

#call_casts_notices p.red {
  color: #a00
}

#call_casts:empty~#call_casts_notices {
  display: none
}

#call_terms a {
  color: #a00;
  font-size: 16px;
  text-decoration: underline
}

#call_terms label+label {
  margin-top: 10px
}

#btn_call_card,
#btn_call_shortage {
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  background-color: #3dbaeb;
  box-shadow: 5px 5px 0 rgba(61, 186, 235, .2);
  border: 0;
  border-radius: 10px
}

#btn_call_card img,
#btn_call_confirm img,
#btn_call_shortage img {
  width: 86px
}

#btn_call_card:disabled,
#btn_call_confirm:disabled,
#btn_call_shortage:disabled {
  opacity: .5
}

#btn_call_card+p,
#btn_call_shortage+p {
  margin: 0;
  padding-bottom: 30px;
  text-align: center;
  color: #a00;
  font-size: 14px
}

#call.one_on_one #call_number,
#call.one_on_one #call_priority button,
#call.one_on_one #call_where {
  display: none
}

#call.one_on_one h1+p {
  margin-top: 20px
}

#call.one_on_one p {
  margin: 0;
  line-height: 1.5
}

#call.one_on_one p+p.notice {
  margin-top: 5px
}

#call.one_on_one .list_box li+li {
  margin-top: 15px
}

#call.one_on_one .list_box+p {
  margin: 15px 0 30px
}

#btn_call_card.hide,
#btn_call_shortage.hide,
#event_cant_create.hide,
#event_create.hide {
  display: none
}

#event_cant_create {
  text-align: center;
  color: #a00
}

#event_cant_create span {
  display: block
}

#event_create.not_checked {
  position: relative
}

#event_create.not_checked::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0)
}

#event_create.not_checked p {
  position: relative;
  z-index: 0
}

#globalMenu.is_shortage {
  justify-content: space-between;
  align-items: center !important
}

#globalMenu.is_shortage a {
  display: none !important
}

#globalMenu.is_shortage a[href="/messages"] {
  height: 100%;
  display: flex !important
}

#globalMenu.is_shortage a.btn_points_shortage {
  margin-right: 10px;
  padding: 10px 15px;
  display: block !important;
  color: #fff;
  font-size: 14px;
  background-color: #a00;
  border-radius: 10px
}

#find_content_lv1 .points {
  display: flex
}

#find_content_lv1 .points .points_max,
#find_content_lv1 .points .points_min {
  width: calc((100% - 20px)/ 2);
  text-align: center
}

#find_content_lv1 .points span {
  width: 20px;
  display: block
}

#find_content_lv1 .points p {
  margin: 0 0 10px
}

#points_shortage_wrapper {
  margin-top: 30px
}

#points_shortage_wrapper .notfound_wrapper {
  margin-bottom: 15px
}

#points_shortage_wrapper .notfound_wrapper p {
  display: flex;
  line-height: 1.6;
  color: #a00;
  border-color: #a00
}

#points_shortage_wrapper .notfound_wrapper p i {
  min-width: 20px;
  position: relative;
  top: 3px
}

#points_shortage_wrapper .notfound_wrapper p span {
  display: block;
  flex: 1
}

#points_shortage_wrapper a {
  width: 100%;
  padding: 15px 0;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #a00;
  border-radius: 10px
}

#modal-no_card {
  background-color: #fff
}

#modal-no_card p,
#modal-no_card strong {
  text-align: center;
  line-height: 1.6
}

#modal-no_card strong {
  margin-bottom: 15px;
  display: block
}

#modal-no_card ul {
  display: flex;
  justify-content: center;
  align-items: center
}

#modal-no_card ul li {
  margin: 0 !important;
  display: flex;
  align-items: center;
  background-color: #fff
}

#modal-no_card ul li+li {
  margin-left: 10px !important
}

#modal-no_card ul img {
  width: 40px
}

#modal-no_card .buttons {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

#modal-no_card .buttons button:nth-child(1) {
  background-color: #a39c9c;
  padding: 10px
}

#modal-no_card .buttons button:nth-child(2) {
  padding: 10px
}

#modal-no_card.open~#modal_bg {
  display: none
}

#btn_image_choise {
  display: block;
  top: 17px;
  left: 17px;
  margin: 0 20px
}

#btn_image_choise i::before {
  content: url(../images/common/images.svg)
}

#btn_image_choise+#btnImg {
  display: none
}

#modal-gifts .buttons,
#modal-gifts_disabled .buttons,
#modal-gifts_shortage .buttons,
#modal-images .buttons {
  display: flex;
  justify-content: space-between
}

#modal-gifts .buttons button,
#modal-gifts .buttons label,
#modal-gifts_disabled .buttons button,
#modal-gifts_disabled .buttons label,
#modal-gifts_shortage .buttons button,
#modal-gifts_shortage .buttons label,
#modal-images .buttons button,
#modal-images .buttons label {
  height: 30px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 0;
  border-radius: 5px
}

#modal-gifts .buttons button:disabled,
#modal-gifts .buttons label:disabled,
#modal-gifts_disabled .buttons button:disabled,
#modal-gifts_disabled .buttons label:disabled,
#modal-gifts_shortage .buttons button:disabled,
#modal-gifts_shortage .buttons label:disabled,
#modal-images .buttons button:disabled,
#modal-images .buttons label:disabled {
  opacity: .5;
  cursor: no-drop
}

#modal-gifts .buttons button.hide,
#modal-gifts .buttons label.hide,
#modal-gifts_disabled .buttons button.hide,
#modal-gifts_disabled .buttons label.hide,
#modal-gifts_shortage .buttons button.hide,
#modal-gifts_shortage .buttons label.hide,
#modal-images .buttons button.hide,
#modal-images .buttons label.hide {
  display: none
}

#modal-gifts .buttons .btn_gift,
#modal-gifts .buttons .btn_gift_send,
#modal-gifts_disabled .buttons .btn_gift,
#modal-gifts_disabled .buttons .btn_gift_send,
#modal-gifts_shortage .buttons .btn_gift,
#modal-gifts_shortage .buttons .btn_gift_send,
#modal-images .buttons .btn_gift,
#modal-images .buttons .btn_gift_send {
  background-color: #3db5e6
}

#modal-gifts .buttons .btn_gift_send,
#modal-gifts_disabled .buttons .btn_gift_send,
#modal-gifts_shortage .buttons .btn_gift_send,
#modal-images .buttons .btn_gift_send {
  padding: 0 15px
}

#modal-gifts .buttons .btn_image,
#modal-gifts_disabled .buttons .btn_image,
#modal-gifts_shortage .buttons .btn_image,
#modal-images .buttons .btn_image {
  background-color: #3dbaeb
}

#modal-gifts .buttons .btn_gift_cancel,
#modal-gifts_disabled .buttons .btn_gift_cancel,
#modal-gifts_shortage .buttons .btn_gift_cancel,
#modal-images .buttons .btn_gift_cancel {
  background-color: #3db5e6
}

#modal-gifts {
  padding: 0 !important;
  z-index: 1
}

#modal-gifts .modal_body {
  padding: 20px;
  position: relative;
  z-index: 0;
  background-color: #f6f6f6
}

#modal-gifts .preview_close i::before {
  content: url(../images/common/button_modal_close.svg);
  padding: 10px
}

#modal-gifts p.ex {
  margin: 0 0 15px;
  text-align: center
}

#modal-gifts ul {
  height: calc(100vw * .6);
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  gap: 30px;
  -ms-overflow-style: none;
  scrollbar-width: none
}

#modal-gifts ul::-webkit-scrollbar {
  display: none
}

#modal-gifts ul li {
  width: 66px;
  display: block;
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  border: 0 !important
}

#modal-gifts ul li label {
  width: 100%;
  height: calc((100vw - 40px)/ 3 - 40px);
  display: block
}

#modal-gifts ul li .imgContainer {
  width: 66px;
  height: 66px;
  overflow: hidden;
  display: flex;
  align-items: center
}

#modal-gifts ul li .imgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#modal-gifts ul li p {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 5px;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 25px;
  font-size: 12px
}

#modal-gifts ul li p span {
  margin-right: 3px;
  font-size: 12px
}

#modal-gifts .buttons {
  margin-top: 15px
}

#modal_gifts_preview {
  width: 100%;
  height: 180px;
  padding: 30px 0;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, .95);
  transition: transform, .3s
}

#modal_gifts_preview .pic {
  width: 120px;
  height: 120px
}

#modal_gifts_preview .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#modal_gifts_preview #pic_gift_point_preview {
  padding: 0;
  margin: 0;
  text-align: center
}

#modal_gifts_preview label {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 26px
}

#chk_gift_preview:checked~#modal_gifts_preview {
  transform: translateY(-100%)
}

#modal_gift_confirm {
  width: 100%;
  height: 100%;
  padding: calc(100vw / 375 * 40) 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  transform: translateY(100%);
  transition: transform, .3s
}

#modal_gift_confirm p.ex {
  margin: 0 0 10px;
  font-size: 14px
}

#modal_gift_confirm p.ex+strong {
  padding: 5px 15px;
  border-radius: 3px
}

#modal_gift_confirm p.ex+strong.points_me {
  margin-bottom: calc(100vw / 375 * 20);
  border: 2px solid #3dbaeb
}

#modal_gift_confirm p.ex+strong.points_gift {
  margin-bottom: calc(100vw / 375 * 30);
  border: 2px solid #3db5e6
}

#modal_gift_confirm p.ex+strong.points_gift span {
  font-size: 22px
}

#modal_gift_confirm p.ex+strong.points_gift+p.ex {
  font-size: 16px
}

#modal_gift_confirm .buttons {
  width: 100%
}

#chk_gift_confirm:checked~#modal_gift_confirm {
  transform: translateY(0)
}

#modal-gifts_disabled .buttons,
#modal-gifts_shortage .buttons {
  margin-top: 15px
}

#citySelectWrap {
  position: relative
}

#citySelectWrap select {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0
}

#citySelectWrap span {
  margin-left: 5px;
  border-bottom: 3px dotted #1f1f1f
}

#chk_schedule01:checked~.schedule_header label[for=chk_schedule01],
#chk_schedule02:checked~.schedule_header label[for=chk_schedule02] {
  color: grey
}

#chk_schedule02:checked~.schedule_body {
  transform: translateX(-50%)
}

#buy_points_cover {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  background-color: rgba(255, 255, 255, .9)
}

#buy_points_cover.hide {
  display: none
}

#buy_points_cover p {
  text-align: center;
  line-height: 1.5
}

#buy_points_cover button {
  padding: 5px 10px;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 5px
}

.shortage {
  color: red
}

.limit {
  margin-bottom: 10px;
  text-align: center
}

#points_table td.points_outline,
#points_table td.points_sum,
#points_table td.points_time {
  text-align: center
}

#points_table td.points_outline.expire,
#points_table td.points_sum.expire,
#points_table td.points_time.expire {
  color: #a00
}

#points_table td.points_got,
#points_table td.points_lost {
  text-align: right
}

#points_table td.points_time {
  width: 50px;
  text-align: right
}

#points_table td.points_lost {
  color: red
}

#points_table td.points_sum {
  font-size: 16px
}

#points_table td.points_outline {
  width: 80px
}

#points_table td.points_quittung {
  width: 55px;
  text-align: center
}

#points_table td a {
  color: #3dbaeb;
  text-decoration: underline
}

#points_table tr td:last-child,
#points_table tr th:last-child {
  border-right: 1px solid #000
}

#points_table.cast td.points_date,
#points_table.cast td.points_got,
#points_table.cast td.points_time {
  width: 80px
}

#points_table.cast td.points_outline {
  width: auto
}

#point_types li+li {
  margin-top: 10px
}

#point_types button {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #ff8ab1;
  font-size: 1.1rem;
  font-weight: 700;
  border: 0;
  border-radius: 10px
}

#point_types button span+span {
  margin-left: 10px
}

#call.video p.notice,
#modal-request p.notice,
.cast_earn_box p.notice,
.cp_actab-content p.notice,
.list_box p.notice {
  padding-left: 1em;
  position: relative;
  font-size: 14px
}

#call.video p.notice::before,
#modal-request p.notice::before,
.cast_earn_box p.notice::before,
.cp_actab-content p.notice::before,
.list_box p.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

.cp_actab-content ol {
  margin: 15px 0 0;
  padding: 0
}

.cp_actab-content ol li {
  margin-top: 30px;
  display: block;
  counter-increment: cnt01
}

.cp_actab-content ol li strong {
  padding-left: 30px;
  display: block;
  position: relative;
  line-height: 25px;
  font-weight: 400
}

.cp_actab-content ol li strong::before {
  content: counter(cnt01);
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background-color: #3dbaeb
}

.cp_actab-content ol li strong span {
  display: block;
  font-weight: 700
}

.cp_actab-content ol li p {
  margin: 15px 0 0
}

article.account-help-faq input:checked~.cp_actab-content {
  max-height: 100em !important
}

.list_box {
  margin: 15px 0 0;
  padding: 0;
  display: block
}

.list_box li::before {
  content: counter(cnt01);
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background-color: #3dbaeb
}

#backto {
  margin: 15px 0 30px
}

#backto a {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 10px
}

#backto a i {
  margin-right: 10px
}

#expire_wrapper {
  padding: 0 10px 10px;
  background-color: rgba(170, 0, 0, .1);
  border: 1px solid #a00;
  border-radius: 10px
}

#expire_wrapper h2 {
  text-align: center;
  font-size: 1.1rem
}

#expire_wrapper table {
  width: 100%;
  border-collapse: collapse
}

#expire_wrapper table td,
#expire_wrapper table th {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #9b9b9b
}

#expire_wrapper table .date,
#expire_wrapper table .limit {
  width: 25%
}

#expire_wrapper table .type {
  width: 15%
}

#expire_wrapper table .points {
  width: 35%
}

#expire_wrapper table td.limit {
  color: #a00;
  font-weight: 700
}

#modal-verified_tel p,
#modal-verified_tel_account p {
  margin: 0;
  line-height: 1.6
}

#event_detail textarea[name=place] {
  width: 100%;
  height: 60px;
  margin: 15px 0;
  padding: 5px;
  display: block
}

.event_start_range {
  margin: 0 0 0 10px;
  padding: 8px 12px;
  display: inline-block;
  color: grey;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid grey
}

.event_cancel_items {
  margin: 0 0 30px;
  padding: 0;
  line-height: 25px
}

.event_cancel_items .event_cancel_item {
  padding-left: 30px;
  display: block;
  position: relative;
  counter-increment: cnt01
}

.event_cancel_items .event_cancel_item::before {
  content: counter(cnt01);
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  line-height: 25px;
  background-color: #a00
}

.event_cancel_items .event_cancel_item+.event_cancel_item {
  margin-top: 30px
}

.event_cancel_items .event_cancel_item a {
  color: #3dbaeb;
  text-decoration: underline
}

.event_cancel_items .notice_wrapper {
  margin-top: 10px;
  justify-content: flex-start;
  color: #a00;
  font-size: 14px
}

.event_cancel_items .notice_wrapper i {
  position: relative;
  top: 5px
}

.event_cancel_items strong.bold {
  margin-bottom: 10px;
  display: block;
  font-size: 18px
}

.event_cancel_fees {
  margin: 0;
  padding: 0
}

.event_cancel_fees .event_cancel_fee {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.event_cancel_fees .event_cancel_fee p {
  margin: 0
}

.event_cancel_fees .event_cancel_fee span {
  padding: 2px 5px;
  color: #fff;
  background-color: #a00;
  border-radius: 5px;
  width: 80px;
  text-align: center
}

.event_cancel_fees .event_cancel_fee+.event_cancel_fee {
  margin-top: 10px
}

.event_not_cancel {
  display: flex;
  text-align: left;
  line-height: 1.6;
  color: #a00
}

.event_not_cancel i::before {
  position: relative;
  top: 5px
}

.event_not_cancel span {
  margin-left: 5px;
  display: block;
  flex: 1
}

#event_cancel_fee_box .box {
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: #a00
}

#event_cancel_fee_box .box strong {
  font-size: 20px;
  color: #fff
}

#event_cancel_fee_box .box+p {
  text-align: center;
  line-height: 1.6;
  font-size: 14px
}

#btn_event_cancel {
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 0;
  display: block;
  color: #fff;
  background-color: #a00 !important;
  border: 0;
  border-radius: 10px
}

#btn_event_cancel:disabled {
  opacity: .3;
  cursor: no-drop
}

#admin .notfound_wrapper,
#admin .notice_wrapper {
  justify-content: flex-start;
  list-style: none
}

#admin .label_item {
  height: auto !important
}

#admin .page_controller {
  margin-top: 30px;
  padding: 0 200px;
  display: flex;
  justify-content: center;
  position: relative
}

#admin .page_controller p {
  margin: 0;
  line-height: 50px
}

#admin .page_controller a {
  height: 50px;
  position: absolute;
  top: 0
}

#admin .page_controller a.btn_prev {
  left: 0
}

#admin .page_controller a.btn_next {
  right: 0
}

#admin .headfix .nav {
  margin-left: 15px !important;
  padding-top: 120px !important
}

#admin .headfix .nav a {
  padding: 20px 0 20px 10px;
  margin-bottom: 0 !important;
  background-color: rgba(255, 255, 255, 0);
  transition-property: color, background-color !important;
  transition-duration: .3s !important
}

#admin .headfix .nav a:active,
#admin .headfix .nav a:hover {
  color: #fff;
  background-color: #3db5e6;
  transform: translate(0) !important
}

#admin .headfix .nav a:active::before,
#admin .headfix .nav a:hover::before {
  display: none !important
}

#admin .headfix .nav a.active,
#admin .headfix .nav a.selected {
  color: #fff;
  background-color: #3dbaeb
}

#admin .headfix .nav a.notifications.active {
  background-color: #a00
}

#admin .headfix .nav a i {
  margin-right: 5px
}

#admin #modal button {
  cursor: pointer
}

body#admin .headfix h1 {
  width: 180px !important;
  left: 0 !important
}

body#admin .headfix h1 a {
  display: flex !important;
  justify-content: center
}

body#admin .headfix h1 a img {
  width: 150px !important
}

body#admin .headfix .nav {
  width: 170px !important;
  padding-top: 80px !important
}

body#admin main {
  width: calc(100% - 180px) !important;
  margin-left: 180px !important
}

#management ul li.notfound_wrapper {
  border: 0 !important
}

#management li.notfound_wrapper+h1,
#management ul+h1 {
  margin-top: 30px
}

#management h1+li.notfound_wrapper {
  margin-top: 20px
}

#vide_casts_ym {
  margin: 20px 0 15px;
  display: flex;
  align-items: center
}

#vide_casts_ym button,
#vide_casts_ym select {
  display: block;
  cursor: pointer
}

#vide_casts_ym select+select {
  margin-left: 5px
}

#vide_casts_ym button {
  margin-left: 15px;
  padding: 5px 10px;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 5px
}

#video_casts {
  width: 800px;
  margin: 15px 0 30px;
  border-collapse: collapse
}

#video_casts tr td,
#video_casts tr th {
  padding: 10px;
  border: 1px solid #000
}

#video_casts tr th {
  color: #fff;
  background-color: #3dbaeb
}

#video_casts tr th.date {
  width: 180px
}

#video_casts tr td {
  vertical-align: top;
  text-align: center
}

#video_casts tr td.name {
  min-width: 100px;
  text-align: left
}

#video_casts tr td.name a {
  color: #3db5e6
}

#video_casts tr td.info {
  padding: 0
}

#video_casts .count {
  width: 60px
}

#video_casts a {
  text-decoration: underline
}

#video_casts label {
  width: 100%;
  padding-right: 5px;
  display: block;
  text-align: right;
  line-height: 38px;
  color: #3dbaeb;
  cursor: pointer
}

#video_casts label span {
  display: block
}

#video_casts label span+span {
  display: none
}

#video_casts .video_info {
  height: 0;
  overflow: hidden;
  display: flex;
  line-height: 19px;
  transition: height, .3s;
  border-top: 0 solid #000
}

#video_casts .video_info .date,
#video_casts .video_info .guest {
  padding: 10px
}

#video_casts .video_info .date {
  width: 179px
}

#video_casts .video_info .guest {
  margin: 0;
  flex: 1;
  text-align: left;
  border-left: 1px solid #000
}

#video_casts .video_info .guest a {
  color: #3dbaeb
}

#video_casts .video_info+.video_info {
  border-top: 0
}

#video_casts .video_info+.video_info .date,
#video_casts .video_info+.video_info .guest {
  border-top: 1px dashed #9b9b9b
}

#video_casts .chk:checked~label span {
  display: none
}

#video_casts .chk:checked~label span+span {
  display: block
}

#video_casts .chk:checked~.video_info {
  height: 40px;
  border-top-width: 1px
}

#unpaid_guests {
  width: 100%;
  max-width: 1000px;
  margin-top: 20px
}

#unpaid_guests td,
#unpaid_guests th {
  padding: 5px;
  border: 2px solid #fff
}

#unpaid_guests th {
  color: #fff;
  background-color: #aaa
}

#unpaid_guests td a {
  color: #3dbaeb
}

#unpaid_guests td input {
  width: 120px;
  padding: 5px;
  margin-right: 3px;
  display: inline-block
}

#unpaid_guests td input+span {
  margin-right: 10px;
  display: inline-block
}

#unpaid_guests td button {
  padding: 5px 10px;
  color: #fff;
  border: 0;
  background-color: red;
  border-radius: 5px;
  cursor: pointer
}

#unpaid_guests td.points,
#unpaid_guests td.settlement,
#unpaid_guests td.shortage {
  text-align: center
}

#unpaid_guests td.shortage {
  width: 150px
}

#unpaid_guests td.points,
#unpaid_guests td.settlement {
  width: 250px
}

#refund_guests {
  width: 600px;
  margin-top: 20px
}

#refund_guests tr td,
#refund_guests tr th {
  padding: 10px;
  border-left: 2px solid #fff
}

#refund_guests tr td:first-child,
#refund_guests tr th:first-child {
  border-left: 0
}

#refund_guests tr th {
  color: #fff;
  background-color: #3dbaeb
}

#refund_guests tr td {
  text-align: center
}

#refund_guests tr td.name {
  text-align: left
}

#refund_guests .name {
  min-width: 150px
}

#refund_guests strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#refund_guests button {
  width: 100%;
  padding: 5px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#refund_guests button:disabled {
  background-color: #aaa
}

#proof_guests {
  width: 600px;
  margin-top: 15px;
  border-collapse: collapse
}

#proof_guests tr td,
#proof_guests tr th {
  padding: 10px;
  border: 1px solid #000
}

#proof_guests tr th {
  color: #fff;
  background-color: #3dbaeb
}

#proof_guests tr .name {
  width: 400px
}

#proof_guests tr .name a {
  color: #3dbaeb
}

#proof_guests tr .proof {
  width: 200px;
  text-align: center
}

#modal-buy div {
  display: none
}

#modal-buy button {
  padding: 5px 10px;
  color: #fff;
  background-color: #555;
  border: 0;
  border-radius: 5px
}

#modal-buy.fail div.fail,
#modal-buy.notice div.notice,
#modal-buy.success div.success {
  display: block
}

#modal-buy.notice {
  color: #fff;
  background-color: red
}

#modal-buy.success {
  color: #fff;
  background-color: #3db5e6
}

#modal-buy.fail {
  color: red;
  background-color: #fff
}

#admin section#events,
#admin section#events_create {
  flex-direction: column
}

#admin .event_items {
  justify-content: flex-start !important
}

#admin .event_notice_wrapper {
  justify-content: flex-start
}

#admin #event_detail,
#admin #form_events_edit {
  width: 100%;
  max-width: 800px
}

#admin #event_result {
  width: 100%;
  border-collapse: collapse
}

#admin #event_result td,
#admin #event_result th {
  border: 1px solid #000
}

#admin #event_result th {
  width: 100px
}

#admin #event_result p {
  margin: 0
}

#admin #event_result .completed_users td,
#admin #event_result .completed_users th {
  background-color: rgba(218, 165, 32, .5)
}

#admin #event_result .started_users td,
#admin #event_result .started_users th {
  background-color: rgba(61, 186, 235, .5)
}

#admin #event_result .completed_time td,
#admin #event_result .completed_time th {
  color: #fff;
  background-color: rgba(0, 0, 0, .5)
}

#admin #event_result .completed_time p+p {
  margin-top: 15px
}

#admin #event_result .completed_points td,
#admin #event_result .completed_points th {
  background-color: rgba(255, 0, 0, .5)
}

#admin #event_result .completed_points ul {
  margin: 0;
  padding: 0
}

#admin #event_result .completed_points ul li {
  display: block
}

#admin #event_result .completed_points ul li strong {
  display: block;
  margin-bottom: 10px
}

#admin #event_result .completed_points ul li div {
  display: flex
}

#admin #event_result .completed_points ul li div span {
  min-width: 100px
}

#admin #event_result .completed_points ul li div p {
  margin-left: 10px
}

#admin #event_result .completed_points ul li div+div {
  margin-top: 5px
}

#admin #event_result .completed_points ul li+li {
  margin-top: 15px
}

#admin #event_result .completed_points ul li.points_guest {
  padding-top: 15px;
  border-top: 1px dashed #000
}

#admin #event_result .completed_points td,
#admin #event_result .completed_time td,
#admin #event_result .completed_users td,
#admin #event_result .started_users td {
  padding: 15px
}

#admin #form_events_edit {
  margin-bottom: 30px
}

#admin #form_events_edit .completed_users div span,
#admin #form_events_edit .completed_users p span,
#admin #form_events_edit .started_users div span,
#admin #form_events_edit .started_users p span {
  display: block;
  color: red;
  font-weight: 700
}

#admin #form_events_edit .completed_users div span a,
#admin #form_events_edit .completed_users p span a,
#admin #form_events_edit .started_users div span a,
#admin #form_events_edit .started_users p span a {
  text-decoration: underline
}

#admin #form_events_edit .completed_users p span,
#admin #form_events_edit .started_users p span {
  margin: 5px 0 15px
}

#admin #form_events_edit .completed_users div,
#admin #form_events_edit .started_users div {
  margin-top: 5px;
  display: flex;
  align-items: center
}

#admin #form_events_edit .completed_users div strong,
#admin #form_events_edit .started_users div strong {
  display: block
}

#admin #form_events_edit .completed_users div input,
#admin #form_events_edit .started_users div input {
  margin-left: 15px;
  padding: 5px;
  order: 2;
  border: 1px solid #aaa
}

#admin #form_events_edit .started_users td,
#admin #form_events_edit .started_users th {
  background-color: rgba(61, 186, 235, .5)
}

#admin #form_events_edit .completed_users td,
#admin #form_events_edit .completed_users th {
  background-color: rgba(218, 165, 32, .5)
}

#admin #form_events_edit .event_settlement td,
#admin #form_events_edit .event_settlement th,
#admin #form_events_edit .event_status td,
#admin #form_events_edit .event_status th {
  padding: 15px
}

#admin #form_events_edit .event_status div {
  display: flex
}

#admin #form_events_edit .event_status div .label_item+.label_item {
  margin-left: 15px
}

#admin #form_events_edit .event_button td {
  padding: 15px
}

#admin #form_events_edit .event_button p {
  margin-bottom: 15px;
  line-height: 1.6
}

#admin #form_events_edit .event_button .notice {
  padding-left: 25px;
  position: relative
}

#admin #form_events_edit .event_button .notice i,
#admin #form_events_edit .event_button .notice span {
  color: red;
  font-weight: 700
}

#admin #form_events_edit .event_button .notice i {
  position: absolute;
  top: 5px;
  left: 0
}

#admin #form_events_edit .event_button div {
  display: flex;
  justify-content: center
}

#admin #form_events_edit .event_button button {
  width: 200px;
  padding: 15px 0;
  color: #fff;
  background-color: red;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

#admin #form_events_edit .event_button a {
  color: #3dbaeb;
  text-decoration: underline
}

#admin #event_detail td,
#admin #event_detail th {
  padding: 15px;
  border-bottom: 2px solid #fff
}

#admin #event_detail th {
  width: 200px;
  min-width: 150px;
  color: #fff;
  background-color: #aaa
}

#admin #event_detail td .event_user div {
  justify-content: flex-start
}

#admin #event_detail td .event_user div img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#admin #event_detail td .event_user div button {
  margin-left: 15px;
  padding: 5px;
  color: #fff;
  background-color: red;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#admin #event_detail td .event_user div+div {
  margin-top: 15px
}

#admin #event_detail .feeling_items {
  margin: 0;
  padding: 0
}

#admin #event_detail .feeling_items span.notfound {
  text-align: left
}

#admin #event_detail #join_cast_list {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #aaa
}

#admin #event_detail #join_cast_list .label_item {
  margin: 0 15px
}

#admin #event_detail #join_cast_list button {
  padding: 5px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#admin #event_detail #event_cast_list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

#admin #event_detail #event_cast_list li {
  width: 100px;
  margin: 15px 5px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

#admin #event_detail #event_cast_list li.notfound {
  width: 100%
}

#admin #event_detail #event_cast_list li .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid gold;
  border-radius: 100%
}

#admin #event_detail #event_cast_list li .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#admin #event_detail #event_cast_list li button,
#admin #event_detail #event_cast_list li strong {
  display: block
}

#admin #event_detail #event_cast_list li strong {
  width: 100%;
  margin: 5px 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#admin #event_detail #event_cast_list li button {
  width: 100%;
  padding: 5px 0;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#admin #event_detail .place_detail p {
  margin: 0;
  text-align: left
}

#admin #event_detail .event_user {
  display: flex;
  align-items: center
}

#admin #event_detail .event_user a {
  justify-content: flex-start
}

#admin #event_detail .event_user a~a {
  color: #3dbaeb;
  text-decoration: underline
}

#admin .event_item {
  width: 23.5% !important;
  margin-left: 2% !important
}

#admin .event_item:nth-child(4n+1) {
  margin-left: 0 !important
}

#admin .event_item_box {
  display: flex
}

#admin .event_item_box span,
#admin .event_item_box strong {
  display: block
}

#admin .event_item_box strong {
  min-width: 5em
}

#admin .event_item_box span {
  flex: 1
}

#admin .feeling_items {
  margin-top: 0 !important
}

#admin .chat_button {
  max-width: 790px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center
}

#admin .chat_button a {
  width: 300px;
  padding: 20px 0
}

#admin #event_chat {
  min-height: 100vh
}

#admin #event_chat .notice_wrapper {
  justify-content: center !important
}

#admin #chat_controller {
  width: calc(100% - 260px);
  left: 260px
}

#form_create_event {
  max-width: 800px;
  margin-top: 30px
}

#form_create_event td,
#form_create_event th {
  padding: 15px;
  border-bottom: 2px solid #fff
}

#form_create_event th {
  min-width: 150px;
  color: #fff;
  background-color: #aaa
}

#form_create_event td input {
  padding: 5px;
  border: 1px solid #aaa
}

#form_create_event .hour input,
#form_create_event .number input {
  width: 60px;
  margin-right: 5px
}

#form_create_event .note textarea {
  width: 100%;
  height: 100px;
  display: block
}

#form_create_event .casts .btn_app {
  padding: 5px 15px;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#form_create_event .casts ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

#form_create_event .casts ul li {
  width: 100px;
  margin: 15px 5px 0 0;
  display: block
}

#form_create_event .casts ul .label_item {
  flex-wrap: wrap
}

#form_create_event .casts ul .label_item .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 5px;
  overflow: hidden;
  border: 1px solid #3db5e6;
  border-radius: 100%
}

#form_create_event .casts ul .label_item .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#form_create_event .casts ul .label_item strong {
  width: 100%;
  margin-top: 0;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#form_create_event .confirm div,
#form_create_event .create div {
  display: flex;
  justify-content: center
}

#form_create_event .confirm div button,
#form_create_event .create div button {
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#form_create_event .confirm div button {
  padding: 15px;
  background-color: #3dbaeb
}

#form_create_event .create div button {
  width: 300px;
  padding: 15px 0;
  background-color: #3db5e6
}

#form_create_event #btn_event_message {
  font-weight: 700
}

#form_create_event #btn_event_message i,
#form_create_event #btn_event_message span {
  color: red
}

#form_create_event #btn_event_message span {
  text-decoration: underline
}

#events_create .notfound_wrapper {
  margin-top: 30px
}

#create_event_points {
  margin: 15px 0 0;
  padding: 0
}

#create_event_points li {
  display: flex
}

#create_event_points li+li {
  margin-top: 5px
}

#create_event_points li span,
#create_event_points li strong {
  padding: 5px;
  display: block
}

#create_event_points li strong {
  width: 120px;
  color: #fff;
  background-color: #3db5e6
}

#admin_event_result {
  display: flex;
  flex-wrap: wrap
}

#admin_event_result .event_cast,
#admin_event_result .event_guest {
  width: 380px;
  margin: 0 30px 30px 0
}

#admin_event_result .event_cast+.event_cast,
#admin_event_result .event_guest+.event_cast {
  margin-top: 0
}

#admin_event_result .time_box .time_texts {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

#admin_event_result .time_box label {
  padding: 5px;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer
}

#admin_event_result .time_box label.label_do {
  display: block
}

#admin_event_result .time_box label.label_edit {
  display: none
}

#admin_event_result .time_box input[type=datetime-local] {
  width: 220px;
  margin: 5px;
  display: none
}

#admin_event_result .time_box .chk:checked~input[type=datetime-local] {
  display: block
}

#admin_event_result .time_box.done label.label_do {
  display: none
}

#admin_event_result .time_box.done label.label_edit {
  display: block
}

#admin_event_result .btn_gps {
  padding: 5px;
  text-decoration: underline
}

#admin_event_result .started a,
#admin_event_result .started label {
  color: #3dbaeb
}

#admin_event_result .completed a,
#admin_event_result .completed label {
  color: #3db5e6
}

#admin_event_result .event_user_cast.delayed,
#admin_event_result .event_user_cast.incompleted {
  position: relative;
  background-color: #a00
}

#admin_event_result .event_user_cast.delayed::after,
#admin_event_result .event_user_cast.incompleted::after {
  padding: 5px;
  display: block;
  position: absolute;
  bottom: -5px;
  right: 10px;
  color: #a00;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #a00;
  border-radius: 5px
}

#admin_event_result .event_user_cast.delayed::after {
  content: "開始予定時間を過ぎても合流していません"
}

#admin_event_result .event_user_cast.incompleted::after {
  content: "終了予定時間を過ぎても解散していません"
}

#event_edit_notice_wrapper {
  width: 100%
}

#event_edit_notice {
  max-width: 790px;
  padding: 15px;
  line-height: 1.6;
  border: 1px solid #3db5e6;
  border-radius: 10px
}

#event_edit_notice .event_edit_notice {
  margin-bottom: 15px;
  font-size: 14px
}

#event_edit_notice p {
  margin: 0
}

#event_edit_notice .notice_wrapper .notice_box {
  display: flex;
  align-items: flex-start;
  color: #a00;
  border-color: #a00
}

#event_edit_notice .notice_wrapper i {
  position: relative;
  top: 5px
}

#event_edit_notice .notice_wrapper p {
  padding: 0;
  border: 0
}

#event_edit_notice .notice_wrapper p span {
  color: #a00;
  font-weight: 700;
  text-decoration: underline
}

#event_edit_notice .notice_wrapper p a {
  color: #3dbaeb;
  text-decoration: underline
}

#event_edit_notice .notice_wrapper+.notice_wrapper {
  margin-top: 15px
}

#admin_event_buttons {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center
}

#admin_event_buttons p {
  margin: 0 0 15px;
  text-align: center
}

#admin_event_buttons div {
  margin-bottom: 15px;
  display: flex;
  justify-content: center
}

#admin_event_buttons div .label_item+.label_item {
  margin-left: 30px
}

#admin_event_buttons button {
  width: 200px;
  padding: 15px 0;
  color: #fff;
  background-color: #a00;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

#modal-cancel span span {
  margin: 0;
  display: inline;
  color: #a00;
  font-weight: 700
}

#modal-cancel div.user_cancel {
  display: none
}

#modal-cancel.user_cancel div.admin_cancel {
  display: none
}

#modal-cancel.user_cancel div.user_cancel {
  display: block
}

#admin .user_buttons a {
  max-width: none !important;
  min-width: 180px;
  border-radius: 5px
}

#admin .class_box {
  display: flex
}

#admin .class_box .label_item+.label_item {
  margin-left: 15px
}

#admin .class_box span {
  padding: 0 !important
}

#admin .birthdate_box {
  display: flex
}

#admin .birthdate_box select {
  display: block
}

#admin .birthdate_box select+select {
  margin-left: 15px
}

#admin .account_status .label_item {
  flex-wrap: wrap
}

#admin .account_status .label_item span {
  padding: 0 !important;
  font-weight: 700
}

#admin .account_status .label_item p,
#admin .account_status .label_item ul {
  width: 100%;
  margin: 5px 0 0;
  padding: 0 0 0 25px
}

#admin .account_status .label_item p i,
#admin .account_status .label_item ul i {
  margin-right: 5px
}

#admin .account_status .label_item ul li {
  margin-left: 40px
}

#admin .account_status .label_item ul li+li {
  margin-top: 5px
}

#admin .account_status .label_item input[value=delete]~p,
#admin .account_status .label_item input[value=delete]~ul,
#admin .account_status .label_item input[value=hidden]~p,
#admin .account_status .label_item input[value=hidden]~ul {
  color: red
}

#admin .account_status .label_item input[value=delete]~p,
#admin .account_status .label_item input[value=delete]~ul {
  font-weight: 700
}

#admin .account_status .label_item+.label_item {
  margin-top: 30px
}

#admin td img {
  max-width: 100%
}

#admin .create_buttons {
  display: flex
}

#admin .create_buttons a:first-child {
  background-color: #3db5e6 !important
}

#admin .create_buttons a+a {
  margin-left: 20px
}

#admin .create_buttons a:last-child {
  margin-left: auto;
  background-color: red !important
}

#admin .point_type {
  display: flex
}

#admin .point_type .label_item span {
  padding: 0 !important
}

#admin .point_type .label_item+.label_item {
  margin-left: 15px
}

#admin #user_list_table {
  width: 100%
}

#admin #user_list_table tr td:last-child,
#admin #user_list_table tr th:last-child {
  padding-right: 20px
}

#admin #user_list_table tr td.center,
#admin #user_list_table tr th.center {
  text-align: center
}

#admin #user_list_table tr td span.active,
#admin #user_list_table tr th span.active {
  color: #3dbaeb
}

#admin #user_list_table tr td span.inactive,
#admin #user_list_table tr th span.inactive {
  color: red
}

#admin #user_list_table a {
  color: #3dbaeb;
  text-decoration: underline
}

#admin #user_list_table a.deleted {
  color: red
}

#admin #user_list_table input.btn_app {
  width: 100%
}

#admin section#signup .buttons {
  display: flex
}

#admin section#signup .buttons .btn_event_create,
#admin section#signup .buttons .btn_message {
  width: 200px;
  margin-bottom: 30px;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 10px;
  transition: opacity, .3s
}

#admin section#signup .buttons .btn_event_create:active,
#admin section#signup .buttons .btn_event_create:hover,
#admin section#signup .buttons .btn_message:active,
#admin section#signup .buttons .btn_message:hover {
  opacity: .7
}

#admin section#signup .buttons .btn_event_create {
  background-color: #3db5e6
}

#admin section#signup .buttons a+a {
  margin-left: 30px
}

#admin section#signup form table input[type=file] {
  width: auto !important;
  height: auto !important;
  background-color: #fff !important
}

#admin section#signup form table .notfound_wrapper p {
  color: red;
  font-weight: 700;
  border-color: red
}

#admin section#signup form table .meta_box {
  margin-bottom: 15px;
  display: flex;
  align-items: center
}

#admin section#signup form table .meta_box span {
  width: 100px;
  margin-right: 15px;
  padding: 0
}

#admin section#signup form table .meta_box input {
  height: 50px;
  margin: 0;
  padding: 10px;
  flex: 1
}

#admin section#signup .photos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#admin section#signup .photos .photo {
  width: calc(50% - 10px);
  margin-top: 10px;
  position: relative
}

#admin section#signup .photos .photo img {
  width: 100%
}

#admin section#signup .photos .photo button {
  min-width: 50px !important;
  height: 50px;
  padding: 0 !important;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: red !important
}

#admin section#signup .notice_wrapper+.label_item {
  margin-top: 15px
}

#users_merge_wrapper,
#users_settlement_wrapper {
  width: 100%;
  margin-top: 60px;
  padding: 30px;
  border: 1px solid #9b9b9b;
  border-radius: 10px
}

#users_merge_wrapper .notice_wrapper,
#users_settlement_wrapper .notice_wrapper {
  margin-bottom: 30px;
  justify-content: center
}

#users_merge_wrapper .notice_wrapper p,
#users_settlement_wrapper .notice_wrapper p {
  color: #a00;
  background-color: #fff;
  border-color: #a00
}

#users_settlement_wrapper {
  background-color: rgba(170, 0, 0, .1)
}

#users_merge_wrapper {
  background-color: #fff
}

#form_user_merge,
#form_user_settlement {
  display: flex;
  justify-content: center;
  align-items: center
}

#form_user_merge select,
#form_user_settlement select {
  margin: 0;
  display: block;
  cursor: pointer
}

#form_user_merge button,
#form_user_settlement button {
  min-width: auto !important;
  margin: 0 !important;
  padding: 5px !important
}

#form_user_settlement input {
  padding: 5px
}

#form_user_settlement span {
  margin: 0 30px 0 5px;
  display: block
}

#q_merge_type {
  border-radius: 5px
}

#merge_text {
  margin: 0 15px;
  display: flex
}

#merge_text input,
#merge_text select {
  display: none
}

#merge_text input {
  padding: 5px
}

#merge_text input[type=number]::-webkit-inner-spin-button,
#merge_text input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

#merge_text select {
  border-radius: 5px 0 0 5px
}

#merge_text select+select {
  border-radius: 0
}

#merge_text select+select+select {
  border-radius: 0 5px 5px 0
}

#merge_text.birthdate .q_birthdate,
#merge_text.name .q_name,
#merge_text.tel .q_tel {
  display: block
}

#merge_users {
  margin: 30px 0 0;
  padding: 0
}

#merge_users:empty {
  margin-top: 0
}

#merge_users li {
  padding: 5px 15px;
  display: flex;
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 5px
}

#merge_users li+li {
  margin-top: 15px
}

#merge_users li .user {
  min-width: 200px;
  display: flex;
  align-items: center
}

#merge_users li .user .icon {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 100%
}

#merge_users li .user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

#merge_users li .user strong {
  flex: 1;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#merge_users li .user strong .cast,
#merge_users li .user strong .guest {
  margin-bottom: 2px;
  padding: 2px 5px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 5px
}

#merge_users li .user strong .guest {
  background-color: #3dbaeb
}

#merge_users li .user strong .cast {
  background-color: #3db5e6
}

#merge_users li .user strong p {
  margin: 0
}

#merge_users li.guest .user .icon {
  border-color: #3dbaeb
}

#merge_users li.cast .user .icon {
  border-color: #3db5e6
}

#merge_users li .merge_user_info {
  padding: 0 0 5px 5px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px
}

#merge_users li .merge_user_info .merge_user_item {
  margin: 5px 5px 0 0;
  display: flex;
  overflow: hidden;
  border: 1px solid #3dbaeb;
  border-radius: 5px
}

#merge_users li .merge_user_info .merge_user_item span,
#merge_users li .merge_user_info .merge_user_item strong {
  padding: 2px 5px;
  display: block
}

#merge_users li .merge_user_info .merge_user_item strong {
  color: #fff;
  font-weight: 400;
  background-color: #3dbaeb
}

#merge_users li .merge_user_info .merge_user_item span {
  background-color: #fff
}

#merge_users li .merge_user_info .merge_user_item.cast {
  border-color: #3db5e6
}

#merge_users li .merge_user_info .merge_user_item.cast strong {
  background-color: #3db5e6
}

#merge_users li button {
  margin: auto 0 auto 30px;
  padding: 15px;
  color: #fff;
  background-color: #a00;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#modal-merge span {
  font-weight: 700
}

#modal-merge span.tdu {
  text-decoration: underline
}

#modal-merge p+p {
  color: #a00
}

html body[data-page=admin-concierge] article,
html body[data-page=admin-messages-sub] article {
  padding: 0
}

body#admin main #concierge #peeping_list {
  margin: 20px 0 0;
  padding: 0 0 80px
}

body#admin main #concierge #peeping_list .message_item {
  margin-bottom: 10px;
  padding: 10px;
  list-style: none;
  background-color: #eee
}

body#admin main #concierge #peeping_list .message_item.unread {
  background-color: rgba(255, 0, 0, .1)
}

body#admin main #concierge #peeping_list .message_item.selected {
  background-color: rgba(61, 186, 235, .2)
}

body#admin main #concierge #unRead li {
  margin-bottom: 10px !important;
  padding: 10px;
  list-style: none
}

#concierge {
  min-height: 100vh;
  padding: 0 0 0 300px !important;
  position: relative
}

#concierge #messages_body {
  width: 100%
}

#message_bar {
  width: 300px;
  height: 100vh;
  padding: 0 15px;
  position: fixed;
  bottom: 0;
  left: 180px;
  overflow: scroll;
  background-color: #fff;
  border-right: 1px solid #fff
}

#message_bar h2 {
  margin: 0;
  padding: 10px 0 20px;
  position: sticky;
  top: 0;
  font-size: 18px;
  background-color: rgba(255, 255, 255, .9)
}

#message_bar .message_bar_item {
  padding: 15px 0
}

#messages_unread ul {
  margin: 0;
  padding: 0
}

#form_concierge {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap
}

#form_concierge p {
  width: 100%;
  margin: 0 0 15px;
  font-size: 14px
}

#form_concierge input {
  margin-right: 15px;
  padding: 5px;
  flex: 1;
  border: 1px solid #3dbaeb
}

#form_concierge button {
  width: 50px;
  padding: 5px 0;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#admin_message_users {
  width: 100%
}

#peeping_list a,
#unRead a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #000
}

#peeping_list .message_user,
#unRead .message_user {
  width: auto !important;
  min-width: 50px !important
}

#peeping_list .message_user .icon,
#unRead .message_user .icon {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
  overflow: hidden;
  border-radius: 100%
}

#peeping_list .cast .icon,
#unRead .cast .icon {
  border: 1px solid #3db5e6
}

#peeping_list .guest .icon,
#unRead .guest .icon {
  border: 1px solid #3dbaeb
}

#peeping_list .message_content,
#unRead .message_content {
  width: calc(100% - 60px) !important;
  margin: 0 0 15px 10px;
  flex: 1;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center
}

#peeping_list .message_content span,
#unRead .message_content span {
  color: #000
}

#peeping_list .message_content .date,
#unRead .message_content .date {
  width: 100%;
  margin: 0 0 10px;
  text-align: right;
  font-size: .8em
}

#peeping_list .message_content .name,
#unRead .message_content .name {
  width: 100%;
  font-size: 100%;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#peeping_list .txt,
#unRead .txt {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

#peeping_list .notfound_wrapper,
#unRead .notfound_wrapper {
  padding: 0 !important;
  justify-content: center;
  background-color: #fff !important
}

#peeping_list .hide,
#unRead .hide {
  display: none !important
}

#unRead .message_item {
  background-color: rgba(255, 0, 0, .1) !important
}

#unRead .type {
  width: 60px;
  margin-left: 15px;
  padding: 2px 0 5px;
  display: block;
  text-align: center;
  color: #fff !important;
  font-size: 12px;
  border-radius: 3px
}

#unRead .cast .type {
  background-color: #3db5e6
}

#unRead .guest .type {
  background-color: #3dbaeb
}

#admin_message_wrapper {
  padding: 60px 30px
}

#form_create_notice {
  max-width: 600px;
  margin: 0 auto
}

#form_create_notice p.ex {
  margin-bottom: 30px
}

#form_create_notice textarea {
  width: 100%;
  height: 200px;
  padding: 5px;
  display: block;
  margin-bottom: 5px;
  border: 1px solid #3dbaeb
}

#form_create_notice .labels,
#form_create_notice .photos {
  margin-bottom: 30px
}

#form_create_notice .labels {
  display: flex;
  justify-content: center
}

#form_create_notice .labels .label_item+.label_item {
  margin-left: 30px
}

#form_create_notice .buttons {
  display: flex;
  justify-content: center
}

#form_create_notice .buttons button {
  padding: 15px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  cursor: pointer;
  border-radius: 10px
}

#notice_photo .photo {
  margin-top: 5px;
  position: relative
}

#notice_photo .photo button {
  padding: 10px 12px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  background-color: red;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

#admin section#payments {
  display: block
}

#admin section#payments a,
#admin section#payments button {
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: opacity, .3s
}

#admin section#payments a:active,
#admin section#payments a:hover,
#admin section#payments button:active,
#admin section#payments button:hover {
  opacity: .7
}

#payments_controller {
  margin: 30px 0;
  padding-bottom: 30px;
  display: flex;
  justify-content: center
}

#payments_controller .condition {
  padding: 0 30px;
  display: flex;
  align-items: center
}

#payments_controller .condition select[name=month] {
  margin: 0 30px 0 15px;
  outline: 0
}

#payments_controller .condition select[name=pref_id] {
  margin-right: 30px;
  outline: 0
}

#payments_controller .condition input[name="q"] {
  margin-right: 30px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #3dbaeb
}

#payments_controller .condition+p {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 0;
  overflow: hidden
}

#payments_controller .condition+p span {
  padding: 0 1em;
  display: block;
  background-color: #fff
}

#payments_controller .condition+p span::after {
  content: "";
  width: 100%;
  height: 1px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #aaa
}

#payments_controller .buttons {
  display: flex;
  justify-content: center
}

#payments_controller .buttons a,
#payments_controller .buttons button {
  padding: 15px;
  border-radius: 10px
}

#payments_controller .buttons a {
  background-color: #3db5e6
}

#payments_controller .buttons button {
  margin-left: 30px;
  background-color: #3dbaeb
}

#payments_table {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.5
}

#payments_table p {
  margin: 0
}

#payments_table button {
  padding: 5px;
  border-radius: 5px
}

#payments_table .payments_item {
  display: flex;
  align-items: center
}

#payments_table .payments_item .payments_box {
  padding: 5px
}

#payments_table .payments_item .check {
  width: 70px;
  display: flex;
  justify-content: center
}

#payments_table .payments_item .id {
  width: 50px
}

#payments_table .payments_item .name {
  width: 120px
}

#payments_table .payments_item .transfer {
  flex: 1
}

#payments_table .payments_item .sum {
  width: 270px;
  display: flex;
  align-items: center
}

#payments_table .payments_item .sum span.ex {
  width: 100px;
  margin: 0 auto 0 0;
  display: block;
  text-align: center
}

#payments_table .payments_item .pref {
  width: 70px
}

#payments_table .payments_item .line,
#payments_table .payments_item .points,
#payments_table .payments_item .realname {
  width: 100px
}

#payments_table .payments_item.header .payments_box {
  text-align: center
}

#payments_table .payments_item.header button {
  background-color: #3dbaeb
}

#payments_table .payments_item.outline {
  box-shadow: 0 2px 3px rgba(0, 0, 0, .3)
}

#payments_table .payments_users {
  margin: 15px 0 0;
  padding: 0
}

#payments_table .payments_user {
  display: block;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 10px
}

#payments_table .payments_user .id,
#payments_table .payments_user .points,
#payments_table .payments_user .pref {
  text-align: center
}

#payments_table .payments_user .sum .btn_pay {
  background-color: red
}

#payments_table .payments_user .sum .btn_history {
  background-color: #3dbaeb;
  transition: background-color, .3s
}

#payments_table .payments_user .sum .btn_history .fa-eye-slash {
  display: none
}

#payments_table .payments_user .sum .btn_history.unvisible {
  background-color: #000
}

#payments_table .payments_user .sum .btn_history.unvisible .fa-eye {
  display: none
}

#payments_table .payments_user .sum .btn_history.unvisible .fa-eye-slash {
  display: inline
}

#payments_table .payments_user .sum .btn_add {
  background-color: #3db5e6
}

#payments_table .payments_user .sum button+button {
  margin-left: 5px
}

#payments_table .payments_user a,
#payments_table .payments_user button {
  width: 60px;
  padding: 5px 0;
  text-align: center
}

#payments_table .payments_user.payments_user {
  margin-top: 15px
}

#payments_table .payments_history {
  margin: 0;
  padding: 0 0 10px 120px;
  background-color: rgba(255, 255, 255, .5)
}

#payments_table .payments_history .payments_item {
  padding-top: 10px
}

#payments_table .payments_history .label {
  width: 150px;
  display: flex;
  justify-content: center
}

#payments_table .payments_history .label span {
  padding: 2px 5px;
  background-color: #fff;
  border-radius: 3px
}

#payments_table .payments_history .paid .label span {
  border: 1px solid #3db5e6
}

#payments_table .payments_history .event .label span {
  border: 1px solid red
}

#payments_table .payments_history .sum span {
  width: 130px;
  margin: 0 0 0 auto
}

#payments_table .payments_history .sum a span,
#payments_table .payments_history .sum button span {
  width: auto;
  margin: 0
}

#payments_table .payments_history .sum button {
  background-color: #3db5e6
}

#payments_table .payments_history .sum a {
  display: block;
  background-color: #3dbaeb;
  border-radius: 5px
}

#payments_table .payments_history .date {
  width: 100px;
  text-align: center
}

#payments_table .payments_history .note {
  flex: 1
}

#payments_table .notfound_wrapper {
  justify-content: center
}

#payments_button {
  margin-top: 30px;
  display: flex;
  justify-content: center
}

#payments_button button {
  padding: 15px;
  color: #fff;
  background-color: red;
  border: 0;
  border-radius: 10px
}

#payments_button button:disabled {
  opacity: .2 !important;
  cursor: no-drop !important
}

#modal-pay span {
  margin-bottom: 0
}

#modal-pay #p_payments_name {
  font-weight: 700
}

#modal-pay #p_payments_name::before {
  content: ":";
  margin-right: 5px
}

#modal-pay div {
  margin-bottom: 15px;
  display: flex;
  align-items: center
}

#modal-pay div span {
  margin-right: 5px
}

#modal-pay div input {
  padding: 5px;
  border: 1px solid #3dbaeb
}

#modal-pay div #q_payments_yen {
  width: 100px;
  margin-right: 15px
}

#modal-pay div #q_payments_note {
  width: 250px
}

#modal-pay #btn_payment.create .edit,
#modal-pay #btn_payment.edit .create {
  display: none
}

html body#admin article section #tweets .tweet .icnLeft,
html body#admin article section#tweets .tweet .icnLeft {
  width: 100px !important
}

#admin section.timeLineWrap {
  align-items: center
}

#admin section.timeLineWrap .btn_tweet {
  padding: 10px 15px;
  display: block;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

#admin section.timeLineWrap #tweets {
  width: 100%;
  margin-top: 30px
}

#admin section#tweets {
  display: block
}

#admin section#tweets .tweet .icnLeft .btn_app.btn_delete {
  top: 50px !important
}

#admin section#tweets .buttons {
  display: flex;
  justify-content: center
}

#admin section#tweets .buttons a {
  width: 200px;
  padding: 10px 0;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 10px
}

#admin #timeline_create {
  display: block !important
}

#admin #timeline_create .sndBox,
#admin #timeline_create form {
  max-width: 600px
}

#admin #timeline_create form {
  margin-top: 30px
}

#admin #timeline_create form textarea {
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
  padding: 10px;
  display: block;
  border: 1px solid #000;
  border-radius: 5px
}

#admin #timeline_create .sndBox {
  margin-top: 15px;
  display: flex;
  justify-content: center
}

#admin #timeline_create #wrtBtn {
  width: 100px;
  padding: 10px 0;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 10px
}

#admin #video_chat {
  width: calc(100% - 260px);
  height: 600px;
  top: 0;
  left: auto;
  right: 0
}

#admin #video_chat .remote-stream {
  height: 600px;
  margin: auto;
  right: 0
}

#admin #video_chat .remote-stream video {
  object-fit: contain
}

#admin #video_chat .local-stream {
  width: 200px;
  height: 150px
}

section#simulator {
  flex-direction: column
}

section#simulator table {
  width: 100%;
  margin-bottom: 30px
}

section#simulator table td,
section#simulator table th {
  padding: 10px;
  border: 1px solid #000
}

section#simulator table th {
  width: 200px;
  background-color: gold
}

section#simulator select[multiple] {
  width: 200px;
  height: 200px !important;
  outline: 0
}

section#analysis {
  display: block !important
}

#analysis_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#analysis_items .analysis_item {
  width: 48%;
  margin-bottom: 30px
}

#modal_connect {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  background-color: rgba(255, 255, 255, .9)
}

#modal_connect button {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
  color: #3dbaeb;
  background-color: transparent;
  border: 0
}

#modal_connect button i {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #3dbaeb;
  border-radius: 5px
}

#modal_connect.connect button,
#modal_connect.disconnect p {
  display: none
}

#payments_table .payments_history .earn .label span,
#payments_table .payments_history .lose .label span {
  border: 1px solid #000
}

#payments_table .payments_history .earn .sum span,
#payments_table .payments_history .lose .sum span {
  padding-right: 190px
}

#payments_table .payments_history .lose .label span {
  background-color: rgba(0, 0, 0, .2);
  background-color-text-align: right
}

#form_create_event {
  width: 100%;
  max-width: none
}

#form_create_event .casts ul li {
  width: 250px;
  display: flex;
  margin-right: 15px
}

#casts_buttons {
  display: flex;
  align-items: center
}

#casts_buttons select {
  height: 30px;
  margin-right: 10px;
  cursor: pointer
}

#casts_buttons input {
  height: 30px;
  margin: 0 10px 0 30px;
  padding: 0 5px;
  line-height: 20px;
  border: 1px solid grey
}

#casts_buttons button:disabled,
#casts_buttons input:disabled {
  opacity: .3;
  cursor: no-drop
}

#casts_buttons button {
  height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 5px;
  cursor: pointer
}

#nominate_list,
.participation_list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

#nominate_list li,
.participation_list li {
  width: 250px;
  padding: 10px;
  display: flex;
  background-color: rgba(155, 155, 155, .1);
  border: 1px solid grey;
  border-radius: 5px;
  overflow: hidden;
  transition: background-color, border-color, .3s
}

#nominate_list li.priority,
.participation_list li.priority {
  background-color: #fff;
  border-color: #3db5e6
}

#nominate_list li.free,
.participation_list li.free {
  background-color: rgba(61, 186, 235, .1);
  border-color: #3dbaeb
}

#nominate_list li .icon,
.participation_list li .icon {
  width: 50px;
  height: 50px;
  margin: auto;
  display: block
}

#nominate_list li .icon img,
.participation_list li .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  border: 1px solid grey
}

#nominate_list li .choise_box,
.participation_list li .choise_box {
  margin-left: 10px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

#nominate_list li .choise_box .unitprice,
#nominate_list li .choise_box strong,
.participation_list li .choise_box .unitprice,
.participation_list li .choise_box strong {
  height: 20px;
  margin-bottom: 10px;
  display: block;
  line-height: 20px
}

#nominate_list li .choise_box strong,
.participation_list li .choise_box strong {
  width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#nominate_list li .choise_box .unitprice,
.participation_list li .choise_box .unitprice {
  width: 68px;
  margin-left: 5px;
  text-align: right
}

#nominate_list li {
  margin: 15px 15px 0 0;
  justify-content: space-between;
  position: relative;
  z-index: 1
}

#nominate_list li.hide {
  display: none !important
}

#nominate_list li::after {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, .8);
  transition: height, .3s
}

#nominate_list li.disabled::after {
  height: 100%
}

#nominate_list li label {
  display: block;
  cursor: pointer
}

#nominate_list li label span {
  width: 64px;
  padding: 5px 2px;
  display: block;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  transition: color, background-color, .3s
}

#nominate_list li label input[value=priority]~span {
  color: #3db5e6;
  background-color: rgba(218, 165, 32, .1);
  border: 1px solid #3db5e6;
  border-radius: 5px 0 0 5px
}

#nominate_list li label input[value=priority]:checked~span {
  color: #fff;
  background-color: #3db5e6
}

#nominate_list li label input[value=free]~span {
  color: #3dbaeb;
  background-color: rgba(61, 186, 235, .1);
  border: 1px solid #3dbaeb;
  border-left: 0
}

#nominate_list li label input[value=free]:checked~span {
  color: #fff;
  background-color: #3dbaeb
}

#nominate_list li label input[value=none]~span {
  width: 40px;
  flex: 1;
  font-size: 10px;
  color: #9b9b9b;
  background-color: rgba(155, 155, 155, .1);
  border: 1px solid grey;
  border-left: 0;
  border-radius: 0 5px 5px 0
}

#nominate_list li label input[value=none]:checked~span {
  color: #fff;
  background-color: #9b9b9b
}

.participation_list {
  margin: 0;
  padding: 0
}

.participation_list li {
  margin: 0 15px 15px 0 !important
}

.participation_list li .message,
.participation_list li .type {
  padding: 5px;
  color: #fff;
  border-radius: 5px
}

.participation_list li .message {
  color: #fff;
  font-size: 12px;
  background-color: #3db5e6;
  transition: color, background-color, .3s
}

.participation_list li .message a {
  color: #fff !important
}

.participation_list li .message:active,
.participation_list li .message:hover {
  color: #fff;
  background-color: #3db5e6
}

.participation_list li .type {
  margin: 0 0 0 auto;
  font-size: 14px
}

.participation_list li.priority {
  background-color: rgba(218, 165, 32, .1);
  border: 1px solid #3db5e6
}

.participation_list li.priority .type {
  background-color: #3db5e6
}

.participation_list li.free {
  background-color: rgba(61, 186, 235, .1);
  border: 1px solid #3dbaeb !important
}

.participation_list li.free .type {
  background-color: #3dbaeb
}

.participation_list li.reserve {
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid #000 !important
}

.participation_list li.reserve .type {
  background-color: #000
}

#cast_notice {
  padding-left: 1em;
  position: relative;
  color: #a00;
  font-weight: 700;
  text-decoration: underline
}

#cast_notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

#has_event {
  color: #a00
}

#has_event+#create_event_points {
  display: none
}

#has_event.hide {
  display: none
}

#has_event.hide+#create_event_points {
  display: block
}

#modal-create #modal_participation {
  margin-bottom: 15px
}

#modal-create #modal_participation li {
  display: flex !important;
  border-radius: 5px !important
}

#modal-create #modal_info {
  color: #a00;
  font-weight: 700
}

#modal-create button {
  background-color: #3db5e6;
  cursor: pointer
}

#admin #event_detail {
  max-width: none
}

.event_matched div {
  flex-direction: column;
  align-items: center
}

.event_matched label {
  margin-bottom: 15px
}

.event_save .event_save_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.event_save .event_save_box+.event_save_box {
  margin-top: 15px
}

.event_save .event_save_box .label_item {
  padding: 5px;
  position: relative;
  overflow: hidden;
  border-radius: 5px
}

.event_save .event_save_box .label_item i {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border-color: #fff
}

.event_save .event_save_box .label_item i::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: .8;
  background-color: #fff;
  transition: opacity, .3s
}

.event_save .event_save_box .label_item span {
  position: relative;
  z-index: 1;
  font-weight: 700;
  opacity: .5;
  transition: all, .3s
}

.event_save .event_save_box .label_item input:checked~i::after {
  opacity: 0
}

.event_save .event_save_box .label_item input:checked~span {
  color: #fff;
  opacity: 1
}

.event_save .event_save_box .label_subitem {
  margin: 20px 0 20px 30px;
  display: flex;
  align-items: center;
  color: #a00;
  cursor: pointer
}

.event_save .event_save_box .label_subitem i {
  margin-right: 10px;
  padding: 5px;
  background-color: rgba(170, 0, 0, .1);
  border: 1px solid #a00;
  border-radius: 3px;
  transition: all, .3s
}

.event_save .event_save_box .label_subitem input:checked~i {
  color: #fff;
  background-color: #a00
}

.event_save .event_save_box .label_subitem input:checked~span {
  font-weight: 700
}

.event_save .event_save_box .label_subitem input:disabled~i,
.event_save .event_save_box .label_subitem input:disabled~span {
  opacity: .5;
  cursor: no-drop
}

.event_save .event_save_box.establish_by_admin .label_item {
  color: #000;
  background-color: #000;
  border: 2px solid #000
}

.event_save .event_save_box.swap .label_item {
  color: #3dbaeb;
  background-color: #3dbaeb;
  border: 2px solid #3dbaeb
}

.event_save .event_save_box.match .label_item {
  color: #3db5e6;
  background-color: #3db5e6;
  border: 2px solid #3db5e6
}

.event_save .event_save_box.cancel .label_item {
  color: #a00;
  background-color: #a00;
  border: 2px solid #a00
}

.event_save .label_subitem,
.event_save p,
.event_save textarea {
  margin: 10px 0 0 30px
}

.event_save p {
  font-size: 14px
}

.event_save textarea {
  width: 100%;
  max-width: 600px;
  height: 100px;
  padding: 5px;
  display: block;
  border-color: #a00 !important
}

.event_save textarea:disabled {
  opacity: .5;
  cursor: no-drop
}

.event_save .buttons {
  padding-top: 30px;
  display: flex;
  justify-content: center
}

.event_save .buttons button {
  width: 200px;
  padding: 15px 0;
  color: #fff;
  background-color: #3dbaeb;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

section#gifts {
  display: block !important
}

section#gifts h1 {
  margin-bottom: 20px
}

section#gifts p.ex {
  line-height: 1.4;
  font-size: 14px
}

section#gifts .notfound_wrapper {
  justify-content: center
}

.gift_box {
  height: 94px;
  padding: 5px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #fff;
  border: 2px solid #3db5e6;
  border-radius: 5px;
  opacity: .5;
  transition: opacity, .3s
}

.gift_box.enable {
  background-color: #f8edd7;
  opacity: 1
}

.gift_box.delete {
  background-color: rgba(0, 0, 0, .5);
  border-color: #000
}

.gift_box.delete .enable,
.gift_box.delete .image label,
.gift_box.delete input[type=number],
.gift_box.delete select {
  cursor: no-drop !important
}

.gift_box.delete .enable,
.gift_box.delete .image {
  opacity: .5
}

.gift_box.ui-sortable-helper {
  transition: none
}

.gift_box+.gift_box {
  margin-top: 10px
}

.gift_box.dummy {
  display: none
}

.gift_box.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: #9b9b9b
}

.gift_box .movable {
  margin-right: 10px
}

.gift_box .movable i {
  width: 30px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #3db5e6;
  border-radius: 5px 0 0 5px;
  cursor: ns-resize
}

.gift_box .movable i.arrow_n,
.gift_box .movable i.arrow_s {
  display: none
}

.gift_box .enable {
  margin-right: 20px;
  position: relative;
  color: #fff
}

.gift_box .enable i {
  position: absolute;
  top: 6px;
  left: 10px;
  opacity: .5
}

.gift_box .enable span {
  width: 80px;
  padding: 5px 0 5px 30px;
  display: flex;
  align-items: center;
  background-color: #000;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color, .3s
}

.gift_box .enable input:checked~i {
  opacity: 1
}

.gift_box .enable input:checked~span {
  background-color: #3db5e6
}

.gift_box .image {
  width: 80px;
  height: 80px;
  position: relative
}

.gift_box .image .photos {
  z-index: 1
}

.gift_box .image .photos button {
  display: none
}

.gift_box .image .photo,
.gift_box .image .photos,
.gift_box .image img {
  width: 100%;
  height: 100%;
  position: relative
}

.gift_box .image img {
  object-fit: cover
}

.gift_box .image .icon_image,
.gift_box .image label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0
}

.gift_box .image .icon_image {
  font-size: 20px;
  border: 1px solid #9b9b9b
}

.gift_box .image label {
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  background-color: #fff;
  transition: opacity, .3s
}

.gift_box .image label input {
  opacity: 0
}

.gift_box .image label:hover {
  opacity: .5
}

.gift_box .points,
.gift_box .term {
  display: flex;
  align-items: center
}

.gift_box .points {
  margin-left: 20px
}

.gift_box .points input {
  width: 100px;
  padding: 2px 5px;
  border: 1px solid #000
}

.gift_box .points span {
  width: 30px;
  margin-left: 5px
}

.gift_box .term select {
  width: 80px;
  display: block;
  cursor: pointer;
  border: 1px solid #000
}

.gift_box .term select+select {
  margin-left: 5px
}

.gift_box .term+span {
  width: 30px;
  display: block;
  text-align: center
}

.gift_box .btn_gift_create,
.gift_box .delete {
  width: 80px;
  margin-left: auto;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}

.gift_box .btn_gift_create {
  background-color: #3dbaeb;
  border: 0;
  cursor: pointer
}

.gift_box .btn_gift_create:disabled {
  opacity: .3;
  cursor: no-drop
}

.gift_box .delete {
  background-color: #000
}

.gift_box .delete span {
  margin-left: 5px;
  display: block
}

.gift_box .q.error {
  background-color: rgba(170, 0, 0, .2);
  border-color: #a00
}

.gift_box p.error {
  margin: 0;
  padding: 2px 5px;
  position: absolute;
  bottom: 5px;
  color: #fff;
  font-size: 12px;
  background-color: #a00;
  border-radius: 3px
}

.gift_box p.error.e_image {
  bottom: -10px;
  left: -25px
}

.gift_box p.error.e_points {
  left: 130px
}

.gift_box p.error.e_term {
  left: 415px
}

form.gift_box {
  margin-bottom: 30px;
  opacity: 1;
  border-color: #3dbaeb
}

#gifts_list {
  margin: 0;
  padding: 0
}

#gifts_list .gift_box:last-child .movable i.arrow_ns,
#gifts_list .gift_box:nth-child(2) .movable i.arrow_ns {
  display: none
}

#gifts_list .gift_box:nth-child(2) .movable i {
  cursor: s-resize
}

#gifts_list .gift_box:nth-child(2) .movable i.arrow_s {
  display: flex
}

#gifts_list .gift_box:last-child .movable i {
  cursor: n-resize
}

#gifts_list .gift_box:last-child .movable i.arrow_n {
  display: flex
}

#gifts_buttons {
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

#gifts_buttons label {
  display: block;
  position: relative;
  cursor: pointer
}

#gifts_buttons label i,
#gifts_buttons label span {
  line-height: 30px;
  color: #fff
}

#gifts_buttons label i {
  width: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center
}

#gifts_buttons label span {
  padding: 0 10px 0 30px;
  display: inline-block;
  background-color: #3dbaeb;
  border-radius: 5px;
  opacity: .3;
  transition: opacity, .3s
}

#gifts_buttons label input:checked~span {
  opacity: 1
}

#gifts_buttons label+label {
  margin-left: 20px
}

#gifts_buttons .buttons {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center
}

#gifts_buttons .buttons button {
  padding: 10px 20px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 10px;
  cursor: pointer
}

#gifts_buttons .buttons button:disabled,
#gifts_buttons label input:disabled~span {
  opacity: .3;
  cursor: no-drop
}

.banners_wrapper {
  padding: 15px;
  border-radius: 10px
}

.banners_wrapper strong {
  margin: 0 0 15px !important
}

.banners_wrapper+.banners_wrapper {
  margin-top: 15px
}

#banners_guests {
  border: 3px solid #3dbaeb
}

#banners_casts {
  border: 3px solid #3db5e6
}

.misc_banners {
  margin: 0;
  padding: 0;
  display: flex
}

.misc_banners li {
  width: 300px;
  display: block
}

.misc_banners li+li {
  margin-left: 15px
}

.misc_banners li .error {
  color: #a00
}

.misc_banners li .photo {
  width: 100% !important
}

section.findWrap p+button[data-app=find-switch] {
  background-color: #ff8ab1
}

article.has_banner {
  margin-top: 30px
}

#select_activity_pref {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100001
}

#select_activity_pref .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5
}

#select_activity_pref .container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center
}

#select_activity_pref .container .inner {
  width: 315px;
  background-color: #fff
}

html body article section#messagesWrap .message_items li .message_item_inr .message_user .icon.is_online::after {
  bottom: 0
}

#messagesWrap .message_item.dummy .message_user .icon {
  border-radius: 100%;
  width: 100%;
  height: 100vh;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

#messagesWrap .message_item.dummy .message_content {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section#massageSubWrap #messages_body .message_content .box.system {
  max-width: none
}

html body article section#massageSubWrap #messages_body .message_content .box.system .content::before {
  display: none
}

article.messages {
  padding: 60px 0 75px 0
}

article.messages section h1 {
  display: none
}

article.messages section#messagesWrap {
  min-height: calc(100vh - 135px);
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

article.messages section#messagesWrap ul#list_tabs {
  margin: 0;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #e6e6e6
}

article.messages section#messagesWrap ul#list_tabs a {
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a39c9c;
  font-size: .875rem;
  font-weight: 400;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  position: relative
}

article.messages section#messagesWrap ul#list_tabs a.active {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6
}

article.messages section#messagesWrap ul#list_tabs li {
  display: block;
  font-size: .875rem;
  color: #333;
  width: 45%;
  text-align: center;
  align-items: center;
  position: relative;
  color: #3db5e6;
  height: 39px;
  line-height: 39px;
  list-style-type: none
}

article.messages section#messagesWrap ul#list_tabs li.unread::before {
  content: attr(data-count);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: calc(50% - 77px);
  top: 9px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  background-color: #ff8ab1;
  border-radius: 100%;
  z-index: 1
}

article.messages section#messagesWrap ul.message_items {
  margin: 0;
  padding: 0
}

article.messages section#messagesWrap ul.message_items li {
  list-style: none;
  position: relative;
  clear: both;
  margin: 0;
  display: block;
  padding: 12.5px 20px
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr {
  display: block;
  position: relative;
  text-decoration: none;
  color: #333;
  display: flex
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_user {
  position: relative;
  min-height: 60px;
  margin: 0 10px 0 0
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_user .icon {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  box-sizing: border-box
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content {
  width: 100%;
  line-height: 1.7;
  float: right;
  margin: auto 0
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .date {
  display: block;
  font-size: .625rem;
  color: #b3b3b3;
  right: 0;
  position: absolute;
  line-height: 1
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online {
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  line-height: 1
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: block;
  border-radius: 100%;
  border: none
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online.type01.usertype10::before {
  background-color: #3db5e6
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online.type01.usertype1::before,
article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online.type01.usertype5::before {
  background-color: #ff8ab1
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online.type02::before {
  background-color: #ff8ab1
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name.has_online span.online.type03::before {
  background-color: #b3b3b3
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .name {
  display: block;
  font-size: .875rem;
  font-weight: 500
}

article.messages section#messagesWrap ul.message_items li.message_item .message_item_inr .message_content .txt {
  font-size: .75rem;
  font-weight: 400;
  color: #b3b3b3;
  line-height: 1.66666666666;
  word-wrap: break-word;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 4px 0 0 0;
  padding: 0 80px 0 0
}

article.messages section#messagesWrap ul.message_items li.unread {
  background-color: #ffeef3
}

article.messages section#messagesWrap ul.message_items[data-type=events] {
  margin: 0 0 50px 0;
  padding: 27px 20px 0
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item {
  margin: 0 0 14px;
  padding: 0 0 11px;
  border-bottom: 1px dotted #e6e6e6
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr {
  display: block
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content {
  width: 100%;
  padding-right: 40px;
  float: none
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .event_date {
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: 5px
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .event_date::before {
  content: url(../images/common/event-timeBK.svg);
  width: 20px;
  height: 20px;
  margin-right: 5px
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content span.date {
  display: block;
  font-size: .625rem;
  color: #b3b3b3;
  right: 0;
  top: 0;
  position: absolute
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content span.txt {
  font-size: .75rem;
  font-weight: 400;
  color: #b3b3b3;
  line-height: 1.7;
  word-wrap: break-word;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 7px;
  padding: 0
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member {
  display: flex;
  align-items: center;
  margin: 0
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member .event_type {
  margin: 0 5px 0 0;
  width: 51px;
  height: 20px;
  padding: 4px 9px;
  background-color: #fff;
  border-radius: 4px;
  font-size: .625rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ff8ab1;
  color: #ff8ab1
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul {
  display: flex;
  margin: 0;
  padding: 0
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul li {
  width: 30px;
  height: 30px
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul li.cast,
article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul li.guest {
  margin: 0 5px 0 0;
  padding: 0;
  border: none
}

article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul li.cast img,
article.messages section#messagesWrap ul.message_items[data-type=events] li.message_item.infinite_item .message_item_inr .message_content .events_member ul li.guest img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%
}

article.messages section#messagesWrap ul.message_items.blur .message_item:not([data-id="1"]) .message_item_inr .message_content .txt {
  filter: blur(3px)
}

article.messages section#messagesWrap .ex_buttons {
  display: none
}

article.messages section#fixed {
  padding: 0 20px;
  margin: 0
}

article.messages section#fixed h1 {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.messages section#fixed h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.messages section#fixed p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 26px 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  line-height: 1.7
}

article.messages section#fixed ul#fixed-list {
  list-style: none;
  margin: 0;
  padding: 0
}

article.messages section#fixed ul#fixed-list li {
  margin: 0;
  height: 60px;
  border-top: 1px dotted #e6e6e6;
  display: flex;
  align-items: center
}

article.messages section#fixed ul#fixed-list li:last-child {
  border-bottom: 1px dotted #e6e6e6
}

article.messages section#fixed ul#fixed-list li p {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 20px;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.messages section#fixed ul#fixed-list li p::after {
  content: url(../images/common/next.svg);
  display: block;
  position: absolute;
  top: -2px;
  right: 20px
}

article.messages section#fixed ul#fixed-list li label {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 20px;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.messages section#fixed ul#fixed-list li input[type=radio] {
  width: 15px;
  height: 15px;
  appearance: radio
}

article.messages section#template_create {
  position: relative;
  margin: 0 20px 20px;
  padding: 0
}

article.messages section#template_create h1 {
  display: block;
  margin: 26px 0;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.messages section#template_create h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.messages section#template_create .txtBox-text,
article.messages section#template_create .txtBox-title {
  height: 40px;
  position: relative
}

article.messages section#template_create .txtBox-text input,
article.messages section#template_create .txtBox-text textarea,
article.messages section#template_create .txtBox-title input,
article.messages section#template_create .txtBox-title textarea {
  width: 100%;
  border: 2px solid #e6e6e6;
  padding: 10px 20px;
  border-radius: 4px;
  height: 40px;
  background-color: #fff;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333
}

article.messages section#template_create .txtBox-text input:disabled,
article.messages section#template_create .txtBox-text textarea:disabled,
article.messages section#template_create .txtBox-title input:disabled,
article.messages section#template_create .txtBox-title textarea:disabled {
  background-color: #f6f6f6;
  border: none
}

article.messages section#template_create .txtBox-text {
  height: 160px;
  margin: 20px 0 0 0
}

article.messages section#template_create .txtBox-text textarea {
  padding: 11px 20px;
  height: 160px;
  line-height: 1.7
}

article.messages section#template_create .sndBox {
  position: absolute;
  top: 0;
  right: 0
}

article.messages section#template_create .sndBox #wrtBtn {
  width: 80px;
  height: 40px;
  text-align: center;
  margin-top: -20px;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px;
  background-color: #3db5e6
}

article.messages section#template_create .sndBox #wrtBtn i {
  display: none
}

article.messages section#template_create .sndBox #wrtBtn:disabled {
  background-color: #e6e6e6
}

article.messages section#template_create p {
  margin: 8px 0 0 0;
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3;
  float: right
}

article.messages div.edit {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 80px;
  z-index: 10
}

article.messages div.edit a {
  width: 100%;
  height: 60px
}

article.messages div.edit a::before {
  content: url(../images/common/icon_fixed.svg);
  width: 60px;
  height: 60px;
  right: 20px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
  content: url(../images/common/icon_fixed.svg)
}

article.messages div.edit-button {
  width: 100%;
  position: absolute;
  z-index: 10;
  height: 150px;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 82px 20px 20px 20px;
  background-color: #fff
}

article.messages div.edit-button a,
article.messages div.edit-button button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400
}

article.messages div.edit-button a.edit-delete,
article.messages div.edit-button button.edit-delete {
  width: 27.777777777777777%;
  border-radius: 4px 0 0 4px;
  background-color: #e24b6e
}

article.messages div.edit-button a.edit-fixed,
article.messages div.edit-button button.edit-fixed {
  width: 72.222222222222222%;
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff8ab1
}

article.messages div.edit-button a.edit-fixed i,
article.messages div.edit-button button.edit-fixed i {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0
}

article.messages div.edit-button a.edit-fixed i::before,
article.messages div.edit-button button.edit-fixed i::before {
  content: url(../images/common/icon_data.svg)
}

article.messages div#select-bg {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, .5)
}

article.messages div#select-bg div#message-delete,
article.messages div#select-bg div#message-keep {
  width: 78.75%;
  max-width: 315px;
  height: 140px;
  padding: 31px 0 35px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  text-align: center
}

article.messages div#select-bg div#message-delete p,
article.messages div#select-bg div#message-keep p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  margin: 0 0 13px 0;
  line-height: 1.225
}

article.messages div#select-bg div#message-delete .delete-selectButton,
article.messages div#select-bg div#message-delete .keep-selectButton,
article.messages div#select-bg div#message-keep .delete-selectButton,
article.messages div#select-bg div#message-keep .keep-selectButton {
  display: flex;
  justify-content: center
}

article.messages div#select-bg div#message-delete .delete-selectButton button,
article.messages div#select-bg div#message-delete .keep-selectButton button,
article.messages div#select-bg div#message-keep .delete-selectButton button,
article.messages div#select-bg div#message-keep .keep-selectButton button {
  background-color: transparent;
  color: #ff8ab1;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  padding: 0 10px
}

article.messages div#select-bg div#message-keep .keep-selectButton button {
  color: #3db5e6
}

article.messages div#select-bg div#message-chatReport {
  width: 78.75%;
  max-width: 315px;
  height: fit-content;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select {
  margin: 0;
  padding: 0;
  list-style: none
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li {
  height: 59px;
  line-height: 59px;
  border-bottom: 1px solid #e6e6e6
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li a {
  height: 59px;
  display: flex;
  padding: 0 22px
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li a img {
  width: 20px
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li a .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  margin: 0 0 0 5px
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li:last-child {
  height: 60px;
  line-height: 60px;
  border-bottom: none
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li:last-child a {
  height: 60px
}

article.messages div#select-bg div#message-chatReport #message-chatReport-select li:last-child a .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6
}

article.messages div#select-bg div#message-reportPost {
  width: 78.75%;
  max-width: 315px;
  height: 388px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 30px 20px 20px 20px
}

article.messages div#select-bg div#message-reportPost div.closeReport::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.messages div#select-bg div#message-reportPost p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 23px 0;
  text-align: center
}

article.messages div#select-bg div#message-reportPost .txtBox {
  height: 197px;
  margin: 0 0 10px 0
}

article.messages div#select-bg div#message-reportPost .txtBox textarea {
  width: 100%;
  padding: 14px 20px;
  border-radius: 4px;
  height: 197px;
  background-color: #f6f6f6;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333;
  border: none
}

article.messages div#select-bg div#message-reportPost span {
  display: block;
  font-size: .625rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 25px 0;
  padding: 0 0 0 13px;
  position: relative;
  letter-spacing: .04em
}

article.messages div#select-bg div#message-reportPost span::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

article.messages div#select-bg div#message-reportPost #btn_message-report {
  width: 100%;
  height: 40px;
  background-color: #ff8ab1;
  border-radius: 4px;
  border: none;
  margin: 0;
  padding: 0
}

article.messages div#select-bg div#message-reportPost #btn_message-report p {
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: .04em
}

article.messages div#select-bg div#message-reportComp {
  width: 78.75%;
  max-width: 315px;
  height: 120px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 30px 0;
  text-align: center
}

article.messages div#select-bg div#message-reportComp p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 25px 0
}

article.messages div#select-bg div#message-reportComp .reportCompButton {
  background-color: transparent;
  color: #3db5e6;
  font-size: 1rem;
  font-weight: 400;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial
}

article.messages div#select-bg section#message-recruit {
  width: 315px;
  height: 600px;
  padding: 45px 20px 20px;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

article.messages div#select-bg section#message-recruit::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.messages div#select-bg section#message-recruit h1 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  text-align: center
}

article.messages div#select-bg section#message-recruit h1:first-letter {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif
}

article.messages div#select-bg section#message-recruit p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.7
}

article.messages div#select-bg section#message-recruit #event-detail {
  padding: 0;
  margin: 0
}

article.messages div#select-bg section#message-recruit #event-detail h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 7px 0 20px 45px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.messages div#select-bg section#message-recruit #event-detail h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.messages div#select-bg section#message-recruit #event-detail .event_info {
  width: 100%;
  border-spacing: 0;
  margin: 0
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 11px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type {
  padding: 0 0 12px
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type {
  border: none;
  padding: 20px 0
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td {
  text-align: center;
  width: 100%
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr th {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: left;
  width: 90px;
  display: flex;
  align-items: center
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: left;
  border-spacing: 2px
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td p {
  display: inline-block;
  margin: 0 5px 0 0
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td span {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 132px;
  text-align: center;
  line-height: 30px;
  border: 1px solid gray;
  padding: 8px
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list {
  display: flex;
  padding: 0;
  margin: 0
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li {
  list-style: none;
  display: block;
  margin: 0 10px 0 0;
  height: 54px
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list {
  padding: 10px 20px;
  margin: 0;
  background-color: #ecf8fc;
  border-radius: 4px
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type {
  border-top: 1px dotted #e6e6e6
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p {
  margin: 0;
  padding: 14px 0 0 0
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price {
  font-size: 1rem;
  font-weight: 500
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point {
  font-size: 1.5rem;
  font-weight: 500
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p {
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price {
  color: #333
}

article.messages div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point {
  color: #3db5e6
}

article.messages.messages-sub {
  padding: 0 0 20px 0;
  position: relative
}

article.messages.messages-sub #massageSubWrap {
  min-height: calc(100vh - 120px);
  background-color: #ecf8fc;
  padding: 0 20px 40px;
  margin: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you {
  display: flex;
  margin: 30px 0 0 0;
  flex-wrap: wrap;
  align-items: initial
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: flex-end
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user .icon,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user .icon {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-right: 5px;
  overflow: hidden;
  position: absolute;
  left: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user .icon img,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user p,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user p {
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column-reverse;
  margin: 0 0 10px 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user p .name,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user p .name {
  font-size: .625rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 0 55px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user p .datetime,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .user p .datetime {
  font-size: .75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, .2);
  padding: 10px 30px;
  border-radius: 20px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content {
  background-color: #fff;
  color: #333;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 0 45px;
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  position: relative;
  max-width: calc(100% - 95px)
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content::before,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content::before {
  content: url(../images/common/speech.svg);
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -8px;
  left: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content .message_text,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content .message_text {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  word-break: break-all;
  text-align: left
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content .message_text a[target="_blank"],
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content .message_text a[target="_blank"] {
  text-decoration: underline
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content .message_text a,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content .message_text a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_gift::before,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_gift::before {
  content: none
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos {
  background-color: transparent;
  padding: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos::before,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos::before {
  display: none
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .photos,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .photos {
  padding: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .photos .photo,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .photos .photo {
  margin: 0;
  padding: 0;
  border-radius: 0 0 10px 10px;
  overflow: hidden
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .photos .photo img,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .photos .photo img {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .photos .photo.gift,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .photos .photo.gift {
  width: 180px;
  height: 180px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .photos .photo.gift img,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .photos .photo.gift img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .message_text,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .message_text {
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  margin: 0;
  position: relative;
  padding: 10px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .message_text::before,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .content.has_photos .message_text::before {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -12px;
  left: 1px;
  content: url(../images/common/speech.svg)
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .datetime,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .datetime {
  display: flex;
  align-items: end;
  font-size: .625rem;
  color: #b3b3b3;
  padding: 0 5px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .date_info,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .date_info {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-end
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .date_info .datetime,
article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .date_info .datetime {
  flex-direction: column;
  min-width: 70px;
  display: flex;
  align-items: flex-end;
  font-size: .625rem;
  color: #b3b3b3;
  padding: 0 5px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me {
  justify-content: flex-end;
  flex-direction: row
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user {
  display: none;
  width: 47px;
  margin: 0 10px 0 0;
  text-align: right
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user .icon {
  display: none
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user .name {
  display: none
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user p {
  display: block;
  margin: 0;
  position: absolute;
  bottom: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .user p .datetime {
  font-size: .625rem;
  color: #b3b3b3;
  background-color: transparent;
  display: block;
  padding: 0;
  border-radius: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content {
  background-color: #3db5e6;
  color: #fff;
  max-width: calc(100% - 95px);
  margin: 0
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content::before {
  content: url(../images/common/speech-blue.svg);
  right: 9px;
  left: initial
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_gift::before {
  content: none
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .message_text {
  background-color: #55b1df;
  border-radius: 20px 20px 0 0;
  margin: 0;
  position: relative
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .content.has_photos .message_text::before {
  right: 9px;
  left: initial;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -9px;
  content: url(../images/common/speech-blue.svg)
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.me .date_info #sent {
  min-width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  bottom: 0;
  right: 60px;
  font-size: .625rem;
  color: #b3b3b3;
  margin: 0 5px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.you .message_text a {
  color: #55b1df !important
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.system .content {
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 15px;
  background-color: #ff8ab1
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.system .content .message_text .btn_app.error {
  color: #fff;
  padding: 7px 5px
}

article.messages.messages-sub #massageSubWrap #messages_body .message_content .box.system .content .message_text .btn_app.error i {
  margin: 0 5px 0 0
}

article.messages.messages-sub #massageSubWrap #messages_body .date_box {
  font-size: .75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, .2);
  padding: 5px 0;
  border-radius: 20px;
  width: 80px;
  margin: 40px auto 10px auto;
  text-align: center
}

article.messages.messages-sub #massageSubWrap #message_wrapper {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #f6f6f6
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_controllers {
  display: flex;
  justify-content: center;
  align-items: center
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  outline: 0;
  resize: none;
  border: 1px solid #dfdfdf;
  font-size: 1rem;
  font-weight: 400;
  padding: 12px 20px;
  overflow: hidden
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnImg,
article.messages.messages-sub #massageSubWrap #message_wrapper #btnLbl {
  right: 0;
  width: 20px;
  height: 20px;
  top: 20px;
  margin: 0 20px
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnImg .fa-paper-plane::before,
article.messages.messages-sub #massageSubWrap #message_wrapper #btnLbl .fa-paper-plane::before {
    content: url(../images/common/paper-plane.svg)
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnLbl.active .fa-paper-plane::before {
    content: url(../images/common/paper-plane-active.svg)
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnImg {
  left: 0
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnImg .fa-images::before {
  content: url(../images/common/images.svg)
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnSubMenu {
  left: 0;
  margin: 0 10px
}

article.messages.messages-sub #massageSubWrap #message_wrapper #btnSubMenu .fa-images::before {
  content: url(../images/common/images.svg)
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_photos {
  max-width: 100%;
  max-height: 150px;
  display: flex;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_photos .photo {
  min-width: 100px;
  height: 100px;
  margin-top: 15px;
  position: relative;
  text-align: center
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_photos .photo img {
  width: 100px;
  height: 100px;
  object-fit: cover
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_photos .photo .btn_app {
  width: auto !important;
  height: auto !important;
  padding: 3px !important;
  position: absolute;
  top: 3px;
  left: 3px;
  color: #fff;
  font-size: 1.2rem;
  background-color: red !important;
  border: 0;
  border-radius: 5px !important
}

article.messages.messages-sub #massageSubWrap #message_wrapper #message_photos .photo+.photo {
  margin-left: 5px
}

article.messages.messages-sub #massageSubWrap #message_wrapper.close {
  animation-name: menuOut;
  animation-fill-mode: forwards;
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-direction: normal
}

article.messages.messages-sub #massageSubWrap #message_wrapper.close #btnSubMenu .fa-images::before {
  content: url(../images/common/images.svg)
}

article.messages.messages-sub #massageSubWrap #message_wrapper.open {
  animation-name: menuIn;
  animation-fill-mode: forwards;
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-direction: normal
}

article.messages.messages-sub #massageSubWrap #message_wrapper.open #btnSubMenu {
  margin: 0 12px
}

article.messages.messages-sub #massageSubWrap #message_wrapper.open #btnSubMenu .fa-images {
  display: flex;
  justify-content: center;
  align-items: center
}

article.messages.messages-sub #massageSubWrap #message_wrapper.open #btnSubMenu .fa-images::before {
  content: url(../images/common/subMenu_close.svg)
}

article.messages.messages-sub #massageSubWrap #chat_subController {
  margin: 8px 0 0 0;
  padding: 0 40px 10px 40px;
  border-bottom: 1px dotted #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px
}

article.messages.messages-sub #massageSubWrap #chat_subController a,
article.messages.messages-sub #massageSubWrap #chat_subController label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 400;
  width: 50px;
  height: 50px
}

article.messages.messages-sub #massageSubWrap #chat_subController a::before,
article.messages.messages-sub #massageSubWrap #chat_subController label::before {
  display: block;
  width: 20px;
  height: 20px
}

article.messages.messages-sub #massageSubWrap #chat_subController a:nth-child(1)::before,
article.messages.messages-sub #massageSubWrap #chat_subController label:nth-child(1)::before {
  content: url(../images/common/icon_photo.svg)
}

article.messages.messages-sub #massageSubWrap #chat_subController a:nth-child(2)::before,
article.messages.messages-sub #massageSubWrap #chat_subController label:nth-child(2)::before {
  content: url(../images/common/icon_phrase.svg)
}

article.messages.messages-sub #massageSubWrap #chat_subController a:nth-child(3)::before,
article.messages.messages-sub #massageSubWrap #chat_subController label:nth-child(3)::before {
  content: url(../images/common/icon_position.svg)
}

article.messages.messages-sub #massageSubWrap #chat_subController a:nth-child(3)::before,
article.messages.messages-sub #massageSubWrap #chat_subController label:nth-child(3)::before {
  content: url(../images/common/icon_gift_gray.svg)
}

article.messages.messages-sub #massageSubWrap #chat_subController a .txt,
article.messages.messages-sub #massageSubWrap #chat_subController label .txt {
  width: 100%;
  display: block;
  text-align: center;
  margin: 10px 0 0 0;
  font-size: .625rem;
  font-weight: 400;
  color: gray
}

article.messages.messages-sub #massageSubWrap #chat_subController a.active,
article.messages.messages-sub #massageSubWrap #chat_subController label.active {
  background-color: #ff8ab1;
  border-radius: 50%
}

article.messages.messages-sub #massageSubWrap #chat_subController a.active .txt,
article.messages.messages-sub #massageSubWrap #chat_subController label.active .txt {
  color: #fff
}

article.messages.messages-sub #massageSubWrap #message_waiting {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  background-color: rgba(255, 255, 255, .9)
}

article.messages.messages-sub #massageSubWrap #message_waiting p {
  text-align: center;
  line-height: 1.6
}

article.messages.messages-sub #massageSubWrap #message_waiting p a {
  display: inline;
  color: #3dbaeb;
  text-decoration: underline
}

article.messages.messages-sub #tel_conceirge {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none
}

article.messages.messages-sub #tel_conceirge .bg {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0
}

article.messages.messages-sub #tel_conceirge .container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

article.messages.messages-sub #tel_conceirge .container .inner {
  background-color: #fff;
  border-radius: 5px;
  width: 315px;
  height: 220px;
  position: relative;
  text-align: center;
  color: #333;
  font-size: .65rem;
  line-height: 1.5
}

article.messages.messages-sub #tel_conceirge .container .inner #closeBtn {
  position: absolute;
  top: 10px;
  right: 10px
}

article.messages.messages-sub #tel_conceirge .container .inner .title {
  margin-top: 20px;
  font-size: 1rem
}

article.messages.messages-sub #tel_conceirge .container .inner .tel {
  font-weight: 600;
  font-size: 1.7rem;
  margin-top: 10px;
  pointer-events: none
}

article.messages.messages-sub #tel_conceirge .container .inner .exp2 {
  margin-top: 5px
}

article.messages.messages-sub #tel_conceirge .container .inner a.call {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff8ab1;
  width: 85%;
  height: 45px;
  font-size: 1rem;
  border-radius: 5px;
  margin: auto;
  margin-top: 10px
}

article {
  background-color: #fff
}

article.account section#mypage {
  padding: 0 20px;
  min-height: calc(100vh - 135px)
}

article.account section#mypage h1 {
  display: none
}

article.account section#mypage #account_info {
  width: 100%;
  margin: 0 0 42px;
  padding: 18px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

article.account section#mypage #account_info .iconWrapper {
  position: relative;
  width: 130px;
  display: flex;
  align-items: center
}

article.account section#mypage #account_info .iconWrapper .icon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%
}

article.account section#mypage #account_info .iconWrapper .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.account section#mypage #account_info .iconWrapper a {
  width: 40px;
  height: 40px;
  max-width: 280px;
  display: block;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 50px;
  position: absolute;
  bottom: 0;
  background-color: #3db5e6;
  left: 70px
}

article.account section#mypage #account_info .info {
  width: calc(100% - 130px);
  height: 100px
}

article.account section#mypage #account_info .info .labels {
  display: none
}

article.account section#mypage #account_info .info h2 {
  margin: 0;
  padding-top: 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

article.account section#mypage #account_info .info h2 span {
  font-size: .75rem
}

article.account section#mypage #account_info .info .points {
  color: #3db5e6;
  margin: 10px 0;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: 0
}

article.account section#mypage #account_info .info .points img {
  position: relative;
  top: 0;
  margin-right: 5px
}

article.account section#mypage #account_info .info .future_points {
  width: 100%;
  margin: 0;
  font-size: .75rem;
  color: #333;
  padding: 10px 0 0;
  background-color: transparent;
  border-top: 1px dotted #e6e6e6;
  text-align: right
}

article.account section#mypage #account_info .info .future_points span {
  font-size: .75rem;
  float: left
}

article.account section#mypage .edit_profile {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 30px;
  background-color: #fff;
  padding: 10px 0;
  font-size: .75rem;
  font-weight: 400;
  margin: 15px 0 30px;
  color: #3db5e6;
  border: 1px solid #3db5e6
}

article.account section#mypage .no_pjax.lineArea img {
  margin: 0 0 20px 0
}

article.account section#mypage #menuWrapper::before {
  width: 100vw;
  height: calc(100vh - 265px);
  left: 0;
  display: block;
  z-index: 0;
  position: absolute;
  content: " ";
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../images/common/account_bg.png)
}

article.account section#mypage #menuWrapper h2 {
  z-index: 1;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  padding-top: 38px;
  margin: 0 0 20px;
  color: #3db5e6
}

article.account section#mypage #menuWrapper #edit_area {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 1;
  position: relative;
  margin: 0 0 30px 0
}

article.account section#mypage #menuWrapper #edit_area li {
  display: block;
  width: calc(100vw / 385 * 111)
}

article.account section#mypage #menuWrapper #edit_area li:nth-child(n+4) {
  margin-top: 6px
}

article.account section#mypage #menuWrapper #edit_area li a {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: calc(100vw / 375 * 111);
  border-radius: 4px
}

article.account section#mypage #menuWrapper #edit_area li a div {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-end
}

article.account section#mypage #menuWrapper #edit_area li a div img {
  width: 50px
}

article.account section#mypage #menuWrapper #edit_area li a span {
  color: #3db5e6;
  margin-top: 10px;
  font-weight: 400;
  display: block;
  text-align: center;
  font-size: .875rem
}

article.account section#mypage #event_notices {
  display: none
}

article.account section#mypage #line_linked {
  display: none
}

article.account section#mypage #has_card p,
article.account section#mypage #has_card.non p {
  margin: 86px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 40px;
  color: #3db5e6;
  background-color: #fff;
  border: 1px #3db5e6 solid;
  padding: 10px 0
}

article.account section#mypage #has_card p img,
article.account section#mypage #has_card.non p img {
  width: 20px;
  height: 20px
}

article.account section#mypage #has_card p span,
article.account section#mypage #has_card.non p span {
  margin-left: 5px;
  display: block;
  font-size: .75rem;
  font-weight: 400;
  height: 20px;
  line-height: 21px
}

article.account section#mypage #has_card a,
article.account section#mypage #has_card.non a {
  margin: 15px 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 40px;
  color: #3db5e6;
  background-color: #fff;
  border: 1px solid #3db5e6;
  padding: 10px 0;
  font-size: .75rem;
  font-weight: 400
}

article.account section#mypage #has_card a::before,
article.account section#mypage #has_card.non a::before {
  content: url(../images/common/credit_img.svg);
  margin-right: 5px;
  width: 20px;
  height: 20px
}

article.account section#mypage #has_card.non a {
  color: #b3b3b3;
  border: 1px solid #b3b3b3
}

article.account section#mypage #has_card.non a::before {
  content: url(../images/common/credit_img-gray.svg)
}

article.account section#mypage .has_no_photos {
  display: none
}

article.account section#mypage #cast_schedule {
  display: none
}

article.account section#mypage .buttons {
  display: none
}

article.account.account-points {
  padding: 60px 0 75px
}

article.account.account-points #pay_request_btn:disabled {
  background-color: #b3b3b3
}

article.account.account-points section {
  margin: 0;
  padding: 20px 20px 0
}

article.account.account-points section.payment {
  background-color: #fff3f7;
  min-height: calc(100vh - 135px)
}

article.account.account-points section.payment #pay_request_wrapper {
  margin: 0
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .now,
article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .usual {
  color: #ff8ab1;
  background-color: #fff;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  border-radius: 4px 4px 0 0;
  position: relative
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .now::after,
article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .usual::after {
  content: "";
  display: block;
  width: calc(100% - 17px);
  height: 2px;
  background-color: #ff8ab1;
  position: absolute;
  bottom: 0;
  margin: 0 auto
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .now {
  color: #fff;
  background-color: #c6c6c6
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_usual:checked~#list_tabs .now::after {
  display: none
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .now,
article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .usual {
  color: #ff8ab1;
  background-color: #fff;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  border-radius: 4px 4px 0 0;
  position: relative
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .now::after,
article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .usual::after {
  content: "";
  display: block;
  width: calc(100% - 17px);
  height: 2px;
  background-color: #ff8ab1;
  position: absolute;
  bottom: 0;
  margin: 0 auto
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .usual {
  color: #fff;
  background-color: #c6c6c6
}

article.account.account-points section.payment #pay_request_wrapper #chk_pay_request_now:checked~#list_tabs .usual::after {
  display: none
}

article.account.account-points section.payment #pay_request_wrapper #list_tabs {
  list-style: none;
  display: flex;
  justify-content: space-between
}

article.account.account-points section.payment #pay_request_wrapper #list_tabs li {
  text-align: center;
  width: calc(50% - 3px);
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500
}

article.account.account-points section.payment #pay_request_wrapper .box.usual {
  background-color: #fff;
  padding: 25px 10px
}

article.account.account-points section.payment #pay_request_wrapper .box.usual p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em
}

article.account.account-points section.payment #pay_request_wrapper .box.usual p:nth-of-type(1) {
  margin: 0 0 20px 0
}

article.account.account-points section.payment #pay_request_wrapper .box.usual p:nth-of-type(2) {
  margin: 0 0 18px 0;
  line-height: 1.7
}

article.account.account-points section.payment #pay_request_wrapper .box.usual p.notice {
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3;
  letter-spacing: .04em;
  margin: 0
}

article.account.account-points section.payment #pay_request_wrapper .box.usual p.notice.attention {
  color: red;
  margin-top: 10px
}

article.account.account-points section.payment #pay_request_wrapper .box.now {
  background-color: #fff;
  padding: 25px 10px
}

article.account.account-points section.payment #pay_request_wrapper .box.now p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  margin: 0 0 10px 0
}

article.account.account-points section.payment #pay_request_wrapper .box.now p.notice {
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3;
  letter-spacing: .04em
}

article.account.account-points section.payment #pay_request_wrapper .box.now p.notice.attention {
  color: red;
  margin: 0 0 24px 0
}

article.account.account-points section.payment #pay_request_wrapper .box.now .pay_notice {
  ont-size: .875rem;
  font-weight: 400;
  color: #ff8ab1
}

article.account.account-points section.payment #pay_request_wrapper .box.now button {
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #3db5e6;
  border: 0;
  border-radius: 4px;
  padding: 0
}

article.account.account-points section.payment #pay_request_wrapper .box.now button:disabled {
  background-color: #b3b3b3
}

article.account.account-points section.payment #pay_request_wrapper .box.now button i::before {
  display: none
}

article.account.account-points section.payment #pay_request_wrapper .box.now button span {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .04em
}

article.account.account-points section.payment #pay_request_wrapper .box.now button span::before {
  content: url(../images/common/icon_card.svg);
  position: absolute;
  left: -25px
}

article.account.account-points section h1 {
  margin: 6px 20px 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points section h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points section h2 {
  font-size: 1rem;
  margin: 20px 0 8px;
  padding: 0;
  font-weight: 500;
  color: #333
}

article.account.account-points section .pNow {
  width: 100%;
  display: block;
  padding: 20px 10px 10px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  box-sizing: border-box;
  border: none !important;
  position: relative;
  height: 53px;
  color: #3db5e6;
  background-color: #ecf8fc;
  margin: 0;
  border-radius: 4px 4px 0 0
}

article.account.account-points section .pNow::before {
  border-bottom: 1px dotted #e6e6e6;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 20px)
}

article.account.account-points section .pNow::after {
  border: 1px solid #3db5e6;
  color: #3db5e6
}

article.account.account-points section .pNow.no_future {
  border-radius: 4px;
  padding-bottom: 45px
}

article.account.account-points section .detail {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px 10px 0 0;
  content: "内訳";
  display: block;
  padding: 8px;
  width: 46px;
  height: 30px;
  border-radius: 4px;
  font-size: .75rem;
  font-weight: 400;
  background-color: #fff
}

article.account.account-points section .future_points {
  font-size: .875rem;
  padding: 14.5px 0;
  color: #333;
  background-color: #ecf8fc;
  margin: 0 0 5px;
  text-align: center;
  height: 43px;
  border-radius: 0 0 4px 4px
}

article.account.account-points section .future_points span {
  margin-right: 5px;
  font-size: .875rem
}

article.account.account-points section p {
  font-weight: 400;
  color: #333
}

article.account.account-points section p:nth-child(4) {
  font-size: .625rem;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  position: relative
}

article.account.account-points section p:nth-child(4)::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

article.account.account-points section p:nth-child(7) {
  font-size: .875rem;
  margin: 0 0 25px;
  line-height: 1.7
}

article.account.account-points section .btnArea {
  text-align: center
}

article.account.account-points section .btnArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff8ab1;
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 60px;
  margin-bottom: 15px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 400
}

article.account.account-points section .btnArea a::before {
  content: url(../images/common/points_img.svg);
  display: block;
  margin-right: 10px
}

article.account.account-points section #pay_request_wrapper {
  display: none
}

article.account.account-points section #account_points_controller {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px
}

article.account.account-points section #account_points_controller select {
  width: 120px;
  height: 40px;
  appearance: none;
  background-image: url(../images/common/down-arrow.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  padding: 0 10px;
  font-size: .875rem;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  outline: 0;
  background-color: #fff
}

article.account.account-points section #account_points_controller button {
  display: none
}

article.account.account-points section #points_table {
  width: 100%;
  margin: 0 0 60px;
  border-collapse: collapse;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

article.account.account-points section #points_table tr {
  height: 30px
}

article.account.account-points section #points_table tr th {
  padding: 5px 0;
  font-size: .75rem;
  font-weight: 400;
  border-left: 1px solid #e6e6e6;
  background-color: #ecf8fc;
  color: #3db5e6
}

article.account.account-points section #points_table tr th:last-child {
  border-right: 1px solid #e6e6e6
}

article.account.account-points section #points_table tr td {
  font-size: .75rem;
  font-weight: 400;
  padding: 10px 4px;
  color: #333;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6
}

article.account.account-points section #points_table tr td:nth-child(1) {
  width: 14.44444444444%
}

article.account.account-points section #points_table tr td:nth-child(2) {
  width: 21.11111111111%
}

article.account.account-points section #points_table tr td:nth-child(3) {
  width: 21.11111111111%
}

article.account.account-points section #points_table tr td:nth-child(4) {
  width: 23.88888888888%
}

article.account.account-points section #points_table tr td:last-child {
  width: 19.444444444444%;
  border-right: 1px solid #e6e6e6
}

article.account.account-points section #points_table tr td.points_date {
  background-color: #e6e6e6;
  padding: 5px 9px;
  background-color: #e6e6e6;
  text-align: left
}

article.account.account-points #select-bg {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, .5)
}

article.account.account-points #select-bg div#mypage-breakDown {
  width: 78.75%;
  max-width: 315px;
  height: 265px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 23px 20px
}

article.account.account-points #select-bg div#mypage-breakDown span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em;
  display: block;
  text-align: center;
  margin: 0 0 23px
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown {
  margin: 0 0 12px;
  padding: 0
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li {
  list-style: none;
  border-top: 1px dotted #e6e6e6;
  padding: 11px 0;
  display: flex;
  justify-content: space-between
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  margin: 0
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li p.point-blue {
  font-size: 1.25rem;
  font-weight: 500;
  color: #3db5e6
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) {
  flex-wrap: wrap
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point {
  text-align: right;
  width: 40%
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective {
  font-size: .75rem;
  color: #3db5e6;
  margin: 11px 0 0
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item {
  width: 60%
}

article.account.account-points #select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item {
  line-height: 23px
}

article.account.account-points #select-bg div#mypage-breakDown #btn_breakDown-close {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: #fff
}

article.account.account-points #select-bg div#mypage-breakDown #btn_breakDown-close p {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  margin: 0
}

article.account.account-points #modal #modal-pay_request .attention {
  color: red;
  font-size: 12px;
  margin-bottom: 7px
}

article.account.account-points-buy section {
  padding: 0;
  margin: 0
}

article.account.account-points-buy section h1 {
  margin: 26px 20px 26px 20px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points-buy section h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points-buy section #backto {
  display: none
}

article.account.account-points-buy section h2 {
  font-size: 1rem;
  margin: 20px 20px 8px;
  padding: 0;
  font-weight: 500;
  color: #333
}

article.account.account-points-buy section p {
  padding: 0 20px
}

article.account.account-points-buy section .pNow {
  width: calc(100% - 40px);
  height: 56px;
  display: block;
  padding: 20px 10px 10px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  color: #3db5e6;
  background-color: #ecf8fc;
  margin: 0 20px;
  position: relative;
  border-bottom: 1px dotted #e6e6e6
}

article.account.account-points-buy section .detail {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px 10px 0 0;
  content: "内訳";
  display: block;
  padding: 8px;
  width: 46px;
  height: 30px;
  border: 1px solid #3db5e6;
  border-radius: 4px;
  font-size: .75rem;
  font-weight: 400;
  color: #3db5e6;
  background-color: #fff
}

article.account.account-points-buy section .future_points {
  font-size: .875rem;
  padding: 14.5px 0;
  color: #333;
  background-color: #ecf8fc;
  margin: 0 20px 5px;
  text-align: center;
  height: 43px;
  border-radius: 0 0 4px 4px
}

article.account.account-points-buy section .future_points span {
  margin-right: 5px;
  font-size: .875rem
}

article.account.account-points-buy section .yuukou {
  font-size: .625rem;
  font-weight: 400;
  margin: 0 20px 30px;
  padding: 0 0 0 10px;
  color: #333;
  position: relative
}

article.account.account-points-buy section .yuukou::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

article.account.account-points-buy section .points_notice {
  margin: 0 20px 5px;
  padding: 0
}

article.account.account-points-buy section .points_notice span {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  padding: 0
}

article.account.account-points-buy section .points_notice_items {
  margin: 0 20px 20px;
  padding: 0;
  line-height: 1.5
}

article.account.account-points-buy section .points_notice_items li {
  list-style: none
}

article.account.account-points-buy section .points_notice_items li i {
  display: block;
  position: relative
}

article.account.account-points-buy section .points_notice_items li i.fas.fa-square-full::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: gray;
  top: 12px;
  left: 0
}

article.account.account-points-buy section .points_notice_items li i.fas.fa-exclamation-triangle::before {
  content: "※";
  position: absolute;
  top: 3px;
  left: 0;
  background-color: transparent;
  font-size: .625rem
}

article.account.account-points-buy section .points_notice_items li span {
  display: block;
  color: #333;
  font-size: .875rem;
  padding-left: 18px
}

article.account.account-points-buy section #form_auth {
  margin: 0 20px 10px
}

article.account.account-points-buy section #form_auth button {
  display: flex;
  justify-content: center;
  border: 1px solid #3db5e6;
  padding: 0;
  height: 60px;
  line-height: 60px;
  width: 100%;
  text-align: center;
  color: #3db5e6;
  background-color: #fff;
  border-radius: 4px
}

article.account.account-points-buy section #form_auth button::before {
  content: url(../images/common/credit_img.svg);
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 60px;
  line-height: 70px
}

article.account.account-points-buy section #form_auth~.points_notice_items li span {
  font-size: .625rem;
  padding-left: 13px;
  letter-spacing: .04em;
  display: block
}

article.account.account-points-buy section h2.pointBuy {
  font-size: 1rem;
  font-weight: 500;
  color: #3db5e6;
  margin: 0 20px 10px;
  display: flex;
  align-items: center
}

article.account.account-points-buy section h2.pointBuy::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(../images/common/icon_points_p.svg);
  background-size: contain;
  vertical-align: middle;
  margin: 0 5px 0 0
}

article.account.account-points-buy section .pointBuyS3lectWrapper {
  margin: 0 20px 49px;
  display: flex;
  justify-content: space-between
}

article.account.account-points-buy section .pointBuyS3lectWrapper select {
  height: 40px;
  width: 75%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0;
  padding: 0 20px;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  appearance: none;
  background-image: url(../images/common/down-arrow.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 13px 13px
}

article.account.account-points-buy section .pointBuyS3lectWrapper button {
  height: 40px;
  width: calc(25% - 10px);
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  background-color: #ff8ab1;
  border-radius: 4px;
  border: none;
  margin: 0;
  padding: 0
}

article.account.account-points-buy section #point_types {
  margin: 0 0 50px 0;
  padding: 0 20px
}

article.account.account-points-quittung {
  padding: 60px 20px 75px
}

article.account.account-points-quittung #quittung_wrapper {
  margin: 0;
  padding: 0
}

article.account.account-points-quittung #quittung_wrapper h1 {
  margin: 26px 20px 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points-quittung #quittung_wrapper h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-points-quittung #quittung_wrapper p.ex {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 25px
}

article.account.account-points-quittung #quittung_wrapper .box {
  border: none;
  margin-bottom: 10px;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ecf8fc;
  border-radius: 4px
}

article.account.account-points-quittung #quittung_wrapper .box h2 {
  margin: 0 0 17px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

article.account.account-points-quittung #quittung_wrapper .box p {
  margin: 0 0 10px;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.account.account-points-quittung #quittung_wrapper .box strong {
  display: block;
  background-color: transparent;
  color: #3db5e6;
  font-size: 1.5rem;
  font-weight: 500
}

article.account.account-points-quittung #quittung_wrapper input[name=name] {
  border: none;
  background-color: #f6f6f6;
  padding: 14px 20px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border-radius: 4px;
  height: 40px;
  font-size: .875rem;
  outline: 0
}

article.account.account-points-quittung #quittung_wrapper input[name=name]::placeholder {
  color: #c6c6c6
}

article.account.account-points-quittung #quittung_wrapper select[name=detail] {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  width: 100%;
  display: block;
  margin-bottom: 20px;
  border-radius: 4px;
  height: 40px;
  font-size: .875rem;
  font-weight: 400;
  appearance: none;
  background-image: url(../images/common/down-arrow.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  outline: 0;
  background-color: #fff;
  color: #333
}

article.account.account-points-quittung #quittung_wrapper .buttons {
  display: flex;
  justify-content: center
}

article.account.account-points-quittung #quittung_wrapper .buttons button {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 60px;
  padding: 20px;
  color: #fff;
  background-color: #e6e6e6;
  border: 0;
  border-radius: 4px;
  font-weight: 400;
  font-size: 1rem
}

article.account.account-points-quittung #quittung_wrapper .buttons button::before {
  content: url(../images/common/receipt_img.svg);
  display: block;
  margin-right: 10px
}

article.account.account-points-quittung #quittung_wrapper .buttons button.on {
  background-color: #ff8ab1 !important
}

article.account.account-config {
  padding: 60px 20px 75px
}

article.account.account-config #edit {
  padding: 0
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr {
  display: none
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications {
  display: block
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications th {
  margin: 26px 0 26px 0;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  display: block;
  text-align: left
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td {
  display: block;
  width: 100%;
  padding: 0
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.7;
  border-bottom: 1px dotted #e6e6e6;
  padding: 0 0 26px;
  margin: 0 0 30px;
  color: #333
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td p a {
  text-decoration: underline;
  color: #3db5e6
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box {
  display: flex;
  justify-content: space-between;
  margin: 0 0 19px
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box strong {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea {
  position: relative;
  width: 57px;
  background: #fff
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea input[type=checkbox] {
  display: none
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea label {
  display: block;
  box-sizing: border-box;
  height: 16px;
  border-radius: 8px;
  background-color: #e6e6e6
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea input[type=checkbox]:checked+label {
  background-color: #3db5e6
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea #swImg {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #f9f9f9;
  top: -7px;
  left: 0;
  border-radius: 26px;
  transition: .2s;
  margin: 0;
  pointer-events: none
}

article.account.account-config #edit form.form_app.is_notifications table tbody tr.edit_box.mode_notifications td .flex_box .switchArea input[type=checkbox]:checked~#swImg {
  transform: translateX(27px);
  background: #f9f9f9
}

article.account.account-config #edit form.form_app.is_notifications #users_edit_button {
  display: flex;
  position: fixed;
  bottom: 80px;
  z-index: 1;
  width: 100%;
  height: 86px;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .8)
}

article.account.account-config #edit form.form_app.is_notifications #users_edit_button button {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: calc(100% - 40px);
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .04em;
  background-color: #ff8ab1
}

article.account.account-config #edit form.form_app.is_info table tbody tr {
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 0 35px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo th {
  margin: 26px 20px 26px 0;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td {
  padding: 0;
  line-height: .6
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td #main_photo {
  width: 300px;
  height: 300px;
  margin: 0 auto 20px auto;
  overflow: hidden;
  border-radius: 50%
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td #main_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap {
  display: flex;
  flex-wrap: nowrap;
  width: 90vw;
  margin: 0;
  float: left;
  overflow: auto
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap .input_wrap {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap .input_wrap label {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  background-color: #3db5e6
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap .input_wrap label .fa-plus::before {
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  background-image: url(../images/common/plus.svg);
  background-size: contain
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap .input_wrap .notfound_wrapper {
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap .notfound_wrapper2 {
  line-height: 1.5;
  margin-right: 15px;
  width: 200px;
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap #user_photos {
  display: flex;
  width: inherit;
  margin: 0;
  flex-direction: row-reverse;
  justify-content: flex-end
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap #user_photos a {
  width: 60px;
  max-width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  display: block;
  margin: 0 0 0 10px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.user_photo td .usr_photowrap #user_photos a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  margin: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.disp_name {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 0 25px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.disp_name th {
  margin: 0 0 13px;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.disp_name td {
  padding: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.disp_name td input {
  width: 100%;
  height: 60px;
  border: none;
  outline: 0;
  padding: 22px 10px;
  background-color: #f6f6f6;
  font-size: .875rem;
  font-weight: 400
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.select_point {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 0 25px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.select_point th {
  margin: 0 0 13px;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.select_point .points {
  padding: 15px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 0 25px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info th {
  padding: 0 0 13px;
  margin: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 1px solid #e6e6e6
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td {
  padding: 0;
  display: flex;
  flex-direction: column
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td input {
  width: 100%;
  height: 50px;
  border: none;
  outline: 0;
  padding: 5px;
  background-color: #f6f6f6;
  font-size: .875rem;
  font-weight: 400
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td strong {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  display: flex;
  height: 14px;
  align-items: normal;
  flex-direction: column
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td strong .addition {
  margin-top: 5px;
  font-size: .7rem
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  margin: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item .select_box {
  position: relative;
  margin: 0;
  height: 59px;
  line-height: 59px;
  width: auto;
  position: relative
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item .select_box::before {
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item .select_box::after {
  content: url(../images/common/down-arrow.svg);
  position: absolute;
  top: -2px;
  right: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item .select_box select {
  height: 59px;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: right;
  width: auto;
  direction: rtl
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item .select_box .pref_id_area {
  margin-right: 15px;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: right;
  width: auto;
  direction: rtl
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item:nth-child(1) {
  padding: 20px 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item:nth-child(1) strong {
  margin-bottom: 10px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input {
  width: 120px;
  height: 40px;
  border: none;
  outline: 0;
  padding: 10px 45px;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: .875rem;
  font-weight: 400;
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday .birthday_wrapper {
  width: 100%;
  margin: 0;
  display: flex;
  margin: 24px 0 0 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday strong {
  width: 50%
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday .birthdate_selection {
  width: 50%;
  height: 14px;
  justify-content: flex-end
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday .birthdate_selection .select_box {
  height: auto;
  line-height: 14px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday .birthdate_selection .select_box select {
  height: auto;
  line-height: 14px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input[type=checkbox] {
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input[type=checkbox]+label {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input[type=checkbox]+label span {
  font-size: .875rem;
  color: gray
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.birthday input[type=checkbox]:checked+label::after {
  content: url(../images/common/check.svg);
  position: absolute;
  top: -2px;
  left: 5px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags {
  border: none;
  margin: 0 0 30px;
  margin-top: 15px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags .flex_box {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  margin: 15px 0 0 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags .flex_box label {
  width: auto;
  font-size: .825rem;
  font-weight: 300;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 8px 8px 0;
  color: gray
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags .flex_box label input {
  display: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags .flex_box label input[type=checkbox]:checked+span {
  background-color: #ff8ab1;
  color: #fff;
  border: 1px solid #ff8ab1
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.tags .flex_box label span {
  height: 34px;
  margin: 0;
  padding: 0 9px;
  display: flex;
  align-items: center;
  color: gray;
  font-size: .875rem;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid gray;
  border-radius: 4px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.pr {
  margin: 25px 0 25px;
  border: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.pr .pr_title_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.pr .pr_title_area strong {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.pr .pr_title_area .example_sentence {
  width: fit-content;
  font-size: 11px;
  color: #3db5e6;
  border: 1px solid #3db5e6;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .edit_item.pr textarea {
  margin: 17px 0 0 0;
  height: 160px;
  padding: 12px;
  border: none;
  resize: none;
  border-radius: 4px;
  outline: 0;
  font-size: .875rem;
  font-weight: 400
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  top: 0;
  left: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .bg {
  content: '';
  background-color: #000;
  opacity: .5;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  position: absolute
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  pointer-events: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner {
  width: 80%;
  max-height: 80vh;
  overflow-y: auto;
  pointer-events: all;
  background-color: #fff;
  border-radius: 5px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner div {
  margin: 0
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section {
  padding: 30px 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #707070
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section:last-child {
  border-bottom: none
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section .pr_type {
  margin-bottom: 0;
  display: flex
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section .pr_type .type_name {
  font-size: 16px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section .sentence {
  display: none;
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.6
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section .select_pr_btn {
  display: none;
  margin-top: 30px;
  width: 100%;
  background-color: #ff8ab1;
  padding: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section.close .pr_open_close {
  content: url(../images/common/plus_gray.svg);
  width: 16px
}

article.account.account-config #edit form.form_app.is_info table tbody tr.edit_box.mode_info.basic_info td .select_pr_popup .container .inner section.open .pr_open_close {
  content: url(../images/common/minus_gray.svg);
  width: 16px
}

article.account.account-config #edit form.form_app.is_info #users_edit_button {
  display: flex;
  position: fixed;
  bottom: 80px;
  z-index: 1;
  width: 100%;
  height: 86px;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .8)
}

article.account.account-config #edit form.form_app.is_info #users_edit_button button {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: calc(100% - 40px);
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .04em;
  background-color: #ff8ab1
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_info,
article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_notifications {
  display: none
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule {
  display: flex;
  flex-direction: column
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule th {
  margin: 26px 0 26px 0;
  text-align: left;
  font-size: 1rem;
  font-weight: 700;
  color: #333
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td {
  padding: 0
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr {
  border-bottom: 1px dotted #e6e6e6
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr:first-child {
  border-bottom: none
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr th {
  margin: 0;
  width: 13.333333333%;
  height: 30px;
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  background-color: gray
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr th:first-child {
  background-color: #ff8ab1
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr th:last-child {
  background-color: #3db5e6
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td {
  margin: 0;
  width: 13.333333333%;
  height: 62px;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  text-align: center;
  padding: 10px 0
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td input[type=checkbox] {
  display: none
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td input[type=checkbox]+label {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  top: 140%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td input[type=checkbox]+label p {
  font-size: .875rem;
  color: #333;
  margin: 0;
  padding: 0
}

article.account.account-config #edit form.form_app.is_schedule table tbody tr.edit_box.mode_schedule td .cats_table .schedule_table tbody tr td input[type=checkbox]:checked+label::after {
  position: absolute;
  top: 145%;
  content: url(../images/common/check-pink.svg)
}

article.account.account-config #edit form.form_app.is_schedule #users_edit_button {
  height: 86px;
  bottom: 0;
  position: fixed;
  width: calc(100% - 40px)
}

article.account.account-config #edit form.form_app.is_schedule #users_edit_button button {
  border: none;
  background-color: #3db5e6;
  color: #fff;
  width: 100%;
  height: 48px;
  margin: 19px 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px
}

article.account.account-config #edit form.form_app.is_schedule #users_edit_button {
  display: flex;
  position: fixed;
  bottom: 80px;
  z-index: 1;
  width: 100%;
  height: 86px;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .8)
}

article.account.account-config #edit form.form_app.is_schedule #users_edit_button button {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: calc(100% - 40px);
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .04em;
  background-color: #ff8ab1
}

article.account.account-config #selectActivityArea {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000
}

article.account.account-config #selectActivityArea .bg {
  background-color: #000;
  opacity: .5;
  width: 100vw;
  height: 100vh
}

article.account.account-config #selectActivityArea .inner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh
}

article.account.account-config #selectActivityArea .inner .innerContainer {
  background-color: #fff;
  width: 315px;
  border-radius: 3px
}

article.account.account-config #selectActivityArea .inner .innerContainer .checkBoxContainer .selectItem {
  padding: 20px;
  border-bottom: 1px dotted #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center
}

article.account.account-config #selectActivityArea .inner .innerContainer .checkBoxContainer .selectItem input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #e6e6e6;
  width: 25px;
  height: 25px;
  text-align: center
}

article.account.account-config #selectActivityArea .inner .innerContainer .checkBoxContainer .selectItem input[type=checkbox]:checked::before {
  content: "\2714";
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #3db5e6
}

article.account.account-config #selectActivityArea .inner .innerContainer .btnArea {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  gap: 40px
}

article.account.account-config #selectActivityArea .inner .innerContainer .btnArea a {
  color: #3db5e6
}

article.account-help section#mypage {
  background-color: #ecf8fc
}

article.account-help section#mypage h1 {
  display: block;
  margin: 0;
  padding: 26px 0 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account-help section#mypage h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account-help section#mypage ul.editArea {
  margin: 0;
  padding: 0;
  background-color: #fff
}

article.account-help section#mypage ul.editArea li {
  list-style: none;
  height: 60px;
  line-height: 64px
}

article.account-help section#mypage ul.editArea li:nth-child(1) {
  border-bottom: 1px dotted rgba(230, 230, 230, .6)
}

article.account-help section#mypage ul.editArea li:nth-child(1) a::before {
  content: url(../images/common/question.svg);
  top: 5px
}

article.account-help section#mypage ul.editArea li:nth-child(2) {
  border-bottom: 1px dotted rgba(230, 230, 230, .6)
}

article.account-help section#mypage ul.editArea li:nth-child(2) a::before {
  content: url(../images/common/help.svg);
  top: 5px
}

article.account-help section#mypage ul.editArea li:nth-child(3) {
  border-bottom: 1px dotted rgba(230, 230, 230, .6)
}

article.account-help section#mypage ul.editArea li:nth-child(3) a::before {
  content: url(../images/common/safe.svg);
  top: 5px
}

article.account-help section#mypage ul.editArea li:nth-child(4) {
  border-bottom: 40px solid #ecf8fc;
  height: 100px
}

article.account-help section#mypage ul.editArea li:nth-child(4) a::before {
  content: url(../images/common/others.svg);
  top: 5px
}

article.account-help section#mypage ul.editArea li:nth-child(5) a::before {
  content: url(../images/common/log-out.svg);
  top: 5px
}

article.account-help section#mypage ul.editArea li a {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 0 47px;
  margin: 0;
  text-decoration: none;
  color: #333;
  font-size: .875rem;
  font-weight: 500;
  height: 60px
}

article.account-help section#mypage ul.editArea li a::before {
  display: block;
  position: absolute;
  left: 20px
}

article.account-help section#mypage ul.editArea li a::after {
  content: url(../images/common/next.svg);
  display: block;
  position: absolute;
  top: 0;
  right: 20px
}

article.account.account-help-relief {
  padding: 60px 20px 75px
}

article.account.account-help-relief section {
  padding: 0;
  margin: 0
}

article.account.account-help-relief section h1 {
  display: block;
  margin: 0;
  padding: 26px 0 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-help-relief section h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-help-relief section p {
  line-height: 1.7;
  margin: 0 0 20px;
  border-radius: 4px;
  padding: 20px;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  background-color: #ecf8fc
}

article.account.account-help-relief section ul.reliefLst {
  padding: 0
}

article.account.account-help-relief section ul.reliefLst li {
  list-style: none;
  line-height: 1.7;
  margin-bottom: 10px;
  font-size: .875rem;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 20px;
  color: #333
}

article.account.account-help-relief section ul.reliefLst li::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  background-color: gray;
  top: 10px;
  left: 0
}

article.account-help-others section#mypage {
  background-color: #ecf8fc
}

article.account-help-others section#mypage h1 {
  display: block;
  margin: 0;
  padding: 26px 0 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account-help-others section#mypage h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account-help-others section#mypage ul.editArea {
  margin: 0;
  padding: 0;
  background-color: #fff
}

article.account-help-others section#mypage ul.editArea li {
  list-style: none;
  height: 60px;
  line-height: 60px
}

article.account-help-others section#mypage ul.editArea li:nth-child(1) {
  border-bottom: 1px dotted rgba(230, 230, 230, .6)
}

article.account-help-others section#mypage ul.editArea li:nth-child(2) {
  border-bottom: 1px dotted rgba(230, 230, 230, .6)
}

article.account-help-others section#mypage ul.editArea li a {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 0 20px;
  margin: 0;
  text-decoration: none;
  color: #333;
  font-size: .875rem;
  font-weight: 500;
  height: 60px
}

article.account-help-others section#mypage ul.editArea li a::after {
  content: url(../images/common/next.svg);
  display: block;
  position: absolute;
  top: 0;
  right: 20px
}

article.account.account-help-faq {
  padding: 60px 20px 75px
}

article.account.account-help-faq section {
  padding: 0;
  margin: 0
}

article.account.account-help-faq section h1 {
  display: block;
  margin: 0;
  padding: 26px 0 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-help-faq section h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account.account-help-faq section .cp_qa .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  position: relative
}

article.account.account-help-faq section .cp_qa .cp_actab::before {
  position: absolute;
  content: url(../images/common/question-blue.svg);
  top: 17px;
  left: 0
}

article.account.account-help-faq section .cp_qa .cp_actab input {
  position: absolute;
  opacity: 0
}

article.account.account-help-faq section .cp_qa .cp_actab input[type=checkbox]:checked+label::after {
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

article.account.account-help-faq section .cp_qa .cp_actab label {
  position: relative;
  display: block;
  padding: 20px 0 20px 34px;
  cursor: pointer;
  color: #333;
  font-size: .875rem;
  font-weight: 400
}

article.account.account-help-faq section .cp_qa .cp_actab label::after,
article.account.account-help-faq section .cp_qa .cp_actab label::before {
  content: '';
  display: block;
  height: 1px;
  width: 14px;
  background-color: gray;
  position: absolute;
  top: 26px;
  right: 0
}

article.account.account-help-faq section .cp_qa .cp_actab label::after {
  transition: transform .4s;
  transform: rotate(90deg)
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 34px;
  -webkit-transition: max-height .2s;
  transition: max-height .2s
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content::before {
  position: absolute;
  content: url(../images/common/answer-pink.svg);
  top: 0;
  left: 0
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content p {
  color: #333;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0 0 25px
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table {
  width: 100%;
  border: 1px solid #e6e6e6;
  border-spacing: 0;
  margin: 0 0 32px
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr {
  height: 40px
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr td:first-child {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  background-color: #e6e6e6;
  width: 36.1%;
  padding: 0 0 0 20px;
  border-top: .5px solid #fff
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr td:first-child span {
  font-size: .75rem;
  font-weight: 400;
  color: #333
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr td:last-child {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  padding: 0 0 0 12px;
  border-top: .5px solid #e6e6e6
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr:first-child td:first-child {
  font-size: 1rem;
  font-weight: 500;
  width: 36.1%;
  padding: 0 0 0 20px;
  border-bottom: .5px solid #fff;
  border-top: .5px solid #e6e6e6;
  color: #3db5e6;
  background-color: #ecf8fc
}

article.account.account-help-faq section .cp_qa .cp_actab .cp_actab-content table tbody tr:first-child td:last-child {
  font-size: 1rem;
  font-weight: 500;
  padding: 0 0 0 12px;
  border-bottom: .5px solid #e6e6e6;
  color: #3db5e6
}

article.account.account-help-earn {
  padding: 60px 20px 75px
}

article.account.account-help-earn section {
  padding: 0;
  margin: 0;
  display: none
}

article.events {
  background-color: #fff !important;
  padding: 60px 20px 75px
}

article.events #events {
  padding: 0;
  margin: 0
}

article.events #events h1 {
  margin: 26px 20px 26px 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.events #events h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.events #events #list_tabs {
  margin: 0;
  padding: 20px 0 10px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6
}

article.events #events #list_tabs li {
  width: 33%;
  text-align: center;
  list-style: none;
  color: gray
}

article.events #events #list_tabs li a {
  color: gray
}

article.events #events #list_tabs li a.active {
  position: relative;
  color: #3db5e6
}

article.events #events #list_tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #3db5e6;
  display: inline-block;
  bottom: -9px;
  left: 0
}

article.events #events #event_items_wrapper .event_items {
  list-style: none
}

article.events #events #event_items_wrapper .event_items .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

article.events #events #event_items_wrapper .event_items .notfound_wrapper p i {
  margin-right: 5px
}

article.blocked,
article.liked,
article.related {
  background-color: #fff
}

article.blocked #users_list,
article.liked #users_list,
article.related #users_list {
  padding: 0;
  margin: 0
}

article.blocked #users_list h1,
article.liked #users_list h1,
article.related #users_list h1 {
  margin: 26px 20px 26px 20px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.blocked #users_list h1:first-letter,
article.liked #users_list h1:first-letter,
article.related #users_list h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.blocked #users_list #tag_wrapper,
article.liked #users_list #tag_wrapper,
article.related #users_list #tag_wrapper {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6;
  width: 100%;
  margin-bottom: 15px
}

article.blocked #users_list #tag_wrapper #list_tabs,
article.liked #users_list #tag_wrapper #list_tabs,
article.related #users_list #tag_wrapper #list_tabs {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden;
  width: 100%;
  justify-content: space-between
}

article.blocked #users_list #tag_wrapper #list_tabs li,
article.liked #users_list #tag_wrapper #list_tabs li,
article.related #users_list #tag_wrapper #list_tabs li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  min-width: 25%;
  text-align: center;
  align-items: center
}

article.blocked #users_list #tag_wrapper #list_tabs li.active,
article.liked #users_list #tag_wrapper #list_tabs li.active,
article.related #users_list #tag_wrapper #list_tabs li.active {
  color: #3db5e6;
  height: 39px;
  border-bottom: solid 2px #3db5e6
}

article.blocked #users_list #tag_wrapper #list_tabs li.active a,
article.liked #users_list #tag_wrapper #list_tabs li.active a,
article.related #users_list #tag_wrapper #list_tabs li.active a {
  color: #3db5e6
}

article.blocked #users_list #tag_wrapper #list_tabs li a,
article.liked #users_list #tag_wrapper #list_tabs li a,
article.related #users_list #tag_wrapper #list_tabs li a {
  color: #333
}

article.blocked #users_list #users_list_items,
article.liked #users_list #users_list_items,
article.related #users_list #users_list_items {
  margin: 0 20px;
  padding: 0
}

article.blocked #users_list #users_list_items li,
article.liked #users_list #users_list_items li,
article.related #users_list #users_list_items li {
  display: block
}

article.blocked #users_list #users_list_items li .btn_app,
article.blocked #users_list #users_list_items li a,
article.liked #users_list #users_list_items li .btn_app,
article.liked #users_list #users_list_items li a,
article.related #users_list #users_list_items li .btn_app,
article.related #users_list #users_list_items li a {
  display: flex;
  color: #333
}

article.blocked #users_list #users_list_items li .btn_app .icon,
article.blocked #users_list #users_list_items li a .icon,
article.liked #users_list #users_list_items li .btn_app .icon,
article.liked #users_list #users_list_items li a .icon,
article.related #users_list #users_list_items li .btn_app .icon,
article.related #users_list #users_list_items li a .icon {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 100%
}

article.blocked #users_list #users_list_items li .btn_app .icon img,
article.blocked #users_list #users_list_items li a .icon img,
article.liked #users_list #users_list_items li .btn_app .icon img,
article.liked #users_list #users_list_items li a .icon img,
article.related #users_list #users_list_items li .btn_app .icon img,
article.related #users_list #users_list_items li a .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.blocked #users_list #users_list_items li .btn_app p,
article.blocked #users_list #users_list_items li a p,
article.liked #users_list #users_list_items li .btn_app p,
article.liked #users_list #users_list_items li a p,
article.related #users_list #users_list_items li .btn_app p,
article.related #users_list #users_list_items li a p {
  margin: 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap
}

article.blocked #users_list #users_list_items li .btn_app p strong,
article.blocked #users_list #users_list_items li a p strong,
article.liked #users_list #users_list_items li .btn_app p strong,
article.liked #users_list #users_list_items li a p strong,
article.related #users_list #users_list_items li .btn_app p strong,
article.related #users_list #users_list_items li a p strong {
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%
}

article.blocked #users_list #users_list_items li .btn_app p strong span::before,
article.blocked #users_list #users_list_items li a p strong span::before,
article.liked #users_list #users_list_items li .btn_app p strong span::before,
article.liked #users_list #users_list_items li a p strong span::before,
article.related #users_list #users_list_items li .btn_app p strong span::before,
article.related #users_list #users_list_items li a p strong span::before {
  border: none
}

article.blocked #users_list #users_list_items li .btn_app p strong span+span,
article.blocked #users_list #users_list_items li a p strong span+span,
article.liked #users_list #users_list_items li .btn_app p strong span+span,
article.liked #users_list #users_list_items li a p strong span+span,
article.related #users_list #users_list_items li .btn_app p strong span+span,
article.related #users_list #users_list_items li a p strong span+span {
  margin-left: 0
}

article.blocked #users_list #users_list_items li .btn_app p span,
article.blocked #users_list #users_list_items li a p span,
article.liked #users_list #users_list_items li .btn_app p span,
article.liked #users_list #users_list_items li a p span,
article.related #users_list #users_list_items li .btn_app p span,
article.related #users_list #users_list_items li a p span {
  font-size: .875rem
}

article.blocked #users_list #users_list_items li .btn_app p span+span,
article.blocked #users_list #users_list_items li a p span+span,
article.liked #users_list #users_list_items li .btn_app p span+span,
article.liked #users_list #users_list_items li a p span+span,
article.related #users_list #users_list_items li .btn_app p span+span,
article.related #users_list #users_list_items li a p span+span {
  margin-left: 1rem
}

article.blocked #users_list #users_list_items li+li,
article.liked #users_list #users_list_items li+li,
article.related #users_list #users_list_items li+li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #aaa
}

article.account.account-help-fees_1on1 {
  display: none
}

.findWrap .check01 {
  display: flex;
  justify-content: space-around
}

.findWrap .check01 p input[type=checkbox] {
  display: none
}

.findWrap .check01 p input[type=checkbox]:checked+.label_item::after {
  opacity: 1
}

.findWrap .check01 p .label_item {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto
}

.findWrap .check01 p .label_item::before {
  background: #fff;
  border: 1px solid #231815;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px
}

.findWrap .check01 p .label_item::after {
  border-right: 3px solid #ed7a9c;
  border-bottom: 3px solid #ed7a9c;
  content: '';
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px
}

#modal-prefs {
  height: 173px;
  padding: 20px
}

#modal-prefs p {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

#modal-prefs #home_prefs {
  margin: 0;
  padding: 0;
  display: flex
}

#modal-prefs #home_prefs li {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  border: none
}

#modal-prefs #home_prefs li span {
  margin: 0;
  padding: 10px 7px;
  display: block;
  font-size: .875rem;
  font-weight: 400;
  color: gray;
  border: 1px solid gray;
  border-radius: 4px
}

#modal-prefs #submitActivityAreaBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 25px;
  height: 40px;
  width: 100%;
  color: #fff;
  border-radius: 5px;
  background-color: #ff8ab1
}

#modal-prefs #submitActivityAreaBtn span {
  margin-bottom: 0
}

#home_prefs li input:checked~span {
  border: none !important;
  background-color: #ff8ab1;
  color: #fff !important
}

body .bl_shadowWrap .ly_termsSection {
  padding: 0
}

body .bl_shadowWrap .ly_termsSection .ly_cont .el_h2Wrap h2.el_h2 {
  display: block;
  margin: 0;
  padding: 20px 0 20px 15px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6
}

body .bl_shadowWrap .ly_termsSection .ly_cont .el_h2Wrap h2.el_h2::before {
  position: absolute;
  content: url(../images/common/call-back.svg);
  top: 20px;
  left: 0
}

.bl_shadowWrap .bl_main .bl_column {
  padding: 0
}

html body article section#notificationWrap #notifications .notification {
  display: flex;
  padding: 15px 0 15px 0;
  border-bottom: 1px dotted #1f1f1f;
  position: relative
}

html body article section#notificationWrap #notifications .notification .notification_user {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin-right: 20px;
  box-sizing: border-box
}

html body article section#notificationWrap #notifications .notification .notification_content span {
  display: block;
  line-height: 1.7;
  color: #1f1f1f
}

html body article section#notificationWrap #notifications .notification .notification_content span.notification_date {
  font-size: .8rem
}

html body article section#notificationWrap #notifications .notification .notification_content span.user_name {
  font-size: 1.1rem;
  font-weight: 700
}

html body article section#notificationWrap #notifications .notification .notification_content span.notification_type {
  display: block;
  line-height: 1.7;
  word-wrap: break-word;
  margin-bottom: 0;
  padding-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

html body article section#notificationWrap .notification.dummy .notification_user {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section#notificationWrap .notification.dummy .notification_content {
  z-index: 10;
  width: calc(100% - 80px);
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section#notificationWrap .notification.dummy .notification_body,
html body article section#notificationWrap .notification.dummy .notification_date,
html body article section#notificationWrap .notification.dummy .user_name {
  width: 100px;
  height: 20px;
  display: inline-block
}

html body article section#notificationWrap .notification_content.unread {
  color: red
}

article {
  background-color: #fff
}

article.notifications section#notificationWrap {
  padding: 0;
  min-height: calc(100vh - 70px)
}

article.notifications section#notificationWrap h1 {
  font-size: 1rem;
  margin: 26px 20px 26px 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article.notifications section#notificationWrap h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.notifications section#notificationWrap #notifications {
  margin-top: 20px;
  border-top: 1px dotted #b3b3b3
}

article.notifications section#notificationWrap #notifications .notification.infinite_item {
  display: flex;
  padding: 15px 20px;
  border-bottom: 1px dotted #b3b3b3;
  position: relative;
  align-items: center
}

article.notifications section#notificationWrap #notifications .notification.infinite_item.unread {
  background-color: #ffeef3
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_user {
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin-right: 20px;
  box-sizing: border-box
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_content {
  display: block;
  width: calc(100% - 80px);
  text-decoration: none
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_content .user_name.has_online {
  display: flex;
  align-items: center;
  position: relative
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_content .user_name.has_online::after {
  content: "\f105";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  font-size: 22px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_content .user_name.has_online span::before {
  border: none
}

article.notifications section#notificationWrap #notifications .notification.infinite_item .notification_content .notification_body .dib.free {
  margin-right: 5px;
  padding: .5px 9px;
  color: #ff8ab1;
  border-radius: 4px;
  font-size: .625rem;
  font-weight: 400;
  border: 1px solid #ff8ab1
}

html body article section.timeLineWrap .tweet.dummy .tweet_body {
  width: 100%;
  height: 20px;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section.timeLineWrap .tweet.dummy .twHead.tweet_content {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section.timeLineWrap .tweet.dummy .icnLeft {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

html body article section.timeLineWrap .tweet.dummy .tweet_content.tweet_photos .btn_app {
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #f6f6f6 0 20%, #fff 40% 60%, #f6f6f6 80% 100%);
  background-size: 400% 400%;
  animation: bggradient 1s linear infinite
}

article {
  background-color: #fff
}

article.timeline section.timeLineWrap {
  padding: 0 20px;
  margin: 0;
  background-color: #fff
}

article.timeline section.timeLineWrap #tweets {
  overflow: hidden
}

article.timeline section.timeLineWrap #tweets .tweet,
article.timeline section.timeLineWrap #tweets .tweet.withphoto {
  padding: 20px 0;
  border-bottom: dashed .9px #e6e6e6
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  margin: 0 0 10px 0
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .icnLeft,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .icnLeft {
  width: 60px;
  margin-right: 20px;
  border-radius: 50%
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .icnLeft .tweet_user.icon,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .icnLeft .tweet_user.icon {
  display: block;
  height: 60px;
  width: 60px
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .icnLeft .tweet_user.icon img,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .icnLeft .tweet_user.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content {
  display: block;
  width: calc(100% - 80px)
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  width: 35%
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span:nth-of-type(2),
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span:nth-of-type(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01::before,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02::before,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: block;
  border-radius: 100%;
  border: none
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype10::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype10::before {
  background-color: #3db5e6
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype5::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype5::before {
  background-color: #ff8ab1
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02.usertype10::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02.usertype10::before {
  background-color: #3db5e6
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02.usertype5::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02.usertype5::before {
  background-color: #ff8ab1
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before {
  background-color: #b3b3b3
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .age,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .age {
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twInfo .tweet_date,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .tweet_date {
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent p,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent p {
  font-size: .75rem;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  width: 80%;
  height: 20px;
  line-height: 20px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button {
  right: 0;
  width: auto;
  height: 20px;
  margin: 0;
  position: relative
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked {
  width: auto;
  height: 20px;
  position: relative;
  margin: 0
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div {
  width: 25px;
  height: 40px;
  position: relative;
  display: block
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img {
  width: 20px;
  height: 18px;
  position: absolute;
  transform: translateX(-50%)
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_liked,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_liked,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_liked,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_liked {
  top: 12px;
  left: 15px;
  object-fit: unset
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like.like2,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like.like2,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like.like2,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like.like2 {
  display: none
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.gif_like,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.gif_like,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.gif_like,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.gif_like {
  top: -7px;
  left: 15px;
  width: 135%;
  height: 135%
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app span,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked span,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app span,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked span {
  display: none
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app p,
article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app p,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p {
  display: block;
  color: gray;
  width: auto;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 0 5px
}

article.timeline section.timeLineWrap #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p {
  color: #ff8ab1
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  display: flex;
  flex-wrap: wrap
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .sub_info,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .sub_info {
  font-size: .9375rem;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  margin: 0 0 11px 0;
  width: 100%
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .sub_info span.date,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .sub_info span.date {
  font-size: .9375rem;
  font-weight: 400;
  color: #b3b3b3;
  display: inline-block;
  margin: 0 9px 0 13px
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .sub_info span.video,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .sub_info span.video {
  display: inline-block;
  font-size: .625rem;
  line-height: 1;
  font-weight: 400;
  color: #ff8ab1;
  border: 1px solid #ff8ab1;
  border-radius: 4px;
  padding: 4px 9px
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .genre_icon,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .genre_icon {
  display: flex;
  flex-direction: column;
  border: 1px solid #3db5e6;
  border-radius: 4px;
  padding: 4px 24px 6px;
  margin: 0 10px 0 0
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .genre_icon i,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .genre_icon i {
  content: url(../images/common/icon_game.svg);
  width: 30px;
  height: 22px;
  margin: 0 0 4px 0
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .genre_icon span,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .genre_icon span {
  font-size: .625rem;
  font-weight: 400;
  color: #3db5e6;
  line-height: 1
}

article.timeline section.timeLineWrap #tweets .tweet .twMain.tweet_content .tweet_body,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .twMain.tweet_content .tweet_body {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  margin: 0;
  width: calc(100% - 90px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7
}

article.timeline section.timeLineWrap #tweets .tweet .tweet_content.tweet_photos,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .tweet_content.tweet_photos {
  display: block;
  width: 100%;
  height: 100%;
  margin: 14px 0 0 0
}

article.timeline section.timeLineWrap #tweets .tweet .tweet_content.tweet_photos img,
article.timeline section.timeLineWrap #tweets .tweet.withphoto .tweet_content.tweet_photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px
}

article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .tweet_date {
  display: flex;
  align-items: center
}

article.timeline section.timeLineWrap #tweets .tweet.withphoto .twWrap .twHead.tweet_content .twInfo .tweet_date::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_photo.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 8px 0 0
}

article.timeline.timeline-sub {
  padding: 60px 20px 75px;
  background-color: #fff
}

article.timeline.timeline-sub #tweets {
  margin: 0;
  padding: 0
}

article.timeline.timeline-sub #tweets .tweet {
  padding: 20px 0;
  border-bottom: dashed .9px #e6e6e6
}

article.timeline.timeline-sub #tweets .tweet .twWrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  margin: 0 0 10px 0
}

article.timeline.timeline-sub #tweets .tweet .twWrap .icnLeft {
  width: 60px;
  margin-right: 20px;
  border-radius: 50%
}

article.timeline.timeline-sub #tweets .tweet .twWrap .icnLeft .tweet_user.icon {
  display: block;
  height: 60px;
  width: 60px
}

article.timeline.timeline-sub #tweets .tweet .twWrap .icnLeft .tweet_user.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content {
  display: block;
  width: calc(100% - 80px)
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  width: 45%
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span:nth-of-type(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01::before,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02::before,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: block;
  border-radius: 100%;
  border: none
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype10::before {
  background-color: #3db5e6
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01.usertype5::before {
  background-color: #ff8ab1
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type01::before {
  background-color: #ff8ab1
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type02::before {
  background-color: #ff8ab1
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .user_name.has_online span.online.type03::before {
  background-color: #b3b3b3
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .age {
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .tweet_date {
  font-size: .625rem;
  font-weight: 400;
  color: #b3b3b3
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twInfo .btn_delete {
  background-image: url(../images/common/three-point.svg);
  background-color: transparent;
  border: none;
  width: 4px;
  height: 16px;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent p {
  font-size: .75rem;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  width: 80%;
  height: 20px;
  line-height: 20px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button {
  right: 0;
  width: auto;
  height: 20px;
  margin: 0;
  position: relative
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked {
  width: auto;
  height: 20px;
  position: relative;
  margin: 0
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div {
  width: 25px;
  height: 40px;
  position: relative;
  display: block
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img {
  width: 20px;
  height: 18px;
  position: absolute;
  transform: translateX(-50%)
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_liked,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_liked {
  top: 12px;
  left: 15px;
  object-fit: unset
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.png_like.like2,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.png_like.like2 {
  display: none
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app div img.gif_like,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked div img.gif_like {
  top: -7px;
  left: 15px;
  width: 135%;
  height: 135%
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app span,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked span {
  display: none
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app p,
article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p {
  display: block;
  color: gray;
  width: auto;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 0 5px
}

article.timeline.timeline-sub #tweets .tweet .twWrap .twHead.tweet_content .twContent .like_button .btn_app.liked p {
  color: #ff8ab1
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  display: flex;
  flex-wrap: wrap
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .sub_info {
  font-size: .9375rem;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  margin: 0 0 11px 0;
  width: 100%
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .sub_info span.date {
  font-size: .9375rem;
  font-weight: 400;
  color: #b3b3b3;
  display: inline-block;
  margin: 0 9px 0 13px
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .sub_info span.video {
  display: inline-block;
  font-size: .625rem;
  line-height: 1;
  font-weight: 400;
  color: #ff8ab1;
  border: 1px solid #ff8ab1;
  border-radius: 4px;
  padding: 4px 9px
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .genre_icon {
  display: flex;
  flex-direction: column;
  border: 1px solid #3db5e6;
  border-radius: 4px;
  padding: 4px 24px 6px;
  margin: 0 10px 0 0
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .genre_icon i {
  content: url(../images/common/icon_game.svg);
  width: 30px;
  height: 22px;
  margin: 0 0 4px 0
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .genre_icon span {
  font-size: .625rem;
  font-weight: 400;
  color: #3db5e6;
  line-height: 1
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .tweet_body {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  margin: 0;
  width: calc(100% - 90px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7
}

article.timeline.timeline-sub #tweets .tweet .twMain.tweet_content .tweet_body.all {
  display: inherit
}

article.timeline.timeline-sub #tweets .tweet #tweet_photos {
  margin: 10px 0 0 0
}

article.timeline.timeline-sub #tweets .tweet #tweet_photos .photo img {
  max-width: 100%;
  margin: 0;
  display: block;
  border-radius: 4px
}

article.timeline.timeline-create {
  padding: 60px 20px 75px
}

article.timeline.timeline-create #timeline_create {
  position: relative;
  margin: 0;
  padding: 0
}

article.timeline.timeline-create #timeline_create h1 {
  margin: 26px 0;
  padding: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  font-family: "Noto Sans JP", sans-serif
}

article.timeline.timeline-create #timeline_create h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.timeline.timeline-create #timeline_create .form_app textarea {
  width: 100%;
  border: none;
  padding: 10px;
  border-radius: 4px;
  height: 160px;
  background-color: #f6f6f6;
  resize: none;
  outline: 0;
  display: block
}

article.timeline.timeline-create #timeline_create .form_app textarea::placeholder {
  color: #ff8ab1
}

article.timeline.timeline-create #timeline_create .form_app .file_container {
  display: none
}

article.timeline.timeline-create #timeline_create .form_app .phtBox {
  position: absolute;
  top: -8px;
  right: 98px
}

article.timeline.timeline-create #timeline_create .form_app .phtBox label {
  font-size: 12px;
  color: gray;
  display: flex;
  flex-direction: column;
  align-items: center
}

article.timeline.timeline-create #timeline_create .form_app .phtBox label::before {
  content: url(../images/common/icon_sendphotos.svg)
}

article.timeline.timeline-create #timeline_create .form_app .sndBox {
  position: absolute;
  top: 0;
  right: 0
}

article.timeline.timeline-create #timeline_create .form_app .sndBox #wrtBtn {
  width: 80px;
  height: 40px;
  text-align: center;
  background-color: #ff8ab1;
  margin-top: -20px;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px
}

article.timeline.timeline-create #timeline_create .form_app .sndBox #wrtBtn i {
  display: none
}

article.timeline.timeline-create #timeline_create .form_app .sndBox #wrtBtn:disabled {
  background-color: #e6e6e6 !important
}

#event_fixed {
  width: 100%;
  height: 40px;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 2
}

#event_fixed .btn_event_counter {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 400;
  height: 40px;
  position: relative
}

#event_fixed .btn_event_counter::before {
  content: url(../images/common/time-white.svg);
  position: absolute;
  height: 20px;
  top: 10px;
  left: 20px
}

#event_fixed .btn_event_counter::after {
  content: url(../images/common/call-next-white.svg);
  position: absolute;
  right: 20px
}

#event_fixed .btn_event_counter p {
  margin: 0 10px 0 25px
}

#event_fixed .btn_event_counter .event_counter {
  font-size: .875rem;
  font-weight: 400
}

#event_fixed .btn_event_counter.holding {
  color: #fff;
  background-color: #ff8ab1
}

#event_fixed .btn_event_counter.matching {
  color: #fff;
  background-color: #ffc400
}

#event_fixed .btn_event_counter.matching::before {
  content: url(../images/common/time-white.svg)
}

#event_fixed .btn_event_counter.matching::after {
  content: url(../images/common/call-next-white.svg)
}

#event_fixed .btn_event_counter.matching span.place {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  background-color: #fff;
  color: #ffc400;
  margin-right: 5px
}

#event_fixed .btn_event_counter.establish {
  color: #fff;
  background-color: #b2e63d
}

#event_fixed .btn_event_counter.establish::before {
  content: url(../images/common/star-white.svg)
}

#event_fixed .btn_event_counter.establish::after {
  content: url(../images/common/call-next-white.svg)
}

#event_fixed .btn_event_counter.establish span.place {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  background-color: #fff;
  color: #ffc400;
  margin-right: 5px
}

article.events.events-sub-chat {
  padding: 60px 0 60px 0
}

article.events.events-sub-chat #cast_action_buttons {
  z-index: 100000;
  position: fixed;
  display: none
}

article.events.events-sub-chat #cast_action_buttons #btn_completed,
article.events.events-sub-chat #cast_action_buttons #btn_start {
  width: 87px;
  height: 40px;
  margin: 0;
  display: flex;
  position: fixed;
  top: 10px;
  right: 85px;
  z-index: 10;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .875rem;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #3db5e6;
  cursor: pointer
}

article.events.events-sub-chat #cast_action_buttons #btn_completed img,
article.events.events-sub-chat #cast_action_buttons #btn_start img {
  width: 17.25px;
  height: 23px;
  margin: 0 3px 0 0;
  display: block
}

article.events.events-sub-chat #cast_action_buttons #btn_completed span,
article.events.events-sub-chat #cast_action_buttons #btn_start span {
  display: block
}

article.events.events-sub-chat #cast_action_buttons #btn_completed {
  background-color: #e24b6e
}

article.events.events-sub-chat #common_action_buttons {
  position: fixed;
  z-index: 99999
}

article.events.events-sub-chat #common_action_buttons a {
  color: #ff8ab1
}

article.events.events-sub-chat #common_action_buttons .event_detail {
  width: 65px;
  height: 40px;
  margin: 0;
  display: flex;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: .6rem;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer
}

article.events.events-sub-chat #common_action_buttons .event_detail::before {
  content: url(../images/common/icon_event_detail_pink.svg);
  margin-bottom: 3px
}

article.events.events-sub-chat #events {
  min-height: calc(100vh - 120px);
  background-color: #ecf8fc;
  padding: 0 20px 50px;
  margin: 0
}

article.events.events-sub-chat #events #event_chat {
  display: flex;
  flex-direction: column-reverse
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper {
  display: block;
  margin: 50px 0 0;
  width: 100%
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content {
  width: 100%;
  line-height: 1.7
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added {
  margin-bottom: 10px
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you {
  max-width: 90%;
  margin: 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column-reverse
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user .icon,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user .icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  display: block;
  overflow: hidden;
  border-radius: 100%
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user .icon img,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user p,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user p {
  display: flex;
  flex-direction: column-reverse;
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0;
  position: absolute;
  left: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user p span,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user p span {
  font-size: 1rem;
  font-weight: 700;
  color: #333
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user p span.name,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .user p span.name {
  font-size: .625rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 0 55px
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content {
  margin: 20px 0 0 0;
  background-color: #fff;
  color: #333;
  max-width: calc(100% - 90px);
  height: auto;
  padding: 0;
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 20px
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content::before,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content::before {
  content: url(../images/common/speech.svg);
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -12px;
  left: 1px
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content .message_text,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content .message_text {
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  display: block;
  word-break: break-all;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content .message_text:empty,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content .message_text:empty {
  padding: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content .message_text a[target="_blank"],
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content .message_text a[target="_blank"] {
  text-decoration: underline
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos {
  background-color: transparent;
  line-height: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos::before,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos::before {
  display: none
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .photos,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos .photos {
  padding: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .photos .photo,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos .photos .photo {
  margin: 0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .message_text,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos .message_text {
  background-color: #fff;
  border-radius: 20px;
  margin: 0 0 10px 0;
  position: relative;
  line-height: 1.7
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .message_text::before,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .content.has_photos .message_text::before {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -10px;
  left: 1px;
  content: url(../images/common/speech.svg)
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .datetime,
article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.you .datetime {
  display: flex;
  align-items: end;
  font-size: 10px;
  color: #b3b3b3;
  padding: 0 5px
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me {
  max-width: 100%;
  margin: 10px 0 0;
  flex-direction: row-reverse
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .user {
  display: none
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content {
  margin: 0;
  background-color: #3db5e6;
  margin: 0;
  background-color: #3db5e6
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content::before {
  right: 9px;
  left: initial;
  content: url(../images/common/speech-blue.svg)
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content .message_text {
  color: #fff
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos {
  background-color: transparent;
  line-height: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos::before {
  display: none
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .photos {
  padding: 0
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .photos .photo {
  margin: 0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .message_text {
  background-color: #3db5e6;
  border-radius: 20px;
  margin: 0 0 10px 0;
  position: relative;
  line-height: 1.7
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.added .box.me .content.has_photos .message_text::before {
  right: 9px;
  left: initial;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -9px;
  content: url(../images/common/speech-blue.svg)
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .date_box {
  font-size: .75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, .2);
  padding: 5px 0;
  border-radius: 20px;
  width: 80px;
  margin: 20px auto 10px auto;
  text-align: center
}

article.events.events-sub-chat #events #event_chat #event_chat_wrapper .chat_content.dummy {
  display: none
}

article.events.events-sub-chat #events #event_chat #chat_controller {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #f6f6f6
}

article.events.events-sub-chat #events #event_chat #chat_controller .chat_photos {
  max-width: 100%;
  max-height: 150px;
  display: flex;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main {
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main .btn_chat_sub {
  content: url(../images/common/images.svg);
  width: 20px;
  height: 20px
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main .btn_chat_sub::after,
article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main .btn_chat_sub::before {
  display: none
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main #event_note {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  outline: 0;
  resize: none;
  border: 1px solid #dfdfdf;
  font-size: .75rem;
  font-weight: 400;
  padding: 12px 20px;
  margin: 0 20px;
  overflow: hidden
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main .btn_chat_post.btn_app {
  border: none;
  background-color: transparent;
  padding: 0
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_main .btn_chat_post.btn_app .fa-paper-plane::before {
  content: url(../images/common/paper-plane.svg);
  display: block
}

article.events.events-sub-chat #events #event_chat #chat_controller #chat_controller_sub {
  display: none
}

article.events.events-sub-chat #events #event_chat .chat_contents .notice_wrapper {
  width: 100%;
  height: 36px;
  margin: auto 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0
}

article.events.events-sub-chat #events #event_chat .chat_contents .notice_wrapper p {
  color: #3db5e6;
  border-color: #3db5e6
}

article.events.events-sub {
  padding: 60px 0 75px
}

article.events.events-sub #cast_action_buttons #btn_completed,
article.events.events-sub #cast_action_buttons #btn_start {
  width: 100%;
  height: 60px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .875rem;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #3db5e6;
  cursor: pointer
}

article.events.events-sub #cast_action_buttons #btn_completed img,
article.events.events-sub #cast_action_buttons #btn_start img {
  width: 17.25px;
  height: 23px;
  margin: 0 3px 0 0;
  display: block
}

article.events.events-sub #cast_action_buttons #btn_completed span,
article.events.events-sub #cast_action_buttons #btn_start span {
  display: block
}

article.events.events-sub #cast_action_buttons #btn_completed {
  background-color: #e24b6e
}

article.events.events-sub section#events {
  padding: 20px 20px 60px;
  margin: 0
}

article.events.events-sub section#events h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 6px 0 20px 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.events.events-sub section#events h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.events.events-sub section#events h3 {
  font-weight: 400;
  font-size: 1rem
}

article.events.events-sub section#events #event_detail,
article.events.events-sub section#events #event_result {
  width: 100%;
  border-spacing: 0;
  margin: 0 0 30px 0;
  font-size: 1rem
}

article.events.events-sub section#events #event_detail tbody tr,
article.events.events-sub section#events #event_result tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

article.events.events-sub section#events #event_detail tbody tr:last-of-type,
article.events.events-sub section#events #event_result tbody tr:last-of-type {
  border: none
}

article.events.events-sub section#events #event_detail tbody tr.point,
article.events.events-sub section#events #event_result tbody tr.point {
  align-items: flex-start
}

article.events.events-sub section#events #event_detail tbody tr th,
article.events.events-sub section#events #event_result tbody tr th {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: left;
  width: 95px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0
}

article.events.events-sub section#events #event_detail tbody tr td,
article.events.events-sub section#events #event_result tbody tr td {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: left;
  padding: 0
}

article.events.events-sub section#events #event_detail tbody tr td p,
article.events.events-sub section#events #event_result tbody tr td p {
  display: inline-block;
  margin: 0 5px 0 0
}

article.events.events-sub section#events #event_detail tbody tr td span.event_start_range.loose,
article.events.events-sub section#events #event_result tbody tr td span.event_start_range.loose {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 132px;
  text-align: center;
  border: 1px solid gray;
  padding: 8px
}

article.events.events-sub section#events #event_detail tbody tr td form textarea,
article.events.events-sub section#events #event_result tbody tr td form textarea {
  outline: 0
}

article.events.events-sub section#events #event_detail tbody tr td .event_user .icon,
article.events.events-sub section#events #event_result tbody tr td .event_user .icon {
  border: none
}

article.events.events-sub section#events #event_detail tbody tr td .event_user a,
article.events.events-sub section#events #event_result tbody tr td .event_user a {
  text-decoration: none
}

article.events.events-sub section#events #event_detail tbody tr td .event_user div,
article.events.events-sub section#events #event_result tbody tr td .event_user div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 15px;
  color: #333
}

article.events.events-sub section#events #event_detail tbody tr td .event_user div p,
article.events.events-sub section#events #event_result tbody tr td .event_user div p {
  margin: 3px 0
}

article.events.events-sub section#events #event_detail tbody tr td ul,
article.events.events-sub section#events #event_result tbody tr td ul {
  display: flex;
  padding: 0;
  margin: 0
}

article.events.events-sub section#events #event_detail tbody tr td ul li,
article.events.events-sub section#events #event_result tbody tr td ul li {
  list-style: none;
  display: block;
  margin: 0 10px 0 0
}

article.events.events-sub section#events #event_detail tbody tr td ul li img,
article.events.events-sub section#events #event_result tbody tr td ul li img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: none
}

article.events.events-sub section#events #event_detail tbody tr td.btn_join_wrapper,
article.events.events-sub section#events #event_result tbody tr td.btn_join_wrapper {
  width: 100%
}

article.events.events-sub section#events #event_detail tbody tr td table tr,
article.events.events-sub section#events #event_result tbody tr td table tr {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none
}

article.events.events-sub section#events #event_detail tbody tr td table tr:last-child,
article.events.events-sub section#events #event_result tbody tr td table tr:last-child {
  margin-bottom: 0
}

article.events.events-sub section#events #event_detail tbody tr td table tr th,
article.events.events-sub section#events #event_result tbody tr td table tr th {
  color: gray;
  border: 1px solid gray;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 30px;
  font-size: .8rem
}

article.events.events-sub section#events #event_detail tbody tr td table tr td,
article.events.events-sub section#events #event_result tbody tr td table tr td {
  margin-left: 10px
}

article.events.events-sub section#events #event_detail tbody tr td table tr.sum th,
article.events.events-sub section#events #event_result tbody tr td table tr.sum th {
  color: #3db5e6;
  border-color: #3db5e6
}

article.events.events-sub section#events #event_detail tbody tr td table tr.sum td,
article.events.events-sub section#events #event_result tbody tr td table tr.sum td {
  color: #3db5e6;
  font-size: 1.2rem
}

article.events.events-sub section#events #event_detail .timestamp_box .border_box,
article.events.events-sub section#events #event_result .timestamp_box .border_box {
  display: block;
  margin-top: 30px;
  height: 10px;
  width: 100vw;
  margin-left: -20px;
  background-color: #ffeef3
}

article.events.events-sub section#events .call_fee {
  margin: 40px 20px 0;
  padding: 0 20px;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  border-radius: 4px;
  background-color: #ecf8fc
}

article.events.events-sub section#events .call_fee span {
  display: block;
  font-size: 1rem;
  font-weight: 500
}

article.events.events-sub section#events .call_fee #event_point {
  margin: 0;
  font-size: 1.5rem;
  color: #3db5e6
}

article.events.events-sub section#events .call_fee #event_point::after {
  content: "Pt";
  margin-left: 5px
}

article.events.events-sub section#events #event_result .timestamp_box.points .result_table {
  width: 100%
}

article.events.events-sub section#events a {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6
}

article.events.events-sub section button {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: #ff8ab1;
  color: #fff;
  border-radius: 5px
}

article.events.events-sub section button.btn_join {
  background-color: #3db5e6;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

article.events.events-sub section button.btn_join::before {
  content: url(../images/common/icon_btn_join_white.svg);
  margin-right: 5px
}

article.events.events-sub.has_banner {
  padding: 60px 0 75px 0
}

article.home,
article.message,
article.mypage,
article.timeline,
article.user {
  padding: 60px 0 75px
}

article.home section#rule,
article.message section#rule,
article.mypage section#rule,
article.timeline section#rule,
article.user section#rule {
  padding: 0 20px;
  margin: 0
}

article.home section#rule h1,
article.message section#rule h1,
article.mypage section#rule h1,
article.timeline section#rule h1,
article.user section#rule h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 22px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#rule h1:first-letter,
article.message section#rule h1:first-letter,
article.mypage section#rule h1:first-letter,
article.timeline section#rule h1:first-letter,
article.user section#rule h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home section#rule section#ban h2,
article.home section#rule section#manner h2,
article.message section#rule section#ban h2,
article.message section#rule section#manner h2,
article.mypage section#rule section#ban h2,
article.mypage section#rule section#manner h2,
article.timeline section#rule section#ban h2,
article.timeline section#rule section#manner h2,
article.user section#rule section#ban h2,
article.user section#rule section#manner h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin: 5px 0 25px
}

article.home section#rule section#ban p:nth-of-type(1),
article.home section#rule section#manner p:nth-of-type(1),
article.message section#rule section#ban p:nth-of-type(1),
article.message section#rule section#manner p:nth-of-type(1),
article.mypage section#rule section#ban p:nth-of-type(1),
article.mypage section#rule section#manner p:nth-of-type(1),
article.timeline section#rule section#ban p:nth-of-type(1),
article.timeline section#rule section#manner p:nth-of-type(1),
article.user section#rule section#ban p:nth-of-type(1),
article.user section#rule section#manner p:nth-of-type(1) {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 35px;
  letter-spacing: .04em;
  line-height: 1.7
}

article.home section#rule section#ban p:nth-of-type(2),
article.home section#rule section#manner p:nth-of-type(2),
article.message section#rule section#ban p:nth-of-type(2),
article.message section#rule section#manner p:nth-of-type(2),
article.mypage section#rule section#ban p:nth-of-type(2),
article.mypage section#rule section#manner p:nth-of-type(2),
article.timeline section#rule section#ban p:nth-of-type(2),
article.timeline section#rule section#manner p:nth-of-type(2),
article.user section#rule section#ban p:nth-of-type(2),
article.user section#rule section#manner p:nth-of-type(2) {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  margin: 0;
  letter-spacing: .04em;
  line-height: 1.7;
  padding: 0 0 0 15px;
  position: relative
}

article.home section#rule section#ban p:nth-of-type(2)::before,
article.home section#rule section#manner p:nth-of-type(2)::before,
article.message section#rule section#ban p:nth-of-type(2)::before,
article.message section#rule section#manner p:nth-of-type(2)::before,
article.mypage section#rule section#ban p:nth-of-type(2)::before,
article.mypage section#rule section#manner p:nth-of-type(2)::before,
article.timeline section#rule section#ban p:nth-of-type(2)::before,
article.timeline section#rule section#manner p:nth-of-type(2)::before,
article.user section#rule section#ban p:nth-of-type(2)::before,
article.user section#rule section#manner p:nth-of-type(2)::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

article.home section#rule section#ban #ban-list,
article.home section#rule section#ban #manner-list,
article.home section#rule section#manner #ban-list,
article.home section#rule section#manner #manner-list,
article.message section#rule section#ban #ban-list,
article.message section#rule section#ban #manner-list,
article.message section#rule section#manner #ban-list,
article.message section#rule section#manner #manner-list,
article.mypage section#rule section#ban #ban-list,
article.mypage section#rule section#ban #manner-list,
article.mypage section#rule section#manner #ban-list,
article.mypage section#rule section#manner #manner-list,
article.timeline section#rule section#ban #ban-list,
article.timeline section#rule section#ban #manner-list,
article.timeline section#rule section#manner #ban-list,
article.timeline section#rule section#manner #manner-list,
article.user section#rule section#ban #ban-list,
article.user section#rule section#ban #manner-list,
article.user section#rule section#manner #ban-list,
article.user section#rule section#manner #manner-list {
  margin: 0;
  padding: 0
}

article.home section#rule section#ban #ban-list li,
article.home section#rule section#ban #manner-list li,
article.home section#rule section#manner #ban-list li,
article.home section#rule section#manner #manner-list li,
article.message section#rule section#ban #ban-list li,
article.message section#rule section#ban #manner-list li,
article.message section#rule section#manner #ban-list li,
article.message section#rule section#manner #manner-list li,
article.mypage section#rule section#ban #ban-list li,
article.mypage section#rule section#ban #manner-list li,
article.mypage section#rule section#manner #ban-list li,
article.mypage section#rule section#manner #manner-list li,
article.timeline section#rule section#ban #ban-list li,
article.timeline section#rule section#ban #manner-list li,
article.timeline section#rule section#manner #ban-list li,
article.timeline section#rule section#manner #manner-list li,
article.user section#rule section#ban #ban-list li,
article.user section#rule section#ban #manner-list li,
article.user section#rule section#manner #ban-list li,
article.user section#rule section#manner #manner-list li {
  display: block;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  counter-increment: cnt01
}

article.home section#rule section#ban #ban-list li::before,
article.home section#rule section#ban #manner-list li::before,
article.home section#rule section#manner #ban-list li::before,
article.home section#rule section#manner #manner-list li::before,
article.message section#rule section#ban #ban-list li::before,
article.message section#rule section#ban #manner-list li::before,
article.message section#rule section#manner #ban-list li::before,
article.message section#rule section#manner #manner-list li::before,
article.mypage section#rule section#ban #ban-list li::before,
article.mypage section#rule section#ban #manner-list li::before,
article.mypage section#rule section#manner #ban-list li::before,
article.mypage section#rule section#manner #manner-list li::before,
article.timeline section#rule section#ban #ban-list li::before,
article.timeline section#rule section#ban #manner-list li::before,
article.timeline section#rule section#manner #ban-list li::before,
article.timeline section#rule section#manner #manner-list li::before,
article.user section#rule section#ban #ban-list li::before,
article.user section#rule section#ban #manner-list li::before,
article.user section#rule section#manner #ban-list li::before,
article.user section#rule section#manner #manner-list li::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 18px;
  background-color: #fff;
  position: absolute;
  content: counter(cnt01);
  display: block;
  top: 4px;
  left: 0;
  text-align: center;
  border: solid 1px #3db5e6;
  color: #3db5e6
}

article.home section#rule section#ban #ban-list li:nth-of-type(4) p,
article.home section#rule section#ban #manner-list li:nth-of-type(4) p,
article.home section#rule section#manner #ban-list li:nth-of-type(4) p,
article.home section#rule section#manner #manner-list li:nth-of-type(4) p,
article.message section#rule section#ban #ban-list li:nth-of-type(4) p,
article.message section#rule section#ban #manner-list li:nth-of-type(4) p,
article.message section#rule section#manner #ban-list li:nth-of-type(4) p,
article.message section#rule section#manner #manner-list li:nth-of-type(4) p,
article.mypage section#rule section#ban #ban-list li:nth-of-type(4) p,
article.mypage section#rule section#ban #manner-list li:nth-of-type(4) p,
article.mypage section#rule section#manner #ban-list li:nth-of-type(4) p,
article.mypage section#rule section#manner #manner-list li:nth-of-type(4) p,
article.timeline section#rule section#ban #ban-list li:nth-of-type(4) p,
article.timeline section#rule section#ban #manner-list li:nth-of-type(4) p,
article.timeline section#rule section#manner #ban-list li:nth-of-type(4) p,
article.timeline section#rule section#manner #manner-list li:nth-of-type(4) p,
article.user section#rule section#ban #ban-list li:nth-of-type(4) p,
article.user section#rule section#ban #manner-list li:nth-of-type(4) p,
article.user section#rule section#manner #ban-list li:nth-of-type(4) p,
article.user section#rule section#manner #manner-list li:nth-of-type(4) p {
  margin: 0 0 26px
}

article.home section#rule section#ban #ban-list li h3,
article.home section#rule section#ban #manner-list li h3,
article.home section#rule section#manner #ban-list li h3,
article.home section#rule section#manner #manner-list li h3,
article.message section#rule section#ban #ban-list li h3,
article.message section#rule section#ban #manner-list li h3,
article.message section#rule section#manner #ban-list li h3,
article.message section#rule section#manner #manner-list li h3,
article.mypage section#rule section#ban #ban-list li h3,
article.mypage section#rule section#ban #manner-list li h3,
article.mypage section#rule section#manner #ban-list li h3,
article.mypage section#rule section#manner #manner-list li h3,
article.timeline section#rule section#ban #ban-list li h3,
article.timeline section#rule section#ban #manner-list li h3,
article.timeline section#rule section#manner #ban-list li h3,
article.timeline section#rule section#manner #manner-list li h3,
article.user section#rule section#ban #ban-list li h3,
article.user section#rule section#ban #manner-list li h3,
article.user section#rule section#manner #ban-list li h3,
article.user section#rule section#manner #manner-list li h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  letter-spacing: .04em;
  line-height: 1.7
}

article.home section#rule section#ban #ban-list li p,
article.home section#rule section#ban #manner-list li p,
article.home section#rule section#manner #ban-list li p,
article.home section#rule section#manner #manner-list li p,
article.message section#rule section#ban #ban-list li p,
article.message section#rule section#ban #manner-list li p,
article.message section#rule section#manner #ban-list li p,
article.message section#rule section#manner #manner-list li p,
article.mypage section#rule section#ban #ban-list li p,
article.mypage section#rule section#ban #manner-list li p,
article.mypage section#rule section#manner #ban-list li p,
article.mypage section#rule section#manner #manner-list li p,
article.timeline section#rule section#ban #ban-list li p,
article.timeline section#rule section#ban #manner-list li p,
article.timeline section#rule section#manner #ban-list li p,
article.timeline section#rule section#manner #manner-list li p,
article.user section#rule section#ban #ban-list li p,
article.user section#rule section#ban #manner-list li p,
article.user section#rule section#manner #ban-list li p,
article.user section#rule section#manner #manner-list li p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 39px;
  padding: 0 0 0 25px;
  letter-spacing: .04em;
  line-height: 1.7
}

article.home section#rule section#ban #ban-list li p:nth-of-type(4),
article.home section#rule section#ban #manner-list li p:nth-of-type(4),
article.home section#rule section#manner #ban-list li p:nth-of-type(4),
article.home section#rule section#manner #manner-list li p:nth-of-type(4),
article.message section#rule section#ban #ban-list li p:nth-of-type(4),
article.message section#rule section#ban #manner-list li p:nth-of-type(4),
article.message section#rule section#manner #ban-list li p:nth-of-type(4),
article.message section#rule section#manner #manner-list li p:nth-of-type(4),
article.mypage section#rule section#ban #ban-list li p:nth-of-type(4),
article.mypage section#rule section#ban #manner-list li p:nth-of-type(4),
article.mypage section#rule section#manner #ban-list li p:nth-of-type(4),
article.mypage section#rule section#manner #manner-list li p:nth-of-type(4),
article.timeline section#rule section#ban #ban-list li p:nth-of-type(4),
article.timeline section#rule section#ban #manner-list li p:nth-of-type(4),
article.timeline section#rule section#manner #ban-list li p:nth-of-type(4),
article.timeline section#rule section#manner #manner-list li p:nth-of-type(4),
article.user section#rule section#ban #ban-list li p:nth-of-type(4),
article.user section#rule section#ban #manner-list li p:nth-of-type(4),
article.user section#rule section#manner #ban-list li p:nth-of-type(4),
article.user section#rule section#manner #manner-list li p:nth-of-type(4) {
  margin: 0 0 26px
}

article.home section#rule section#ban,
article.message section#rule section#ban,
article.mypage section#rule section#ban,
article.timeline section#rule section#ban,
article.user section#rule section#ban {
  margin: 0 0 40px
}

article.home section#rule section#manner,
article.message section#rule section#manner,
article.mypage section#rule section#manner,
article.timeline section#rule section#manner,
article.user section#rule section#manner {
  margin: 0 0 54px
}

article.home section#rule section#manner h2,
article.message section#rule section#manner h2,
article.mypage section#rule section#manner h2,
article.timeline section#rule section#manner h2,
article.user section#rule section#manner h2 {
  margin: 0 0 25px
}

article.home section#oneONone,
article.message section#oneONone,
article.mypage section#oneONone,
article.timeline section#oneONone,
article.user section#oneONone {
  padding: 0 20px;
  margin: 0
}

article.home section#oneONone h1,
article.message section#oneONone h1,
article.mypage section#oneONone h1,
article.timeline section#oneONone h1,
article.user section#oneONone h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 22px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#oneONone h1:first-letter,
article.message section#oneONone h1:first-letter,
article.mypage section#oneONone h1:first-letter,
article.timeline section#oneONone h1:first-letter,
article.user section#oneONone h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home section#oneONone p,
article.message section#oneONone p,
article.mypage section#oneONone p,
article.timeline section#oneONone p,
article.user section#oneONone p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 30px 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#oneONone #oneONone-list,
article.message section#oneONone #oneONone-list,
article.mypage section#oneONone #oneONone-list,
article.timeline section#oneONone #oneONone-list,
article.user section#oneONone #oneONone-list {
  margin: 0;
  padding: 0
}

article.home section#oneONone #oneONone-list ul,
article.message section#oneONone #oneONone-list ul,
article.mypage section#oneONone #oneONone-list ul,
article.timeline section#oneONone #oneONone-list ul,
article.user section#oneONone #oneONone-list ul {
  margin: 0;
  padding: 0
}

article.home section#oneONone #oneONone-list ul li,
article.message section#oneONone #oneONone-list ul li,
article.mypage section#oneONone #oneONone-list ul li,
article.timeline section#oneONone #oneONone-list ul li,
article.user section#oneONone #oneONone-list ul li {
  display: block;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  counter-increment: cnt01
}

article.home section#oneONone #oneONone-list ul li::before,
article.message section#oneONone #oneONone-list ul li::before,
article.mypage section#oneONone #oneONone-list ul li::before,
article.timeline section#oneONone #oneONone-list ul li::before,
article.user section#oneONone #oneONone-list ul li::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 18px;
  border: solid 1px #ff8ab1;
  color: #ff8ab1;
  background-color: #fff;
  position: absolute;
  content: counter(cnt01);
  display: block;
  top: 4px;
  left: 0;
  text-align: center
}

article.home section#oneONone #oneONone-list ul li:nth-of-type(2) p,
article.message section#oneONone #oneONone-list ul li:nth-of-type(2) p,
article.mypage section#oneONone #oneONone-list ul li:nth-of-type(2) p,
article.timeline section#oneONone #oneONone-list ul li:nth-of-type(2) p,
article.user section#oneONone #oneONone-list ul li:nth-of-type(2) p {
  padding: 0
}

article.home section#oneONone #oneONone-list ul li:nth-of-type(2) p:first-of-type,
article.message section#oneONone #oneONone-list ul li:nth-of-type(2) p:first-of-type,
article.mypage section#oneONone #oneONone-list ul li:nth-of-type(2) p:first-of-type,
article.timeline section#oneONone #oneONone-list ul li:nth-of-type(2) p:first-of-type,
article.user section#oneONone #oneONone-list ul li:nth-of-type(2) p:first-of-type {
  margin: 0 0 25px
}

article.home section#oneONone #oneONone-list ul li:nth-of-type(2) p:last-of-type,
article.message section#oneONone #oneONone-list ul li:nth-of-type(2) p:last-of-type,
article.mypage section#oneONone #oneONone-list ul li:nth-of-type(2) p:last-of-type,
article.timeline section#oneONone #oneONone-list ul li:nth-of-type(2) p:last-of-type,
article.user section#oneONone #oneONone-list ul li:nth-of-type(2) p:last-of-type {
  margin: 0 0 23px
}

article.home section#oneONone #oneONone-list ul li h3,
article.message section#oneONone #oneONone-list ul li h3,
article.mypage section#oneONone #oneONone-list ul li h3,
article.timeline section#oneONone #oneONone-list ul li h3,
article.user section#oneONone #oneONone-list ul li h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  letter-spacing: .04em;
  line-height: 1.7
}

article.home section#oneONone #oneONone-list ul li p,
article.message section#oneONone #oneONone-list ul li p,
article.mypage section#oneONone #oneONone-list ul li p,
article.timeline section#oneONone #oneONone-list ul li p,
article.user section#oneONone #oneONone-list ul li p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 39px;
  padding: 0 0 0 25px;
  letter-spacing: .04em;
  line-height: 1.7
}

article.home section#oneONone .ban,
article.message section#oneONone .ban,
article.mypage section#oneONone .ban,
article.timeline section#oneONone .ban,
article.user section#oneONone .ban {
  background-color: #f6f6f6;
  padding: 15px 10px 28px;
  margin: 0 0 20px 0
}

article.home section#oneONone .ban h2,
article.message section#oneONone .ban h2,
article.mypage section#oneONone .ban h2,
article.timeline section#oneONone .ban h2,
article.user section#oneONone .ban h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 6px
}

article.home section#oneONone .ban span,
article.message section#oneONone .ban span,
article.mypage section#oneONone .ban span,
article.timeline section#oneONone .ban span,
article.user section#oneONone .ban span {
  display: block;
  font-size: .75rem;
  color: #b3b3b3;
  margin: 0 0 6px;
  padding: 0 0 13px 0;
  border-bottom: 1px dotted #e6e6e6;
  letter-spacing: .04em
}

article.home section#oneONone .ban ul,
article.message section#oneONone .ban ul,
article.mypage section#oneONone .ban ul,
article.timeline section#oneONone .ban ul,
article.user section#oneONone .ban ul {
  list-style: none;
  margin: 0;
  padding: 0
}

article.home section#oneONone .ban ul li,
article.message section#oneONone .ban ul li,
article.mypage section#oneONone .ban ul li,
article.timeline section#oneONone .ban ul li,
article.user section#oneONone .ban ul li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.7;
  padding: 0 0 0 16px;
  position: relative
}

article.home section#oneONone .ban ul li::before,
article.message section#oneONone .ban ul li::before,
article.mypage section#oneONone .ban ul li::before,
article.timeline section#oneONone .ban ul li::before,
article.user section#oneONone .ban ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: gray;
  position: absolute;
  top: 10px;
  left: 0
}

article.home section#oneONone .nextBtn,
article.message section#oneONone .nextBtn,
article.mypage section#oneONone .nextBtn,
article.timeline section#oneONone .nextBtn,
article.user section#oneONone .nextBtn {
  height: 60px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: none;
  background-color: #3db5e6;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 30px
}

article.home section#timeline_create,
article.message section#timeline_create,
article.mypage section#timeline_create,
article.timeline section#timeline_create,
article.user section#timeline_create {
  position: relative;
  margin: 0 20px 20px;
  padding: 0
}

article.home section#timeline_create h1,
article.message section#timeline_create h1,
article.mypage section#timeline_create h1,
article.timeline section#timeline_create h1,
article.user section#timeline_create h1 {
  margin: 26px 0;
  padding: 0 0 0 22px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#timeline_create h1:first-letter,
article.message section#timeline_create h1:first-letter,
article.mypage section#timeline_create h1:first-letter,
article.timeline section#timeline_create h1:first-letter,
article.user section#timeline_create h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home section#timeline_create .form_app .txtBox,
article.message section#timeline_create .form_app .txtBox,
article.mypage section#timeline_create .form_app .txtBox,
article.timeline section#timeline_create .form_app .txtBox,
article.user section#timeline_create .form_app .txtBox {
  height: 300px;
  position: relative
}

article.home section#timeline_create .form_app .txtBox textarea,
article.message section#timeline_create .form_app .txtBox textarea,
article.mypage section#timeline_create .form_app .txtBox textarea,
article.timeline section#timeline_create .form_app .txtBox textarea,
article.user section#timeline_create .form_app .txtBox textarea {
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 14px 20px;
  border-radius: 4px;
  height: 300px;
  background-color: #fff;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333
}

article.home section#timeline_create .form_app .txtBox textarea:disabled,
article.message section#timeline_create .form_app .txtBox textarea:disabled,
article.mypage section#timeline_create .form_app .txtBox textarea:disabled,
article.timeline section#timeline_create .form_app .txtBox textarea:disabled,
article.user section#timeline_create .form_app .txtBox textarea:disabled {
  background-color: #f6f6f6;
  border: none
}

article.home section#timeline_create .form_app .txtBox .imgBox,
article.message section#timeline_create .form_app .txtBox .imgBox,
article.mypage section#timeline_create .form_app .txtBox .imgBox,
article.timeline section#timeline_create .form_app .txtBox .imgBox,
article.user section#timeline_create .form_app .txtBox .imgBox {
  position: absolute;
  top: 0;
  display: block;
  margin: 50px 0 0 0;
  padding: 0 20px;
  width: 100%
}

article.home section#timeline_create .form_app .txtBox .imgBox img.post,
article.message section#timeline_create .form_app .txtBox .imgBox img.post,
article.mypage section#timeline_create .form_app .txtBox .imgBox img.post,
article.timeline section#timeline_create .form_app .txtBox .imgBox img.post,
article.user section#timeline_create .form_app .txtBox .imgBox img.post {
  width: 100%;
  height: 200px;
  object-fit: cover
}

article.home section#timeline_create .form_app .txtBox .imgBox a,
article.message section#timeline_create .form_app .txtBox .imgBox a,
article.mypage section#timeline_create .form_app .txtBox .imgBox a,
article.timeline section#timeline_create .form_app .txtBox .imgBox a,
article.user section#timeline_create .form_app .txtBox .imgBox a {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -12px;
  right: 8px
}

article.home section#timeline_create .form_app .phtBox,
article.message section#timeline_create .form_app .phtBox,
article.mypage section#timeline_create .form_app .phtBox,
article.timeline section#timeline_create .form_app .phtBox,
article.user section#timeline_create .form_app .phtBox {
  position: absolute;
  top: -10px;
  right: 98px
}

article.home section#timeline_create .form_app .phtBox label,
article.message section#timeline_create .form_app .phtBox label,
article.mypage section#timeline_create .form_app .phtBox label,
article.timeline section#timeline_create .form_app .phtBox label,
article.user section#timeline_create .form_app .phtBox label {
  font-size: .625rem;
  font-weight: 400;
  color: gray;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 40px
}

article.home section#timeline_create .form_app .phtBox label::before,
article.message section#timeline_create .form_app .phtBox label::before,
article.mypage section#timeline_create .form_app .phtBox label::before,
article.timeline section#timeline_create .form_app .phtBox label::before,
article.user section#timeline_create .form_app .phtBox label::before {
  content: url(../images/common/icon_sendphotos.svg);
  width: 20px;
  height: 20px;
  margin: 0 0 9px 0
}

article.home section#timeline_create .form_app .sndBox,
article.message section#timeline_create .form_app .sndBox,
article.mypage section#timeline_create .form_app .sndBox,
article.timeline section#timeline_create .form_app .sndBox,
article.user section#timeline_create .form_app .sndBox {
  position: absolute;
  top: 0;
  right: 0
}

article.home section#timeline_create .form_app .sndBox #wrtBtn,
article.message section#timeline_create .form_app .sndBox #wrtBtn,
article.mypage section#timeline_create .form_app .sndBox #wrtBtn,
article.timeline section#timeline_create .form_app .sndBox #wrtBtn,
article.user section#timeline_create .form_app .sndBox #wrtBtn {
  width: 80px;
  height: 40px;
  text-align: center;
  margin-top: -20px;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px;
  background-color: #ff8ab1
}

article.home section#timeline_create .form_app .sndBox #wrtBtn i,
article.message section#timeline_create .form_app .sndBox #wrtBtn i,
article.mypage section#timeline_create .form_app .sndBox #wrtBtn i,
article.timeline section#timeline_create .form_app .sndBox #wrtBtn i,
article.user section#timeline_create .form_app .sndBox #wrtBtn i {
  display: none
}

article.home section#timeline_create .form_app .sndBox #wrtBtn:disabled,
article.message section#timeline_create .form_app .sndBox #wrtBtn:disabled,
article.mypage section#timeline_create .form_app .sndBox #wrtBtn:disabled,
article.timeline section#timeline_create .form_app .sndBox #wrtBtn:disabled,
article.user section#timeline_create .form_app .sndBox #wrtBtn:disabled {
  background-color: #e6e6e6
}

article.home section#post-setting,
article.message section#post-setting,
article.mypage section#post-setting,
article.timeline section#post-setting,
article.user section#post-setting {
  border-radius: 4px 4px 0 0;
  padding: 0 20px;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 5;
  background-color: #ecf8fc
}

article.home section#post-setting h2,
article.message section#post-setting h2,
article.mypage section#post-setting h2,
article.timeline section#post-setting h2,
article.user section#post-setting h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0;
  padding: 25px 0 0 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#post-setting .editArea,
article.message section#post-setting .editArea,
article.mypage section#post-setting .editArea,
article.timeline section#post-setting .editArea,
article.user section#post-setting .editArea {
  margin: 13px 0 0 0;
  padding: 0;
  list-style: none
}

article.home section#post-setting .editArea li,
article.message section#post-setting .editArea li,
article.mypage section#post-setting .editArea li,
article.timeline section#post-setting .editArea li,
article.user section#post-setting .editArea li {
  margin: 0 0 22px 0;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center
}

article.home section#post-setting .editArea li:last-child,
article.message section#post-setting .editArea li:last-child,
article.mypage section#post-setting .editArea li:last-child,
article.timeline section#post-setting .editArea li:last-child,
article.user section#post-setting .editArea li:last-child {
  margin: 0
}

article.home section#post-setting .editArea li a,
article.message section#post-setting .editArea li a,
article.mypage section#post-setting .editArea li a,
article.timeline section#post-setting .editArea li a,
article.user section#post-setting .editArea li a {
  position: relative;
  width: 100%;
  display: block;
  padding: 0 20px;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.home section#post-setting .editArea li a::after,
article.message section#post-setting .editArea li a::after,
article.mypage section#post-setting .editArea li a::after,
article.timeline section#post-setting .editArea li a::after,
article.user section#post-setting .editArea li a::after {
  content: url(../images/common/down-arrow.svg);
  display: block;
  position: absolute;
  top: -2px;
  right: 20px
}

article.home section#message_position,
article.message section#message_position,
article.mypage section#message_position,
article.timeline section#message_position,
article.user section#message_position {
  position: relative;
  margin: 0 20px 20px;
  padding: 0
}

article.home section#message_position h1,
article.message section#message_position h1,
article.mypage section#message_position h1,
article.timeline section#message_position h1,
article.user section#message_position h1 {
  margin: 32px 0;
  padding: 0 0 0 22px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home section#message_position h1:first-letter,
article.message section#message_position h1:first-letter,
article.mypage section#message_position h1:first-letter,
article.timeline section#message_position h1:first-letter,
article.user section#message_position h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home section#message_position img,
article.message section#message_position img,
article.mypage section#message_position img,
article.timeline section#message_position img,
article.user section#message_position img {
  margin: 0
}

article.home section#message_position .form_app::before,
article.message section#message_position .form_app::before,
article.mypage section#message_position .form_app::before,
article.timeline section#message_position .form_app::before,
article.user section#message_position .form_app::before {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  background-image: url(../images/common/up-arrow.svg);
  background-size: cover;
  vertical-align: middle;
  margin: 10px auto
}

article.home section#message_position .form_app .txtBox-search,
article.message section#message_position .form_app .txtBox-search,
article.mypage section#message_position .form_app .txtBox-search,
article.timeline section#message_position .form_app .txtBox-search,
article.user section#message_position .form_app .txtBox-search {
  height: 40px
}

article.home section#message_position .form_app .txtBox-search textarea,
article.message section#message_position .form_app .txtBox-search textarea,
article.mypage section#message_position .form_app .txtBox-search textarea,
article.timeline section#message_position .form_app .txtBox-search textarea,
article.user section#message_position .form_app .txtBox-search textarea {
  width: 100%;
  background-color: #f6f6f6;
  border: none;
  padding: 12px 20px;
  border-radius: 4px;
  height: 40px;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333
}

article.home section#message_position .form_app .sndBox,
article.message section#message_position .form_app .sndBox,
article.mypage section#message_position .form_app .sndBox,
article.timeline section#message_position .form_app .sndBox,
article.user section#message_position .form_app .sndBox {
  position: absolute;
  top: 0;
  right: 0
}

article.home section#message_position .form_app .sndBox #wrtBtn,
article.message section#message_position .form_app .sndBox #wrtBtn,
article.mypage section#message_position .form_app .sndBox #wrtBtn,
article.timeline section#message_position .form_app .sndBox #wrtBtn,
article.user section#message_position .form_app .sndBox #wrtBtn {
  width: 80px;
  height: 40px;
  text-align: center;
  margin-top: -20px;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px;
  background-color: #ff8ab1
}

article.home section#message_position .form_app .sndBox #wrtBtn i,
article.message section#message_position .form_app .sndBox #wrtBtn i,
article.mypage section#message_position .form_app .sndBox #wrtBtn i,
article.timeline section#message_position .form_app .sndBox #wrtBtn i,
article.user section#message_position .form_app .sndBox #wrtBtn i {
  display: none
}

article.home section#message_position .form_app .sndBox #wrtBtn:disabled,
article.message section#message_position .form_app .sndBox #wrtBtn:disabled,
article.mypage section#message_position .form_app .sndBox #wrtBtn:disabled,
article.timeline section#message_position .form_app .sndBox #wrtBtn:disabled,
article.user section#message_position .form_app .sndBox #wrtBtn:disabled {
  background-color: #e6e6e6
}

article.home div#call,
article.message div#call,
article.mypage div#call,
article.timeline div#call,
article.user div#call {
  background-color: #ecf8fc;
  margin: 0;
  padding: 0 0 60px
}

article.home div#call div#tag_wrapper,
article.message div#call div#tag_wrapper,
article.mypage div#call div#tag_wrapper,
article.timeline div#call div#tag_wrapper,
article.user div#call div#tag_wrapper {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6;
  background-color: #fff;
  margin: 0 0 25px
}

article.home div#call div#tag_wrapper ul,
article.message div#call div#tag_wrapper ul,
article.mypage div#call div#tag_wrapper ul,
article.timeline div#call div#tag_wrapper ul,
article.user div#call div#tag_wrapper ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden
}

article.home div#call div#tag_wrapper ul li,
article.message div#call div#tag_wrapper ul li,
article.mypage div#call div#tag_wrapper ul li,
article.timeline div#call div#tag_wrapper ul li,
article.user div#call div#tag_wrapper ul li {
  font-size: .875rem;
  color: #333;
  min-width: 30%;
  text-align: center;
  align-items: center
}

article.home div#call div#tag_wrapper ul li:last-child,
article.message div#call div#tag_wrapper ul li:last-child,
article.mypage div#call div#tag_wrapper ul li:last-child,
article.timeline div#call div#tag_wrapper ul li:last-child,
article.user div#call div#tag_wrapper ul li:last-child {
  display: block
}

article.home div#call div#tag_wrapper ul li.current,
article.message div#call div#tag_wrapper ul li.current,
article.mypage div#call div#tag_wrapper ul li.current,
article.timeline div#call div#tag_wrapper ul li.current,
article.user div#call div#tag_wrapper ul li.current {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6;
  height: 39px
}

article.home div#call div#tag_wrapper_event,
article.message div#call div#tag_wrapper_event,
article.mypage div#call div#tag_wrapper_event,
article.timeline div#call div#tag_wrapper_event,
article.user div#call div#tag_wrapper_event {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6;
  background-color: #fff;
  margin: 0
}

article.home div#call div#tag_wrapper_event ul,
article.message div#call div#tag_wrapper_event ul,
article.mypage div#call div#tag_wrapper_event ul,
article.timeline div#call div#tag_wrapper_event ul,
article.user div#call div#tag_wrapper_event ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden
}

article.home div#call div#tag_wrapper_event ul li,
article.message div#call div#tag_wrapper_event ul li,
article.mypage div#call div#tag_wrapper_event ul li,
article.timeline div#call div#tag_wrapper_event ul li,
article.user div#call div#tag_wrapper_event ul li {
  font-size: .875rem;
  color: #333;
  width: 33.333333%;
  text-align: center;
  align-items: center
}

article.home div#call div#tag_wrapper_event ul li:last-child,
article.message div#call div#tag_wrapper_event ul li:last-child,
article.mypage div#call div#tag_wrapper_event ul li:last-child,
article.timeline div#call div#tag_wrapper_event ul li:last-child,
article.user div#call div#tag_wrapper_event ul li:last-child {
  display: block
}

article.home div#call div#tag_wrapper_event ul li.current,
article.message div#call div#tag_wrapper_event ul li.current,
article.mypage div#call div#tag_wrapper_event ul li.current,
article.timeline div#call div#tag_wrapper_event ul li.current,
article.user div#call div#tag_wrapper_event ul li.current {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6;
  height: 39px
}

article.home div#call div#tag_wrapper_event ul li.current a,
article.message div#call div#tag_wrapper_event ul li.current a,
article.mypage div#call div#tag_wrapper_event ul li.current a,
article.timeline div#call div#tag_wrapper_event ul li.current a,
article.user div#call div#tag_wrapper_event ul li.current a {
  color: #3db5e6
}

article.home div#call div#tag_wrapper_event ul li a,
article.message div#call div#tag_wrapper_event ul li a,
article.mypage div#call div#tag_wrapper_event ul li a,
article.timeline div#call div#tag_wrapper_event ul li a,
article.user div#call div#tag_wrapper_event ul li a {
  color: #333
}

article.home div#call div#newest_event,
article.message div#call div#newest_event,
article.mypage div#call div#newest_event,
article.timeline div#call div#newest_event,
article.user div#call div#newest_event {
  margin: 20px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0
}

article.home div#call div#newest_event #newest_event_items,
article.message div#call div#newest_event #newest_event_items,
article.mypage div#call div#newest_event #newest_event_items,
article.timeline div#call div#newest_event #newest_event_items,
article.user div#call div#newest_event #newest_event_items {
  text-align: center;
  list-style: none;
  padding: 0
}

article.home div#call div#newest_event #newest_event_items li,
article.message div#call div#newest_event #newest_event_items li,
article.mypage div#call div#newest_event #newest_event_items li,
article.timeline div#call div#newest_event #newest_event_items li,
article.user div#call div#newest_event #newest_event_items li {
  margin: 0 0 20px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  border-radius: 4px
}

article.home div#call div#newest_event #newest_event_items li:last-child,
article.message div#call div#newest_event #newest_event_items li:last-child,
article.mypage div#call div#newest_event #newest_event_items li:last-child,
article.timeline div#call div#newest_event #newest_event_items li:last-child,
article.user div#call div#newest_event #newest_event_items li:last-child {
  display: block
}

article.home div#call div#newest_event #newest_event_items li table,
article.message div#call div#newest_event #newest_event_items li table,
article.mypage div#call div#newest_event #newest_event_items li table,
article.timeline div#call div#newest_event #newest_event_items li table,
article.user div#call div#newest_event #newest_event_items li table {
  width: 100%;
  display: block
}

article.home div#call div#newest_event #newest_event_items li table tbody,
article.message div#call div#newest_event #newest_event_items li table tbody,
article.mypage div#call div#newest_event #newest_event_items li table tbody,
article.timeline div#call div#newest_event #newest_event_items li table tbody,
article.user div#call div#newest_event #newest_event_items li table tbody {
  display: block
}

article.home div#call div#newest_event #newest_event_items li table tbody tr,
article.message div#call div#newest_event #newest_event_items li table tbody tr,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr,
article.user div#call div#newest_event #newest_event_items li table tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  margin: 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr th,
article.message div#call div#newest_event #newest_event_items li table tbody tr th,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr th,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr th,
article.user div#call div#newest_event #newest_event_items li table tbody tr th {
  text-align: left;
  position: relative;
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  width: 100px;
  display: flex;
  align-items: center
}

article.home div#call div#newest_event #newest_event_items li table tbody tr th::after,
article.home div#call div#newest_event #newest_event_items li table tbody tr th::before,
article.message div#call div#newest_event #newest_event_items li table tbody tr th::after,
article.message div#call div#newest_event #newest_event_items li table tbody tr th::before,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr th::after,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr th::before,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr th::after,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr th::before,
article.user div#call div#newest_event #newest_event_items li table tbody tr th::after,
article.user div#call div#newest_event #newest_event_items li table tbody tr th::before {
  display: none
}

article.home div#call div#newest_event #newest_event_items li table tbody tr td,
article.message div#call div#newest_event #newest_event_items li table tbody tr td,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr td,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr td,
article.user div#call div#newest_event #newest_event_items li table tbody tr td {
  text-align: left;
  width: 100%;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_schedule,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_schedule,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_schedule,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_schedule,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_schedule {
  background-color: #3db5e6;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 10px;
  justify-content: space-between;
  padding: 5px 10px;
  border: none
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th {
  width: auto;
  height: 20px;
  padding: 5px 0 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th::before,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th::before,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th::before,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th::before,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_schedule th::before {
  content: url(../images/common/event-time.svg);
  display: inline-block;
  margin-right: 5px;
  width: 20px
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td {
  width: 100%;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td span,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td span,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td span,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td span,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_schedule td span {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 46px;
  text-align: center;
  line-height: 30px
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_cast,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_cast,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_cast,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_cast,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_cast {
  border-bottom: 1px dotted #e6e6e6
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul {
  list-style: none;
  display: flex;
  padding: 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  width: auto
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li img,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li img,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li img,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li img,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_cast td ul li img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  margin: 0 10px 0 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_place,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_place,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_place,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_place,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_place {
  border-bottom: 1px dotted #e6e6e6
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_place td,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_place td,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_place td,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_place td,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_place td {
  letter-spacing: .04em
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price {
  padding: 15px 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price th,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price th,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price th,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price th,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price th {
  display: none
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price td,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price td,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price td,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price td,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price td {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price td span,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price td span,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price td span,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price td span,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price td span {
  font-size: .875rem;
  font-weight: 400;
  color: #ff8ab1;
  background-color: #fff;
  border: 1px solid #ff8ab1;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
  width: 50px;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 0 7px
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price td p.number,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price td p.number,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price td p.number,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price td p.number,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price td p.number {
  font-size: 2rem;
  font-weight: 700;
  color: #ff8ab1;
  margin: 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.price td p.point,
article.message div#call div#newest_event #newest_event_items li table tbody tr.price td p.point,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.price td p.point,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.price td p.point,
article.user div#call div#newest_event #newest_event_items li table tbody tr.price td p.point {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ff8ab1;
  margin: 0;
  padding: 6px 0 0 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline {
  background-color: #f6f6f6;
  color: #3db5e6;
  height: 40px;
  border-radius: 4px;
  margin: 0;
  padding: 5px 47px;
  border: none
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th {
  width: auto;
  height: 20px;
  padding: 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th::before,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th::before,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th::before,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th::before,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline th::before {
  margin-right: 5px;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/time-blue.svg);
  background-size: contain;
  vertical-align: middle
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td {
  width: 100%;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #fff;
  letter-spacing: .04em
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td p,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td p,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td p,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td p,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td p {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0
}

article.home div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td span,
article.message div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td span,
article.mypage div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td span,
article.timeline div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td span,
article.user div#call div#newest_event #newest_event_items li table tbody tr.event_deadline td span {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 15px 0 0
}

article.home div#call div#newest_event #newest_event_items li a,
article.message div#call div#newest_event #newest_event_items li a,
article.mypage div#call div#newest_event #newest_event_items li a,
article.timeline div#call div#newest_event #newest_event_items li a,
article.user div#call div#newest_event #newest_event_items li a {
  background-color: #ff8ab1;
  width: auto;
  margin: 0;
  align-items: center;
  border-radius: 4px;
  height: 60px;
  display: flex;
  justify-content: center;
  color: #fff
}

article.home div#call div#newest_event #newest_event_items li a i,
article.message div#call div#newest_event #newest_event_items li a i,
article.mypage div#call div#newest_event #newest_event_items li a i,
article.timeline div#call div#newest_event #newest_event_items li a i,
article.user div#call div#newest_event #newest_event_items li a i {
  content: url(../images/common/icon_eventchat.svg);
  margin: 0 5px 0 0
}

article.home div#call div#completion_event,
article.message div#call div#completion_event,
article.mypage div#call div#completion_event,
article.timeline div#call div#completion_event,
article.user div#call div#completion_event {
  margin: 20px
}

article.home div#call div#completion_event #completion_event_items,
article.message div#call div#completion_event #completion_event_items,
article.mypage div#call div#completion_event #completion_event_items,
article.timeline div#call div#completion_event #completion_event_items,
article.user div#call div#completion_event #completion_event_items {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none
}

article.home div#call div#completion_event #completion_event_items .completion_event_item,
article.message div#call div#completion_event #completion_event_items .completion_event_item,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item,
article.user div#call div#completion_event #completion_event_items .completion_event_item {
  margin: 0 0 20px;
  padding: 20px 20px 15px 20px;
  background-color: #ececec;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  border-radius: 4px
}

article.home div#call div#completion_event #completion_event_items .completion_event_item:last-child,
article.message div#call div#completion_event #completion_event_items .completion_event_item:last-child,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item:last-child,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item:last-child,
article.user div#call div#completion_event #completion_event_items .completion_event_item:last-child {
  display: block
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table,
article.message div#call div#completion_event #completion_event_items .completion_event_item table,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table,
article.user div#call div#completion_event #completion_event_items .completion_event_item table {
  width: 100%;
  display: block
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody {
  display: block
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  margin: 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th {
  text-align: left;
  position: relative;
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  width: 100px;
  display: flex;
  align-items: center
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::after,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::before,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::after,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::before,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::after,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::before,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::after,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::before,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::after,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr th::before {
  display: none
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr td {
  text-align: left;
  width: 100%;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule {
  background-color: #acacac;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 10px;
  justify-content: space-between;
  padding: 5px 10px;
  border: none
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th {
  width: auto;
  height: 20px;
  padding: 5px 0 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th::before,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th::before,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th::before,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th::before,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule th::before {
  content: url(../images/common/event-time.svg);
  display: inline-block;
  margin-right: 5px;
  width: 20px
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td {
  width: 100%;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td span,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td span,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td span,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td span,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_schedule td span {
  font-size: .875rem;
  font-weight: 400;
  color: #acacac;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 46px;
  text-align: center;
  line-height: 30px
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast {
  border-bottom: 1px dotted #e6e6e6
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th {
  color: #acacac
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul {
  list-style: none;
  display: flex;
  padding: 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li:last-child,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li:last-child,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li:last-child,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li:last-child,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li:last-child,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li:last-child,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li:last-child,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li:last-child,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li:last-child,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li:last-child {
  display: block
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li img,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li img,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li img,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li img,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li img,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li img,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li img,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li img,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast td ul li img,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_cast th ul li img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  margin: 0 10px 0 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place {
  border-bottom: 1px dotted #e6e6e6
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place td,
article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place th,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place th,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place th,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place th,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_place th {
  color: #acacac;
  letter-spacing: .04em
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price {
  padding: 15px 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td {
  display: flex;
  align-items: center;
  height: 32px
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td span,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td span,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td span,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td span,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td span {
  font-size: .875rem;
  font-weight: 400;
  color: #acacac;
  background-color: #ececec;
  border: 1px solid #acacac;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
  width: 44px;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 0 7px
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.number,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.number,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.number,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.number,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.number {
  font-size: 2rem;
  font-weight: 700;
  color: #acacac;
  margin: 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.point,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.point,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.point,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.point,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.price td p.point {
  font-size: 1.375rem;
  font-weight: 700;
  color: #acacac;
  margin: 0;
  padding: 6px 0 0 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete {
  background-color: #757575;
  color: #3db5e6;
  height: 40px;
  border-radius: 4px;
  margin: 0;
  padding: 5px 47px;
  border: none;
  justify-content: center
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th {
  width: auto;
  height: 20px;
  padding: 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th::before,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th::before,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th::before,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th::before,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete th::before {
  margin-right: 5px;
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(../images/common/incomplete.svg);
  background-size: contain;
  vertical-align: middle
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td {
  width: auto;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #fff;
  letter-spacing: .04em
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td p,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td p,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td p,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td p,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td p {
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  margin: 0
}

article.home div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td span,
article.message div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td span,
article.mypage div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td span,
article.timeline div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td span,
article.user div#call div#completion_event #completion_event_items .completion_event_item table tbody tr.event_incomplete td span {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 15px 0 0
}

article.home div#call section#call_btn,
article.message div#call section#call_btn,
article.mypage div#call section#call_btn,
article.timeline div#call section#call_btn,
article.user div#call section#call_btn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100001;
  padding: 0;
  width: 170px;
  height: 40px;
  margin: 0;
  border-radius: 4px
}

article.home div#call section#call_btn a,
article.message div#call section#call_btn a,
article.mypage div#call section#call_btn a,
article.timeline div#call section#call_btn a,
article.user div#call section#call_btn a {
  background-color: #fff;
  color: #3db5e6;
  border: none;
  display: flex;
  font-size: .75rem;
  font-weight: 400;
  padding: 7px 15px 7px 16px;
  margin-bottom: 0;
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  line-height: 28px
}

article.home div#call section#call_btn a::before,
article.message div#call section#call_btn a::before,
article.mypage div#call section#call_btn a::before,
article.timeline div#call section#call_btn a::before,
article.user div#call section#call_btn a::before {
  content: url(../images/common/icon_1on1_blue.svg);
  margin: 0 7px 0 0;
  width: 19.5px;
  height: 26px
}

article.home div#call section.event,
article.message div#call section.event,
article.mypage div#call section.event,
article.timeline div#call section.event,
article.user div#call section.event {
  padding: 0 20px;
  margin: 0;
  background-color: #ecf8fc
}

article.home div#call section.event h1,
article.message div#call section.event h1,
article.mypage div#call section.event h1,
article.timeline div#call section.event h1,
article.user div#call section.event h1 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 25px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home div#call section.event h1:first-letter,
article.message div#call section.event h1:first-letter,
article.mypage div#call section.event h1:first-letter,
article.timeline div#call section.event h1:first-letter,
article.user div#call section.event h1:first-letter {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif
}

article.home div#call section.event #list_event,
article.message div#call section.event #list_event,
article.mypage div#call section.event #list_event,
article.timeline div#call section.event #list_event,
article.user div#call section.event #list_event {
  display: flex;
  padding: 0;
  margin: 0 0 10px;
  justify-content: space-between
}

article.home div#call section.event #list_event li,
article.message div#call section.event #list_event li,
article.mypage div#call section.event #list_event li,
article.timeline div#call section.event #list_event li,
article.user div#call section.event #list_event li {
  list-style: none;
  display: block;
  width: calc(50% - 5px);
  border: 1px solid #ff8ab1;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  position: relative;
  padding: 15px 0
}

article.home div#call section.event #list_event li::after,
article.message div#call section.event #list_event li::after,
article.mypage div#call section.event #list_event li::after,
article.timeline div#call section.event #list_event li::after,
article.user div#call section.event #list_event li::after {
  position: absolute;
  content: url(../images/common/call-triangle.svg);
  bottom: 6px;
  right: 10px
}

article.home div#call section.event #list_event li a img,
article.message div#call section.event #list_event li a img,
article.mypage div#call section.event #list_event li a img,
article.timeline div#call section.event #list_event li a img,
article.user div#call section.event #list_event li a img {
  margin: 0 0 12px
}

article.home div#call section.event #list_event li a span,
article.message div#call section.event #list_event li a span,
article.mypage div#call section.event #list_event li a span,
article.timeline div#call section.event #list_event li a span,
article.user div#call section.event #list_event li a span {
  display: block;
  color: #ff8ab1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0 auto
}

article.home div#call section.event #list_event li.free a span,
article.message div#call section.event #list_event li.free a span,
article.mypage div#call section.event #list_event li.free a span,
article.timeline div#call section.event #list_event li.free a span,
article.user div#call section.event #list_event li.free a span {
  width: 130px
}

article.home div#call section.event #list_event li.one-on-one a span,
article.message div#call section.event #list_event li.one-on-one a span,
article.mypage div#call section.event #list_event li.one-on-one a span,
article.timeline div#call section.event #list_event li.one-on-one a span,
article.user div#call section.event #list_event li.one-on-one a span {
  width: 90px
}

article.home div#call section.event .cast-name,
article.message div#call section.event .cast-name,
article.mypage div#call section.event .cast-name,
article.timeline div#call section.event .cast-name,
article.user div#call section.event .cast-name {
  display: flex;
  padding: 0;
  justify-content: space-between;
  margin: 0 0 20px
}

article.home div#call section.event .cast-name p,
article.message div#call section.event .cast-name p,
article.mypage div#call section.event .cast-name p,
article.timeline div#call section.event .cast-name p,
article.user div#call section.event .cast-name p {
  display: block;
  width: calc(50% - 7px);
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.75
}

article.home div#call section.event .cast-name p span,
article.message div#call section.event .cast-name p span,
article.mypage div#call section.event .cast-name p span,
article.timeline div#call section.event .cast-name p span,
article.user div#call section.event .cast-name p span {
  color: #ff8ab1
}

article.home div#call section.event .price,
article.message div#call section.event .price,
article.mypage div#call section.event .price,
article.timeline div#call section.event .price,
article.user div#call section.event .price {
  display: flex;
  padding: 0;
  justify-content: center;
  margin: 0 0 16px
}

article.home div#call section.event .price a,
article.message div#call section.event .price a,
article.mypage div#call section.event .price a,
article.timeline div#call section.event .price a,
article.user div#call section.event .price a {
  width: calc(50% - 7px);
  font-size: .75rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0;
  letter-spacing: .04em;
  text-align: center;
  position: relative
}

article.home div#call section.event .price a::before,
article.message div#call section.event .price a::before,
article.mypage div#call section.event .price a::before,
article.timeline div#call section.event .price a::before,
article.user div#call section.event .price a::before {
  content: url(../images/common/next-blue.svg);
  top: 0;
  margin-right: 10px
}

article.home div#call section.event .price a:first-child::before,
article.message div#call section.event .price a:first-child::before,
article.mypage div#call section.event .price a:first-child::before,
article.timeline div#call section.event .price a:first-child::before,
article.user div#call section.event .price a:first-child::before {
  left: 13px
}

article.home div#call section.event .price a:last-child::before,
article.message div#call section.event .price a:last-child::before,
article.mypage div#call section.event .price a:last-child::before,
article.timeline div#call section.event .price a:last-child::before,
article.user div#call section.event .price a:last-child::before {
  left: 41px
}

article.home div#call section.event .ex,
article.message div#call section.event .ex,
article.mypage div#call section.event .ex,
article.timeline div#call section.event .ex,
article.user div#call section.event .ex {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 10px 18px;
  margin: 0 0 27px
}

article.home div#call section.event .ex p,
article.message div#call section.event .ex p,
article.mypage div#call section.event .ex p,
article.timeline div#call section.event .ex p,
article.user div#call section.event .ex p {
  color: #333;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.7;
  margin: 0
}

article.home div#call section.cast,
article.message div#call section.cast,
article.mypage div#call section.cast,
article.timeline div#call section.cast,
article.user div#call section.cast {
  background-color: transparent;
  padding: 0 20px;
  margin: 0
}

article.home div#call section.cast h2,
article.message div#call section.cast h2,
article.mypage div#call section.cast h2,
article.timeline div#call section.cast h2,
article.user div#call section.cast h2 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 0 0 15px
}

article.home div#call section.cast ul,
article.message div#call section.cast ul,
article.mypage div#call section.cast ul,
article.timeline div#call section.cast ul,
article.user div#call section.cast ul {
  display: flex;
  padding: 0;
  margin: 0
}

article.home div#call section.cast ul li,
article.message div#call section.cast ul li,
article.mypage div#call section.cast ul li,
article.timeline div#call section.cast ul li,
article.user div#call section.cast ul li {
  list-style: none;
  display: block;
  margin: 0 10px
}

article.home div#call section.cast ul li img,
article.message div#call section.cast ul li img,
article.mypage div#call section.cast ul li img,
article.timeline div#call section.cast ul li img,
article.user div#call section.cast ul li img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%
}

article.home div#call section#event-detail,
article.message div#call section#event-detail,
article.mypage div#call section#event-detail,
article.timeline div#call section#event-detail,
article.user div#call section#event-detail {
  padding: 20px 20px 60px;
  margin: 0
}

article.home div#call section#event-detail h1,
article.message div#call section#event-detail h1,
article.mypage div#call section#event-detail h1,
article.timeline div#call section#event-detail h1,
article.user div#call section#event-detail h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 7px 0 20px 45px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home div#call section#event-detail h1:first-letter,
article.message div#call section#event-detail h1:first-letter,
article.mypage div#call section#event-detail h1:first-letter,
article.timeline div#call section#event-detail h1:first-letter,
article.user div#call section#event-detail h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home div#call section#event-detail .event_info,
article.message div#call section#event-detail .event_info,
article.mypage div#call section#event-detail .event_info,
article.timeline div#call section#event-detail .event_info,
article.user div#call section#event-detail .event_info {
  width: 100%;
  border-spacing: 0;
  margin: 0 0 30px 0
}

article.home div#call section#event-detail .event_info tbody tr,
article.message div#call section#event-detail .event_info tbody tr,
article.mypage div#call section#event-detail .event_info tbody tr,
article.timeline div#call section#event-detail .event_info tbody tr,
article.user div#call section#event-detail .event_info tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

article.home div#call section#event-detail .event_info tbody tr th,
article.message div#call section#event-detail .event_info tbody tr th,
article.mypage div#call section#event-detail .event_info tbody tr th,
article.timeline div#call section#event-detail .event_info tbody tr th,
article.user div#call section#event-detail .event_info tbody tr th {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: left;
  width: 90px;
  display: flex;
  align-items: center
}

article.home div#call section#event-detail .event_info tbody tr td,
article.message div#call section#event-detail .event_info tbody tr td,
article.mypage div#call section#event-detail .event_info tbody tr td,
article.timeline div#call section#event-detail .event_info tbody tr td,
article.user div#call section#event-detail .event_info tbody tr td {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: left
}

article.home div#call section#event-detail .event_info tbody tr td p,
article.message div#call section#event-detail .event_info tbody tr td p,
article.mypage div#call section#event-detail .event_info tbody tr td p,
article.timeline div#call section#event-detail .event_info tbody tr td p,
article.user div#call section#event-detail .event_info tbody tr td p {
  display: inline-block;
  margin: 0 5px 0 0
}

article.home div#call section#event-detail .event_info tbody tr td span,
article.message div#call section#event-detail .event_info tbody tr td span,
article.mypage div#call section#event-detail .event_info tbody tr td span,
article.timeline div#call section#event-detail .event_info tbody tr td span,
article.user div#call section#event-detail .event_info tbody tr td span {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 132px;
  text-align: center;
  line-height: 30px;
  border: 1px solid gray;
  padding: 8px
}

article.home div#call section#event-detail .event_info tbody tr td ul,
article.message div#call section#event-detail .event_info tbody tr td ul,
article.mypage div#call section#event-detail .event_info tbody tr td ul,
article.timeline div#call section#event-detail .event_info tbody tr td ul,
article.user div#call section#event-detail .event_info tbody tr td ul {
  display: flex;
  padding: 0;
  margin: 0
}

article.home div#call section#event-detail .event_info tbody tr td ul li,
article.message div#call section#event-detail .event_info tbody tr td ul li,
article.mypage div#call section#event-detail .event_info tbody tr td ul li,
article.timeline div#call section#event-detail .event_info tbody tr td ul li,
article.user div#call section#event-detail .event_info tbody tr td ul li {
  list-style: none;
  display: block;
  margin: 0 10px 0 0
}

article.home div#call section#event-detail .event_info tbody tr td ul li img,
article.message div#call section#event-detail .event_info tbody tr td ul li img,
article.mypage div#call section#event-detail .event_info tbody tr td ul li img,
article.timeline div#call section#event-detail .event_info tbody tr td ul li img,
article.user div#call section#event-detail .event_info tbody tr td ul li img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%
}

article.home div#call section#event-detail a,
article.message div#call section#event-detail a,
article.mypage div#call section#event-detail a,
article.timeline div#call section#event-detail a,
article.user div#call section#event-detail a {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-decoration: underline
}

article.home div#call.event-detail,
article.message div#call.event-detail,
article.mypage div#call.event-detail,
article.timeline div#call.event-detail,
article.user div#call.event-detail {
  padding: 0
}

article.home div#select-bg,
article.message div#select-bg,
article.mypage div#select-bg,
article.timeline div#select-bg,
article.user div#select-bg {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, .5)
}

article.home div#select-bg div#select-area,
article.message div#select-bg div#select-area,
article.mypage div#select-bg div#select-area,
article.timeline div#select-bg div#select-area,
article.user div#select-bg div#select-area {
  width: 100%;
  height: 224px;
  padding: 25px 20px 20px;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 10
}

article.home div#select-bg div#select-area span,
article.message div#select-bg div#select-area span,
article.mypage div#select-bg div#select-area span,
article.timeline div#select-bg div#select-area span,
article.user div#select-bg div#select-area span {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 13px
}

article.home div#select-bg div#select-area ul,
article.message div#select-bg div#select-area ul,
article.mypage div#select-bg div#select-area ul,
article.timeline div#select-bg div#select-area ul,
article.user div#select-bg div#select-area ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2px;
  padding: 0
}

article.home div#select-bg div#select-area ul li,
article.message div#select-bg div#select-area ul li,
article.mypage div#select-bg div#select-area ul li,
article.timeline div#select-bg div#select-area ul li,
article.user div#select-bg div#select-area ul li {
  display: block;
  margin: 0 8px 8px 0;
  padding: 0;
  border: 0
}

article.home div#select-bg div#select-area ul li label span,
article.message div#select-bg div#select-area ul li label span,
article.mypage div#select-bg div#select-area ul li label span,
article.timeline div#select-bg div#select-area ul li label span,
article.user div#select-bg div#select-area ul li label span {
  display: block;
  font-size: .875rem;
  font-weight: 400;
  color: gray;
  margin: 0;
  padding: 10px;
  border: 1px solid gray;
  border-radius: 4px
}

article.home div#select-bg div#select-area ul li .chk:checked~span,
article.message div#select-bg div#select-area ul li .chk:checked~span,
article.mypage div#select-bg div#select-area ul li .chk:checked~span,
article.timeline div#select-bg div#select-area ul li .chk:checked~span,
article.user div#select-bg div#select-area ul li .chk:checked~span {
  color: #fff;
  background-color: #ff8ab1;
  border-color: #ff8ab1
}

article.home div#select-bg div#select-area input,
article.message div#select-bg div#select-area input,
article.mypage div#select-bg div#select-area input,
article.timeline div#select-bg div#select-area input,
article.user div#select-bg div#select-area input {
  margin: 0 0 20px;
  width: 100%;
  padding: 13px 20px;
  height: 40px;
  background-color: #f6f6f6;
  font-size: .875rem;
  font-weight: 400;
  border-radius: 4px;
  border: none
}

article.home div#select-bg div#select-area input::placeholder,
article.message div#select-bg div#select-area input::placeholder,
article.mypage div#select-bg div#select-area input::placeholder,
article.timeline div#select-bg div#select-area input::placeholder,
article.user div#select-bg div#select-area input::placeholder {
  color: #c6c6c6
}

article.home div#select-bg div#select-area button,
article.message div#select-bg div#select-area button,
article.mypage div#select-bg div#select-area button,
article.timeline div#select-bg div#select-area button,
article.user div#select-bg div#select-area button {
  width: 100%;
  height: 40px;
  background-color: #ff8ab1;
  border-radius: 4px;
  border: none
}

article.home div#select-bg div#select-area button p,
article.message div#select-bg div#select-area button p,
article.mypage div#select-bg div#select-area button p,
article.timeline div#select-bg div#select-area button p,
article.user div#select-bg div#select-area button p {
  font-size: .75rem;
  font-weight: 400;
  color: #fff;
  text-align: center
}

article.home div#select-bg div#mypage-buy-pullDown,
article.home div#select-bg div#timeline-create,
article.home div#select-bg div#timeline-edit,
article.message div#select-bg div#mypage-buy-pullDown,
article.message div#select-bg div#timeline-create,
article.message div#select-bg div#timeline-edit,
article.mypage div#select-bg div#mypage-buy-pullDown,
article.mypage div#select-bg div#timeline-create,
article.mypage div#select-bg div#timeline-edit,
article.timeline div#select-bg div#mypage-buy-pullDown,
article.timeline div#select-bg div#timeline-create,
article.timeline div#select-bg div#timeline-edit,
article.user div#select-bg div#mypage-buy-pullDown,
article.user div#select-bg div#timeline-create,
article.user div#select-bg div#timeline-edit {
  width: 78.75%;
  max-width: 315px;
  height: 546.5px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown,
article.home div#select-bg div#timeline-create #buy-pullDown,
article.home div#select-bg div#timeline-create #create-pullDown,
article.home div#select-bg div#timeline-create #edit-pullDown,
article.home div#select-bg div#timeline-edit #buy-pullDown,
article.home div#select-bg div#timeline-edit #create-pullDown,
article.home div#select-bg div#timeline-edit #edit-pullDown,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown,
article.message div#select-bg div#timeline-create #buy-pullDown,
article.message div#select-bg div#timeline-create #create-pullDown,
article.message div#select-bg div#timeline-create #edit-pullDown,
article.message div#select-bg div#timeline-edit #buy-pullDown,
article.message div#select-bg div#timeline-edit #create-pullDown,
article.message div#select-bg div#timeline-edit #edit-pullDown,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown,
article.mypage div#select-bg div#timeline-create #buy-pullDown,
article.mypage div#select-bg div#timeline-create #create-pullDown,
article.mypage div#select-bg div#timeline-create #edit-pullDown,
article.mypage div#select-bg div#timeline-edit #buy-pullDown,
article.mypage div#select-bg div#timeline-edit #create-pullDown,
article.mypage div#select-bg div#timeline-edit #edit-pullDown,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown,
article.timeline div#select-bg div#timeline-create #buy-pullDown,
article.timeline div#select-bg div#timeline-create #create-pullDown,
article.timeline div#select-bg div#timeline-create #edit-pullDown,
article.timeline div#select-bg div#timeline-edit #buy-pullDown,
article.timeline div#select-bg div#timeline-edit #create-pullDown,
article.timeline div#select-bg div#timeline-edit #edit-pullDown,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown,
article.user div#select-bg div#timeline-create #buy-pullDown,
article.user div#select-bg div#timeline-create #create-pullDown,
article.user div#select-bg div#timeline-create #edit-pullDown,
article.user div#select-bg div#timeline-edit #buy-pullDown,
article.user div#select-bg div#timeline-edit #create-pullDown,
article.user div#select-bg div#timeline-edit #edit-pullDown {
  margin: 0;
  padding: 0;
  height: 546.5px;
  overflow: hidden
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li,
article.home div#select-bg div#timeline-create #buy-pullDown li,
article.home div#select-bg div#timeline-create #create-pullDown li,
article.home div#select-bg div#timeline-create #edit-pullDown li,
article.home div#select-bg div#timeline-edit #buy-pullDown li,
article.home div#select-bg div#timeline-edit #create-pullDown li,
article.home div#select-bg div#timeline-edit #edit-pullDown li,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li,
article.message div#select-bg div#timeline-create #buy-pullDown li,
article.message div#select-bg div#timeline-create #create-pullDown li,
article.message div#select-bg div#timeline-create #edit-pullDown li,
article.message div#select-bg div#timeline-edit #buy-pullDown li,
article.message div#select-bg div#timeline-edit #create-pullDown li,
article.message div#select-bg div#timeline-edit #edit-pullDown li,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li,
article.mypage div#select-bg div#timeline-create #buy-pullDown li,
article.mypage div#select-bg div#timeline-create #create-pullDown li,
article.mypage div#select-bg div#timeline-create #edit-pullDown li,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li,
article.mypage div#select-bg div#timeline-edit #create-pullDown li,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li,
article.timeline div#select-bg div#timeline-create #buy-pullDown li,
article.timeline div#select-bg div#timeline-create #create-pullDown li,
article.timeline div#select-bg div#timeline-create #edit-pullDown li,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li,
article.timeline div#select-bg div#timeline-edit #create-pullDown li,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li,
article.user div#select-bg div#timeline-create #buy-pullDown li,
article.user div#select-bg div#timeline-create #create-pullDown li,
article.user div#select-bg div#timeline-create #edit-pullDown li,
article.user div#select-bg div#timeline-edit #buy-pullDown li,
article.user div#select-bg div#timeline-edit #create-pullDown li,
article.user div#select-bg div#timeline-edit #edit-pullDown li {
  list-style: none;
  height: 61px;
  line-height: 61px;
  border-bottom: 1px dotted #e6e6e6;
  overflow: hidden;
  padding: 0 20px;
  display: flex;
  justify-content: space-between
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li span,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li span,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li span,
article.home div#select-bg div#timeline-create #buy-pullDown li span,
article.home div#select-bg div#timeline-create #create-pullDown li span,
article.home div#select-bg div#timeline-create #edit-pullDown li span,
article.home div#select-bg div#timeline-edit #buy-pullDown li span,
article.home div#select-bg div#timeline-edit #create-pullDown li span,
article.home div#select-bg div#timeline-edit #edit-pullDown li span,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li span,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li span,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li span,
article.message div#select-bg div#timeline-create #buy-pullDown li span,
article.message div#select-bg div#timeline-create #create-pullDown li span,
article.message div#select-bg div#timeline-create #edit-pullDown li span,
article.message div#select-bg div#timeline-edit #buy-pullDown li span,
article.message div#select-bg div#timeline-edit #create-pullDown li span,
article.message div#select-bg div#timeline-edit #edit-pullDown li span,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li span,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li span,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li span,
article.mypage div#select-bg div#timeline-create #buy-pullDown li span,
article.mypage div#select-bg div#timeline-create #create-pullDown li span,
article.mypage div#select-bg div#timeline-create #edit-pullDown li span,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li span,
article.mypage div#select-bg div#timeline-edit #create-pullDown li span,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li span,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li span,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li span,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li span,
article.timeline div#select-bg div#timeline-create #buy-pullDown li span,
article.timeline div#select-bg div#timeline-create #create-pullDown li span,
article.timeline div#select-bg div#timeline-create #edit-pullDown li span,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li span,
article.timeline div#select-bg div#timeline-edit #create-pullDown li span,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li span,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li span,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li span,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li span,
article.user div#select-bg div#timeline-create #buy-pullDown li span,
article.user div#select-bg div#timeline-create #create-pullDown li span,
article.user div#select-bg div#timeline-create #edit-pullDown li span,
article.user div#select-bg div#timeline-edit #buy-pullDown li span,
article.user div#select-bg div#timeline-edit #create-pullDown li span,
article.user div#select-bg div#timeline-edit #edit-pullDown li span {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em;
  display: block
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input,
article.home div#select-bg div#timeline-create #buy-pullDown li label input,
article.home div#select-bg div#timeline-create #create-pullDown li label input,
article.home div#select-bg div#timeline-create #edit-pullDown li label input,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input,
article.home div#select-bg div#timeline-edit #create-pullDown li label input,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input,
article.message div#select-bg div#timeline-create #buy-pullDown li label input,
article.message div#select-bg div#timeline-create #create-pullDown li label input,
article.message div#select-bg div#timeline-create #edit-pullDown li label input,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input,
article.message div#select-bg div#timeline-edit #create-pullDown li label input,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input,
article.user div#select-bg div#timeline-create #buy-pullDown li label input,
article.user div#select-bg div#timeline-create #create-pullDown li label input,
article.user div#select-bg div#timeline-create #edit-pullDown li label input,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input,
article.user div#select-bg div#timeline-edit #create-pullDown li label input,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input {
  display: none
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:checked~i,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:checked~i,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-create #buy-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-create #create-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-create #edit-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-edit #create-pullDown li label input:checked~i,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input:checked~i,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:checked~i,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:checked~i,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-create #buy-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-create #create-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-create #edit-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-edit #create-pullDown li label input:checked~i,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input:checked~i,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:checked~i,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:checked~i,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input:checked~i,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input:checked~i,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:checked~i,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:checked~i,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input:checked~i,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input:checked~i,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:checked~i,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:checked~i,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-create #buy-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-create #create-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-create #edit-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-edit #create-pullDown li label input:checked~i,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input:checked~i {
  color: #3db5e6;
  height: 20px;
  width: 20px;
  line-height: 19px;
  text-align: center
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled,
article.home div#select-bg div#timeline-create #buy-pullDown li label input:disabled,
article.home div#select-bg div#timeline-create #create-pullDown li label input:disabled,
article.home div#select-bg div#timeline-create #edit-pullDown li label input:disabled,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input:disabled,
article.home div#select-bg div#timeline-edit #create-pullDown li label input:disabled,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input:disabled,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled,
article.message div#select-bg div#timeline-create #buy-pullDown li label input:disabled,
article.message div#select-bg div#timeline-create #create-pullDown li label input:disabled,
article.message div#select-bg div#timeline-create #edit-pullDown li label input:disabled,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input:disabled,
article.message div#select-bg div#timeline-edit #create-pullDown li label input:disabled,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input:disabled,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input:disabled,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input:disabled,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input:disabled,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input:disabled,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled,
article.user div#select-bg div#timeline-create #buy-pullDown li label input:disabled,
article.user div#select-bg div#timeline-create #create-pullDown li label input:disabled,
article.user div#select-bg div#timeline-create #edit-pullDown li label input:disabled,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input:disabled,
article.user div#select-bg div#timeline-edit #create-pullDown li label input:disabled,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input:disabled {
  cursor: no-drop
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~i,
article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~span,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~i,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~span,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~i,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-create #buy-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-create #buy-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-create #create-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-create #create-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-create #edit-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-create #edit-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-edit #create-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-edit #create-pullDown li label input:disabled~span,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~i,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~span,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~i,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~span,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~i,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~span,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~i,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-create #buy-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-create #buy-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-create #create-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-create #create-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-create #edit-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-create #edit-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-edit #create-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-edit #create-pullDown li label input:disabled~span,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~i,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~span,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~i,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~span,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~i,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~span,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~i,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input:disabled~span,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~i,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~span,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~i,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~span,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~i,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~span,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~i,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input:disabled~span,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~i,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~span,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~i,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input:disabled~span,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~i,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input:disabled~span,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~i,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-create #buy-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-create #buy-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-create #create-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-create #create-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-create #edit-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-create #edit-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-edit #create-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-edit #create-pullDown li label input:disabled~span,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~i,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input:disabled~span {
  color: #aaa;
  border-color: #aaa;
  opacity: .5;
  cursor: no-drop
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-create #buy-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-create #create-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-create #edit-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-edit #create-pullDown li label input[type=checkbox]~i,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-create #buy-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-create #create-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-create #edit-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-edit #create-pullDown li label input[type=checkbox]~i,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input[type=checkbox]~i,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input[type=checkbox]~i,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-create #buy-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-create #create-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-create #edit-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-edit #create-pullDown li label input[type=checkbox]~i,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input[type=checkbox]~i {
  font-size: 12px;
  border-radius: 4px
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i {
  font-size: 10px;
  border-radius: 100%
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i::before,
article.home div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i::before,
article.message div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i::before,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i::before,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-create #buy-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-create #create-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-create #edit-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-edit #buy-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-edit #create-pullDown li label input[type=radio]~i::before,
article.user div#select-bg div#timeline-edit #edit-pullDown li label input[type=radio]~i::before {
  transform: scale(0)
}

article.home div#select-bg div#mypage-buy-pullDown #buy-pullDown li label i,
article.home div#select-bg div#mypage-buy-pullDown #create-pullDown li label i,
article.home div#select-bg div#mypage-buy-pullDown #edit-pullDown li label i,
article.home div#select-bg div#timeline-create #buy-pullDown li label i,
article.home div#select-bg div#timeline-create #create-pullDown li label i,
article.home div#select-bg div#timeline-create #edit-pullDown li label i,
article.home div#select-bg div#timeline-edit #buy-pullDown li label i,
article.home div#select-bg div#timeline-edit #create-pullDown li label i,
article.home div#select-bg div#timeline-edit #edit-pullDown li label i,
article.message div#select-bg div#mypage-buy-pullDown #buy-pullDown li label i,
article.message div#select-bg div#mypage-buy-pullDown #create-pullDown li label i,
article.message div#select-bg div#mypage-buy-pullDown #edit-pullDown li label i,
article.message div#select-bg div#timeline-create #buy-pullDown li label i,
article.message div#select-bg div#timeline-create #create-pullDown li label i,
article.message div#select-bg div#timeline-create #edit-pullDown li label i,
article.message div#select-bg div#timeline-edit #buy-pullDown li label i,
article.message div#select-bg div#timeline-edit #create-pullDown li label i,
article.message div#select-bg div#timeline-edit #edit-pullDown li label i,
article.mypage div#select-bg div#mypage-buy-pullDown #buy-pullDown li label i,
article.mypage div#select-bg div#mypage-buy-pullDown #create-pullDown li label i,
article.mypage div#select-bg div#mypage-buy-pullDown #edit-pullDown li label i,
article.mypage div#select-bg div#timeline-create #buy-pullDown li label i,
article.mypage div#select-bg div#timeline-create #create-pullDown li label i,
article.mypage div#select-bg div#timeline-create #edit-pullDown li label i,
article.mypage div#select-bg div#timeline-edit #buy-pullDown li label i,
article.mypage div#select-bg div#timeline-edit #create-pullDown li label i,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li label i,
article.timeline div#select-bg div#mypage-buy-pullDown #buy-pullDown li label i,
article.timeline div#select-bg div#mypage-buy-pullDown #create-pullDown li label i,
article.timeline div#select-bg div#mypage-buy-pullDown #edit-pullDown li label i,
article.timeline div#select-bg div#timeline-create #buy-pullDown li label i,
article.timeline div#select-bg div#timeline-create #create-pullDown li label i,
article.timeline div#select-bg div#timeline-create #edit-pullDown li label i,
article.timeline div#select-bg div#timeline-edit #buy-pullDown li label i,
article.timeline div#select-bg div#timeline-edit #create-pullDown li label i,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li label i,
article.user div#select-bg div#mypage-buy-pullDown #buy-pullDown li label i,
article.user div#select-bg div#mypage-buy-pullDown #create-pullDown li label i,
article.user div#select-bg div#mypage-buy-pullDown #edit-pullDown li label i,
article.user div#select-bg div#timeline-create #buy-pullDown li label i,
article.user div#select-bg div#timeline-create #create-pullDown li label i,
article.user div#select-bg div#timeline-create #edit-pullDown li label i,
article.user div#select-bg div#timeline-edit #buy-pullDown li label i,
article.user div#select-bg div#timeline-edit #create-pullDown li label i,
article.user div#select-bg div#timeline-edit #edit-pullDown li label i {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

article.home div#select-bg div#mypage-breakDown,
article.message div#select-bg div#mypage-breakDown,
article.mypage div#select-bg div#mypage-breakDown,
article.timeline div#select-bg div#mypage-breakDown,
article.user div#select-bg div#mypage-breakDown {
  width: 78.75%;
  max-width: 315px;
  height: 265px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 23px 20px
}

article.home div#select-bg div#mypage-breakDown span,
article.message div#select-bg div#mypage-breakDown span,
article.mypage div#select-bg div#mypage-breakDown span,
article.timeline div#select-bg div#mypage-breakDown span,
article.user div#select-bg div#mypage-breakDown span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em;
  display: block;
  text-align: center;
  margin: 0 0 23px
}

article.home div#select-bg div#mypage-breakDown #breakDown,
article.message div#select-bg div#mypage-breakDown #breakDown,
article.mypage div#select-bg div#mypage-breakDown #breakDown,
article.timeline div#select-bg div#mypage-breakDown #breakDown,
article.user div#select-bg div#mypage-breakDown #breakDown {
  margin: 0 0 12px;
  padding: 0
}

article.home div#select-bg div#mypage-breakDown #breakDown li,
article.message div#select-bg div#mypage-breakDown #breakDown li,
article.mypage div#select-bg div#mypage-breakDown #breakDown li,
article.timeline div#select-bg div#mypage-breakDown #breakDown li,
article.user div#select-bg div#mypage-breakDown #breakDown li {
  list-style: none;
  border-top: 1px dotted #e6e6e6;
  padding: 11px 0;
  display: flex;
  justify-content: space-between
}

article.home div#select-bg div#mypage-breakDown #breakDown li p,
article.message div#select-bg div#mypage-breakDown #breakDown li p,
article.mypage div#select-bg div#mypage-breakDown #breakDown li p,
article.timeline div#select-bg div#mypage-breakDown #breakDown li p,
article.user div#select-bg div#mypage-breakDown #breakDown li p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  margin: 0
}

article.home div#select-bg div#mypage-breakDown #breakDown li p.point-blue,
article.message div#select-bg div#mypage-breakDown #breakDown li p.point-blue,
article.mypage div#select-bg div#mypage-breakDown #breakDown li p.point-blue,
article.timeline div#select-bg div#mypage-breakDown #breakDown li p.point-blue,
article.user div#select-bg div#mypage-breakDown #breakDown li p.point-blue {
  font-size: 1.25rem;
  font-weight: 500;
  color: #3db5e6
}

article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2),
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2),
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2),
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2),
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) {
  flex-wrap: wrap
}

article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.point {
  text-align: right;
  width: 40%
}

article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.date,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective {
  font-size: .75rem;
  color: #3db5e6;
  margin: 11px 0 0
}

article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.effective,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(2) p.item {
  width: 60%
}

article.home div#select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item,
article.message div#select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item,
article.mypage div#select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item,
article.timeline div#select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item,
article.user div#select-bg div#mypage-breakDown #breakDown li:nth-child(3) p.item {
  line-height: 23px
}

article.home div#select-bg div#mypage-breakDown #btn_breakDown-close,
article.message div#select-bg div#mypage-breakDown #btn_breakDown-close,
article.mypage div#select-bg div#mypage-breakDown #btn_breakDown-close,
article.timeline div#select-bg div#mypage-breakDown #btn_breakDown-close,
article.user div#select-bg div#mypage-breakDown #btn_breakDown-close {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: #fff
}

article.home div#select-bg div#mypage-breakDown #btn_breakDown-close p,
article.message div#select-bg div#mypage-breakDown #btn_breakDown-close p,
article.mypage div#select-bg div#mypage-breakDown #btn_breakDown-close p,
article.timeline div#select-bg div#mypage-breakDown #btn_breakDown-close p,
article.user div#select-bg div#mypage-breakDown #btn_breakDown-close p {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  margin: 0
}

article.home div#select-bg div#mypage-buyButton,
article.message div#select-bg div#mypage-buyButton,
article.mypage div#select-bg div#mypage-buyButton,
article.timeline div#select-bg div#mypage-buyButton,
article.user div#select-bg div#mypage-buyButton {
  width: 78.75%;
  max-width: 315px;
  height: 120px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 31px 33px 35px
}

article.home div#select-bg div#mypage-buyButton span,
article.message div#select-bg div#mypage-buyButton span,
article.mypage div#select-bg div#mypage-buyButton span,
article.timeline div#select-bg div#mypage-buyButton span,
article.user div#select-bg div#mypage-buyButton span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em;
  display: block;
  text-align: center;
  margin: 0 0 18px
}

article.home div#select-bg div#mypage-buyButton #buyButton,
article.message div#select-bg div#mypage-buyButton #buyButton,
article.mypage div#select-bg div#mypage-buyButton #buyButton,
article.timeline div#select-bg div#mypage-buyButton #buyButton,
article.user div#select-bg div#mypage-buyButton #buyButton {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center
}

article.home div#select-bg div#mypage-buyButton #buyButton li,
article.message div#select-bg div#mypage-buyButton #buyButton li,
article.mypage div#select-bg div#mypage-buyButton #buyButton li,
article.timeline div#select-bg div#mypage-buyButton #buyButton li,
article.user div#select-bg div#mypage-buyButton #buyButton li {
  list-style: none;
  padding: 0 10px
}

article.home div#select-bg div#mypage-buyButton #buyButton li button,
article.message div#select-bg div#mypage-buyButton #buyButton li button,
article.mypage div#select-bg div#mypage-buyButton #buyButton li button,
article.timeline div#select-bg div#mypage-buyButton #buyButton li button,
article.user div#select-bg div#mypage-buyButton #buyButton li button {
  display: block;
  border: none;
  background-color: #fff
}

article.home div#select-bg div#mypage-buyButton #buyButton li button p,
article.message div#select-bg div#mypage-buyButton #buyButton li button p,
article.mypage div#select-bg div#mypage-buyButton #buyButton li button p,
article.timeline div#select-bg div#mypage-buyButton #buyButton li button p,
article.user div#select-bg div#mypage-buyButton #buyButton li button p {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  margin: 0
}

article.home div#select-bg div#mypage-photoAD,
article.message div#select-bg div#mypage-photoAD,
article.mypage div#select-bg div#mypage-photoAD,
article.timeline div#select-bg div#mypage-photoAD,
article.user div#select-bg div#mypage-photoAD {
  width: 78.75%;
  max-width: 315px;
  height: 460px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 25px 20px 0
}

article.home div#select-bg div#mypage-photoAD h2,
article.message div#select-bg div#mypage-photoAD h2,
article.mypage div#select-bg div#mypage-photoAD h2,
article.timeline div#select-bg div#mypage-photoAD h2,
article.user div#select-bg div#mypage-photoAD h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin: 0 0 20px 0
}

article.home div#select-bg div#mypage-photoAD .selectPhoto,
article.message div#select-bg div#mypage-photoAD .selectPhoto,
article.mypage div#select-bg div#mypage-photoAD .selectPhoto,
article.timeline div#select-bg div#mypage-photoAD .selectPhoto,
article.user div#select-bg div#mypage-photoAD .selectPhoto {
  position: relative;
  margin: 0 0 12px 0
}

article.home div#select-bg div#mypage-photoAD .selectPhoto .guideline,
article.message div#select-bg div#mypage-photoAD .selectPhoto .guideline,
article.mypage div#select-bg div#mypage-photoAD .selectPhoto .guideline,
article.timeline div#select-bg div#mypage-photoAD .selectPhoto .guideline,
article.user div#select-bg div#mypage-photoAD .selectPhoto .guideline {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

article.home div#select-bg div#mypage-photoAD ul#area-line,
article.message div#select-bg div#mypage-photoAD ul#area-line,
article.mypage div#select-bg div#mypage-photoAD ul#area-line,
article.timeline div#select-bg div#mypage-photoAD ul#area-line,
article.user div#select-bg div#mypage-photoAD ul#area-line {
  display: flex;
  margin: 0 0 10px 0;
  padding: 0
}

article.home div#select-bg div#mypage-photoAD ul#area-line li,
article.message div#select-bg div#mypage-photoAD ul#area-line li,
article.mypage div#select-bg div#mypage-photoAD ul#area-line li,
article.timeline div#select-bg div#mypage-photoAD ul#area-line li,
article.user div#select-bg div#mypage-photoAD ul#area-line li {
  list-style: none;
  width: 50%
}

article.home div#select-bg div#mypage-photoAD ul#area-line li p,
article.message div#select-bg div#mypage-photoAD ul#area-line li p,
article.mypage div#select-bg div#mypage-photoAD ul#area-line li p,
article.timeline div#select-bg div#mypage-photoAD ul#area-line li p,
article.user div#select-bg div#mypage-photoAD ul#area-line li p {
  font-size: .625rem;
  font-weight: 400;
  color: gray;
  margin: 0;
  padding: 0 0 0 22px;
  line-height: 1;
  position: relative
}

article.home div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.home div#select-bg div#mypage-photoAD ul#area-line li p.profile::before,
article.message div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.message div#select-bg div#mypage-photoAD ul#area-line li p.profile::before,
article.mypage div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.mypage div#select-bg div#mypage-photoAD ul#area-line li p.profile::before,
article.timeline div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.timeline div#select-bg div#mypage-photoAD ul#area-line li p.profile::before,
article.user div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.user div#select-bg div#mypage-photoAD ul#area-line li p.profile::before {
  content: url(../images/common/profile-line.svg);
  position: absolute;
  top: -2.5px;
  left: 0
}

article.home div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.message div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.mypage div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.timeline div#select-bg div#mypage-photoAD ul#area-line li p.icon::before,
article.user div#select-bg div#mypage-photoAD ul#area-line li p.icon::before {
  content: url(../images/common/icon-line.svg)
}

article.home div#select-bg div#mypage-photoAD ul#registerButton,
article.message div#select-bg div#mypage-photoAD ul#registerButton,
article.mypage div#select-bg div#mypage-photoAD ul#registerButton,
article.timeline div#select-bg div#mypage-photoAD ul#registerButton,
article.user div#select-bg div#mypage-photoAD ul#registerButton {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0
}

article.home div#select-bg div#mypage-photoAD ul#registerButton li,
article.message div#select-bg div#mypage-photoAD ul#registerButton li,
article.mypage div#select-bg div#mypage-photoAD ul#registerButton li,
article.timeline div#select-bg div#mypage-photoAD ul#registerButton li,
article.user div#select-bg div#mypage-photoAD ul#registerButton li {
  list-style: none;
  padding: 0 10px
}

article.home div#select-bg div#mypage-photoAD ul#registerButton li button,
article.message div#select-bg div#mypage-photoAD ul#registerButton li button,
article.mypage div#select-bg div#mypage-photoAD ul#registerButton li button,
article.timeline div#select-bg div#mypage-photoAD ul#registerButton li button,
article.user div#select-bg div#mypage-photoAD ul#registerButton li button {
  display: block;
  border: none;
  background-color: #fff;
  padding: 0
}

article.home div#select-bg div#mypage-photoAD ul#registerButton li button p,
article.message div#select-bg div#mypage-photoAD ul#registerButton li button p,
article.mypage div#select-bg div#mypage-photoAD ul#registerButton li button p,
article.timeline div#select-bg div#mypage-photoAD ul#registerButton li button p,
article.user div#select-bg div#mypage-photoAD ul#registerButton li button p {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  margin: 0;
  line-height: 1
}

article.home div#select-bg div#mypage-photoAD p,
article.message div#select-bg div#mypage-photoAD p,
article.mypage div#select-bg div#mypage-photoAD p,
article.timeline div#select-bg div#mypage-photoAD p,
article.user div#select-bg div#mypage-photoAD p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1.7;
  letter-spacing: .04em
}

article.home div#select-bg div#message-recruitCD,
article.message div#select-bg div#message-recruitCD,
article.mypage div#select-bg div#message-recruitCD,
article.timeline div#select-bg div#message-recruitCD,
article.user div#select-bg div#message-recruitCD {
  width: 78.75%;
  max-width: 315px;
  height: 160px;
  padding: 33px 20px 20px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  text-align: center
}

article.home div#select-bg div#message-recruitCD::before,
article.message div#select-bg div#message-recruitCD::before,
article.mypage div#select-bg div#message-recruitCD::before,
article.timeline div#select-bg div#message-recruitCD::before,
article.user div#select-bg div#message-recruitCD::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.home div#select-bg div#message-recruitCD span,
article.message div#select-bg div#message-recruitCD span,
article.mypage div#select-bg div#message-recruitCD span,
article.timeline div#select-bg div#message-recruitCD span,
article.user div#select-bg div#message-recruitCD span {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  margin: 0 0 17px;
  height: 14px;
  letter-spacing: .04em;
  position: relative
}

article.home div#select-bg div#message-recruitCD span::before,
article.message div#select-bg div#message-recruitCD span::before,
article.mypage div#select-bg div#message-recruitCD span::before,
article.timeline div#select-bg div#message-recruitCD span::before,
article.user div#select-bg div#message-recruitCD span::before {
  content: url(../images/common/icon_hour.svg);
  position: absolute;
  top: 0;
  left: -25px
}

article.home div#select-bg div#message-recruitCD p.time,
article.message div#select-bg div#message-recruitCD p.time,
article.mypage div#select-bg div#message-recruitCD p.time,
article.timeline div#select-bg div#message-recruitCD p.time,
article.user div#select-bg div#message-recruitCD p.time {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  display: block;
  margin: 0 0 16px;
  height: 20px;
  letter-spacing: .04em
}

article.home div#select-bg div#message-recruitCD button#btn_message-detail,
article.message div#select-bg div#message-recruitCD button#btn_message-detail,
article.mypage div#select-bg div#message-recruitCD button#btn_message-detail,
article.timeline div#select-bg div#message-recruitCD button#btn_message-detail,
article.user div#select-bg div#message-recruitCD button#btn_message-detail {
  width: 100%;
  height: 40px;
  background-color: #ff8ab1;
  border-radius: 4px;
  border: none;
  margin: 0;
  padding: 0
}

article.home div#select-bg div#message-recruitCD button#btn_message-detail p.detail,
article.message div#select-bg div#message-recruitCD button#btn_message-detail p.detail,
article.mypage div#select-bg div#message-recruitCD button#btn_message-detail p.detail,
article.timeline div#select-bg div#message-recruitCD button#btn_message-detail p.detail,
article.user div#select-bg div#message-recruitCD button#btn_message-detail p.detail {
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: .04em
}

article.home div#select-bg div#message-chat,
article.home div#select-bg div#mypage-edit,
article.message div#select-bg div#message-chat,
article.message div#select-bg div#mypage-edit,
article.mypage div#select-bg div#message-chat,
article.mypage div#select-bg div#mypage-edit,
article.timeline div#select-bg div#message-chat,
article.timeline div#select-bg div#mypage-edit,
article.user div#select-bg div#message-chat,
article.user div#select-bg div#mypage-edit {
  width: 78.75%;
  max-width: 315px;
  height: 237px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

article.home div#select-bg div#message-chat #message-chat-select,
article.home div#select-bg div#message-chat #message-chatReport-select,
article.home div#select-bg div#message-chat #mypage-edit-list,
article.home div#select-bg div#mypage-edit #message-chat-select,
article.home div#select-bg div#mypage-edit #message-chatReport-select,
article.home div#select-bg div#mypage-edit #mypage-edit-list,
article.message div#select-bg div#message-chat #message-chat-select,
article.message div#select-bg div#message-chat #message-chatReport-select,
article.message div#select-bg div#message-chat #mypage-edit-list,
article.message div#select-bg div#mypage-edit #message-chat-select,
article.message div#select-bg div#mypage-edit #message-chatReport-select,
article.message div#select-bg div#mypage-edit #mypage-edit-list,
article.mypage div#select-bg div#message-chat #message-chat-select,
article.mypage div#select-bg div#message-chat #message-chatReport-select,
article.mypage div#select-bg div#message-chat #mypage-edit-list,
article.mypage div#select-bg div#mypage-edit #message-chat-select,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list,
article.timeline div#select-bg div#message-chat #message-chat-select,
article.timeline div#select-bg div#message-chat #message-chatReport-select,
article.timeline div#select-bg div#message-chat #mypage-edit-list,
article.timeline div#select-bg div#mypage-edit #message-chat-select,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list,
article.user div#select-bg div#message-chat #message-chat-select,
article.user div#select-bg div#message-chat #message-chatReport-select,
article.user div#select-bg div#message-chat #mypage-edit-list,
article.user div#select-bg div#mypage-edit #message-chat-select,
article.user div#select-bg div#mypage-edit #message-chatReport-select,
article.user div#select-bg div#mypage-edit #mypage-edit-list {
  margin: 0;
  padding: 0;
  list-style: none
}

article.home div#select-bg div#message-chat #message-chat-select li,
article.home div#select-bg div#message-chat #message-chatReport-select li,
article.home div#select-bg div#message-chat #mypage-edit-list li,
article.home div#select-bg div#mypage-edit #message-chat-select li,
article.home div#select-bg div#mypage-edit #message-chatReport-select li,
article.home div#select-bg div#mypage-edit #mypage-edit-list li,
article.message div#select-bg div#message-chat #message-chat-select li,
article.message div#select-bg div#message-chat #message-chatReport-select li,
article.message div#select-bg div#message-chat #mypage-edit-list li,
article.message div#select-bg div#mypage-edit #message-chat-select li,
article.message div#select-bg div#mypage-edit #message-chatReport-select li,
article.message div#select-bg div#mypage-edit #mypage-edit-list li,
article.mypage div#select-bg div#message-chat #message-chat-select li,
article.mypage div#select-bg div#message-chat #message-chatReport-select li,
article.mypage div#select-bg div#message-chat #mypage-edit-list li,
article.mypage div#select-bg div#mypage-edit #message-chat-select li,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li,
article.timeline div#select-bg div#message-chat #message-chat-select li,
article.timeline div#select-bg div#message-chat #message-chatReport-select li,
article.timeline div#select-bg div#message-chat #mypage-edit-list li,
article.timeline div#select-bg div#mypage-edit #message-chat-select li,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li,
article.user div#select-bg div#message-chat #message-chat-select li,
article.user div#select-bg div#message-chat #message-chatReport-select li,
article.user div#select-bg div#message-chat #mypage-edit-list li,
article.user div#select-bg div#mypage-edit #message-chat-select li,
article.user div#select-bg div#mypage-edit #message-chatReport-select li,
article.user div#select-bg div#mypage-edit #mypage-edit-list li {
  height: 59px;
  line-height: 59px;
  border-bottom: 1px dotted #e6e6e6
}

article.home div#select-bg div#message-chat #message-chat-select li a,
article.home div#select-bg div#message-chat #message-chatReport-select li a,
article.home div#select-bg div#message-chat #mypage-edit-list li a,
article.home div#select-bg div#mypage-edit #message-chat-select li a,
article.home div#select-bg div#mypage-edit #message-chatReport-select li a,
article.home div#select-bg div#mypage-edit #mypage-edit-list li a,
article.message div#select-bg div#message-chat #message-chat-select li a,
article.message div#select-bg div#message-chat #message-chatReport-select li a,
article.message div#select-bg div#message-chat #mypage-edit-list li a,
article.message div#select-bg div#mypage-edit #message-chat-select li a,
article.message div#select-bg div#mypage-edit #message-chatReport-select li a,
article.message div#select-bg div#mypage-edit #mypage-edit-list li a,
article.mypage div#select-bg div#message-chat #message-chat-select li a,
article.mypage div#select-bg div#message-chat #message-chatReport-select li a,
article.mypage div#select-bg div#message-chat #mypage-edit-list li a,
article.mypage div#select-bg div#mypage-edit #message-chat-select li a,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li a,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li a,
article.timeline div#select-bg div#message-chat #message-chat-select li a,
article.timeline div#select-bg div#message-chat #message-chatReport-select li a,
article.timeline div#select-bg div#message-chat #mypage-edit-list li a,
article.timeline div#select-bg div#mypage-edit #message-chat-select li a,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li a,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li a,
article.user div#select-bg div#message-chat #message-chat-select li a,
article.user div#select-bg div#message-chat #message-chatReport-select li a,
article.user div#select-bg div#message-chat #mypage-edit-list li a,
article.user div#select-bg div#mypage-edit #message-chat-select li a,
article.user div#select-bg div#mypage-edit #message-chatReport-select li a,
article.user div#select-bg div#mypage-edit #mypage-edit-list li a {
  height: 59px;
  display: flex;
  padding: 0 22px
}

article.home div#select-bg div#message-chat #message-chat-select li a img,
article.home div#select-bg div#message-chat #message-chatReport-select li a img,
article.home div#select-bg div#message-chat #mypage-edit-list li a img,
article.home div#select-bg div#mypage-edit #message-chat-select li a img,
article.home div#select-bg div#mypage-edit #message-chatReport-select li a img,
article.home div#select-bg div#mypage-edit #mypage-edit-list li a img,
article.message div#select-bg div#message-chat #message-chat-select li a img,
article.message div#select-bg div#message-chat #message-chatReport-select li a img,
article.message div#select-bg div#message-chat #mypage-edit-list li a img,
article.message div#select-bg div#mypage-edit #message-chat-select li a img,
article.message div#select-bg div#mypage-edit #message-chatReport-select li a img,
article.message div#select-bg div#mypage-edit #mypage-edit-list li a img,
article.mypage div#select-bg div#message-chat #message-chat-select li a img,
article.mypage div#select-bg div#message-chat #message-chatReport-select li a img,
article.mypage div#select-bg div#message-chat #mypage-edit-list li a img,
article.mypage div#select-bg div#mypage-edit #message-chat-select li a img,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li a img,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li a img,
article.timeline div#select-bg div#message-chat #message-chat-select li a img,
article.timeline div#select-bg div#message-chat #message-chatReport-select li a img,
article.timeline div#select-bg div#message-chat #mypage-edit-list li a img,
article.timeline div#select-bg div#mypage-edit #message-chat-select li a img,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li a img,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li a img,
article.user div#select-bg div#message-chat #message-chat-select li a img,
article.user div#select-bg div#message-chat #message-chatReport-select li a img,
article.user div#select-bg div#message-chat #mypage-edit-list li a img,
article.user div#select-bg div#mypage-edit #message-chat-select li a img,
article.user div#select-bg div#mypage-edit #message-chatReport-select li a img,
article.user div#select-bg div#mypage-edit #mypage-edit-list li a img {
  width: 20px
}

article.home div#select-bg div#message-chat #message-chat-select li a .txt,
article.home div#select-bg div#message-chat #message-chatReport-select li a .txt,
article.home div#select-bg div#message-chat #mypage-edit-list li a .txt,
article.home div#select-bg div#mypage-edit #message-chat-select li a .txt,
article.home div#select-bg div#mypage-edit #message-chatReport-select li a .txt,
article.home div#select-bg div#mypage-edit #mypage-edit-list li a .txt,
article.message div#select-bg div#message-chat #message-chat-select li a .txt,
article.message div#select-bg div#message-chat #message-chatReport-select li a .txt,
article.message div#select-bg div#message-chat #mypage-edit-list li a .txt,
article.message div#select-bg div#mypage-edit #message-chat-select li a .txt,
article.message div#select-bg div#mypage-edit #message-chatReport-select li a .txt,
article.message div#select-bg div#mypage-edit #mypage-edit-list li a .txt,
article.mypage div#select-bg div#message-chat #message-chat-select li a .txt,
article.mypage div#select-bg div#message-chat #message-chatReport-select li a .txt,
article.mypage div#select-bg div#message-chat #mypage-edit-list li a .txt,
article.mypage div#select-bg div#mypage-edit #message-chat-select li a .txt,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li a .txt,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li a .txt,
article.timeline div#select-bg div#message-chat #message-chat-select li a .txt,
article.timeline div#select-bg div#message-chat #message-chatReport-select li a .txt,
article.timeline div#select-bg div#message-chat #mypage-edit-list li a .txt,
article.timeline div#select-bg div#mypage-edit #message-chat-select li a .txt,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li a .txt,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li a .txt,
article.user div#select-bg div#message-chat #message-chat-select li a .txt,
article.user div#select-bg div#message-chat #message-chatReport-select li a .txt,
article.user div#select-bg div#message-chat #mypage-edit-list li a .txt,
article.user div#select-bg div#mypage-edit #message-chat-select li a .txt,
article.user div#select-bg div#mypage-edit #message-chatReport-select li a .txt,
article.user div#select-bg div#mypage-edit #mypage-edit-list li a .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  margin: 0 0 0 5px
}

article.home div#select-bg div#message-chat #message-chat-select li:last-child,
article.home div#select-bg div#message-chat #message-chatReport-select li:last-child,
article.home div#select-bg div#message-chat #mypage-edit-list li:last-child,
article.home div#select-bg div#mypage-edit #message-chat-select li:last-child,
article.home div#select-bg div#mypage-edit #message-chatReport-select li:last-child,
article.home div#select-bg div#mypage-edit #mypage-edit-list li:last-child,
article.message div#select-bg div#message-chat #message-chat-select li:last-child,
article.message div#select-bg div#message-chat #message-chatReport-select li:last-child,
article.message div#select-bg div#message-chat #mypage-edit-list li:last-child,
article.message div#select-bg div#mypage-edit #message-chat-select li:last-child,
article.message div#select-bg div#mypage-edit #message-chatReport-select li:last-child,
article.message div#select-bg div#mypage-edit #mypage-edit-list li:last-child,
article.mypage div#select-bg div#message-chat #message-chat-select li:last-child,
article.mypage div#select-bg div#message-chat #message-chatReport-select li:last-child,
article.mypage div#select-bg div#message-chat #mypage-edit-list li:last-child,
article.mypage div#select-bg div#mypage-edit #message-chat-select li:last-child,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li:last-child,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li:last-child,
article.timeline div#select-bg div#message-chat #message-chat-select li:last-child,
article.timeline div#select-bg div#message-chat #message-chatReport-select li:last-child,
article.timeline div#select-bg div#message-chat #mypage-edit-list li:last-child,
article.timeline div#select-bg div#mypage-edit #message-chat-select li:last-child,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li:last-child,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li:last-child,
article.user div#select-bg div#message-chat #message-chat-select li:last-child,
article.user div#select-bg div#message-chat #message-chatReport-select li:last-child,
article.user div#select-bg div#message-chat #mypage-edit-list li:last-child,
article.user div#select-bg div#mypage-edit #message-chat-select li:last-child,
article.user div#select-bg div#mypage-edit #message-chatReport-select li:last-child,
article.user div#select-bg div#mypage-edit #mypage-edit-list li:last-child {
  height: 60px;
  line-height: 60px;
  border-bottom: none
}

article.home div#select-bg div#message-chat #message-chat-select li:last-child a,
article.home div#select-bg div#message-chat #message-chatReport-select li:last-child a,
article.home div#select-bg div#message-chat #mypage-edit-list li:last-child a,
article.home div#select-bg div#mypage-edit #message-chat-select li:last-child a,
article.home div#select-bg div#mypage-edit #message-chatReport-select li:last-child a,
article.home div#select-bg div#mypage-edit #mypage-edit-list li:last-child a,
article.message div#select-bg div#message-chat #message-chat-select li:last-child a,
article.message div#select-bg div#message-chat #message-chatReport-select li:last-child a,
article.message div#select-bg div#message-chat #mypage-edit-list li:last-child a,
article.message div#select-bg div#mypage-edit #message-chat-select li:last-child a,
article.message div#select-bg div#mypage-edit #message-chatReport-select li:last-child a,
article.message div#select-bg div#mypage-edit #mypage-edit-list li:last-child a,
article.mypage div#select-bg div#message-chat #message-chat-select li:last-child a,
article.mypage div#select-bg div#message-chat #message-chatReport-select li:last-child a,
article.mypage div#select-bg div#message-chat #mypage-edit-list li:last-child a,
article.mypage div#select-bg div#mypage-edit #message-chat-select li:last-child a,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li:last-child a,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li:last-child a,
article.timeline div#select-bg div#message-chat #message-chat-select li:last-child a,
article.timeline div#select-bg div#message-chat #message-chatReport-select li:last-child a,
article.timeline div#select-bg div#message-chat #mypage-edit-list li:last-child a,
article.timeline div#select-bg div#mypage-edit #message-chat-select li:last-child a,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li:last-child a,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li:last-child a,
article.user div#select-bg div#message-chat #message-chat-select li:last-child a,
article.user div#select-bg div#message-chat #message-chatReport-select li:last-child a,
article.user div#select-bg div#message-chat #mypage-edit-list li:last-child a,
article.user div#select-bg div#mypage-edit #message-chat-select li:last-child a,
article.user div#select-bg div#mypage-edit #message-chatReport-select li:last-child a,
article.user div#select-bg div#mypage-edit #mypage-edit-list li:last-child a {
  height: 60px
}

article.home div#select-bg div#message-chat #message-chat-select li:last-child a .txt,
article.home div#select-bg div#message-chat #message-chatReport-select li:last-child a .txt,
article.home div#select-bg div#message-chat #mypage-edit-list li:last-child a .txt,
article.home div#select-bg div#mypage-edit #message-chat-select li:last-child a .txt,
article.home div#select-bg div#mypage-edit #message-chatReport-select li:last-child a .txt,
article.home div#select-bg div#mypage-edit #mypage-edit-list li:last-child a .txt,
article.message div#select-bg div#message-chat #message-chat-select li:last-child a .txt,
article.message div#select-bg div#message-chat #message-chatReport-select li:last-child a .txt,
article.message div#select-bg div#message-chat #mypage-edit-list li:last-child a .txt,
article.message div#select-bg div#mypage-edit #message-chat-select li:last-child a .txt,
article.message div#select-bg div#mypage-edit #message-chatReport-select li:last-child a .txt,
article.message div#select-bg div#mypage-edit #mypage-edit-list li:last-child a .txt,
article.mypage div#select-bg div#message-chat #message-chat-select li:last-child a .txt,
article.mypage div#select-bg div#message-chat #message-chatReport-select li:last-child a .txt,
article.mypage div#select-bg div#message-chat #mypage-edit-list li:last-child a .txt,
article.mypage div#select-bg div#mypage-edit #message-chat-select li:last-child a .txt,
article.mypage div#select-bg div#mypage-edit #message-chatReport-select li:last-child a .txt,
article.mypage div#select-bg div#mypage-edit #mypage-edit-list li:last-child a .txt,
article.timeline div#select-bg div#message-chat #message-chat-select li:last-child a .txt,
article.timeline div#select-bg div#message-chat #message-chatReport-select li:last-child a .txt,
article.timeline div#select-bg div#message-chat #mypage-edit-list li:last-child a .txt,
article.timeline div#select-bg div#mypage-edit #message-chat-select li:last-child a .txt,
article.timeline div#select-bg div#mypage-edit #message-chatReport-select li:last-child a .txt,
article.timeline div#select-bg div#mypage-edit #mypage-edit-list li:last-child a .txt,
article.user div#select-bg div#message-chat #message-chat-select li:last-child a .txt,
article.user div#select-bg div#message-chat #message-chatReport-select li:last-child a .txt,
article.user div#select-bg div#message-chat #mypage-edit-list li:last-child a .txt,
article.user div#select-bg div#mypage-edit #message-chat-select li:last-child a .txt,
article.user div#select-bg div#mypage-edit #message-chatReport-select li:last-child a .txt,
article.user div#select-bg div#mypage-edit #mypage-edit-list li:last-child a .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6
}

article.home div#select-bg div#message-chatReport,
article.message div#select-bg div#message-chatReport,
article.mypage div#select-bg div#message-chatReport,
article.timeline div#select-bg div#message-chatReport,
article.user div#select-bg div#message-chatReport {
  height: 120px
}

article.home div#select-bg div#timeline-create,
article.home div#select-bg div#timeline-edit,
article.message div#select-bg div#timeline-create,
article.message div#select-bg div#timeline-edit,
article.mypage div#select-bg div#timeline-create,
article.mypage div#select-bg div#timeline-edit,
article.timeline div#select-bg div#timeline-create,
article.timeline div#select-bg div#timeline-edit,
article.user div#select-bg div#timeline-create,
article.user div#select-bg div#timeline-edit {
  height: 121px
}

article.home div#select-bg div#timeline-create #create-pullDown,
article.home div#select-bg div#timeline-create #edit-pullDown,
article.home div#select-bg div#timeline-edit #create-pullDown,
article.home div#select-bg div#timeline-edit #edit-pullDown,
article.message div#select-bg div#timeline-create #create-pullDown,
article.message div#select-bg div#timeline-create #edit-pullDown,
article.message div#select-bg div#timeline-edit #create-pullDown,
article.message div#select-bg div#timeline-edit #edit-pullDown,
article.mypage div#select-bg div#timeline-create #create-pullDown,
article.mypage div#select-bg div#timeline-create #edit-pullDown,
article.mypage div#select-bg div#timeline-edit #create-pullDown,
article.mypage div#select-bg div#timeline-edit #edit-pullDown,
article.timeline div#select-bg div#timeline-create #create-pullDown,
article.timeline div#select-bg div#timeline-create #edit-pullDown,
article.timeline div#select-bg div#timeline-edit #create-pullDown,
article.timeline div#select-bg div#timeline-edit #edit-pullDown,
article.user div#select-bg div#timeline-create #create-pullDown,
article.user div#select-bg div#timeline-create #edit-pullDown,
article.user div#select-bg div#timeline-edit #create-pullDown,
article.user div#select-bg div#timeline-edit #edit-pullDown {
  margin: 0;
  padding: 0;
  height: 121px
}

article.home div#select-bg div#timeline-create #create-pullDown li,
article.home div#select-bg div#timeline-create #edit-pullDown li,
article.home div#select-bg div#timeline-edit #create-pullDown li,
article.home div#select-bg div#timeline-edit #edit-pullDown li,
article.message div#select-bg div#timeline-create #create-pullDown li,
article.message div#select-bg div#timeline-create #edit-pullDown li,
article.message div#select-bg div#timeline-edit #create-pullDown li,
article.message div#select-bg div#timeline-edit #edit-pullDown li,
article.mypage div#select-bg div#timeline-create #create-pullDown li,
article.mypage div#select-bg div#timeline-create #edit-pullDown li,
article.mypage div#select-bg div#timeline-edit #create-pullDown li,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li,
article.timeline div#select-bg div#timeline-create #create-pullDown li,
article.timeline div#select-bg div#timeline-create #edit-pullDown li,
article.timeline div#select-bg div#timeline-edit #create-pullDown li,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li,
article.user div#select-bg div#timeline-create #create-pullDown li,
article.user div#select-bg div#timeline-create #edit-pullDown li,
article.user div#select-bg div#timeline-edit #create-pullDown li,
article.user div#select-bg div#timeline-edit #edit-pullDown li {
  height: 60px;
  line-height: 60px;
  justify-content: flex-start
}

article.home div#select-bg div#timeline-create #create-pullDown li span,
article.home div#select-bg div#timeline-create #edit-pullDown li span,
article.home div#select-bg div#timeline-edit #create-pullDown li span,
article.home div#select-bg div#timeline-edit #edit-pullDown li span,
article.message div#select-bg div#timeline-create #create-pullDown li span,
article.message div#select-bg div#timeline-create #edit-pullDown li span,
article.message div#select-bg div#timeline-edit #create-pullDown li span,
article.message div#select-bg div#timeline-edit #edit-pullDown li span,
article.mypage div#select-bg div#timeline-create #create-pullDown li span,
article.mypage div#select-bg div#timeline-create #edit-pullDown li span,
article.mypage div#select-bg div#timeline-edit #create-pullDown li span,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li span,
article.timeline div#select-bg div#timeline-create #create-pullDown li span,
article.timeline div#select-bg div#timeline-create #edit-pullDown li span,
article.timeline div#select-bg div#timeline-edit #create-pullDown li span,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li span,
article.user div#select-bg div#timeline-create #create-pullDown li span,
article.user div#select-bg div#timeline-create #edit-pullDown li span,
article.user div#select-bg div#timeline-edit #create-pullDown li span,
article.user div#select-bg div#timeline-edit #edit-pullDown li span {
  font-size: 1rem;
  font-weight: 500;
  color: #333
}

article.home div#select-bg div#timeline-create #create-pullDown li img,
article.home div#select-bg div#timeline-create #edit-pullDown li img,
article.home div#select-bg div#timeline-edit #create-pullDown li img,
article.home div#select-bg div#timeline-edit #edit-pullDown li img,
article.message div#select-bg div#timeline-create #create-pullDown li img,
article.message div#select-bg div#timeline-create #edit-pullDown li img,
article.message div#select-bg div#timeline-edit #create-pullDown li img,
article.message div#select-bg div#timeline-edit #edit-pullDown li img,
article.mypage div#select-bg div#timeline-create #create-pullDown li img,
article.mypage div#select-bg div#timeline-create #edit-pullDown li img,
article.mypage div#select-bg div#timeline-edit #create-pullDown li img,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li img,
article.timeline div#select-bg div#timeline-create #create-pullDown li img,
article.timeline div#select-bg div#timeline-create #edit-pullDown li img,
article.timeline div#select-bg div#timeline-edit #create-pullDown li img,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li img,
article.user div#select-bg div#timeline-create #create-pullDown li img,
article.user div#select-bg div#timeline-create #edit-pullDown li img,
article.user div#select-bg div#timeline-edit #create-pullDown li img,
article.user div#select-bg div#timeline-edit #edit-pullDown li img {
  width: 20px;
  height: 20px;
  margin: 20px 5px 20px 0
}

article.home div#select-bg div#timeline-create #create-pullDown li:last-child,
article.home div#select-bg div#timeline-create #edit-pullDown li:last-child,
article.home div#select-bg div#timeline-edit #create-pullDown li:last-child,
article.home div#select-bg div#timeline-edit #edit-pullDown li:last-child,
article.message div#select-bg div#timeline-create #create-pullDown li:last-child,
article.message div#select-bg div#timeline-create #edit-pullDown li:last-child,
article.message div#select-bg div#timeline-edit #create-pullDown li:last-child,
article.message div#select-bg div#timeline-edit #edit-pullDown li:last-child,
article.mypage div#select-bg div#timeline-create #create-pullDown li:last-child,
article.mypage div#select-bg div#timeline-create #edit-pullDown li:last-child,
article.mypage div#select-bg div#timeline-edit #create-pullDown li:last-child,
article.mypage div#select-bg div#timeline-edit #edit-pullDown li:last-child,
article.timeline div#select-bg div#timeline-create #create-pullDown li:last-child,
article.timeline div#select-bg div#timeline-create #edit-pullDown li:last-child,
article.timeline div#select-bg div#timeline-edit #create-pullDown li:last-child,
article.timeline div#select-bg div#timeline-edit #edit-pullDown li:last-child,
article.user div#select-bg div#timeline-create #create-pullDown li:last-child,
article.user div#select-bg div#timeline-create #edit-pullDown li:last-child,
article.user div#select-bg div#timeline-edit #create-pullDown li:last-child,
article.user div#select-bg div#timeline-edit #edit-pullDown li:last-child {
  border: none
}

article.home div#select-bg div#timeline-create #create-pullDown,
article.home div#select-bg div#timeline-edit #create-pullDown,
article.message div#select-bg div#timeline-create #create-pullDown,
article.message div#select-bg div#timeline-edit #create-pullDown,
article.mypage div#select-bg div#timeline-create #create-pullDown,
article.mypage div#select-bg div#timeline-edit #create-pullDown,
article.timeline div#select-bg div#timeline-create #create-pullDown,
article.timeline div#select-bg div#timeline-edit #create-pullDown,
article.user div#select-bg div#timeline-create #create-pullDown,
article.user div#select-bg div#timeline-edit #create-pullDown {
  height: 178px
}

article.home div#select-bg div#timeline-create,
article.message div#select-bg div#timeline-create,
article.mypage div#select-bg div#timeline-create,
article.timeline div#select-bg div#timeline-create,
article.user div#select-bg div#timeline-create {
  height: 178px
}

article.home div#select-bg div#timeline-create #create-pullDown,
article.message div#select-bg div#timeline-create #create-pullDown,
article.mypage div#select-bg div#timeline-create #create-pullDown,
article.timeline div#select-bg div#timeline-create #create-pullDown,
article.user div#select-bg div#timeline-create #create-pullDown {
  height: 178px
}

article.home div#select-bg div#timeline-create #create-pullDown li #btn_cancel,
article.message div#select-bg div#timeline-create #create-pullDown li #btn_cancel,
article.mypage div#select-bg div#timeline-create #create-pullDown li #btn_cancel,
article.timeline div#select-bg div#timeline-create #create-pullDown li #btn_cancel,
article.user div#select-bg div#timeline-create #create-pullDown li #btn_cancel {
  display: block;
  border: none;
  background-color: #fff
}

article.home div#select-bg div#timeline-create #create-pullDown li #btn_cancel p,
article.message div#select-bg div#timeline-create #create-pullDown li #btn_cancel p,
article.mypage div#select-bg div#timeline-create #create-pullDown li #btn_cancel p,
article.timeline div#select-bg div#timeline-create #create-pullDown li #btn_cancel p,
article.user div#select-bg div#timeline-create #create-pullDown li #btn_cancel p {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  margin: 0;
  color: #3db5e6
}

article.home div#select-bg div#message-delete,
article.home div#select-bg div#message-keep,
article.home div#select-bg div#message-pointBuy,
article.home div#select-bg div#message-videoChat,
article.message div#select-bg div#message-delete,
article.message div#select-bg div#message-keep,
article.message div#select-bg div#message-pointBuy,
article.message div#select-bg div#message-videoChat,
article.mypage div#select-bg div#message-delete,
article.mypage div#select-bg div#message-keep,
article.mypage div#select-bg div#message-pointBuy,
article.mypage div#select-bg div#message-videoChat,
article.timeline div#select-bg div#message-delete,
article.timeline div#select-bg div#message-keep,
article.timeline div#select-bg div#message-pointBuy,
article.timeline div#select-bg div#message-videoChat,
article.user div#select-bg div#message-delete,
article.user div#select-bg div#message-keep,
article.user div#select-bg div#message-pointBuy,
article.user div#select-bg div#message-videoChat {
  width: 78.75%;
  max-width: 315px;
  height: 140px;
  padding: 31px 0 35px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  text-align: center
}

article.home div#select-bg div#message-delete p,
article.home div#select-bg div#message-keep p,
article.home div#select-bg div#message-pointBuy p,
article.home div#select-bg div#message-videoChat p,
article.message div#select-bg div#message-delete p,
article.message div#select-bg div#message-keep p,
article.message div#select-bg div#message-pointBuy p,
article.message div#select-bg div#message-videoChat p,
article.mypage div#select-bg div#message-delete p,
article.mypage div#select-bg div#message-keep p,
article.mypage div#select-bg div#message-pointBuy p,
article.mypage div#select-bg div#message-videoChat p,
article.timeline div#select-bg div#message-delete p,
article.timeline div#select-bg div#message-keep p,
article.timeline div#select-bg div#message-pointBuy p,
article.timeline div#select-bg div#message-videoChat p,
article.user div#select-bg div#message-delete p,
article.user div#select-bg div#message-keep p,
article.user div#select-bg div#message-pointBuy p,
article.user div#select-bg div#message-videoChat p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  margin: 0 0 13px 0;
  line-height: 1.225
}

article.home div#select-bg div#message-delete .delete-selectButton,
article.home div#select-bg div#message-delete .keep-selectButton,
article.home div#select-bg div#message-keep .delete-selectButton,
article.home div#select-bg div#message-keep .keep-selectButton,
article.home div#select-bg div#message-pointBuy .delete-selectButton,
article.home div#select-bg div#message-pointBuy .keep-selectButton,
article.home div#select-bg div#message-videoChat .delete-selectButton,
article.home div#select-bg div#message-videoChat .keep-selectButton,
article.message div#select-bg div#message-delete .delete-selectButton,
article.message div#select-bg div#message-delete .keep-selectButton,
article.message div#select-bg div#message-keep .delete-selectButton,
article.message div#select-bg div#message-keep .keep-selectButton,
article.message div#select-bg div#message-pointBuy .delete-selectButton,
article.message div#select-bg div#message-pointBuy .keep-selectButton,
article.message div#select-bg div#message-videoChat .delete-selectButton,
article.message div#select-bg div#message-videoChat .keep-selectButton,
article.mypage div#select-bg div#message-delete .delete-selectButton,
article.mypage div#select-bg div#message-delete .keep-selectButton,
article.mypage div#select-bg div#message-keep .delete-selectButton,
article.mypage div#select-bg div#message-keep .keep-selectButton,
article.mypage div#select-bg div#message-pointBuy .delete-selectButton,
article.mypage div#select-bg div#message-pointBuy .keep-selectButton,
article.mypage div#select-bg div#message-videoChat .delete-selectButton,
article.mypage div#select-bg div#message-videoChat .keep-selectButton,
article.timeline div#select-bg div#message-delete .delete-selectButton,
article.timeline div#select-bg div#message-delete .keep-selectButton,
article.timeline div#select-bg div#message-keep .delete-selectButton,
article.timeline div#select-bg div#message-keep .keep-selectButton,
article.timeline div#select-bg div#message-pointBuy .delete-selectButton,
article.timeline div#select-bg div#message-pointBuy .keep-selectButton,
article.timeline div#select-bg div#message-videoChat .delete-selectButton,
article.timeline div#select-bg div#message-videoChat .keep-selectButton,
article.user div#select-bg div#message-delete .delete-selectButton,
article.user div#select-bg div#message-delete .keep-selectButton,
article.user div#select-bg div#message-keep .delete-selectButton,
article.user div#select-bg div#message-keep .keep-selectButton,
article.user div#select-bg div#message-pointBuy .delete-selectButton,
article.user div#select-bg div#message-pointBuy .keep-selectButton,
article.user div#select-bg div#message-videoChat .delete-selectButton,
article.user div#select-bg div#message-videoChat .keep-selectButton {
  display: flex;
  justify-content: center
}

article.home div#select-bg div#message-delete .delete-selectButton button,
article.home div#select-bg div#message-delete .keep-selectButton button,
article.home div#select-bg div#message-keep .delete-selectButton button,
article.home div#select-bg div#message-keep .keep-selectButton button,
article.home div#select-bg div#message-pointBuy .delete-selectButton button,
article.home div#select-bg div#message-pointBuy .keep-selectButton button,
article.home div#select-bg div#message-videoChat .delete-selectButton button,
article.home div#select-bg div#message-videoChat .keep-selectButton button,
article.message div#select-bg div#message-delete .delete-selectButton button,
article.message div#select-bg div#message-delete .keep-selectButton button,
article.message div#select-bg div#message-keep .delete-selectButton button,
article.message div#select-bg div#message-keep .keep-selectButton button,
article.message div#select-bg div#message-pointBuy .delete-selectButton button,
article.message div#select-bg div#message-pointBuy .keep-selectButton button,
article.message div#select-bg div#message-videoChat .delete-selectButton button,
article.message div#select-bg div#message-videoChat .keep-selectButton button,
article.mypage div#select-bg div#message-delete .delete-selectButton button,
article.mypage div#select-bg div#message-delete .keep-selectButton button,
article.mypage div#select-bg div#message-keep .delete-selectButton button,
article.mypage div#select-bg div#message-keep .keep-selectButton button,
article.mypage div#select-bg div#message-pointBuy .delete-selectButton button,
article.mypage div#select-bg div#message-pointBuy .keep-selectButton button,
article.mypage div#select-bg div#message-videoChat .delete-selectButton button,
article.mypage div#select-bg div#message-videoChat .keep-selectButton button,
article.timeline div#select-bg div#message-delete .delete-selectButton button,
article.timeline div#select-bg div#message-delete .keep-selectButton button,
article.timeline div#select-bg div#message-keep .delete-selectButton button,
article.timeline div#select-bg div#message-keep .keep-selectButton button,
article.timeline div#select-bg div#message-pointBuy .delete-selectButton button,
article.timeline div#select-bg div#message-pointBuy .keep-selectButton button,
article.timeline div#select-bg div#message-videoChat .delete-selectButton button,
article.timeline div#select-bg div#message-videoChat .keep-selectButton button,
article.user div#select-bg div#message-delete .delete-selectButton button,
article.user div#select-bg div#message-delete .keep-selectButton button,
article.user div#select-bg div#message-keep .delete-selectButton button,
article.user div#select-bg div#message-keep .keep-selectButton button,
article.user div#select-bg div#message-pointBuy .delete-selectButton button,
article.user div#select-bg div#message-pointBuy .keep-selectButton button,
article.user div#select-bg div#message-videoChat .delete-selectButton button,
article.user div#select-bg div#message-videoChat .keep-selectButton button {
  background-color: transparent;
  color: #ff8ab1;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  padding: 0 10px
}

article.home div#select-bg div#message-keep .keep-selectButton button,
article.message div#select-bg div#message-keep .keep-selectButton button,
article.mypage div#select-bg div#message-keep .keep-selectButton button,
article.timeline div#select-bg div#message-keep .keep-selectButton button,
article.user div#select-bg div#message-keep .keep-selectButton button {
  color: #3db5e6
}

article.home div#select-bg div#message-pointBuy,
article.home div#select-bg div#message-videoChat,
article.message div#select-bg div#message-pointBuy,
article.message div#select-bg div#message-videoChat,
article.mypage div#select-bg div#message-pointBuy,
article.mypage div#select-bg div#message-videoChat,
article.timeline div#select-bg div#message-pointBuy,
article.timeline div#select-bg div#message-videoChat,
article.user div#select-bg div#message-pointBuy,
article.user div#select-bg div#message-videoChat {
  height: 160px;
  padding: 31px 0 0
}

article.home div#select-bg div#message-pointBuy p:last-of-type,
article.home div#select-bg div#message-videoChat p:last-of-type,
article.message div#select-bg div#message-pointBuy p:last-of-type,
article.message div#select-bg div#message-videoChat p:last-of-type,
article.mypage div#select-bg div#message-pointBuy p:last-of-type,
article.mypage div#select-bg div#message-videoChat p:last-of-type,
article.timeline div#select-bg div#message-pointBuy p:last-of-type,
article.timeline div#select-bg div#message-videoChat p:last-of-type,
article.user div#select-bg div#message-pointBuy p:last-of-type,
article.user div#select-bg div#message-videoChat p:last-of-type {
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 26px 0;
  line-height: 1
}

article.home div#select-bg div#message-pointBuy .start-selectButton,
article.home div#select-bg div#message-videoChat .start-selectButton,
article.message div#select-bg div#message-pointBuy .start-selectButton,
article.message div#select-bg div#message-videoChat .start-selectButton,
article.mypage div#select-bg div#message-pointBuy .start-selectButton,
article.mypage div#select-bg div#message-videoChat .start-selectButton,
article.timeline div#select-bg div#message-pointBuy .start-selectButton,
article.timeline div#select-bg div#message-videoChat .start-selectButton,
article.user div#select-bg div#message-pointBuy .start-selectButton,
article.user div#select-bg div#message-videoChat .start-selectButton {
  display: flex;
  justify-content: center
}

article.home div#select-bg div#message-pointBuy .start-selectButton button,
article.home div#select-bg div#message-videoChat .start-selectButton button,
article.message div#select-bg div#message-pointBuy .start-selectButton button,
article.message div#select-bg div#message-videoChat .start-selectButton button,
article.mypage div#select-bg div#message-pointBuy .start-selectButton button,
article.mypage div#select-bg div#message-videoChat .start-selectButton button,
article.timeline div#select-bg div#message-pointBuy .start-selectButton button,
article.timeline div#select-bg div#message-videoChat .start-selectButton button,
article.user div#select-bg div#message-pointBuy .start-selectButton button,
article.user div#select-bg div#message-videoChat .start-selectButton button {
  background-color: transparent;
  color: #3db5e6;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  padding: 0 10px
}

article.home div#select-bg div#message-pointBuy,
article.message div#select-bg div#message-pointBuy,
article.mypage div#select-bg div#message-pointBuy,
article.timeline div#select-bg div#message-pointBuy,
article.user div#select-bg div#message-pointBuy {
  height: 184px
}

article.home div#select-bg div#message-pointBuy p:first-of-type,
article.message div#select-bg div#message-pointBuy p:first-of-type,
article.mypage div#select-bg div#message-pointBuy p:first-of-type,
article.timeline div#select-bg div#message-pointBuy p:first-of-type,
article.user div#select-bg div#message-pointBuy p:first-of-type {
  line-height: 1.4;
  margin: 0 0 10px 0
}

article.home div#select-bg div#message-pointBuy .purchase-selectButton,
article.message div#select-bg div#message-pointBuy .purchase-selectButton,
article.mypage div#select-bg div#message-pointBuy .purchase-selectButton,
article.timeline div#select-bg div#message-pointBuy .purchase-selectButton,
article.user div#select-bg div#message-pointBuy .purchase-selectButton {
  display: flex;
  justify-content: center
}

article.home div#select-bg div#message-pointBuy .purchase-selectButton button,
article.message div#select-bg div#message-pointBuy .purchase-selectButton button,
article.mypage div#select-bg div#message-pointBuy .purchase-selectButton button,
article.timeline div#select-bg div#message-pointBuy .purchase-selectButton button,
article.user div#select-bg div#message-pointBuy .purchase-selectButton button {
  background-color: transparent;
  color: #3db5e6;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  padding: 0 10px
}

article.home div#select-bg section#message-recruit,
article.message div#select-bg section#message-recruit,
article.mypage div#select-bg section#message-recruit,
article.timeline div#select-bg section#message-recruit,
article.user div#select-bg section#message-recruit {
  width: 315px;
  height: 600px;
  padding: 45px 20px 20px;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

article.home div#select-bg section#message-recruit::before,
article.message div#select-bg section#message-recruit::before,
article.mypage div#select-bg section#message-recruit::before,
article.timeline div#select-bg section#message-recruit::before,
article.user div#select-bg section#message-recruit::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.home div#select-bg section#message-recruit h1,
article.message div#select-bg section#message-recruit h1,
article.mypage div#select-bg section#message-recruit h1,
article.timeline div#select-bg section#message-recruit h1,
article.user div#select-bg section#message-recruit h1 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  text-align: center
}

article.home div#select-bg section#message-recruit h1:first-letter,
article.message div#select-bg section#message-recruit h1:first-letter,
article.mypage div#select-bg section#message-recruit h1:first-letter,
article.timeline div#select-bg section#message-recruit h1:first-letter,
article.user div#select-bg section#message-recruit h1:first-letter {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif
}

article.home div#select-bg section#message-recruit p,
article.message div#select-bg section#message-recruit p,
article.mypage div#select-bg section#message-recruit p,
article.timeline div#select-bg section#message-recruit p,
article.user div#select-bg section#message-recruit p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.7
}

article.home div#select-bg section#message-recruit #event-detail,
article.message div#select-bg section#message-recruit #event-detail,
article.mypage div#select-bg section#message-recruit #event-detail,
article.timeline div#select-bg section#message-recruit #event-detail,
article.user div#select-bg section#message-recruit #event-detail {
  padding: 0;
  margin: 0
}

article.home div#select-bg section#message-recruit #event-detail h1,
article.message div#select-bg section#message-recruit #event-detail h1,
article.mypage div#select-bg section#message-recruit #event-detail h1,
article.timeline div#select-bg section#message-recruit #event-detail h1,
article.user div#select-bg section#message-recruit #event-detail h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 7px 0 20px 45px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.home div#select-bg section#message-recruit #event-detail h1:first-letter,
article.message div#select-bg section#message-recruit #event-detail h1:first-letter,
article.mypage div#select-bg section#message-recruit #event-detail h1:first-letter,
article.timeline div#select-bg section#message-recruit #event-detail h1:first-letter,
article.user div#select-bg section#message-recruit #event-detail h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home div#select-bg section#message-recruit #event-detail .event_info,
article.message div#select-bg section#message-recruit #event-detail .event_info,
article.mypage div#select-bg section#message-recruit #event-detail .event_info,
article.timeline div#select-bg section#message-recruit #event-detail .event_info,
article.user div#select-bg section#message-recruit #event-detail .event_info {
  width: 100%;
  border-spacing: 0;
  margin: 0
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 11px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr:first-of-type {
  padding: 0 0 12px
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type {
  border: none;
  padding: 20px 0
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr:last-of-type td {
  text-align: center;
  width: 100%
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr th,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr th,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr th,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr th,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr th {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: left;
  width: 90px;
  display: flex;
  align-items: center
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: left;
  border-spacing: 2px
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td p,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td p,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td p,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td p,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td p {
  display: inline-block;
  margin: 0 5px 0 0
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td span,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td span,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td span,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td span,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td span {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 132px;
  text-align: center;
  line-height: 30px;
  border: 1px solid gray;
  padding: 8px
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list {
  display: flex;
  padding: 0;
  margin: 0
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li {
  list-style: none;
  display: block;
  margin: 0 10px 0 0;
  height: 54px
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.cast-list li img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list {
  padding: 10px 20px;
  margin: 0;
  background-color: #ecf8fc;
  border-radius: 4px
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type {
  border-top: 1px dotted #e6e6e6
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p {
  margin: 0;
  padding: 14px 0 0 0
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price {
  font-size: 1rem;
  font-weight: 500
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point {
  font-size: 1.5rem;
  font-weight: 500
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p {
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.price {
  color: #333
}

article.home div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point,
article.message div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point,
article.mypage div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point,
article.timeline div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point,
article.user div#select-bg section#message-recruit #event-detail .event_info tbody tr td ul.price-list li p.point {
  color: #3db5e6
}

article.home div#call-bg,
article.message div#call-bg,
article.mypage div#call-bg,
article.timeline div#call-bg,
article.user div#call-bg {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-image: url(../images/common/test-you-img.jpg);
  background-size: cover;
  vertical-align: middle;
  padding: 0 20px;
  background-repeat: no-repeat
}

article.home div#call-bg div.time,
article.message div#call-bg div.time,
article.mypage div#call-bg div.time,
article.timeline div#call-bg div.time,
article.user div#call-bg div.time {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  margin: 10px 0;
  border-radius: 15px
}

article.home div#call-bg div.time::before,
article.message div#call-bg div.time::before,
article.mypage div#call-bg div.time::before,
article.timeline div#call-bg div.time::before,
article.user div#call-bg div.time::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/time-blue.svg);
  background-size: contain;
  vertical-align: middle
}

article.home div#call-bg div.time p,
article.message div#call-bg div.time p,
article.mypage div#call-bg div.time p,
article.timeline div#call-bg div.time p,
article.user div#call-bg div.time p {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0
}

article.home div#call-bg div.time p:first-of-type,
article.message div#call-bg div.time p:first-of-type,
article.mypage div#call-bg div.time p:first-of-type,
article.timeline div#call-bg div.time p:first-of-type,
article.user div#call-bg div.time p:first-of-type {
  margin: 0 20px 0 5px
}

article.home div#call-bg div.myImg,
article.message div#call-bg div.myImg,
article.mypage div#call-bg div.myImg,
article.timeline div#call-bg div.myImg,
article.user div#call-bg div.myImg {
  width: 110px;
  height: 165px
}

article.home div#call-bg div.myImg img,
article.message div#call-bg div.myImg img,
article.mypage div#call-bg div.myImg img,
article.timeline div#call-bg div.myImg img,
article.user div#call-bg div.myImg img {
  border-radius: 4px
}

article.home div#call-bg div.backButton,
article.message div#call-bg div.backButton,
article.mypage div#call-bg div.backButton,
article.timeline div#call-bg div.backButton,
article.user div#call-bg div.backButton {
  width: 64px;
  height: 64px;
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
  margin: 0 auto
}

article.home div#message-chat,
article.message div#message-chat,
article.mypage div#message-chat,
article.timeline div#message-chat,
article.user div#message-chat {
  height: calc(100vh - 136px);
  background-color: #ecf8fc
}

article.home div#message-chat div#tag_wrapper,
article.message div#message-chat div#tag_wrapper,
article.mypage div#message-chat div#tag_wrapper,
article.timeline div#message-chat div#tag_wrapper,
article.user div#message-chat div#tag_wrapper {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #e6e6e6;
  background-color: #fff;
  margin: 0 0 25px
}

article.home div#message-chat div#tag_wrapper ul,
article.message div#message-chat div#tag_wrapper ul,
article.mypage div#message-chat div#tag_wrapper ul,
article.timeline div#message-chat div#tag_wrapper ul,
article.user div#message-chat div#tag_wrapper ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0 20px;
  overflow: hidden
}

article.home div#message-chat div#tag_wrapper ul li,
article.message div#message-chat div#tag_wrapper ul li,
article.mypage div#message-chat div#tag_wrapper ul li,
article.timeline div#message-chat div#tag_wrapper ul li,
article.user div#message-chat div#tag_wrapper ul li {
  font-size: .875rem;
  color: #333;
  min-width: 50%;
  text-align: center;
  align-items: center
}

article.home div#message-chat div#tag_wrapper ul li:last-child,
article.message div#message-chat div#tag_wrapper ul li:last-child,
article.mypage div#message-chat div#tag_wrapper ul li:last-child,
article.timeline div#message-chat div#tag_wrapper ul li:last-child,
article.user div#message-chat div#tag_wrapper ul li:last-child {
  display: block
}

article.home div#message-chat div#tag_wrapper ul li.current,
article.message div#message-chat div#tag_wrapper ul li.current,
article.mypage div#message-chat div#tag_wrapper ul li.current,
article.timeline div#message-chat div#tag_wrapper ul li.current,
article.user div#message-chat div#tag_wrapper ul li.current {
  color: #3db5e6;
  border-bottom: solid 2px #3db5e6;
  height: 39px
}

article.home div#message-chat div#icon-select,
article.message div#message-chat div#icon-select,
article.mypage div#message-chat div#icon-select,
article.timeline div#message-chat div#icon-select,
article.user div#message-chat div#icon-select {
  width: 100%;
  height: 150px;
  position: fixed;
  bottom: 314px;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, .95)
}

article.home div#message-chat div#icon-select::before,
article.message div#message-chat div#icon-select::before,
article.mypage div#message-chat div#icon-select::before,
article.timeline div#message-chat div#icon-select::before,
article.user div#message-chat div#icon-select::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.home div#message-chat div#icon-select a,
article.message div#message-chat div#icon-select a,
article.mypage div#message-chat div#icon-select a,
article.timeline div#message-chat div#icon-select a,
article.user div#message-chat div#icon-select a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90px;
  height: 112.88px;
  margin: 20px auto 0
}

article.home div#message-chat div#icon-select a::before,
article.message div#message-chat div#icon-select a::before,
article.mypage div#message-chat div#icon-select a::before,
article.timeline div#message-chat div#icon-select a::before,
article.user div#message-chat div#icon-select a::before {
  display: block;
  margin: 0 0 7px;
  width: 90px;
  height: 90px;
  content: url(../images/common/icon_gift_select.svg)
}

article.home div#message-chat div#icon-select a .txt,
article.message div#message-chat div#icon-select a .txt,
article.mypage div#message-chat div#icon-select a .txt,
article.timeline div#message-chat div#icon-select a .txt,
article.user div#message-chat div#icon-select a .txt {
  font-size: .75rem;
  font-weight: 400;
  color: #333;
  display: block;
  height: 12px
}

article.home div#message-chat div#chat_controller,
article.message div#message-chat div#chat_controller,
article.mypage div#message-chat div#chat_controller,
article.timeline div#message-chat div#chat_controller,
article.user div#message-chat div#chat_controller {
  width: 100%;
  height: 314px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #f6f6f6;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .1)
}

article.home div#message-chat div#chat_controller #chat_controller_main,
article.message div#message-chat div#chat_controller #chat_controller_main,
article.mypage div#message-chat div#chat_controller #chat_controller_main,
article.timeline div#message-chat div#chat_controller #chat_controller_main,
article.user div#message-chat div#chat_controller #chat_controller_main {
  display: flex;
  justify-content: center;
  padding: 0 40px
}

article.home div#message-chat div#chat_controller #chat_controller_main #btnLbl,
article.message div#message-chat div#chat_controller #chat_controller_main #btnLbl,
article.mypage div#message-chat div#chat_controller #chat_controller_main #btnLbl,
article.timeline div#message-chat div#chat_controller #chat_controller_main #btnLbl,
article.user div#message-chat div#chat_controller #chat_controller_main #btnLbl {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  top: 20px;
  margin: 0 20px
}

article.home div#message-chat div#chat_controller #chat_controller_main #btnLbl .fa-paper-plane::before,
article.message div#message-chat div#chat_controller #chat_controller_main #btnLbl .fa-paper-plane::before,
article.mypage div#message-chat div#chat_controller #chat_controller_main #btnLbl .fa-paper-plane::before,
article.timeline div#message-chat div#chat_controller #chat_controller_main #btnLbl .fa-paper-plane::before,
article.user div#message-chat div#chat_controller #chat_controller_main #btnLbl .fa-paper-plane::before {
  content: url(../images/common/paper-plane.svg)
}

article.home div#message-chat div#chat_controller #chat_controller_main #btnImg,
article.message div#message-chat div#chat_controller #chat_controller_main #btnImg,
article.mypage div#message-chat div#chat_controller #chat_controller_main #btnImg,
article.timeline div#message-chat div#chat_controller #chat_controller_main #btnImg,
article.user div#message-chat div#chat_controller #chat_controller_main #btnImg {
  position: absolute;
  right: 0;
  left: 0;
  width: 20px;
  height: 20px;
  top: 20px;
  margin: 0 20px
}

article.home div#message-chat div#chat_controller #chat_controller_main #btnImg .fa-images::before,
article.message div#message-chat div#chat_controller #chat_controller_main #btnImg .fa-images::before,
article.mypage div#message-chat div#chat_controller #chat_controller_main #btnImg .fa-images::before,
article.timeline div#message-chat div#chat_controller #chat_controller_main #btnImg .fa-images::before,
article.user div#message-chat div#chat_controller #chat_controller_main #btnImg .fa-images::before {
  content: url(../images/common/images.svg)
}

article.home div#message-chat div#chat_controller #chat_controller_main #message_input,
article.message div#message-chat div#chat_controller #chat_controller_main #message_input,
article.mypage div#message-chat div#chat_controller #chat_controller_main #message_input,
article.timeline div#message-chat div#chat_controller #chat_controller_main #message_input,
article.user div#message-chat div#chat_controller #chat_controller_main #message_input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  outline: 0;
  resize: none;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 400;
  padding: 12px 20px;
  overflow: hidden
}

article.home div#message-chat div#chat_controller #chat_gift,
article.message div#message-chat div#chat_controller #chat_gift,
article.mypage div#message-chat div#chat_controller #chat_gift,
article.timeline div#message-chat div#chat_controller #chat_gift,
article.user div#message-chat div#chat_controller #chat_gift {
  margin: 10px 0 0 0;
  display: flex;
  flex-wrap: wrap
}

article.home div#message-chat div#chat_controller #chat_gift a,
article.message div#message-chat div#chat_controller #chat_gift a,
article.mypage div#message-chat div#chat_controller #chat_gift a,
article.timeline div#message-chat div#chat_controller #chat_gift a,
article.user div#message-chat div#chat_controller #chat_gift a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 66px;
  height: 83px;
  margin: 0 calc((100% - 264px)/ 3) 10px 0
}

article.home div#message-chat div#chat_controller #chat_gift a:nth-child(4n),
article.message div#message-chat div#chat_controller #chat_gift a:nth-child(4n),
article.mypage div#message-chat div#chat_controller #chat_gift a:nth-child(4n),
article.timeline div#message-chat div#chat_controller #chat_gift a:nth-child(4n),
article.user div#message-chat div#chat_controller #chat_gift a:nth-child(4n) {
  margin: 0 0 10px 0
}

article.home div#message-chat div#chat_controller #chat_gift a::before,
article.message div#message-chat div#chat_controller #chat_gift a::before,
article.mypage div#message-chat div#chat_controller #chat_gift a::before,
article.timeline div#message-chat div#chat_controller #chat_gift a::before,
article.user div#message-chat div#chat_controller #chat_gift a::before {
  display: block;
  width: 66px;
  height: 66px;
  content: url(../images/common/icon_gift.svg)
}

article.home div#message-chat div#chat_controller #chat_gift a .txt,
article.message div#message-chat div#chat_controller #chat_gift a .txt,
article.mypage div#message-chat div#chat_controller #chat_gift a .txt,
article.timeline div#message-chat div#chat_controller #chat_gift a .txt,
article.user div#message-chat div#chat_controller #chat_gift a .txt {
  font-size: .75rem;
  font-weight: 400;
  color: #333;
  display: block;
  height: 12px
}

article.home div#message-chat section#call_btn,
article.message div#message-chat section#call_btn,
article.mypage div#message-chat section#call_btn,
article.timeline div#message-chat section#call_btn,
article.user div#message-chat section#call_btn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100001;
  padding: 4px 0 6px 0;
  width: 70px;
  height: 40px;
  margin: 0;
  border-radius: 4px
}

article.home div#message-chat section#call_btn a,
article.message div#message-chat section#call_btn a,
article.mypage div#message-chat section#call_btn a,
article.timeline div#message-chat section#call_btn a,
article.user div#message-chat section#call_btn a {
  background-color: #fff;
  color: #ff8ab1;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  font-size: .625rem;
  font-weight: 400;
  padding: 0;
  margin-bottom: 0;
  border-radius: 4px;
  box-sizing: border-box;
  height: 30px
}

article.home div#message-chat section#call_btn a::before,
article.message div#message-chat section#call_btn a::before,
article.mypage div#message-chat section#call_btn a::before,
article.timeline div#message-chat section#call_btn a::before,
article.user div#message-chat section#call_btn a::before {
  content: url(../images/common/event-detail.svg);
  margin: 0 auto;
  width: 20px;
  height: 16px
}

article.home div#message-chat section.event-chat,
article.message div#message-chat section.event-chat,
article.mypage div#message-chat section.event-chat,
article.timeline div#message-chat section.event-chat,
article.user div#message-chat section.event-chat {
  padding: 0 20px;
  margin: 0 0 25px;
  display: flex;
  align-items: center;
  background-color: transparent
}

article.home div#message-chat section.event-chat .closeBtn,
article.message div#message-chat section.event-chat .closeBtn,
article.mypage div#message-chat section.event-chat .closeBtn,
article.timeline div#message-chat section.event-chat .closeBtn,
article.user div#message-chat section.event-chat .closeBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none
}

article.home div#message-chat section.event-chat .closeBtn img,
article.message div#message-chat section.event-chat .closeBtn img,
article.mypage div#message-chat section.event-chat .closeBtn img,
article.timeline div#message-chat section.event-chat .closeBtn img,
article.user div#message-chat section.event-chat .closeBtn img {
  display: block;
  width: 5px;
  height: 10px
}

article.home div#message-chat section.event-chat h1,
article.message div#message-chat section.event-chat h1,
article.mypage div#message-chat section.event-chat h1,
article.timeline div#message-chat section.event-chat h1,
article.user div#message-chat section.event-chat h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 0 10px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  display: inline-block
}

article.home div#message-chat section.event-chat h1:first-letter,
article.message div#message-chat section.event-chat h1:first-letter,
article.mypage div#message-chat section.event-chat h1:first-letter,
article.timeline div#message-chat section.event-chat h1:first-letter,
article.user div#message-chat section.event-chat h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.home div.store-list,
article.message div.store-list,
article.mypage div.store-list,
article.timeline div.store-list,
article.user div.store-list {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  background-color: #fff;
  z-index: 10
}

article.home div.store-list ul.store,
article.message div.store-list ul.store,
article.mypage div.store-list ul.store,
article.timeline div.store-list ul.store,
article.user div.store-list ul.store {
  list-style: none;
  margin: 0;
  padding: 0
}

article.home div.store-list ul.store li,
article.message div.store-list ul.store li,
article.mypage div.store-list ul.store li,
article.timeline div.store-list ul.store li,
article.user div.store-list ul.store li {
  margin: 0 0 25px 0
}

article.home div.store-list ul.store li p,
article.message div.store-list ul.store li p,
article.mypage div.store-list ul.store li p,
article.timeline div.store-list ul.store li p,
article.user div.store-list ul.store li p {
  margin: 0 0 8px 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.home div.store-list ul.store li span,
article.message div.store-list ul.store li span,
article.mypage div.store-list ul.store li span,
article.timeline div.store-list ul.store li span,
article.user div.store-list ul.store li span {
  font-size: .75rem;
  font-weight: 400;
  color: #b3b3b3
}

article.home.has_banner {
  padding: 100px 0 75px 0
}

article.call {
  padding: 60px 0 75px
}

article.call section#price-list,
article.call section#price-list-free {
  padding: 0 20px;
  margin: 0;
  margin-top: 30px
}

article.call section#price-list h1,
article.call section#price-list-free h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.call section#price-list h1:first-letter,
article.call section#price-list-free h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.call section#price-list table,
article.call section#price-list-free table {
  width: 100%;
  border: 1px solid #e6e6e6;
  border-spacing: 0;
  margin: 0 0 32px
}

article.call section#price-list table tbody tr,
article.call section#price-list-free table tbody tr {
  height: 40px
}

article.call section#price-list table tbody tr td:first-child,
article.call section#price-list-free table tbody tr td:first-child {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  background-color: #e6e6e6;
  width: 36.1%;
  padding: 0 0 0 20px;
  border-top: .5px solid #fff
}

article.call section#price-list table tbody tr td:first-child span,
article.call section#price-list-free table tbody tr td:first-child span {
  font-size: .75rem;
  font-weight: 400;
  color: #333
}

article.call section#price-list table tbody tr td:last-child,
article.call section#price-list-free table tbody tr td:last-child {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  padding: 0 0 0 12px;
  border-top: .5px solid #e6e6e6
}

article.call section#price-list table tbody tr:first-child td:first-child,
article.call section#price-list-free table tbody tr:first-child td:first-child {
  font-size: 1rem;
  font-weight: 500;
  width: 36.1%;
  padding: 0 0 0 20px;
  border-bottom: .5px solid #fff;
  border-top: .5px solid #e6e6e6;
  color: #3db5e6;
  background-color: #ecf8fc
}

article.call section#price-list table tbody tr:first-child td:last-child,
article.call section#price-list-free table tbody tr:first-child td:last-child {
  font-size: 1rem;
  font-weight: 500;
  padding: 0 0 0 12px;
  border-bottom: .5px solid #e6e6e6;
  color: #3db5e6
}

article.call section#price-list p,
article.call section#price-list-free p {
  margin: 0
}

article.call section#price-list p.ex,
article.call section#price-list-free p.ex {
  font-size: .75rem;
  font-weight: 500;
  margin: 0 0 11px;
  padding: 0 0 0 25px;
  position: relative;
  color: #ff8ab1
}

article.call section#price-list p.ex::before,
article.call section#price-list-free p.ex::before {
  content: url(../images/common/exclamation-pink.svg);
  position: absolute;
  top: -5px;
  left: 0;
  content: url(../images/common/exclamation-pink.svg)
}

article.call section#price-list p.cancel,
article.call section#price-list-free p.cancel {
  font-size: .75rem;
  font-weight: 400;
  color: #333;
  background-color: #f6f6f6;
  padding: 10px;
  border-radius: 4px;
  line-height: 1.7;
  letter-spacing: .04em
}

article.call section#free-event,
article.call section#holding-method {
  padding: 0;
  margin: 0
}

article.call section#free-event h1,
article.call section#holding-method h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.call section#free-event h1:first-letter,
article.call section#holding-method h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.call section#free-event section#lower_part,
article.call section#free-event section#top_part,
article.call section#holding-method section#lower_part,
article.call section#holding-method section#top_part {
  margin: 0 20px 30px;
  border-bottom: 1px dotted #e6e6e6;
  padding: 0 0 30px
}

article.call section#free-event section#lower_part h3,
article.call section#free-event section#top_part h3,
article.call section#holding-method section#lower_part h3,
article.call section#holding-method section#top_part h3 {
  font-size: .75rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px
}

article.call section#free-event section#lower_part .action_buttons,
article.call section#free-event section#top_part .action_buttons,
article.call section#holding-method section#lower_part .action_buttons,
article.call section#holding-method section#top_part .action_buttons {
  display: flex;
  border: 1px solid #e4e4e4;
  padding: 12.5px 9px;
  margin: 0 0 10px;
  height: 70px
}

article.call section#free-event section#lower_part .action_buttons div,
article.call section#free-event section#top_part .action_buttons div,
article.call section#holding-method section#lower_part .action_buttons div,
article.call section#holding-method section#top_part .action_buttons div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 100%;
  padding: 19px 0
}

article.call section#free-event section#lower_part .action_buttons div.btn_message,
article.call section#free-event section#top_part .action_buttons div.btn_message,
article.call section#holding-method section#lower_part .action_buttons div.btn_message,
article.call section#holding-method section#top_part .action_buttons div.btn_message {
  background-color: #ecf8fc;
  width: 100%;
  border-radius: 4px 0 0 4px
}

article.call section#free-event section#lower_part .action_buttons div.btn_message img,
article.call section#free-event section#top_part .action_buttons div.btn_message img,
article.call section#holding-method section#lower_part .action_buttons div.btn_message img,
article.call section#holding-method section#top_part .action_buttons div.btn_message img {
  width: 20px;
  height: 20px;
  margin: 0
}

article.call section#free-event section#lower_part .action_buttons div.btn_message p,
article.call section#free-event section#top_part .action_buttons div.btn_message p,
article.call section#holding-method section#lower_part .action_buttons div.btn_message p,
article.call section#holding-method section#top_part .action_buttons div.btn_message p {
  font-size: .6875rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 20px 0 5px;
  height: 20px;
  line-height: 20px
}

article.call section#free-event section#lower_part .action_buttons div.callBtn,
article.call section#free-event section#top_part .action_buttons div.callBtn,
article.call section#holding-method section#lower_part .action_buttons div.callBtn,
article.call section#holding-method section#top_part .action_buttons div.callBtn {
  background-color: #ffeef3;
  width: 100%;
  border-radius: 0 4px 4px 0;
  position: relative
}

article.call section#free-event section#lower_part .action_buttons div.callBtn::before,
article.call section#free-event section#top_part .action_buttons div.callBtn::before,
article.call section#holding-method section#lower_part .action_buttons div.callBtn::before,
article.call section#holding-method section#top_part .action_buttons div.callBtn::before {
  content: "";
  width: calc(100% + 10px);
  height: 61px;
  position: absolute;
  background-image: linear-gradient(to right, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to bottom, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to left, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to top, red, red 4px, transparent 4px, transparent 8px);
  background-size: 7px 3px, 3px 7px, 7px 3px, 3px 7px;
  background-position: left top, right top, right bottom, left bottom;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y
}

article.call section#free-event section#lower_part .action_buttons div.callBtn::after,
article.call section#free-event section#top_part .action_buttons div.callBtn::after,
article.call section#holding-method section#lower_part .action_buttons div.callBtn::after,
article.call section#holding-method section#top_part .action_buttons div.callBtn::after {
  position: absolute;
  content: url(../images/common/push-mark.svg);
  top: 10px;
  right: 10px
}

article.call section#free-event section#lower_part .action_buttons div.callBtn img,
article.call section#free-event section#top_part .action_buttons div.callBtn img,
article.call section#holding-method section#lower_part .action_buttons div.callBtn img,
article.call section#holding-method section#top_part .action_buttons div.callBtn img {
  width: 15px;
  height: 20px;
  margin: 0
}

article.call section#free-event section#lower_part .action_buttons div.callBtn p,
article.call section#free-event section#top_part .action_buttons div.callBtn p,
article.call section#holding-method section#lower_part .action_buttons div.callBtn p,
article.call section#holding-method section#top_part .action_buttons div.callBtn p {
  font-size: .6875rem;
  font-weight: 400;
  color: #ff8ab1;
  margin: 0 30px 0 6px;
  height: 20px;
  line-height: 20px
}

article.call section#free-event section#lower_part p,
article.call section#free-event section#top_part p,
article.call section#holding-method section#lower_part p,
article.call section#holding-method section#top_part p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.5;
  margin: 10px 0 35px
}

article.call section#free-event section#lower_part .fee,
article.call section#free-event section#top_part .fee,
article.call section#holding-method section#lower_part .fee,
article.call section#holding-method section#top_part .fee {
  border: 1px solid #e4e4e4;
  padding: 10px
}

article.call section#free-event section#lower_part .fee #call_fee,
article.call section#free-event section#top_part .fee #call_fee,
article.call section#holding-method section#lower_part .fee #call_fee,
article.call section#holding-method section#top_part .fee #call_fee {
  padding: 0 20px;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  background-color: #ecf8fc;
  border-radius: 4px
}

article.call section#free-event section#lower_part .fee #call_fee span,
article.call section#free-event section#top_part .fee #call_fee span,
article.call section#holding-method section#lower_part .fee #call_fee span,
article.call section#holding-method section#top_part .fee #call_fee span {
  font-size: .9375rem;
  font-weight: 500
}

article.call section#free-event section#lower_part .fee #call_fee #p_call_fee,
article.call section#free-event section#top_part .fee #call_fee #p_call_fee,
article.call section#holding-method section#lower_part .fee #call_fee #p_call_fee,
article.call section#holding-method section#top_part .fee #call_fee #p_call_fee {
  margin: 0;
  font-size: 1.5rem;
  color: #3db5e6
}

article.call section#free-event section#lower_part .fee #call_fee #p_call_fee::after,
article.call section#free-event section#top_part .fee #call_fee #p_call_fee::after,
article.call section#holding-method section#lower_part .fee #call_fee #p_call_fee::after,
article.call section#holding-method section#top_part .fee #call_fee #p_call_fee::after {
  content: "Pt";
  margin-left: 5px
}

article.call section#free-event section#lower_part .fee #call_terms,
article.call section#free-event section#top_part .fee #call_terms,
article.call section#holding-method section#lower_part .fee #call_terms,
article.call section#holding-method section#top_part .fee #call_terms {
  margin: 15px 0 0;
  display: flex;
  flex-direction: column
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox],
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox],
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox],
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox] {
  display: none
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox]+label,
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox]+label,
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox]+label,
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox]+label::before,
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox]+label::before,
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox]+label::before,
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox]+label::after,
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox]+label::after,
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox]+label::after,
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox]+label::after {
  content: url(../images/common/check.svg);
  position: absolute;
  top: -1px;
  left: 5px
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox]+label span,
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox]+label span,
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox]+label span,
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox]+label span {
  font-size: .75rem;
  color: gray
}

article.call section#free-event section#lower_part .fee #call_terms input[type=checkbox]+label span a,
article.call section#free-event section#top_part .fee #call_terms input[type=checkbox]+label span a,
article.call section#holding-method section#lower_part .fee #call_terms input[type=checkbox]+label span a,
article.call section#holding-method section#top_part .fee #call_terms input[type=checkbox]+label span a {
  font-size: .75rem;
  color: #3db5e6;
  pointer-events: none
}

article.call section#free-event section#lower_part .fee #event_create,
article.call section#free-event section#top_part .fee #event_create,
article.call section#holding-method section#lower_part .fee #event_create,
article.call section#holding-method section#top_part .fee #event_create {
  margin: 20px 0 0 0
}

article.call section#free-event section#lower_part .fee #event_create::after,
article.call section#free-event section#top_part .fee #event_create::after,
article.call section#holding-method section#lower_part .fee #event_create::after,
article.call section#holding-method section#top_part .fee #event_create::after {
  display: none
}

article.call section#free-event section#lower_part .fee #event_create #btn_call_confirm,
article.call section#free-event section#top_part .fee #event_create #btn_call_confirm,
article.call section#holding-method section#lower_part .fee #event_create #btn_call_confirm,
article.call section#holding-method section#top_part .fee #event_create #btn_call_confirm {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  background-color: #ff8ab1;
  border: 0;
  border-radius: 4px;
  position: relative
}

article.call section#free-event section#lower_part .fee #event_create #btn_call_confirm::before,
article.call section#free-event section#top_part .fee #event_create #btn_call_confirm::before,
article.call section#holding-method section#lower_part .fee #event_create #btn_call_confirm::before,
article.call section#holding-method section#top_part .fee #event_create #btn_call_confirm::before {
  content: "";
  width: calc(100% + 10px);
  height: 70px;
  position: absolute;
  background-image: linear-gradient(to right, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to bottom, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to left, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to top, red, red 4px, transparent 4px, transparent 8px);
  background-size: 7px 3px, 3px 7px, 7px 3px, 3px 7px;
  background-position: left top, right top, right bottom, left bottom;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y
}

article.call section#free-event section#lower_part .fee #event_create #btn_call_confirm::after,
article.call section#free-event section#top_part .fee #event_create #btn_call_confirm::after,
article.call section#holding-method section#lower_part .fee #event_create #btn_call_confirm::after,
article.call section#holding-method section#top_part .fee #event_create #btn_call_confirm::after {
  position: absolute;
  content: url(../images/common/push-mark.svg);
  top: 40px;
  right: 0
}

article.call section#free-event section#lower_part .fee #event_create #btn_call_confirm p,
article.call section#free-event section#top_part .fee #event_create #btn_call_confirm p,
article.call section#holding-method section#lower_part .fee #event_create #btn_call_confirm p,
article.call section#holding-method section#top_part .fee #event_create #btn_call_confirm p {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  margin: 0
}

article.call section#free-event section#lower_part .fee #event_create p,
article.call section#free-event section#top_part .fee #event_create p,
article.call section#holding-method section#lower_part .fee #event_create p,
article.call section#holding-method section#top_part .fee #event_create p {
  font-size: .75rem;
  color: gray;
  padding: 0;
  line-height: 1.5;
  margin: 0 0 10px
}

article.call section#free-event section#cast_confluence,
article.call section#free-event section#guest_confluence,
article.call section#holding-method section#cast_confluence,
article.call section#holding-method section#guest_confluence {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: solid 10px #ecf8fc
}

article.call section#free-event section#cast_confluence h2,
article.call section#free-event section#guest_confluence h2,
article.call section#holding-method section#cast_confluence h2,
article.call section#holding-method section#guest_confluence h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 13px;
  padding: 0 20px
}

article.call section#free-event section#cast_confluence p,
article.call section#free-event section#guest_confluence p,
article.call section#holding-method section#cast_confluence p,
article.call section#holding-method section#guest_confluence p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.5;
  margin: 0 0 26px;
  padding: 0 20px
}

article.call section#free-event section#cast_confluence p:nth-of-type(1),
article.call section#free-event section#guest_confluence p:nth-of-type(1),
article.call section#holding-method section#cast_confluence p:nth-of-type(1),
article.call section#holding-method section#guest_confluence p:nth-of-type(1) {
  color: #333;
  margin: 0 0 15px
}

article.call section#free-event section#cast_confluence p:nth-of-type(2),
article.call section#free-event section#guest_confluence p:nth-of-type(2),
article.call section#holding-method section#cast_confluence p:nth-of-type(2),
article.call section#holding-method section#guest_confluence p:nth-of-type(2) {
  font-size: .75rem;
  color: #b3b3b3;
  margin: 0 0 15px
}

article.call section#free-event section#cast_confluence p:nth-of-type(3),
article.call section#free-event section#guest_confluence p:nth-of-type(3),
article.call section#holding-method section#cast_confluence p:nth-of-type(3),
article.call section#holding-method section#guest_confluence p:nth-of-type(3) {
  color: #333;
  margin: 0 0 20px
}

article.call section#free-event section#cast_confluence h3,
article.call section#free-event section#guest_confluence h3,
article.call section#holding-method section#cast_confluence h3,
article.call section#holding-method section#guest_confluence h3 {
  font-size: .75rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  padding: 0 20px
}

article.call section#free-event section#cast_confluence #confluence,
article.call section#free-event section#cast_confluence #confluence-diss,
article.call section#free-event section#guest_confluence #confluence,
article.call section#free-event section#guest_confluence #confluence-diss,
article.call section#holding-method section#cast_confluence #confluence,
article.call section#holding-method section#cast_confluence #confluence-diss,
article.call section#holding-method section#guest_confluence #confluence,
article.call section#holding-method section#guest_confluence #confluence-diss {
  background-color: rgba(0, 0, 0, .5);
  padding: 20px 21.25px 20px 21.25px;
  margin: 0 20px 20px;
  height: 200px
}

article.call section#free-event section#cast_confluence #confluence .inner,
article.call section#free-event section#cast_confluence #confluence-diss .inner,
article.call section#free-event section#guest_confluence #confluence .inner,
article.call section#free-event section#guest_confluence #confluence-diss .inner,
article.call section#holding-method section#cast_confluence #confluence .inner,
article.call section#holding-method section#cast_confluence #confluence-diss .inner,
article.call section#holding-method section#guest_confluence #confluence .inner,
article.call section#holding-method section#guest_confluence #confluence-diss .inner {
  background-color: #fff;
  border-radius: 4px;
  height: 160px;
  padding: 20px;
  position: relative
}

article.call section#free-event section#cast_confluence #confluence .inner::before,
article.call section#free-event section#cast_confluence #confluence-diss .inner::before,
article.call section#free-event section#guest_confluence #confluence .inner::before,
article.call section#free-event section#guest_confluence #confluence-diss .inner::before,
article.call section#holding-method section#cast_confluence #confluence .inner::before,
article.call section#holding-method section#cast_confluence #confluence-diss .inner::before,
article.call section#holding-method section#guest_confluence #confluence .inner::before,
article.call section#holding-method section#guest_confluence #confluence-diss .inner::before {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

article.call section#free-event section#cast_confluence #confluence .inner p,
article.call section#free-event section#cast_confluence #confluence-diss .inner p,
article.call section#free-event section#guest_confluence #confluence .inner p,
article.call section#free-event section#guest_confluence #confluence-diss .inner p,
article.call section#holding-method section#cast_confluence #confluence .inner p,
article.call section#holding-method section#cast_confluence #confluence-diss .inner p,
article.call section#holding-method section#guest_confluence #confluence .inner p,
article.call section#holding-method section#guest_confluence #confluence-diss .inner p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: center;
  margin: 0 0 10px;
  display: flex;
  justify-content: center;
  align-items: center
}

article.call section#free-event section#cast_confluence #confluence .inner p img,
article.call section#free-event section#cast_confluence #confluence-diss .inner p img,
article.call section#free-event section#guest_confluence #confluence .inner p img,
article.call section#free-event section#guest_confluence #confluence-diss .inner p img,
article.call section#holding-method section#cast_confluence #confluence .inner p img,
article.call section#holding-method section#cast_confluence #confluence-diss .inner p img,
article.call section#holding-method section#guest_confluence #confluence .inner p img,
article.call section#holding-method section#guest_confluence #confluence-diss .inner p img {
  margin: 0 7px 0 0
}

article.call section#free-event section#cast_confluence #confluence .inner span,
article.call section#free-event section#cast_confluence #confluence-diss .inner span,
article.call section#free-event section#guest_confluence #confluence .inner span,
article.call section#free-event section#guest_confluence #confluence-diss .inner span,
article.call section#holding-method section#cast_confluence #confluence .inner span,
article.call section#holding-method section#cast_confluence #confluence-diss .inner span,
article.call section#holding-method section#guest_confluence #confluence .inner span,
article.call section#holding-method section#guest_confluence #confluence-diss .inner span {
  display: block;
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin: 0 0 20px
}

article.call section#free-event section#cast_confluence #confluence .inner #event_confluence,
article.call section#free-event section#cast_confluence #confluence-diss .inner #event_confluence,
article.call section#free-event section#guest_confluence #confluence .inner #event_confluence,
article.call section#free-event section#guest_confluence #confluence-diss .inner #event_confluence,
article.call section#holding-method section#cast_confluence #confluence .inner #event_confluence,
article.call section#holding-method section#cast_confluence #confluence-diss .inner #event_confluence,
article.call section#holding-method section#guest_confluence #confluence .inner #event_confluence,
article.call section#holding-method section#guest_confluence #confluence-diss .inner #event_confluence {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3db5e6;
  height: 40px;
  border-radius: 4px;
  position: relative
}

article.call section#free-event section#cast_confluence #confluence .inner #event_confluence::before,
article.call section#free-event section#cast_confluence #confluence-diss .inner #event_confluence::before,
article.call section#free-event section#guest_confluence #confluence .inner #event_confluence::before,
article.call section#free-event section#guest_confluence #confluence-diss .inner #event_confluence::before,
article.call section#holding-method section#cast_confluence #confluence .inner #event_confluence::before,
article.call section#holding-method section#cast_confluence #confluence-diss .inner #event_confluence::before,
article.call section#holding-method section#guest_confluence #confluence .inner #event_confluence::before,
article.call section#holding-method section#guest_confluence #confluence-diss .inner #event_confluence::before {
  content: "";
  width: calc(100% + 20px);
  height: 56px;
  position: absolute;
  background-image: linear-gradient(to right, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to bottom, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to left, red, red 4px, transparent 4px, transparent 8px), linear-gradient(to top, red, red 4px, transparent 4px, transparent 8px);
  background-size: 7px 3px, 3px 7px, 7px 3px, 3px 7px;
  background-position: left top, right top, right bottom, left bottom;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y
}

article.call section#free-event section#cast_confluence #confluence .inner #event_confluence::after,
article.call section#free-event section#cast_confluence #confluence-diss .inner #event_confluence::after,
article.call section#free-event section#guest_confluence #confluence .inner #event_confluence::after,
article.call section#free-event section#guest_confluence #confluence-diss .inner #event_confluence::after,
article.call section#holding-method section#cast_confluence #confluence .inner #event_confluence::after,
article.call section#holding-method section#cast_confluence #confluence-diss .inner #event_confluence::after,
article.call section#holding-method section#guest_confluence #confluence .inner #event_confluence::after,
article.call section#holding-method section#guest_confluence #confluence-diss .inner #event_confluence::after {
  position: absolute;
  content: url(../images/common/push-mark.svg);
  top: 20px;
  right: 20px
}

article.call section#free-event section#cast_confluence #confluence .inner #event_confluence img,
article.call section#free-event section#cast_confluence #confluence-diss .inner #event_confluence img,
article.call section#free-event section#guest_confluence #confluence .inner #event_confluence img,
article.call section#free-event section#guest_confluence #confluence-diss .inner #event_confluence img,
article.call section#holding-method section#cast_confluence #confluence .inner #event_confluence img,
article.call section#holding-method section#cast_confluence #confluence-diss .inner #event_confluence img,
article.call section#holding-method section#guest_confluence #confluence .inner #event_confluence img,
article.call section#holding-method section#guest_confluence #confluence-diss .inner #event_confluence img {
  width: 19.5px;
  height: 26px
}

article.call section#free-event section#cast_confluence #confluence .inner #event_confluence p,
article.call section#free-event section#cast_confluence #confluence-diss .inner #event_confluence p,
article.call section#free-event section#guest_confluence #confluence .inner #event_confluence p,
article.call section#free-event section#guest_confluence #confluence-diss .inner #event_confluence p,
article.call section#holding-method section#cast_confluence #confluence .inner #event_confluence p,
article.call section#holding-method section#cast_confluence #confluence-diss .inner #event_confluence p,
article.call section#holding-method section#guest_confluence #confluence .inner #event_confluence p,
article.call section#holding-method section#guest_confluence #confluence-diss .inner #event_confluence p {
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  margin: 0
}

article.call section#free-event section#cast_confluence .precautions,
article.call section#free-event section#guest_confluence .precautions,
article.call section#holding-method section#cast_confluence .precautions,
article.call section#holding-method section#guest_confluence .precautions {
  background-color: #f6f6f6;
  padding: 15px 10px 28px;
  margin: 0 20px
}

article.call section#free-event section#cast_confluence .precautions h2,
article.call section#free-event section#guest_confluence .precautions h2,
article.call section#holding-method section#cast_confluence .precautions h2,
article.call section#holding-method section#guest_confluence .precautions h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0 13px;
  border-bottom: 1px dotted #e6e6e6
}

article.call section#free-event section#cast_confluence .precautions ul,
article.call section#free-event section#guest_confluence .precautions ul,
article.call section#holding-method section#cast_confluence .precautions ul,
article.call section#holding-method section#guest_confluence .precautions ul {
  list-style: none;
  margin: 0;
  padding: 0
}

article.call section#free-event section#cast_confluence .precautions ul li,
article.call section#free-event section#guest_confluence .precautions ul li,
article.call section#holding-method section#cast_confluence .precautions ul li,
article.call section#holding-method section#guest_confluence .precautions ul li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.7;
  padding: 0 0 0 16px;
  position: relative
}

article.call section#free-event section#cast_confluence .precautions ul li::before,
article.call section#free-event section#guest_confluence .precautions ul li::before,
article.call section#holding-method section#cast_confluence .precautions ul li::before,
article.call section#holding-method section#guest_confluence .precautions ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: gray;
  position: absolute;
  top: 10px;
  left: 0
}

article.call section#free-event section#cast_confluence img,
article.call section#holding-method section#cast_confluence img {
  margin: 0 0 20px;
  padding: 0 20px
}

article.call section#free-event section#guest_confluence,
article.call section#holding-method section#guest_confluence {
  border-bottom: solid 10px #fff3f7
}

article.call section#free-event section#guest_confluence img,
article.call section#holding-method section#guest_confluence img {
  margin: 0 0 20px;
  padding: 0 20px
}

article.call section#free-event section#guest_confluence p,
article.call section#holding-method section#guest_confluence p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.5;
  padding: 0 20px
}

article.call section#free-event section#guest_confluence p:nth-of-type(1),
article.call section#holding-method section#guest_confluence p:nth-of-type(1) {
  margin: 0 0 38px
}

article.call section#free-event section#guest_confluence p:nth-of-type(2),
article.call section#holding-method section#guest_confluence p:nth-of-type(2) {
  font-size: .875rem;
  color: #333;
  margin: 0 0 26px
}

article.call section#free-event section#question,
article.call section#holding-method section#question {
  padding: 0 20px;
  margin: 0 0 30px
}

article.call section#free-event section#question h2,
article.call section#holding-method section#question h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 13px
}

article.call section#free-event section#question .cp_qa .cp_actab,
article.call section#holding-method section#question .cp_qa .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  position: relative
}

article.call section#free-event section#question .cp_qa .cp_actab::before,
article.call section#holding-method section#question .cp_qa .cp_actab::before {
  position: absolute;
  content: url(../images/common/question-blue.svg);
  top: 17px;
  left: 0
}

article.call section#free-event section#question .cp_qa .cp_actab input,
article.call section#holding-method section#question .cp_qa .cp_actab input {
  position: absolute;
  opacity: 0
}

article.call section#free-event section#question .cp_qa .cp_actab input[type=checkbox]:checked+label::after,
article.call section#holding-method section#question .cp_qa .cp_actab input[type=checkbox]:checked+label::after {
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

article.call section#free-event section#question .cp_qa .cp_actab input:checked~.cp_actab-content,
article.call section#holding-method section#question .cp_qa .cp_actab input:checked~.cp_actab-content {
  max-height: 100em
}

article.call section#free-event section#question .cp_qa .cp_actab label,
article.call section#holding-method section#question .cp_qa .cp_actab label {
  position: relative;
  display: block;
  padding: 20px 0 20px 34px;
  cursor: pointer;
  color: #333;
  font-size: .875rem;
  font-weight: 500
}

article.call section#free-event section#question .cp_qa .cp_actab label::after,
article.call section#free-event section#question .cp_qa .cp_actab label::before,
article.call section#holding-method section#question .cp_qa .cp_actab label::after,
article.call section#holding-method section#question .cp_qa .cp_actab label::before {
  content: '';
  display: block;
  height: 1px;
  width: 14px;
  background-color: gray;
  position: absolute;
  top: 26px;
  right: 0
}

article.call section#free-event section#question .cp_qa .cp_actab label::after,
article.call section#holding-method section#question .cp_qa .cp_actab label::after {
  transition: transform .4s;
  transform: rotate(90deg)
}

article.call section#free-event section#question .cp_qa .cp_actab .cp_actab-content,
article.call section#holding-method section#question .cp_qa .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 34px;
  -webkit-transition: max-height .2s;
  transition: max-height .2s
}

article.call section#free-event section#question .cp_qa .cp_actab .cp_actab-content::before,
article.call section#holding-method section#question .cp_qa .cp_actab .cp_actab-content::before {
  position: absolute;
  content: url(../images/common/answer-pink.svg);
  top: 0;
  left: 0
}

article.call section#free-event section#question .cp_qa .cp_actab .cp_actab-content p,
article.call section#holding-method section#question .cp_qa .cp_actab .cp_actab-content p {
  color: #333;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0 0 13px;
  letter-spacing: .04em
}

article.call section#free-event section#question .cp_qa .cp_actab .cp_actab-content p:nth-of-type(2),
article.call section#holding-method section#question .cp_qa .cp_actab .cp_actab-content p:nth-of-type(2) {
  font-size: .625rem;
  color: #b3b3b3;
  margin: 0 0 16px;
  padding: 0 0 0 13px;
  position: relative;
  letter-spacing: .04em
}

article.call section#free-event section#question .cp_qa .cp_actab .cp_actab-content p:nth-of-type(2)::before,
article.call section#holding-method section#question .cp_qa .cp_actab .cp_actab-content p:nth-of-type(2)::before {
  content: "※";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0
}

article.account section#friendInt {
  margin: 0;
  padding: 0
}

article.account section#friendInt h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 22px;
  padding: 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.account section#friendInt h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account section#friendInt div#rank {
  text-align: center;
  padding: 0 20px
}

article.account section#friendInt div#rank h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 14px 0
}

article.account section#friendInt div#rank h2 p {
  display: inline-block;
  margin: 0;
  color: #3db5e6
}

article.account section#friendInt div#rank img.rankIcon {
  margin: 0 0 14px 0
}

article.account section#friendInt div#rank p {
  margin: 0 0 20px 0;
  font-size: .875rem;
  font-weight: 500;
  color: #333
}

article.account section#friendInt div#rank p span {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 11px 0 0 0;
  color: #3db5e6
}

article.account section#friendInt div#rank #gauge {
  width: calc(100% - 40px);
  max-width: 360px;
  font-size: 0;
  position: relative;
  margin: 0 auto 42px auto;
  line-height: 1
}

article.account section#friendInt div#rank #gauge::before {
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
  border-radius: 50%;
  position: absolute;
  top: -11px;
  left: 60%;
  content: url(../images/common/gauge-circle-blue.svg)
}

article.account section#friendInt div#rank #gauge img.gauge {
  width: 360px;
  height: 8px
}

article.account section#friendInt div#point {
  padding: 25px 20px 20px 20px;
  background-color: #ecf8fc
}

article.account section#friendInt div#point h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 8px 0
}

article.account section#friendInt div#point #point-current {
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 20px 10px 28px 10px
}

article.account section#friendInt div#point #point-current h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #3db5e6;
  margin: 0 0 12px 0
}

article.account section#friendInt div#point #point-current button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 auto 13px auto
}

article.account section#friendInt div#point #point-current button.point-change {
  width: 100%;
  max-width: 340px;
  height: 48px;
  background-color: #ff8ab1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center
}

article.account section#friendInt div#point #point-current button.point-change i {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0
}

article.account section#friendInt div#point #point-current button.point-change i::before {
  content: url(../images/common/icon_data.svg)
}

article.account section#friendInt div#point #point-current p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0
}

article.account section#friendInt div#point #point-current p span {
  display: inline-block;
  margin: 0 0 0 10px
}

article.account section#friendInt div#pointGet {
  padding: 0;
  background-color: #fff7e7;
  text-align: center
}

article.account section#friendInt div#pointGet h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
  margin: -25px 0 15px 0;
  padding: 0;
  letter-spacing: .04em
}

article.account section#friendInt div#pointGet p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 55px 0;
  padding: 0 20px;
  letter-spacing: .04em;
  line-height: 1.7;
  text-align: left
}

article.account section#friendInt div#pointGet p span {
  display: inline-block;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#point-change,
article.account section#friendInt div#pointGet div#pointGet-flow,
article.account section#friendInt div#pointGet div#rank-benefits {
  background-color: #fff;
  margin: 0 20px 53px;
  padding: 45px 0 30px 0;
  border-radius: 4px;
  position: relative
}

article.account section#friendInt div#pointGet div#point-change h2,
article.account section#friendInt div#pointGet div#pointGet-flow h2,
article.account section#friendInt div#pointGet div#rank-benefits h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0 auto;
  padding: 8px 0 0 0;
  background: url(../images/common/friend-back.svg);
  background-size: 300px;
  height: 46px;
  width: 300px;
  background-repeat: no-repeat;
  position: absolute;
  top: -23px;
  left: 0;
  right: 0
}

article.account section#friendInt div#pointGet div#point-change div.rankUp,
article.account section#friendInt div#pointGet div#pointGet-flow div.rankUp,
article.account section#friendInt div#pointGet div#rank-benefits div.rankUp {
  background-color: #fff7e7;
  margin: 0 10px;
  padding: 20px 0
}

article.account section#friendInt div#pointGet div#point-change div.rankUp p,
article.account section#friendInt div#pointGet div#pointGet-flow div.rankUp p,
article.account section#friendInt div#pointGet div#rank-benefits div.rankUp p {
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 9px 0;
  line-height: 1;
  text-align: center
}

article.account section#friendInt div#pointGet div#point-change div.rankUp p:nth-of-type(2),
article.account section#friendInt div#pointGet div#pointGet-flow div.rankUp p:nth-of-type(2),
article.account section#friendInt div#pointGet div#rank-benefits div.rankUp p:nth-of-type(2) {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1.4;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#point-change div.rankUp p:nth-of-type(3),
article.account section#friendInt div#pointGet div#pointGet-flow div.rankUp p:nth-of-type(3),
article.account section#friendInt div#pointGet div#rank-benefits div.rankUp p:nth-of-type(3) {
  font-weight: 400;
  margin: 0;
  padding: 0 8px;
  line-height: 1.7
}

article.account section#friendInt div#pointGet div#point-change div.rankUp p span,
article.account section#friendInt div#pointGet div#pointGet-flow div.rankUp p span,
article.account section#friendInt div#pointGet div#rank-benefits div.rankUp p span {
  background: url(../images/common/waveLine-pink.svg) bottom repeat-x;
  background-size: 100px;
  padding: 0 0 6px 0;
  color: #3db5e6;
  background: url(../images/common/waveLine-pink.svg) bottom repeat-x
}

article.account section#friendInt div#pointGet div#point-change p:first-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow p:first-of-type,
article.account section#friendInt div#pointGet div#rank-benefits p:first-of-type {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin: -6px 0 7px 0;
  line-height: 1
}

article.account section#friendInt div#pointGet div#point-change p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits p:last-of-type {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 20px 0;
  padding: 0 10px
}

article.account section#friendInt div#pointGet div#point-change button,
article.account section#friendInt div#pointGet div#pointGet-flow button,
article.account section#friendInt div#pointGet div#rank-benefits button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 auto 29px auto
}

article.account section#friendInt div#pointGet div#point-change button.qrCode,
article.account section#friendInt div#pointGet div#pointGet-flow button.qrCode,
article.account section#friendInt div#pointGet div#rank-benefits button.qrCode {
  width: calc(100% - 20px);
  max-width: 340px;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff8ab1
}

article.account section#friendInt div#pointGet div#point-change button.qrCode i,
article.account section#friendInt div#pointGet div#pointGet-flow button.qrCode i,
article.account section#friendInt div#pointGet div#rank-benefits button.qrCode i {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0
}

article.account section#friendInt div#pointGet div#point-change button.qrCode i::before,
article.account section#friendInt div#pointGet div#pointGet-flow button.qrCode i::before,
article.account section#friendInt div#pointGet div#rank-benefits button.qrCode i::before {
  content: url(../images/common/icon_qr-cord.svg)
}

article.account section#friendInt div#pointGet div#point-change h3,
article.account section#friendInt div#pointGet div#pointGet-flow h3,
article.account section#friendInt div#pointGet div#rank-benefits h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px 0
}

article.account section#friendInt div#pointGet div#point-change h3 span,
article.account section#friendInt div#pointGet div#pointGet-flow h3 span,
article.account section#friendInt div#pointGet div#rank-benefits h3 span {
  color: #3db5e6;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you {
  margin: 0 0 25px 0;
  padding: 0
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li {
  list-style: none;
  position: relative
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li::before,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li::before,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li::before,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li::before,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li::before,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li::before {
  content: url(../images/common/icon_bene01.svg);
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li:last-of-type::before,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li:last-of-type::before,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li:last-of-type::before,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li:last-of-type::before,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li:last-of-type::before,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li:last-of-type::before {
  content: url(../images/common/icon_bene02.svg)
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li:last-of-type div p:last-of-type,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li:last-of-type div p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li:last-of-type div p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li:last-of-type div p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li:last-of-type div p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li:last-of-type div p:last-of-type {
  margin: 0;
  border: none
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div {
  margin: 0 10px;
  padding: 17px 0 0 0;
  background-color: #f6f6f6
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div p,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div p,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div p {
  margin: 0;
  padding: 0 0 0 50px
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p span,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div p span,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p span,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div p span,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p span,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div p span {
  padding: 0 0 6px 0;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p:first-of-type,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div p:first-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p:first-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div p:first-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p:first-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div p:first-of-type {
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  margin: 0 10px 0 0
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p:first-of-type span,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div p:first-of-type span,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p:first-of-type span,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div p:first-of-type span,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p:first-of-type span,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div p:first-of-type span {
  display: inline-block;
  background-size: 100px;
  background: url(../images/common/waveLine-pink.svg) bottom repeat-x
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p:last-of-type,
article.account section#friendInt div#pointGet div#point-change ul#benefits-you li div p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-you li div p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-you li div p:last-of-type {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin: 0 10px;
  padding: 0 0 13px 0;
  border-bottom: 1px dotted #e6e6e6;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li:first-of-type::before,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li:first-of-type::before,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li:first-of-type::before {
  content: url(../images/common/icon_bene01.svg);
  top: 23%
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div {
  padding: 15px 0 0 20px
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div:first-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div:first-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div:first-of-type {
  padding: 20px 0 0 0
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div:first-of-type::after,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div:first-of-type::after,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div:first-of-type::after {
  content: url(../images/common/yellow-plus.svg)
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div:first-of-type p,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div:first-of-type p,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div:first-of-type p {
  padding: 0 0 0 50px
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div:first-of-type p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div:first-of-type p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div:first-of-type p:last-of-type {
  border: none;
  padding: 0 0 10px 50px
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p {
  margin: 0;
  padding: 0
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p:first-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p:first-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p:first-of-type {
  margin: 0
}

article.account section#friendInt div#pointGet div#point-change ul#benefits-friend li div p:last-of-type,
article.account section#friendInt div#pointGet div#pointGet-flow ul#benefits-friend li div p:last-of-type,
article.account section#friendInt div#pointGet div#rank-benefits ul#benefits-friend li div p:last-of-type {
  border: none;
  padding: 0 0 20px 0
}

article.account section#friendInt div#pointGet div#point-change {
  padding: 44px 0 32px 0
}

article.account section#friendInt div#pointGet div#point-change p:first-of-type {
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  line-height: 1;
  margin: -6px 0 14px 0;
  padding: 0
}

article.account section#friendInt div#pointGet div#point-change p:first-of-type span {
  background-size: 100px;
  padding: 0 0 6px 0;
  background: url(../images/common/waveLine-pink.svg) bottom repeat-x
}

article.account section#friendInt div#pointGet div#point-change p:nth-of-type(2) {
  font-size: 1.25rem;
  font-weight: 500;
  color: #3db5e6;
  line-height: 1.4;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center
}

article.account section#friendInt div#pointGet div#point-change p:nth-of-type(2) span {
  font-size: 1rem;
  line-height: 1.75
}

article.account section#friendInt div#pointGet div#point-change button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 auto
}

article.account section#friendInt div#pointGet div#point-change button.point-change {
  width: calc(100% - 20px);
  max-width: 340px;
  height: 48px;
  background-color: #ff8ab1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center
}

article.account section#friendInt div#pointGet div#point-change button.point-change i {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0
}

article.account section#friendInt div#pointGet div#point-change button.point-change i::before {
  content: url(../images/common/icon_data.svg)
}

article.account section#friendInt div#pointGet div#rank-benefits {
  padding: 33px 0 32px 0
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list {
  margin: 0;
  padding: 0 10px
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li {
  list-style: none;
  border-bottom: 1px dotted #e6e6e6;
  padding: 0 0 19px 0;
  margin: 0 0 19px 0
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:first-of-type p.rank::before {
  width: 46.31px;
  height: 42.55px;
  background-image: url(../images/common/icon_diamond.svg)
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:nth-of-type(2) p.rank::before {
  width: 46.31px;
  height: 30.97px;
  background-image: url(../images/common/icon_platinum.svg)
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:nth-of-type(3) p.rank::before {
  width: 30.56px;
  height: 28.85px;
  background-image: url(../images/common/icon_gold.svg);
  margin: 0 12.875px 0 7.875px
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:nth-of-type(4) p.rank::before {
  width: 30.56px;
  height: 25.6px;
  background-image: url(../images/common/icon_silver.svg);
  margin: 0 12.875px 0 7.875px
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:last-of-type {
  border: none;
  margin: 0;
  padding: 0
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li:last-of-type p.rank::before {
  width: 25.37px;
  height: 28.85px;
  background-image: url(../images/common/icon_bronze.svg);
  margin: 0 15.47px 0 10.47px
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li p {
  margin: 0;
  padding: 0
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li p.rank {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  margin: 0 0 10px 0;
  color: #3db5e6
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li p.rank::before {
  content: '';
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 5px 0 0
}

article.account section#friendInt div#pointGet div#rank-benefits ul#rank-list li p.contents {
  font-size: .875rem;
  font-weight: 400;
  color: #333
}

article.account section#friendInt div#pointGet div.precautions {
  margin: 0 20px;
  padding: 0 0 70px 0;
  text-align: left
}

article.account section#friendInt div#pointGet div.precautions h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0 13px;
  border-bottom: 1px dotted #e6e6e6
}

article.account section#friendInt div#pointGet div.precautions ul {
  list-style: none;
  margin: 0;
  padding: 0
}

article.account section#friendInt div#pointGet div.precautions ul li {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  letter-spacing: .04em;
  line-height: 1.7;
  padding: 0 0 0 16px;
  position: relative;
  margin: 0 0 25px 0
}

article.account section#friendInt div#pointGet div.precautions ul li:last-of-type {
  margin: 0
}

article.account section#friendInt div#pointGet div.precautions ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: gray;
  position: absolute;
  top: 10px;
  left: 0
}

article.account section#friendInt div#pointGet div.precautions ul li p {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  margin: 15px 0 0 0;
  position: relative
}

article.account section#friendInt div#pointGet div.precautions ul li p::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

article.account section#point-change {
  background-color: #fff;
  margin: 0;
  padding: 0
}

article.account section#point-change h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 27px 0 20px 22px;
  padding: 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

article.account section#point-change h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article.account section#point-change #point-change-list.amazonPoint,
article.account section#point-change #point-change-list.hanatabaPoint {
  height: 100vh;
  background-color: #ecf8fc;
  padding: 20px 20px 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  margin: 0 0 10px 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item {
  margin: 0 0 19px 0;
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input {
  display: none
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input:checked~i,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input:checked~i,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input:checked~i,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input:checked~i {
  color: #3db5e6;
  height: 20px;
  width: 20px;
  line-height: 19px;
  text-align: center
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input:disabled,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input:disabled,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input:disabled,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input:disabled {
  cursor: no-drop
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input:disabled~i,
article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input:disabled~span,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input:disabled~i,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input:disabled~span,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input:disabled~i,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input:disabled~span,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input:disabled~i,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input:disabled~span {
  color: #aaa;
  border-color: #aaa;
  opacity: .5;
  cursor: no-drop
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input[type=checkbox]~i,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input[type=checkbox]~i,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input[type=checkbox]~i,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input[type=checkbox]~i {
  font-size: 12px;
  border-radius: 4px
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input[type=radio]~i,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input[type=radio]~i,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input[type=radio]~i,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input[type=radio]~i {
  font-size: 10px;
  border-radius: 100%
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item input[type=radio]~i::before,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item input[type=radio]~i::before,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item input[type=radio]~i::before,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item input[type=radio]~i::before {
  transform: scale(0)
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item i,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item i,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item i,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item i {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item span,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item span,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item span,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point .label_item span {
  font-size: 1rem;
  font-weight: 500;
  margin-left: 5px;
  color: #333;
  letter-spacing: .04em;
  display: block
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul {
  margin: 0;
  padding: 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li {
  list-style: none;
  display: flex;
  align-items: center
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li:first-of-type,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li:first-of-type,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li:first-of-type,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li:first-of-type {
  margin: 0 0 20px 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li:first-of-type input,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li:first-of-type input,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li:first-of-type input,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li:first-of-type input {
  width: 260px;
  border: none;
  padding: 12px 20px;
  border-radius: 4px;
  height: 40px;
  background-color: #f6f6f6;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li:first-of-type p,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li:first-of-type p,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li:first-of-type p,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li:first-of-type p {
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 0 15px
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li:last-of-type p,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li:last-of-type p,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li:last-of-type p,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li:last-of-type p {
  font-size: .875rem;
  font-weight: 500;
  color: #333;
  margin: 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point ul li:last-of-type span,
article.account section#point-change #point-change-list.amazonPoint #hatataba-point ul li:last-of-type span,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point ul li:last-of-type span,
article.account section#point-change #point-change-list.hanatabaPoint #hatataba-point ul li:last-of-type span {
  width: 164px;
  height: 32px;
  background-color: #ecf8fc;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 15px 0 10px;
  padding: 9px 20px;
  text-align: right
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item,
article.account section#point-change #point-change-list.hanatabaPoint #amazon-point .label_item {
  margin: 0
}

article.account section#point-change #point-change-list.amazonPoint p,
article.account section#point-change #point-change-list.hanatabaPoint p {
  margin: 0 0 24px 0;
  font-size: .785rem;
  font-weight: 400;
  color: #b3b3b3
}

article.account section#point-change #point-change-list.amazonPoint button,
article.account section#point-change #point-change-list.hanatabaPoint button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  margin: 0 auto 13px auto
}

article.account section#point-change #point-change-list.amazonPoint button.point-change,
article.account section#point-change #point-change-list.hanatabaPoint button.point-change {
  width: 100%;
  max-width: 360px;
  height: 48px;
  background-color: #ff8ab1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center
}

article.account section#point-change #point-change-list.amazonPoint button.point-change i,
article.account section#point-change #point-change-list.hanatabaPoint button.point-change i {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0
}

article.account section#point-change #point-change-list.amazonPoint button.point-change i::before,
article.account section#point-change #point-change-list.hanatabaPoint button.point-change i::before {
  content: url(../images/common/icon_data.svg)
}

article.account section#point-change #point-change-list.amazonPoint #hatataba-point .label_item {
  margin: 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point .label_item {
  margin: 0 0 16px 0
}

article.account section#point-change #point-change-list.amazonPoint #amazon-point p {
  font-size: .75rem;
  font-weight: 400;
  color: #3db5e6;
  margin: 0 0 6px 0
}

article.account section#point-change #point-changeComp {
  height: 100vh;
  background-color: #ecf8fc;
  padding: 45px 20px 0
}

article.account section#point-change #point-changeComp h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #3db5e6;
  margin: 0 0 49px 0;
  text-align: center
}

article.account section#point-change #point-changeComp #point p {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 8px 0
}

article.account section#point-change #point-changeComp #point #point-current {
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 20px 10px 21px 10px;
  margin: 0 0 25px 0
}

article.account section#point-change #point-changeComp #point #point-current h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #3db5e6;
  margin: 0 0 16px 0
}

article.account section#point-change #point-changeComp #point #point-current p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0
}

article.account section#point-change #point-changeComp #point #point-current p span {
  display: inline-block;
  margin: 0 0 0 10px
}

article.account section#point-change #point-changeComp #point a {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  display: block
}

article.account section#point-change #point-changeComp #point a::after {
  content: url(../images/common/next-blue.svg);
  display: inline-block;
  margin: 0 0 0 10px
}

article.account div#select-bg {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, .5)
}

article.account div#select-bg #account_qr {
  width: 100%;
  height: 530px;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  padding: 24px 20px 25px 20px
}

article.account div#select-bg #account_qr p {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
  letter-spacing: .04em
}

article.account div#select-bg #account_qr p:first-of-type {
  margin: 0 0 23px 0
}

article.account div#select-bg #account_qr p:last-of-type {
  margin: 0 0 16px 0
}

article.account div#select-bg #account_qr img {
  display: block;
  margin: 0 auto 36px auto
}

article.account div#select-bg #account_qr button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400
}

article.account div#select-bg #account_qr button.qrCode {
  width: 100%;
  max-width: 360px;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  background-color: #ff8ab1
}

article.account div#select-bg #account_qr button.qrCode i {
  width: 21px;
  height: 21px;
  display: block;
  margin: 0 5px 0 0
}

article.account div#select-bg #account_qr button.qrCode i::before {
  content: url(../images/common/icon_DL.svg)
}

article.account div#select-bg #account_qr .txtBox {
  height: 40px;
  display: flex;
  justify-content: center;
  margin: 0 0 26px 0
}

article.account div#select-bg #account_qr .txtBox input {
  width: 300px;
  border: none;
  padding: 12px 20px;
  border-radius: 4px 0 0 4px;
  height: 40px;
  background-color: #f6f6f6;
  resize: none;
  outline: 0;
  font-size: .875rem !important;
  font-weight: 400;
  color: #333
}

article.account div#select-bg #account_qr .txtBox button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none;
  color: #fff;
  font-size: .875rem;
  font-weight: 400
}

article.account div#select-bg #account_qr .txtBox button.qrCopy {
  width: 60px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: #ff8ab1
}

article.account div#select-bg #account_qr button.cancel {
  background-color: transparent;
  color: #3db5e6;
  font-size: 1rem;
  font-weight: 400;
  border: none
}

article.account div#select-bg #mypage-changeButton {
  width: 78.75%;
  max-width: 315px;
  height: 120px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 31px 0 35px
}

article.account div#select-bg #mypage-changeButton span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em;
  display: block;
  text-align: center;
  margin: 0 0 18px
}

article.account div#select-bg #mypage-changeButton #buyButton {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center
}

article.account div#select-bg #mypage-changeButton #buyButton li {
  list-style: none;
  padding: 0 10px
}

article.account div#select-bg #mypage-changeButton #buyButton li button {
  display: block;
  border: none;
  background-color: #fff;
  padding: 0
}

article.account div#select-bg #mypage-changeButton #buyButton li button p {
  font-size: 1rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: center;
  margin: 0
}

div#event_finished {
  padding: 60px 0 75px
}

div#event_finished div#select-bg {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, .5)
}

div#event_finished div#select-bg section#event_finished_container {
  width: 315px;
  height: 600px;
  padding: 45px 20px 20px;
  border-radius: 4px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

div#event_finished div#select-bg section#event_finished_container .event_finished_close {
  content: url(../images/common/close-mark.svg);
  position: absolute;
  top: 10px;
  right: 10px
}

div#event_finished div#select-bg section#event_finished_container h1 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin: 0 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  text-align: center
}

div#event_finished div#select-bg section#event_finished_container h1:first-letter {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif
}

div#event_finished div#select-bg section#event_finished_container p {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  margin: 0 0 20px 0;
  line-height: 1.7
}

div#event_finished div#select-bg section#event_finished_container #event-detail {
  padding: 0;
  margin: 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail h1 {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 7px 0 20px 45px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em
}

div#event_finished div#select-bg section#event_finished_container #event-detail h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info {
  width: 100%;
  border-spacing: 0;
  margin: 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 11px 0;
  margin: 0;
  border-bottom: 1px dotted #e6e6e6
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr:first-of-type {
  padding: 0 0 12px
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr:last-of-type {
  border: none;
  padding: 20px 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr:last-of-type td {
  text-align: center;
  width: 100%
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr th {
  font-size: .875rem;
  font-weight: 400;
  color: #3db5e6;
  text-align: left;
  width: 90px;
  display: flex;
  align-items: center
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td {
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: left;
  border-spacing: 2px
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td p {
  display: inline-block;
  margin: 0 5px 0 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td span {
  font-size: .75rem;
  font-weight: 400;
  color: gray;
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  width: 132px;
  text-align: center;
  line-height: 30px;
  border: 1px solid gray;
  padding: 8px
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.cast-list {
  display: flex;
  padding: 0;
  margin: 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.cast-list li {
  list-style: none;
  display: block;
  margin: 0 10px 0 0;
  height: 54px
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.cast-list li img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list {
  padding: 10px 20px;
  margin: 0;
  background-color: #ecf8fc;
  border-radius: 4px
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li:last-of-type {
  border-top: 1px dotted #e6e6e6
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li:last-of-type p {
  margin: 0;
  padding: 14px 0 0 0
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.price {
  font-size: 1rem;
  font-weight: 500
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li:last-of-type p.point {
  font-size: 1.5rem;
  font-weight: 500
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li p {
  font-size: .875rem;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li p.price {
  color: #333
}

div#event_finished div#select-bg section#event_finished_container #event-detail .event_info tbody tr td ul.price-list li p.point {
  color: #3db5e6
}

section#register .form_item+.form_item {
  margin-top: 25px
}

section#register .form_border {
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 0 0 25px 0
}

section#register .form_item h2 {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 400
}

section#register .form_title {
  font-size: 20px;
  font-weight: 400
}

section#register .form_item input[type=text],
section#register .form_item textarea {
  width: 100%;
  padding: 15px;
  display: block;
  font-size: 16px;
  background-color: #f6f6f6;
  border: 0;
  border-radius: 3px;
  outline: 0;
  resize: none
}

section#register .form_item textarea {
  height: 200px
}

section#register .form_item input[type=text].error,
section#register .form_item select.error,
section#register .form_item textarea.error {
  color: #a00;
  background-color: rgba(170, 0, 0, .2)
}

section#register .form_item p.notice {
  margin: 0 0 5px;
  padding-left: 1em;
  position: relative;
  font-size: 12px
}

section#register .form_item p.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}

section#register .form_item p.notice+p.notice {
  margin-bottom: 10px;
  color: #a00
}

section#register .label_item::before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  margin-right: 10px
}

section#register .label_item i {
  position: absolute;
  left: 3px;
  font-size: 14px;
  color: #3db5e6
}

section#register .label_item input {
  display: none
}

section#register .label_item input+i {
  display: none
}

section#register .label_item input:checked+i {
  display: inline-block
}

section#register .label_item span {
  font-weight: 280;
  color: grey
}

section#register .form_item.photo .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

section#register .form_item.photo .box #register_photos button {
  display: none !important
}

section#register .form_item.photo .box label .loader_wrapper {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, .6)
}

section#register .form_item.photo p.error {
  width: 100%
}

p.error {
  color: #a00
}

section#register .buttons {
  display: flex;
  justify-content: center
}

section#register .buttons.submit {
  margin-top: 30px
}

section#register .buttons.submit button {
  padding: 15px 20px;
  color: #fff;
  background-color: #ff8ab1;
  width: 100%;
  border: 0;
  border-radius: 5px
}

article#page_register {
  padding: 0
}

article#page_register #register {
  min-height: 100vh;
  margin-bottom: 0;
  padding: 20px 20px 20px
}

article#page_register #register h1 {
  margin: 6px 0 26px 22px;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", sans-serif
}

article#page_register #register h1:first-letter {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif
}

article#page_register #register form#form_register .form_item.photo .box #register_photos .photo {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 90%
}

article#page_register #register form#form_register .form_item.photo .box #register_photos .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

article#page_register #register form#form_register .form_item.photo .box label {
  margin: 20px 0 0 0
}

article#page_register #register form#form_register .form_item.photo .box label input {
  display: none
}

article#page_register #register form#form_register .form_item.photo .box label p {
  margin: 0;
  padding: 5px 10px;
  display: block;
  color: #fff;
  background-color: #3db5e6;
  border-radius: 4px
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box .birthdate_selection {
  width: auto;
  height: 14px;
  justify-content: flex-end;
  border: 0
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box .birthdate_selection .select_box {
  height: auto;
  line-height: 14px;
  position: relative;
  margin: 0;
  width: auto;
  position: relative
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box .birthdate_selection .select_box::before {
  display: none
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box .birthdate_selection .select_box::after {
  content: url(../images/common/down-arrow.svg);
  position: absolute;
  top: -2px;
  right: 0
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box .birthdate_selection .select_box select {
  height: auto;
  line-height: 14px;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: right;
  width: auto;
  direction: rtl
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input {
  width: 120px;
  height: 40px;
  border: none;
  outline: 0;
  padding: 10px 45px;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: .875rem;
  font-weight: 400;
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box i {
  display: none
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input[type=checkbox] {
  display: none
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input[type=checkbox]+label {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  -webkit-tap-highlight-color: transparent
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input[type=checkbox]+label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 4px
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input[type=checkbox]+label span {
  font-size: .875rem;
  color: gray
}

article#page_register #register form#form_register .form_item.birthdate.form_border .birthday_wrapper .box input[type=checkbox]:checked+label::after {
  content: url(../images/common/check.svg);
  position: absolute;
  top: -2px;
  left: 5px
}

article#page_register #register form#form_register .form_item.pref.form_border {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  align-items: center
}

article#page_register #register form#form_register .form_item.pref.form_border h2 {
  margin: 0
}

article#page_register #register form#form_register .form_item.pref.form_border .box .select_box {
  position: relative;
  margin: 0;
  height: 59px;
  line-height: 59px;
  width: auto;
  position: relative
}

article#page_register #register form#form_register .form_item.pref.form_border .box .select_box::before {
  display: none
}

article#page_register #register form#form_register .form_item.pref.form_border .box .select_box::after {
  content: url(../images/common/down-arrow.svg);
  position: absolute;
  top: -2px;
  right: 0
}

article#page_register #register form#form_register .form_item.pref.form_border .box .select_box select {
  height: 59px;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: right;
  width: auto;
  direction: rtl
}

article#page_register .form_item p.notice {
  text-align: right
}

article#page_register .form_item p.notice::before {
  position: relative
}

article#page_register .form_item.pr .pr_title_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0
}

article#page_register .form_item.pr .pr_title_area strong {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  letter-spacing: .04em
}

article#page_register .form_item.pr .pr_title_area .example_sentence {
  width: fit-content;
  font-size: 11px;
  color: #3db5e6;
  border: 1px solid #3db5e6;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 0
}

article#page_register .form_item.pr textarea {
  margin: 17px 0 0 0;
  height: 160px;
  padding: 12px;
  border: none;
  resize: none;
  border-radius: 4px;
  outline: 0;
  font-size: .875rem;
  font-weight: 400
}

article#page_register .select_pr_popup {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  top: 0;
  left: 0
}

article#page_register .select_pr_popup .bg {
  content: '';
  background-color: #000;
  opacity: .5;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  position: absolute
}

article#page_register .select_pr_popup .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  pointer-events: none
}

article#page_register .select_pr_popup .container .inner {
  width: 80%;
  max-height: 80vh;
  overflow-y: auto;
  pointer-events: all;
  background-color: #fff;
  border-radius: 5px
}

article#page_register .select_pr_popup .container .inner div {
  margin: 0
}

article#page_register .select_pr_popup .container .inner section {
  padding: 30px 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #707070
}

article#page_register .select_pr_popup .container .inner section:last-child {
  border-bottom: none
}

article#page_register .select_pr_popup .container .inner section .pr_type {
  margin-bottom: 0;
  display: flex
}

article#page_register .select_pr_popup .container .inner section .pr_type .type_name {
  font-size: 16px
}

article#page_register .select_pr_popup .container .inner section .sentence {
  display: none;
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.6
}

article#page_register .select_pr_popup .container .inner section .select_pr_btn {
  display: none;
  margin-top: 30px;
  width: 100%;
  background-color: #ff8ab1;
  padding: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px
}

article#page_register .select_pr_popup .container .inner section.close .pr_open_close {
  content: url(../images/common/plus_gray.svg);
  width: 16px
}

article#page_register .select_pr_popup .container .inner section.open .pr_open_close {
  content: url(../images/common/minus_gray.svg);
  width: 16px
}

article#page_register .select_box {
  position: relative;
  margin: 0;
  height: 59px;
  line-height: 59px;
  width: auto;
  position: relative
}

article#page_register .select_box::before {
  display: none
}

article#page_register .select_box::after {
  content: url(../images/common/down-arrow.svg);
  position: absolute;
  top: -2px;
  right: 0;
  transform: none
}

article#page_register .select_box select {
  height: 59px;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: .875rem;
  font-weight: 400;
  color: #333;
  text-align: right;
  width: auto;
  direction: rtl
}

@-webkit-keyframes humbar {
  0% {
    background-image: linear-gradient(to right, #373737, #373737)
  }

  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }
}

@keyframes humbar {
  0% {
    background-image: linear-gradient(to right, #373737, #373737)
  }

  100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }
}

@-webkit-keyframes humbar2 {
  0% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }

  100% {
    background-image: linear-gradient(to right, #373737, #373737)
  }
}

@keyframes humbar2 {
  0% {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
  }

  100% {
    background-image: linear-gradient(to right, #373737, #373737)
  }
}

.chkNav {
  display: none
}

#navDrawer {
  display: none;
  position: fixed;
  top: 0;
  left: 20px;
  width: 70px;
  height: 70px;
  z-index: 99999
}

@media screen and (max-width:820px) {
  #navDrawer {
    display: block
  }
}

#navDrawer #humb {
  display: block;
  width: 70px;
  height: 70px;
  background-image: linear-gradient(to right, #373737, #373737);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 2px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-animation: humbar2 .3s forwards;
  animation: humbar2 .3s forwards
}

#navDrawer #humb:after,
#navDrawer #humb:before {
  height: 2px;
  width: 40px;
  margin: auto auto auto auto;
  background-color: #373737;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all .5s 0s ease;
  transition: all .5s 0s ease
}

#navDrawer #humb:before {
  top: 20px;
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0)
}

#navDrawer #humb:after {
  bottom: 20px;
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0)
}

#navInput:checked~#navDrawer #humb {
  -webkit-animation: humbar .3s forwards;
  animation: humbar .3s forwards
}

#navInput:checked~#navDrawer #humb:before {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg)
}

#navInput:checked~#navDrawer #humb:after {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg)
}

body#admin select {
  appearance: auto
}

@media screen and (max-width:820px) {
  body#admin .headfix {
    width: 100%;
    position: fixed;
    height: 70px;
    background-color: #f0f0f0
  }
}

body#admin .headfix h1 {
  position: fixed;
  top: 10px;
  left: 20px;
  width: 210px;
  margin: 0;
  z-index: 9999
}

@media screen and (max-width:820px) {
  body#admin .headfix h1 {
    top: 5px;
    width: 160px;
    left: 50%;
    transform: translateX(-50%)
  }
}

body#admin .headfix h1 a {
  display: block;
  width: 100%
}

body#admin .headfix h1 a img {
  display: block;
  width: 100%
}

body#admin .headfix .nav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 230px;
  padding: 150px 0 0 0;
  margin: 0 0 0 20px
}

@media screen and (max-width:820px) {
  body#admin .headfix .nav {
    position: fixed;
    padding: 100px 0 70px 30px;
    background-color: #f0f0f0;
    width: 250px;
    padding: 100px 0 0 20px;
    margin: 0;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media screen and (max-width:320px) {
  body#admin .headfix .nav {
    width: 100%;
    padding: 100px 30px 70px 30px
  }
}

body#admin .headfix .nav a {
  display: block;
  text-decoration: none;
  color: #404040;
  margin: 0 0 5vh 0
}

@media screen and (max-width:820px) {
  body#admin .headfix .nav a {
    margin: 0 0 5vw 0
  }
}

@media screen and (max-width:320px) {
  body#admin .headfix .nav a {
    margin: 0 0 7vw 0
  }
}

@media screen and (min-width:820px) {
  body#admin .headfix .nav a:hover {
    transform: translateX(3px);
    opacity: .8;
    transition: opacity .2s ease, transform .2s ease
  }

  body#admin .headfix .nav a:hover::before {
    content: "→";
    display: inline-block;
    margin-right: 5px;
    font-size: 14px
  }
}

body#admin .headfix #navInput:checked~.nav {
  opacity: 1;
  transition: opacity .3s ease, transform .3s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

body#admin main {
  width: calc(100% - 260px);
  margin: 0 0 0 260px
}

@media screen and (max-width:820px) {
  body#admin main {
    width: 100%;
    margin: 0
  }
}

body#admin main article section#signup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (max-width:820px) {
  body#admin main article section#signup {
    flex-direction: column
  }
}

body#admin main article section#signup canvas {
  width: calc(50% - 10px);
  margin: 0 0 20px 0
}

@media screen and (max-width:820px) {
  body#admin main article section#signup canvas {
    width: 100%
  }
}

body#admin main article section#signup form.form_app input[type=checkbox] {
  appearance: auto
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(12) td .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(13) td .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(14) td .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(3) td .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(12) td .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(13) td .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(14) td .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(3) td .label_item input {
  display: none
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(12) td .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(13) td .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(14) td .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(3) td .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(12) td .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(13) td .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(14) td .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(3) td .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .label_item input[type=checkbox]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(12) td .label_item input[type=checkbox]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(13) td .label_item input[type=checkbox]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(14) td .label_item input[type=checkbox]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(3) td .label_item input[type=checkbox]~i {
  font-size: 14px;
  border-radius: 5px
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(4) td .class_box .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(5) td .class_box .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(6) td .class_box .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(7) td .class_box .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(4) td .class_box .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(5) td .class_box .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(6) td .class_box .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(7) td .class_box .label_item input {
  display: none
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(4) td .class_box .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(5) td .class_box .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(6) td .class_box .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(7) td .class_box .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(4) td .class_box .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(5) td .class_box .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(6) td .class_box .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(7) td .class_box .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(4) td .class_box .label_item input[type=radio]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(5) td .class_box .label_item input[type=radio]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(6) td .class_box .label_item input[type=radio]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(7) td .class_box .label_item input[type=radio]~i {
  font-size: 14px;
  border-radius: 100%
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type {
  display: flex
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type .label_item,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type .label_item input,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type .label_item input {
  display: none
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type .label_item input:checked~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type .label_item input~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr:nth-child(11) td .point_type .label_item input[type=radio]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(15) td .point_type .label_item input[type=radio]~i,
body#admin main article section#signup form.form_app table tbody tr:nth-child(16) td .point_type .label_item input[type=radio]~i {
  font-size: 14px;
  border-radius: 100%
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item input {
  display: none
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item input~span {
  margin-left: 5px
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#signup form.form_app table tbody tr.account_status td .label_item input[type=radio]~i {
  font-size: 14px;
  border-radius: 100%
}

body#admin main article section#payments form .controller_wrapper .condition .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#payments form .controller_wrapper .condition .label_item input {
  display: none
}

body#admin main article section#payments form .controller_wrapper .condition .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#payments form .controller_wrapper .condition .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#payments form .controller_wrapper .condition .label_item input[type=checkbox]~i {
  font-size: 14px;
  border-radius: 5px
}

body#admin main article section#payments #payments_table .payments_users .payments_user .payments_item.outline .check .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#payments #payments_table .payments_users .payments_user .payments_item.outline .check .label_item input {
  display: none
}

body#admin main article section#payments #payments_table .payments_users .payments_user .payments_item.outline .check .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#payments #payments_table .payments_users .payments_user .payments_item.outline .check .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#payments #payments_table .payments_users .payments_user .payments_item.outline .check .label_item input[type=checkbox]~i {
  font-size: 14px;
  border-radius: 5px
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item {
  display: flex;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item input {
  display: none
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item input:checked~i {
  color: #000;
  background-color: #fff
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item input~span {
  margin-left: 5px
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item input~i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: rgba(0, 0, 0, .3);
  background-color: #fff
}

body#admin main article section#concierge #admin_message_wrapper form.form_app .labels .label_item input[type=radio]~i {
  font-size: 14px;
  border-radius: 100%
}

body#admin main article section#management .event_items .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

body#admin main article section#management .event_items .notfound_wrapper p i {
  margin-right: 5px
}

body#admin main article section#management .notfound_wrapper {
  display: flex;
  width: 100%
}

body#admin main article section#management .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

body#admin main article section#management .notfound_wrapper p i {
  margin-right: 5px
}

body#admin main article section#events #event_items_wrapper .event_items .notfound_wrapper p {
  margin: 0;
  padding: 8px 15px;
  font-size: .875rem;
  color: gray;
  border: 2px solid gray;
  border-radius: 10px
}

body#admin main article section#events #event_items_wrapper .event_items .notfound_wrapper p i {
  margin-right: 5px
}

body#admin main article section#events .cancel_cast {
  display: block;
  margin-left: 15px;
  text-decoration: underline;
  color: #3db5e6
}

body section#user {
  flex-direction: column
}

body section#user a {
  display: inline-block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  max-width: 200px;
  text-align: center
}

@media screen and (min-width:820px) {
  body section#user a:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#user ul {
  display: flex;
  list-style: none;
  padding: 0
}

body section#user ul li {
  margin-right: 20px
}

body section#user ul li a {
  border-radius: 0;
  background-color: #373737
}

body section#user form {
  margin-bottom: 20px
}

body section#user form input {
  padding: 15px 10px;
  width: 350px;
  border: solid 1px #a0a0a0
}

body section#user form button {
  height: 52px;
  width: 52px;
  background-color: #3dbaeb;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#user form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#user table {
  border-collapse: collapse;
  border-spacing: 0
}

body section#user table tr th {
  color: #fff;
  text-align: left;
  padding-left: 20px;
  height: 50px;
  background-color: #3dbaeb
}

body section#user table tr:nth-child(odd) {
  background-color: #f0f0f0
}

body section#user table tr td {
  height: 50px;
  padding-left: 20px;
  border-bottom: solid 1px #dcdcdc
}

body section#user table tr td a {
  max-width: none;
  color: #373737;
  background-color: transparent;
  padding: 0
}

body section#signup form {
  width: 100%
}

body section#signup form table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px
}

body section#signup form table tr {
  height: 50px
}

body section#signup form table tr th {
  text-align: left;
  background-color: #3dbaeb;
  color: #fff;
  padding: 10px;
  height: 50px;
  min-height: 50px;
  width: 250px;
  min-width: 250px;
  border: solid 1px #a0a0a0;
  border-bottom: solid 1px #fff
}

@media screen and (max-width:820px) {
  body section#signup form table tr th {
    width: 180px;
    min-width: 180px
  }
}

body section#signup form table tr:nth-last-child(1) th {
  border-bottom: solid 1px #a0a0a0
}

body section#signup form table tr.cast_item td input {
  width: 30px;
  height: 30px;
  margin: 10px 0 10px 0
}

body section#signup form table tr.cast_item td input.chk_app {
  background-color: transparent;
  width: auto;
  height: auto
}

body section#signup form table tr.cast_item td label {
  height: 50px
}

body section#signup form table tr.cast_item td label input {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px
}

body section#signup form table tr.cast_item td label span {
  display: inline-block;
  padding: 17px 0
}

body section#signup form table tr td {
  height: 50px;
  padding: 10px 10px 10px 10px;
  width: calc(100% - 250px);
  border: solid 1px #a0a0a0
}

body section#signup form table tr td input {
  height: 50px;
  width: 100%;
  border: none;
  outline: 0;
  background: #f0f0f0;
  padding: 10px 10px 10px 10px
}

body section#signup form table tr td input.key_app {
  margin-top: 20px
}

body section#signup form table tr td label {
  height: 50px
}

body section#signup form table tr td label input {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px
}

body section#signup form table tr td label span {
  display: inline-block;
  padding: 17px 0
}

body section#signup form table tr td label::before {
  position: relative;
  color: #fff;
  background-color: #3dbaeb;
  padding: 5px 5px 5px 5px;
  top: 5px
}

body section#signup form table tr td textarea {
  width: 100%;
  border: none;
  height: 250px;
  padding: 10px 10px 10px 10px;
  outline: 0;
  background: #f0f0f0
}

body section#signup form table tr td div strong {
  display: block;
  margin: 10px 0 10px 0
}

body section#signup form table tr td div div {
  display: flex
}

body section#signup form table tr td div div span {
  display: inline-block;
  margin: 0 5px;
  padding: 15px 0 15px 0
}

body section#signup form table tr td.firsttime div div {
  flex-direction: column
}

body section#signup form table tr td.firsttime div div span {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px
}

body section#signup form button {
  display: block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  min-width: 250px;
  text-align: center;
  border: none;
  margin: 0 auto 0 auto;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#signup form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

@media screen and (max-width:820px) {
  body section#signup form button {
    width: 100%;
    padding: 15px 50px
  }
}

body section#management {
  display: block !important;
  padding: 3%
}

body section#management ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0
}

body section#management ul li {
  list-style: none;
  width: 30%;
  min-width: 358px;
  margin: 20px 5px 20px 5px;
  border: solid 1px #dcdcdc
}

@media screen and (max-width:820px) {
  body section#management ul li {
    width: 100%
  }
}

body section#management ul li a {
  display: block;
  color: #373737;
  text-decoration: none
}

body section#management ul li a div {
  display: flex;
  border-bottom: solid 1px #fff
}

body section#management ul li a div strong {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  line-height: 2rem;
  background-color: #3dbaeb;
  color: #fff
}

body section#management ul li a div span {
  display: block;
  line-height: 2rem;
  width: 100%;
  min-width: 185px;
  padding: 5px 10px 5px 10px;
  border-bottom: solid 1px #dcdcdc
}

body section#management ul li a div ul {
  display: block
}

body section#management ul li a div ul li {
  width: 100%;
  padding: 0;
  border: none
}

body section#management ul li a div:nth-last-child(1) {
  border-bottom: none
}

@media screen and (min-width:820px) {
  body section#management ul li a:hover {
    outline: solid 5px #00a5ec
  }
}

body section#free_point {
  flex-direction: column
}

body section#free_point .create_buttons {
  margin-bottom: 50px
}

body section#free_point a {
  display: inline-block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  max-width: 200px;
  text-align: center
}

@media screen and (min-width:820px) {
  body section#free_point a:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#free_point ul {
  display: flex;
  list-style: none;
  padding: 0
}

body section#free_point ul li {
  margin-right: 20px
}

body section#free_point ul li a {
  border-radius: 0;
  background-color: #373737
}

body section#free_point form {
  margin-bottom: 20px
}

body section#free_point form input {
  padding: 15px 10px;
  width: 350px;
  border: solid 1px #a0a0a0
}

body section#free_point form button {
  height: 52px;
  width: 52px;
  background-color: #3dbaeb;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#free_point form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

body section#free_point table {
  border-collapse: collapse;
  border-spacing: 0
}

body section#free_point table tr th {
  color: #fff;
  text-align: left;
  padding-left: 20px;
  height: 50px;
  background-color: #3dbaeb
}

body section#free_point table tr:nth-child(odd) {
  background-color: #f0f0f0
}

body section#free_point table tr td {
  height: 50px;
  padding-left: 20px;
  border-bottom: solid 1px #dcdcdc
}

body section#free_point table tr td a {
  max-width: none;
  color: #373737;
  background-color: transparent;
  padding: 0
}

body section#free_point input[type=checkbox] {
  appearance: auto
}

body section#free_point_edit form {
  width: 100%
}

body section#free_point_edit form table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px
}

body section#free_point_edit form table tr {
  height: 50px
}

body section#free_point_edit form table tr th {
  text-align: left;
  background-color: #3dbaeb;
  color: #fff;
  padding: 10px;
  height: 50px;
  min-height: 50px;
  width: 250px;
  min-width: 250px;
  border: solid 1px #a0a0a0;
  border-bottom: solid 1px #fff
}

@media screen and (max-width:820px) {
  body section#free_point_edit form table tr th {
    width: 180px;
    min-width: 180px
  }
}

body section#free_point_edit form table tr:nth-last-child(1) th {
  border-bottom: solid 1px #a0a0a0
}

body section#free_point_edit form table tr td {
  height: 50px;
  padding: 10px 10px 10px 10px;
  width: calc(100% - 250px);
  border: solid 1px #a0a0a0
}

body section#free_point_edit form table tr td input {
  height: 50px;
  width: 100%;
  border: none;
  outline: 0;
  background: #f0f0f0;
  padding: 10px 10px 10px 10px
}

body section#free_point_edit form table tr td input.key_app {
  margin-top: 20px
}

body section#free_point_edit form table tr td label {
  height: 50px
}

body section#free_point_edit form table tr td label input {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px
}

body section#free_point_edit form table tr td label span {
  display: inline-block;
  padding: 17px 0
}

body section#free_point_edit form table tr td label::before {
  position: relative;
  color: #fff;
  background-color: #3dbaeb;
  padding: 5px 5px 5px 5px;
  top: 5px
}

body section#free_point_edit form table tr td textarea {
  width: 100%;
  border: none;
  height: 250px;
  padding: 10px 10px 10px 10px;
  outline: 0;
  background: #f0f0f0
}

body section#free_point_edit form table tr td div strong {
  display: block;
  margin: 10px 0 10px 0
}

body section#free_point_edit form table tr td div div {
  display: flex
}

body section#free_point_edit form table tr td div div span {
  display: inline-block;
  margin: 0 5px;
  padding: 15px 0 15px 0
}

body section#free_point_edit form button {
  display: block;
  background-color: #3dbaeb;
  color: #fff;
  text-decoration: none;
  padding: 15px 50px;
  border-radius: 5px;
  min-width: 250px;
  text-align: center;
  border: none;
  margin: 0 auto 0 auto;
  cursor: pointer
}

@media screen and (min-width:820px) {
  body section#free_point_edit form button:hover {
    opacity: .8;
    transition: opacity .3s ease
  }
}

@media screen and (max-width:820px) {
  body section#free_point_edit form button {
    width: 100%;
    padding: 15px 50px
  }
}

body section#free_point_edit form button.delete_btn {
  margin-top: 15px
}

body section#free_point_edit form input[type=checkbox] {
  appearance: auto
}

#btn_event_cancel {
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 0;
  display: block;
  color: #3db5e6 !important;
  background-color: #fff !important;
  border: 0;
  border-radius: 10px
}

#btn_event_cancel:disabled {
  opacity: .3;
  cursor: no-drop
}

.ignore_br br {
  display: none
}

.matching-cast {
    background: #F78DB1 !important;
}

.matching-cast .place {
    background: white !important;
    color: #F78DB1 !important;
}

@media screen and (max-width: 768px) {
  .input-username, .input-password, .button-login {
    width: 100% !important;
  }
}
.notifications section#notificationWrap {
    padding: 0 !important;
}
.timeline div#sales {
  padding: 0px !important;
}
.timeline div#sales .p-4 {
  padding: 0px !important;
}
.timeline div#sales .bg-primary.text-white.py-3.px-4 {
  display: none !important;
}
.timeline div#sales .border.border-primary {
  border: none !important;
}
body[data-page="notifications"] .notifications section#notificationWrap > h2 {
  display: none !important;
}
textarea#message_input {
    font-size: 14px !important;
}

#modal_confirm .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}
#modal_confirm .modal_buttons button.btn {
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    margin-top: 20px;
    width: calc(50% - 5px);
    line-height: 30px;
}
#modal_confirm .modal_buttons button.btn.btn-submit {
    float: right;
    background: #ff8ab1;
    color: white;
}