@charset "UTF-8";
/* reset css */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

ins {
  text-decoration: none;
}

ins, mark {
  background-color: #ff9;
  color: #000;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

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

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body {
  *font-size: small;
  *font: x-small;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}

:root {
  --color-green1: #8CB808;
  --color-green2: #2F7572;
  --color-green3: #00B5AD;
  --color-green4: #009D70;
  --color-purple1: #E03997;
  --color-purple2: #E289BB;
  --color-blue1: #5693E2;
  --color-blue2: #39639A;
  --color-gray1: #666666;
  --color-gray2: #93958D;
  --color-white1: #FFFFFF;
  --color-red1: #F14542;
  --color-red2: #ff5151;
}

* {
  position: relative;
  box-sizing: border-box;
  line-height: 200%;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 999px) {
  .lg-d-off {
    display: none !important;
  }
}

strong {
  font-weight: bold;
}

.hidden {
  display: none !important;
}

.text-exsmall {
  font-size: 0.6em;
}

.text-small {
  font-size: 0.8em;
}

.text-large {
  font-size: 1.2em;
}

.text-exlarge {
  font-size: 1.4em;
}

.text-undeline {
  text-decoration: underline;
}

.text-line-10 {
  line-height: 1 !important;
}

.text-line-11 {
  line-height: 1.1 !important;
}

.text-line-12 {
  line-height: 1.2 !important;
}

.text-line-13 {
  line-height: 1.3 !important;
}

.text-line-14 {
  line-height: 1.4 !important;
}

.text-line-15 {
  line-height: 1.5 !important;
}

.text-line-16 {
  line-height: 1.6 !important;
}

.text-line-17 {
  line-height: 1.7 !important;
}

.text-line-18 {
  line-height: 1.8 !important;
}

.text-line-19 {
  line-height: 1.9 !important;
}

.text-line-20 {
  line-height: 2 !important;
}

.text-bold {
  font-weight: bold !important;
}

.flex-top {
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.flex-center {
  align-items: center !important;
  align-content: center !important;
}

.flex-bottom {
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.flex-between {
  display: flex;
  justify-content: space-between !important;
}

object[type='image/svg+xml'] {
  height: 20px;
  width: 20px;
  pointer-events: none;
}

.display-toggle-hide {
  display: none;
}

.display-type-block {
  display: block !important;
}

.display-type-inlineblock {
  display: inline-block !important;
}

html, body {
  color: #333;
  font-size: 16px;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  background: #ECF6FC;
}

@media screen and (max-width: 767px) {
  html, body {
    font-size: 14px;
  }
}

body {
  background-image: url(../img/common/background_art_wht.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.flex-left {
  justify-content: flex-start !important;
}

.flex-center {
  justify-content: center !important;
}

.flex-right {
  justify-content: flex-end !important;
}

.ma {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mla {
  margin-left: auto !important;
}

.mra {
  margin-right: auto !important;
}

.ma-flex {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (max-width: 767px) {
  .sp100 {
    width: 100% !important;
  }
}

.wa {
  width: auto !important;
}

.mwa {
  max-width: auto !important;
}

.w-00p {
  width: 0% !important;
}

.w-00p-pc {
  width: 0% !important;
}

@media screen and (max-width: 767px) {
  .w-00p-pc {
    width: 100% !important;
  }
}

.mt-0 {
  margin-top: 0em !important;
}

.mb-0 {
  margin-bottom: 0em !important;
}

.ml-0 {
  margin-left: 0em !important;
}

.mr-0 {
  margin-right: 0em !important;
}

.pt-0 {
  padding-top: 0em !important;
}

.pb-0 {
  padding-bottom: 0em !important;
}

.pl-0 {
  padding-left: 0em !important;
}

.pr-0 {
  padding-right: 0em !important;
}

.mt-00px {
  margin-top: 0px !important;
}

.mb-00px {
  margin-bottom: 0px !important;
}

.ml-00px {
  margin-left: 0px !important;
}

.mr-00px {
  margin-right: 0px !important;
}

.pt-00px {
  padding-top: 0px !important;
}

.pb-00px {
  padding-bottom: 0px !important;
}

.pl-00px {
  padding-left: 0px !important;
}

.pr-00px {
  padding-right: 0px !important;
}

.w-10p {
  width: 10% !important;
}

.w-10p-pc {
  width: 10% !important;
}

@media screen and (max-width: 767px) {
  .w-10p-pc {
    width: 100% !important;
  }
}

.mt-1 {
  margin-top: 1em !important;
}

.mb-1 {
  margin-bottom: 1em !important;
}

.ml-1 {
  margin-left: 1em !important;
}

.mr-1 {
  margin-right: 1em !important;
}

.pt-1 {
  padding-top: 1em !important;
}

.pb-1 {
  padding-bottom: 1em !important;
}

.pl-1 {
  padding-left: 1em !important;
}

.pr-1 {
  padding-right: 1em !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.w-20p {
  width: 20% !important;
}

.w-20p-pc {
  width: 20% !important;
}

@media screen and (max-width: 767px) {
  .w-20p-pc {
    width: 100% !important;
  }
}

.mt-2 {
  margin-top: 2em !important;
}

.mb-2 {
  margin-bottom: 2em !important;
}

.ml-2 {
  margin-left: 2em !important;
}

.mr-2 {
  margin-right: 2em !important;
}

.pt-2 {
  padding-top: 2em !important;
}

.pb-2 {
  padding-bottom: 2em !important;
}

.pl-2 {
  padding-left: 2em !important;
}

.pr-2 {
  padding-right: 2em !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.w-30p {
  width: 30% !important;
}

.w-30p-pc {
  width: 30% !important;
}

@media screen and (max-width: 767px) {
  .w-30p-pc {
    width: 100% !important;
  }
}

.mt-3 {
  margin-top: 3em !important;
}

.mb-3 {
  margin-bottom: 3em !important;
}

.ml-3 {
  margin-left: 3em !important;
}

.mr-3 {
  margin-right: 3em !important;
}

.pt-3 {
  padding-top: 3em !important;
}

.pb-3 {
  padding-bottom: 3em !important;
}

.pl-3 {
  padding-left: 3em !important;
}

.pr-3 {
  padding-right: 3em !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.w-40p {
  width: 40% !important;
}

.w-40p-pc {
  width: 40% !important;
}

@media screen and (max-width: 767px) {
  .w-40p-pc {
    width: 100% !important;
  }
}

.mt-4 {
  margin-top: 4em !important;
}

.mb-4 {
  margin-bottom: 4em !important;
}

.ml-4 {
  margin-left: 4em !important;
}

.mr-4 {
  margin-right: 4em !important;
}

.pt-4 {
  padding-top: 4em !important;
}

.pb-4 {
  padding-bottom: 4em !important;
}

.pl-4 {
  padding-left: 4em !important;
}

.pr-4 {
  padding-right: 4em !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.w-50p {
  width: 50% !important;
}

.w-50p-pc {
  width: 50% !important;
}

@media screen and (max-width: 767px) {
  .w-50p-pc {
    width: 100% !important;
  }
}

.mt-5 {
  margin-top: 5em !important;
}

.mb-5 {
  margin-bottom: 5em !important;
}

.ml-5 {
  margin-left: 5em !important;
}

.mr-5 {
  margin-right: 5em !important;
}

.pt-5 {
  padding-top: 5em !important;
}

.pb-5 {
  padding-bottom: 5em !important;
}

.pl-5 {
  padding-left: 5em !important;
}

.pr-5 {
  padding-right: 5em !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.w-60p {
  width: 60% !important;
}

.w-60p-pc {
  width: 60% !important;
}

@media screen and (max-width: 767px) {
  .w-60p-pc {
    width: 100% !important;
  }
}

.mt-6 {
  margin-top: 6em !important;
}

.mb-6 {
  margin-bottom: 6em !important;
}

.ml-6 {
  margin-left: 6em !important;
}

.mr-6 {
  margin-right: 6em !important;
}

.pt-6 {
  padding-top: 6em !important;
}

.pb-6 {
  padding-bottom: 6em !important;
}

.pl-6 {
  padding-left: 6em !important;
}

.pr-6 {
  padding-right: 6em !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

.mr-60px {
  margin-right: 60px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.pl-60px {
  padding-left: 60px !important;
}

.pr-60px {
  padding-right: 60px !important;
}

.w-70p {
  width: 70% !important;
}

.w-70p-pc {
  width: 70% !important;
}

@media screen and (max-width: 767px) {
  .w-70p-pc {
    width: 100% !important;
  }
}

.mt-7 {
  margin-top: 7em !important;
}

.mb-7 {
  margin-bottom: 7em !important;
}

.ml-7 {
  margin-left: 7em !important;
}

.mr-7 {
  margin-right: 7em !important;
}

.pt-7 {
  padding-top: 7em !important;
}

.pb-7 {
  padding-bottom: 7em !important;
}

.pl-7 {
  padding-left: 7em !important;
}

.pr-7 {
  padding-right: 7em !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.mb-70px {
  margin-bottom: 70px !important;
}

.ml-70px {
  margin-left: 70px !important;
}

.mr-70px {
  margin-right: 70px !important;
}

.pt-70px {
  padding-top: 70px !important;
}

.pb-70px {
  padding-bottom: 70px !important;
}

.pl-70px {
  padding-left: 70px !important;
}

.pr-70px {
  padding-right: 70px !important;
}

.w-80p {
  width: 80% !important;
}

.w-80p-pc {
  width: 80% !important;
}

@media screen and (max-width: 767px) {
  .w-80p-pc {
    width: 100% !important;
  }
}

.mt-8 {
  margin-top: 8em !important;
}

.mb-8 {
  margin-bottom: 8em !important;
}

.ml-8 {
  margin-left: 8em !important;
}

.mr-8 {
  margin-right: 8em !important;
}

.pt-8 {
  padding-top: 8em !important;
}

.pb-8 {
  padding-bottom: 8em !important;
}

.pl-8 {
  padding-left: 8em !important;
}

.pr-8 {
  padding-right: 8em !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

.mr-80px {
  margin-right: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.pl-80px {
  padding-left: 80px !important;
}

.pr-80px {
  padding-right: 80px !important;
}

.w-90p {
  width: 90% !important;
}

.w-90p-pc {
  width: 90% !important;
}

@media screen and (max-width: 767px) {
  .w-90p-pc {
    width: 100% !important;
  }
}

.mt-9 {
  margin-top: 9em !important;
}

.mb-9 {
  margin-bottom: 9em !important;
}

.ml-9 {
  margin-left: 9em !important;
}

.mr-9 {
  margin-right: 9em !important;
}

.pt-9 {
  padding-top: 9em !important;
}

.pb-9 {
  padding-bottom: 9em !important;
}

.pl-9 {
  padding-left: 9em !important;
}

.pr-9 {
  padding-right: 9em !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.ml-90px {
  margin-left: 90px !important;
}

.mr-90px {
  margin-right: 90px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.pl-90px {
  padding-left: 90px !important;
}

.pr-90px {
  padding-right: 90px !important;
}

.w-100p {
  width: 100% !important;
}

.w-100p-pc {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .w-100p-pc {
    width: 100% !important;
  }
}

.mt-10 {
  margin-top: 10em !important;
}

.mb-10 {
  margin-bottom: 10em !important;
}

.ml-10 {
  margin-left: 10em !important;
}

.mr-10 {
  margin-right: 10em !important;
}

.pt-10 {
  padding-top: 10em !important;
}

.pb-10 {
  padding-bottom: 10em !important;
}

.pl-10 {
  padding-left: 10em !important;
}

.pr-10 {
  padding-right: 10em !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.ml-100px {
  margin-left: 100px !important;
}

.mr-100px {
  margin-right: 100px !important;
}

.pt-100px {
  padding-top: 100px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.pl-100px {
  padding-left: 100px !important;
}

.pr-100px {
  padding-right: 100px !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
  line-height: 124%;
}

.h1 {
  font-size: 40px;
}

.h2 {
  font-size: 20px;
}

.text-sm {
  font-size: 14px;
}

.text-note {
  padding-left: 1em;
  font-size: 12px;
}

.text-note > .marker {
  position: absolute;
  left: 0;
}

a {
  text-decoration: none;
}

a img {
  vertical-align: top;
}

a:hover {
  opacity: 0.8;
}

a.nohover:hover {
  opacity: 1 !important;
}

i.far:not(.ns),
i.fas:not(.ns) {
  margin-right: 0.2em;
}

[data-feather] {
  display: none;
}

.width100p {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .width100p-sp {
    width: 100%;
  }
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=date],
input[type=time],
input[type=datetime-local] {
  border: 1px solid #E6DBDA;
  padding: 14px;
  display: inline-block;
  -webkit-appearance: none;
  border-radius: 5px;
  color: #333333;
  font-size: 20px;
  height: 56px;
}

@media screen and (max-width: 767px) {
  input[type=text],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=number],
  input[type=date],
  input[type=time],
  input[type=datetime-local] {
    font-size: 16px;
  }
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus {
  outline: none !important;
}

input[type=text].error,
input[type=password].error,
input[type=tel].error,
input[type=email].error,
input[type=number].error,
input[type=date].error,
input[type=time].error,
input[type=datetime-local].error {
  border-color: #F14542 !important;
}

input[type=text].error ~ label.error_txt,
input[type=password].error ~ label.error_txt,
input[type=tel].error ~ label.error_txt,
input[type=email].error ~ label.error_txt,
input[type=number].error ~ label.error_txt,
input[type=date].error ~ label.error_txt,
input[type=time].error ~ label.error_txt,
input[type=datetime-local].error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

input[type=text].input-form-default,
input[type=password].input-form-default,
input[type=tel].input-form-default,
input[type=email].input-form-default,
input[type=number].input-form-default,
input[type=date].input-form-default,
input[type=time].input-form-default,
input[type=datetime-local].input-form-default {
  border-width: 2px;
  border-color: #9CD9CE;
}

input[type=text].input-form-f-s,
input[type=password].input-form-f-s,
input[type=tel].input-form-f-s,
input[type=email].input-form-f-s,
input[type=number].input-form-f-s,
input[type=date].input-form-f-s,
input[type=time].input-form-f-s,
input[type=datetime-local].input-form-f-s {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  input[type=text].input-form-f-s,
  input[type=password].input-form-f-s,
  input[type=tel].input-form-f-s,
  input[type=email].input-form-f-s,
  input[type=number].input-form-f-s,
  input[type=date].input-form-f-s,
  input[type=time].input-form-f-s,
  input[type=datetime-local].input-form-f-s {
    font-size: 12px;
  }
}

input[type=text].input-form-f-m,
input[type=password].input-form-f-m,
input[type=tel].input-form-f-m,
input[type=email].input-form-f-m,
input[type=number].input-form-f-m,
input[type=date].input-form-f-m,
input[type=time].input-form-f-m,
input[type=datetime-local].input-form-f-m {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  input[type=text].input-form-f-m,
  input[type=password].input-form-f-m,
  input[type=tel].input-form-f-m,
  input[type=email].input-form-f-m,
  input[type=number].input-form-f-m,
  input[type=date].input-form-f-m,
  input[type=time].input-form-f-m,
  input[type=datetime-local].input-form-f-m {
    font-size: 16px;
  }
}

input[type=text].input-form-w-half,
input[type=password].input-form-w-half,
input[type=tel].input-form-w-half,
input[type=email].input-form-w-half,
input[type=number].input-form-w-half,
input[type=date].input-form-w-half,
input[type=time].input-form-w-half,
input[type=datetime-local].input-form-w-half {
  width: calc(100% / 2 - 0.25em);
}

input[type=text].input-form-min,
input[type=password].input-form-min,
input[type=tel].input-form-min,
input[type=email].input-form-min,
input[type=number].input-form-min,
input[type=date].input-form-min,
input[type=time].input-form-min,
input[type=datetime-local].input-form-min {
  font-size: 14px;
  height: 42px;
}

@media screen and (max-width: 767px) {
  input[type=text].input-form-min,
  input[type=password].input-form-min,
  input[type=tel].input-form-min,
  input[type=email].input-form-min,
  input[type=number].input-form-min,
  input[type=date].input-form-min,
  input[type=time].input-form-min,
  input[type=datetime-local].input-form-min {
    font-size: 12px;
  }
}

input[type=text].input-form-w-00,
input[type=password].input-form-w-00,
input[type=tel].input-form-w-00,
input[type=email].input-form-w-00,
input[type=number].input-form-w-00,
input[type=date].input-form-w-00,
input[type=time].input-form-w-00,
input[type=datetime-local].input-form-w-00 {
  width: 00%;
}

input[type=text].input-form-w-10,
input[type=password].input-form-w-10,
input[type=tel].input-form-w-10,
input[type=email].input-form-w-10,
input[type=number].input-form-w-10,
input[type=date].input-form-w-10,
input[type=time].input-form-w-10,
input[type=datetime-local].input-form-w-10 {
  width: 10%;
}

input[type=text].input-form-w-20,
input[type=password].input-form-w-20,
input[type=tel].input-form-w-20,
input[type=email].input-form-w-20,
input[type=number].input-form-w-20,
input[type=date].input-form-w-20,
input[type=time].input-form-w-20,
input[type=datetime-local].input-form-w-20 {
  width: 20%;
}

input[type=text].input-form-w-30,
input[type=password].input-form-w-30,
input[type=tel].input-form-w-30,
input[type=email].input-form-w-30,
input[type=number].input-form-w-30,
input[type=date].input-form-w-30,
input[type=time].input-form-w-30,
input[type=datetime-local].input-form-w-30 {
  width: 30%;
}

input[type=text].input-form-w-40,
input[type=password].input-form-w-40,
input[type=tel].input-form-w-40,
input[type=email].input-form-w-40,
input[type=number].input-form-w-40,
input[type=date].input-form-w-40,
input[type=time].input-form-w-40,
input[type=datetime-local].input-form-w-40 {
  width: 40%;
}

input[type=text].input-form-w-50,
input[type=password].input-form-w-50,
input[type=tel].input-form-w-50,
input[type=email].input-form-w-50,
input[type=number].input-form-w-50,
input[type=date].input-form-w-50,
input[type=time].input-form-w-50,
input[type=datetime-local].input-form-w-50 {
  width: 50%;
}

input[type=text].input-form-w-60,
input[type=password].input-form-w-60,
input[type=tel].input-form-w-60,
input[type=email].input-form-w-60,
input[type=number].input-form-w-60,
input[type=date].input-form-w-60,
input[type=time].input-form-w-60,
input[type=datetime-local].input-form-w-60 {
  width: 60%;
}

input[type=text].input-form-w-70,
input[type=password].input-form-w-70,
input[type=tel].input-form-w-70,
input[type=email].input-form-w-70,
input[type=number].input-form-w-70,
input[type=date].input-form-w-70,
input[type=time].input-form-w-70,
input[type=datetime-local].input-form-w-70 {
  width: 70%;
}

input[type=text].input-form-w-80,
input[type=password].input-form-w-80,
input[type=tel].input-form-w-80,
input[type=email].input-form-w-80,
input[type=number].input-form-w-80,
input[type=date].input-form-w-80,
input[type=time].input-form-w-80,
input[type=datetime-local].input-form-w-80 {
  width: 80%;
}

input[type=text].input-form-w-90,
input[type=password].input-form-w-90,
input[type=tel].input-form-w-90,
input[type=email].input-form-w-90,
input[type=number].input-form-w-90,
input[type=date].input-form-w-90,
input[type=time].input-form-w-90,
input[type=datetime-local].input-form-w-90 {
  width: 90%;
}

input[type=text].input-form-w-100,
input[type=password].input-form-w-100,
input[type=tel].input-form-w-100,
input[type=email].input-form-w-100,
input[type=number].input-form-w-100,
input[type=date].input-form-w-100,
input[type=time].input-form-w-100,
input[type=datetime-local].input-form-w-100 {
  width: 100%;
}

textarea {
  border: 1px solid #E6DBDA;
  padding: 14px;
  display: inline-block;
  -webkit-appearance: none;
  border-radius: 5px;
  color: #333333;
  font-size: 20px;
  width: 100%;
  height: 6em;
  resize: none;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (max-width: 767px) {
  textarea {
    font-size: 16px;
  }
}

textarea:focus {
  outline: none !important;
}

textarea.error {
  border-color: #F14542 !important;
}

textarea.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

textarea.input-form-default {
  border-width: 2px;
  border-color: #9CD9CE;
}

textarea.input-form-f-s {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  textarea.input-form-f-s {
    font-size: 12px;
  }
}

textarea.input-form-f-m {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  textarea.input-form-f-m {
    font-size: 16px;
  }
}

textarea.input-form-w-half {
  width: calc(100% / 2 - 0.25em);
}

textarea.input-form-min {
  font-size: 14px;
  height: 42px;
}

@media screen and (max-width: 767px) {
  textarea.input-form-min {
    font-size: 12px;
  }
}

textarea.input-form-w-00 {
  width: 00%;
}

textarea.input-form-w-10 {
  width: 10%;
}

textarea.input-form-w-20 {
  width: 20%;
}

textarea.input-form-w-30 {
  width: 30%;
}

textarea.input-form-w-40 {
  width: 40%;
}

textarea.input-form-w-50 {
  width: 50%;
}

textarea.input-form-w-60 {
  width: 60%;
}

textarea.input-form-w-70 {
  width: 70%;
}

textarea.input-form-w-80 {
  width: 80%;
}

textarea.input-form-w-90 {
  width: 90%;
}

textarea.input-form-w-100 {
  width: 100%;
}

textarea.error ~ label.error_txt {
  margin-top: -6px;
}

input[type=radio]:not(.no-style),
input[type=checkbox]:not(.no-style) {
  display: none;
}

input[type=radio]:not(.no-style) + label,
input[type=checkbox]:not(.no-style) + label {
  display: inline-block;
  min-height: 30px;
  line-height: 24px;
  padding: 4px 12px 4px 32px;
  border-radius: 22px;
  cursor: pointer;
}

input[type=radio]:not(.no-style) + label::before, input[type=radio]:not(.no-style) + label::after,
input[type=checkbox]:not(.no-style) + label::before,
input[type=checkbox]:not(.no-style) + label::after {
  content: "";
  position: absolute;
  display: block;
}

input[type=radio]:not(.no-style) + label::before,
input[type=checkbox]:not(.no-style) + label::before {
  border: 3px solid #EBD0CE;
}

input[type=radio]:not(.no-style) + label::after,
input[type=checkbox]:not(.no-style) + label::after {
  opacity: 0;
  transition: opacity .2s ease;
}

input[type=radio]:not(.no-style):checked + label::after,
input[type=checkbox]:not(.no-style):checked + label::after {
  opacity: 1;
}

input[type=radio]:not(.no-style).input-form-plain + label::before,
input[type=checkbox]:not(.no-style).input-form-plain + label::before {
  border-width: 1px;
  border-color: #D4D4D5;
}

input[type=radio]:not(.no-style).input-form-default + label::before,
input[type=checkbox]:not(.no-style).input-form-default + label::before {
  border-color: #BEE3DC;
}

input[type=radio]:not(.no-style) + label::before, input[type=radio]:not(.no-style) + label::after {
  border-radius: 30px;
}

input[type=radio]:not(.no-style) + label::before {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  margin-top: -12px;
  background: #fff;
}

input[type=radio]:not(.no-style) + label::after {
  width: 14px;
  height: 14px;
  top: 50%;
  left: 5px;
  margin-top: -7px;
  background: #EBD0CE;
}

input[type=radio]:not(.no-style).input-form-default + label::after {
  background: #BEE3DC;
}

input[type=checkbox]:not(.no-style) + label::before {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-radius: 4px;
  background: #fff;
}

input[type=checkbox]:not(.no-style) + label::after {
  width: 13px;
  height: 21px;
  top: 50%;
  left: 10px;
  margin-top: -14px;
  transform: rotate(45deg);
  border: 5px solid #EBD0CE;
  border-top: none;
  border-left: none;
}

input[type=checkbox]:not(.no-style).input-form-plain + label::before {
  border-color: #D4D4D5;
}

input[type=checkbox]:not(.no-style).input-form-plain + label::after {
  border-color: #666;
}

input[type=checkbox]:not(.no-style).input-form-default + label::after {
  border-color: #BEE3DC;
}

input[type=checkbox].no-space + label {
  padding-left: 24px;
  padding-right: 0;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  margin: 0;
}

.input-toggle {
  border: 1px solid #E6DBDA;
  padding: 6px 9px;
  display: flex;
  border-radius: 5px;
  display: inline-block;
  background: #fff;
}

.input-toggle > li {
  display: inline-block;
}

.input-toggle > li span {
  display: inline-block;
}

.input-toggle > li span input[type=radio]:checked + label {
  color: #fff;
  background: #EBD0CE;
}

.input-toggle > li span input[type=radio] + label {
  padding: 4px 10px;
  min-width: 136px;
  text-align: center;
  color: #EBD0CE;
  background: transparent;
  border-radius: 3px;
}

.input-toggle > li span input[type=radio] + label::before, .input-toggle > li span input[type=radio] + label::after {
  display: none !important;
}

.input-toggle.input-form-default {
  border-color: #9CD9CE;
}

.input-toggle.input-form-default > li span label {
  color: #9CD9CE;
}

.input-toggle.input-form-default > li span input[type=radio]:checked + label {
  color: #fff;
  background: #9CD9CE;
}

.input-toggle.error {
  border-color: #F14542;
}

.input-toggle.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

input[type=file] {
  display: none;
}

input[type=file] + label {
  width: 58px;
  height: 58px;
  border: 1px solid #EBD0CE;
  border-radius: 58px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

input[type=file] + label > svg {
  width: 27px;
  height: 27px;
  color: #EBD0CE;
  vertical-align: text-top;
}

input[type=file].input-form-default + label {
  border-color: #9CD9CE;
}

input[type=file].input-form-default + label > svg {
  color: #9CD9CE;
}

input[type=file].error + label {
  border-color: #F14542 !important;
}

input[type=file].error + label > svg {
  color: #F14542;
}

input[type=file].error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

.input-uploaded {
  display: inline-block;
  color: #999;
  vertical-align: text-bottom;
}

.input-uploaded > a > svg,
.input-uploaded > svg {
  color: #333;
  vertical-align: text-top;
  height: 34px;
  top: -4px;
}

.input-uploaded > a > .input-uploaded-delete,
.input-uploaded > .input-uploaded-delete {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #9CD9CE;
  border: 1px solid #9CD9CE;
  margin-left: 10px;
}

.input-uploaded > a > .name,
.input-uploaded > .name {
  font-size: 16px;
}

.input-uploaded > a {
  color: #00B5AD;
}

.input-upload-wrap {
  display: inline-block;
}

.input-upload-wrap ~ .error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

.input-select-wrap:not(.select2-wrap) {
  display: inline-block;
  height: 40px;
  border: 1px solid #EBD0CE;
  padding: 0;
  border-radius: 4px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .input-select-wrap:not(.select2-wrap) {
    height: 34px;
  }
}

.input-select-wrap:not(.select2-wrap) select {
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  padding: 4px 8px;
  padding-right: 56px;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .input-select-wrap:not(.select2-wrap) select {
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 36px;
  }
}

.input-select-wrap:not(.select2-wrap)::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #EBD0CE transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 17px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .input-select-wrap:not(.select2-wrap)::before {
    top: 14px;
    right: 7px;
  }
}

.input-select-wrap:not(.select2-wrap)::after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border-left: 1px solid #EBD0CE;
}

@media screen and (max-width: 767px) {
  .input-select-wrap:not(.select2-wrap)::after {
    width: 28px;
  }
}

.input-select-wrap:not(.select2-wrap).input-form-default {
  border-color: #9CD9CE;
}

.input-select-wrap:not(.select2-wrap).input-form-default::before {
  border-color: #9CD9CE transparent transparent transparent;
}

.input-select-wrap:not(.select2-wrap).input-form-default::after {
  border-left: 1px solid #9CD9CE;
}

.input-select-wrap:not(.select2-wrap).error {
  border-color: #F14542;
}

.input-select-wrap:not(.select2-wrap).error::before {
  border-color: #F14542 transparent transparent transparent;
}

.input-select-wrap:not(.select2-wrap).error::after {
  border-color: #F14542;
}

.input-select-wrap:not(.select2-wrap).error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

.input-select-wrap.select2-wrap {
  display: block;
  /*
        select {
            &.select2 {
                & + .select2-container {
                    .select2-selection {
                        border: 1px solid #E6DBDA !important;
                        padding: 6px 9px;
                        border-radius: 5px;
                        .select2-selection__rendered {
                            .select2-selection__choice {
                                background-color: $config-form-unsetcolor;
                                border: none;
                                color: #fff;
                            }
                        }
                    }
                }
                &.select2-has_icon {
                    & + .select2-container {
                        .select2-selection {
                            &.select2-selection--multiple {
                                .select2-selection__rendered {
                                    .select2-selection__choice {
                                        background: transparent !important;
                                        color: #333;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        &.input-form-default {
            select {
                & + .select2-container {
                    .select2-selection {
                        border-width: 2px !important;
                        border-color:$config-form-defaultcolor !important;
                        .select2-selection__rendered {
                            .select2-selection__choice {
                                background-color: $config-form-defaultcolor;
                            }
                        }
                    }
                }
            }
        }
        &.error {
            select.select2 + .select2-container .select2-selection {
                border-color: $config-form-error-color !important;
            }
            & ~ label.error_txt {
                @include form_error_txt;
            }
        }
        */
}

.input-select-wrap.select2-wrap select.select2 {
  display: none;
}

.input-select-wrap.select2-wrap * {
  user-select: none;
}

.input-select-wrap.select2-wrap .select2-display-items,
.input-select-wrap.select2-wrap .select2-vdom-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 25px;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap .icon,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .icon {
  margin-right: 5px;
  line-height: 1;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap .icon img,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .icon img {
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  overflow: hidden;
  line-height: 1;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap .text,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .text {
  line-height: 1;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap .remove,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .remove {
  line-height: 1;
}

.input-select-wrap.select2-wrap .select2-display-items li .wrap .remove::before,
.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .remove::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #999;
  margin-left: 5px;
  cursor: pointer;
  font-size: 0.8em;
}

.input-select-wrap.select2-wrap .select2-display-items {
  border: 1px solid #E6DBDA !important;
  padding: 6px 10px;
  border-radius: 5px;
  background: #fff;
  min-height: 49px;
  cursor: pointer;
}

.input-select-wrap.select2-wrap .select2-display-items li {
  border: none;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 25px;
}

.input-select-wrap.select2-wrap .select2-display-items li:not(:last-child) {
  margin-right: 15px;
}

.input-select-wrap.select2-wrap .select2-display-items li.selected {
  background: #9CD9CE;
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
}

.input-select-wrap.select2-wrap .select2-display-items li.has_icon {
  height: calc(25px + 8px);
}

.input-select-wrap.select2-wrap .select2-vdom-items {
  display: none;
  max-height: 300px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  border: 1px solid #E6DBDA !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .input-select-wrap.select2-wrap .select2-vdom-items::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .input-select-wrap.select2-wrap .select2-vdom-items::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  .input-select-wrap.select2-wrap .select2-vdom-items::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

.input-select-wrap.select2-wrap .select2-vdom-items.open {
  display: block;
}

.input-select-wrap.select2-wrap .select2-vdom-items li {
  cursor: pointer;
}

.input-select-wrap.select2-wrap .select2-vdom-items li + li {
  border-top: 1px solid #CCC;
}

.input-select-wrap.select2-wrap .select2-vdom-items li:hover {
  background: #B6EFE5 !important;
  color: #fff;
}

.input-select-wrap.select2-wrap .select2-vdom-items li .wrap {
  padding: 10px 10px;
}

.input-select-wrap.select2-wrap .select2-vdom-items li .wrap .remove {
  display: none;
}

.input-select-wrap.select2-wrap .select2-vdom-items li.selected {
  background: #9CD9CE;
  color: #fff;
}

.input-select-wrap.select2-wrap.error .select2-display-items {
  border-color: #F14542 !important;
}

.input-select-wrap.select2-wrap.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
}

.select2-dropdown .select2-results__option,
.select2-dropdown .select2-selection__choice,
.select2-selection .select2-results__option,
.select2-selection .select2-selection__choice {
  line-height: 20px;
}

.select2-dropdown .select2-results__option span.icon,
.select2-dropdown .select2-selection__choice span.icon,
.select2-selection .select2-results__option span.icon,
.select2-selection .select2-selection__choice span.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 6px;
  vertical-align: middle;
}

.select2-dropdown .select2-results__option span.icon img,
.select2-dropdown .select2-selection__choice span.icon img,
.select2-selection .select2-results__option span.icon img,
.select2-selection .select2-selection__choice span.icon img {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 1;
  vertical-align: top;
}

.select2-dropdown .select2-results__option span.icon + span.has_icon,
.select2-dropdown .select2-selection__choice span.icon + span.has_icon,
.select2-selection .select2-results__option span.icon + span.has_icon,
.select2-selection .select2-selection__choice span.icon + span.has_icon {
  vertical-align: middle;
}

.input-form-unset ~ span.note,
.input-form-default ~ span.note {
  display: block;
  font-size: 0.75em;
  color: #999999;
}

.input-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.input-inline > li:not(:nth-last-of-type(1)) {
  margin-right: 20px;
}

.input-inline.error > li input[type=radio],
.input-inline.error > li input[type=checkbox] {
  display: none;
}

.input-inline.error > li input[type=radio] + label::before,
.input-inline.error > li input[type=checkbox] + label::before {
  border-color: #F14542;
}

.input-inline.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
  margin-top: -2px;
}

.input-inline.flex-between {
  justify-content: space-between;
}

a.color-red1,
span.color-red1 {
  color: var(--color-red1);
}

a.color-red2,
span.color-red2 {
  color: var(--color-red2);
}

a.color-green1,
span.color-green1 {
  color: var(--color-green1);
}

a.color-green2,
span.color-green2 {
  color: var(--color-green2);
}

a.color-green3,
span.color-green3 {
  color: var(--color-green3);
}

a.color-green4,
span.color-green4 {
  color: var(--color-green4);
}

a.color-purple1,
span.color-purple1 {
  color: var(--color-purple1);
}

a.color-purple2,
span.color-purple2 {
  color: var(--color-purple2);
}

a.color-blue1,
span.color-blue1 {
  color: var(--color-blue1);
}

a.color-blue2,
span.color-blue2 {
  color: var(--color-blue2);
}

a.color-gray1,
span.color-gray1 {
  color: var(--color-gray1);
}

a.color-gray2,
span.color-gray2 {
  color: var(--color-gray2);
}

a.color-white1,
span.color-white1 {
  color: var(--color-white1);
}

a.btn,
.btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  padding: 10px 15px;
  border-radius: 4px;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

a.btn::-webkit-search-decoration,
.btn::-webkit-search-decoration {
  display: none;
}

a.btn:hover,
.btn:hover {
  opacity: 0.8;
}

a.btn.btn-primary,
.btn.btn-primary {
  background: #BEE3DC;
  color: #fff;
}

a.btn.btn-secondary,
.btn.btn-secondary {
  background: #DDDDDD;
  color: #333;
}

a.btn.btn-plain,
.btn.btn-plain {
  background: transparent;
  color: #333;
}

a.btn.btn-more,
.btn.btn-more {
  width: 108px;
  height: 33px;
  background: #999999;
  color: #fff;
  border-radius: 0;
  text-align: center;
  line-height: 33px;
  padding: 0;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
  a.btn.btn-more,
  .btn.btn-more {
    width: 72.5vw;
    background: #fff;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: var(--color-green4);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}

a.btn.btn-form-edit,
.btn.btn-form-edit {
  height: 45px;
  background: #fff;
  color: var(--color-green4);
  border-radius: 0;
  text-align: center;
  line-height: 33px;
  padding: 0 75px;
  font-size: 20px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  border-radius: 45px;
}

@media screen and (max-width: 767px) {
  a.btn.btn-form-edit,
  .btn.btn-form-edit {
    width: 72.5vw;
    max-width: 220px;
    height: 33px;
    font-size: 16px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}

a.btn.btn-form-submit,
.btn.btn-form-submit {
  height: 45px;
  background: var(--color-green4);
  color: #fff;
  border-radius: 0;
  text-align: center;
  line-height: 33px;
  padding: 0 75px;
  font-size: 20px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  border-radius: 45px;
}

@media screen and (max-width: 767px) {
  a.btn.btn-form-submit,
  .btn.btn-form-submit {
    width: 72.5vw;
    padding: 0 25px;
    max-width: 220px;
    height: 33px;
    font-size: 16px;
    color: #fff;
  }
}

a.btn.btn-form-submit-sm,
.btn.btn-form-submit-sm {
  font-size: 14px;
  height: 25px;
  line-height: 20px;
  padding: 0 25px;
}

@media screen and (max-width: 767px) {
  a.btn.btn-form-submit-sm,
  .btn.btn-form-submit-sm {
    max-width: 30%;
    width: 30%;
    font-size: 12px;
    line-height: 16px;
  }
}

@media screen and (max-width: 767px) {
  a.btn.btn-form-submit-lg,
  .btn.btn-form-submit-lg {
    max-width: 80%;
    width: 80%;
    height: 56px;
    line-height: 54px;
  }
}

a.btn.btn-form-submit-lh,
.btn.btn-form-submit-lh {
  line-height: 45px;
}

@media screen and (max-width: 767px) {
  a.btn.btn-form-submit-lh,
  .btn.btn-form-submit-lh {
    line-height: 33px;
  }
}

a.btn.btn-favorite::before,
.btn.btn-favorite::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f004";
  display: inline-block;
  margin-right: 0.15em;
  color: #CCCCCC;
}

a.btn.btn-favorite.favorite-active::before,
.btn.btn-favorite.favorite-active::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #F25151;
}

a.btn.btn-disabled, a.btn[disabled],
.btn.btn-disabled,
.btn[disabled] {
  cursor: not-allowed;
}

a.btn.btn-disabled:hover, a.btn[disabled]:hover,
.btn.btn-disabled:hover,
.btn[disabled]:hover {
  background: #999999;
  border-color: #999999;
}

a.btn.btn-detail-other,
.btn.btn-detail-other {
  color: #666666;
  background: #FFFFFF;
  font-size: 16px;
  padding: 4px 17px;
  line-height: 24px;
  border-radius: 33px;
}

a.btn.btn-detail-other > object.icon,
a.btn.btn-detail-other > i.fa,
a.btn.btn-detail-other > i.far,
a.btn.btn-detail-other > i.fas,
a.btn.btn-detail-other > svg,
.btn.btn-detail-other > object.icon,
.btn.btn-detail-other > i.fa,
.btn.btn-detail-other > i.far,
.btn.btn-detail-other > i.fas,
.btn.btn-detail-other > svg {
  top: 2px;
  width: 18px;
  height: 18px;
}

a.btn.btn-file-download,
.btn.btn-file-download {
  color: #fff;
  background: var(--color-green1);
  font-size: 18px;
  padding: 7px 18px;
  line-height: 30px;
  box-shadow: 3px 3px 0 rgba(56, 61, 58, 0.3);
  border-radius: 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  a.btn.btn-file-download,
  .btn.btn-file-download {
    font-size: 12px;
  }
}

a.btn.btn-file-download.no-shadow,
.btn.btn-file-download.no-shadow {
  box-shadow: none;
}

a.btn.btn-file-download::before,
.btn.btn-file-download::before {
  content: "\f56d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
}

a.btn.btn-photo,
.btn.btn-photo {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
}

a.btn.btn-photo::before,
.btn.btn-photo::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon/material-photo-size-select-actual.svg) 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 6px;
  top: 3px;
}

a.btn.btn-check,
.btn.btn-check {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
}

a.btn.btn-check::before,
.btn.btn-check::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
  color: var(--color-green1);
}

a.btn.btn-photo-remove,
.btn.btn-photo-remove {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  background: #fff;
}

a.btn.btn-photo-remove::before,
.btn.btn-photo-remove::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon/material-close.svg) 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 6px;
  top: 0;
}

a.btn.btn-form-print,
.btn.btn-form-print {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  background: #fff;
}

a.btn.btn-form-print::before,
.btn.btn-form-print::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon/material-print.svg) 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 6px;
  top: 0;
}

a.btn.btn-form-download,
.btn.btn-form-download {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  background: #fff;
}

a.btn.btn-form-download::before,
.btn.btn-form-download::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 15px;
  background: url(../img/icon/material-file-download.svg) 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 6px;
  top: 0;
}

a.btn.btn-users,
.btn.btn-users {
  border: 1px solid #BEE3DC;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  background: #fff;
}

a.btn.btn-users::before,
.btn.btn-users::before {
  content: "\f500";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
  color: #BEE3DC;
}

a.btn.btn-corrections_point,
.btn.btn-corrections_point {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
}

a.btn.btn-corrections_point::before,
.btn.btn-corrections_point::before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #F14542;
}

a.btn.btn-type-a,
.btn.btn-type-a {
  display: inline-block;
  height: 33px;
  font-size: 16px;
  padding: 10px 15px;
  line-height: 1;
  color: #666666;
  background: #EBD0CE;
  text-align: center;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  border-radius: 45px;
}

a.btn.btn-type-b,
.btn.btn-type-b {
  display: inline-block;
  height: 26px;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 1;
  color: #666;
  background: #eee;
  border: 1px solid #666;
}

a.btn.btn-icon,
.btn.btn-icon {
  width: 50px;
  height: 50px;
  background: #FFF;
  color: var(--color-green4);
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

a.btn.btn-icon > span,
.btn.btn-icon > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

a.btn.btn-icon > span > svg,
a.btn.btn-icon > span > .icon,
.btn.btn-icon > span > svg,
.btn.btn-icon > span > .icon {
  width: 20px;
  height: 20px;
  color: var(--color-green4);
}

a.btn.btn-in-badge-label,
.btn.btn-in-badge-label {
  padding: 0;
  display: inline-block;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
}

a.btn.btn-width-auto,
.btn.btn-width-auto {
  width: auto;
  max-width: initial;
}

a.btn.btn-frame-notice-read,
.btn.btn-frame-notice-read {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  background-color: var(--color-green1);
}

a.btn.btn-frame-notice-read--active,
.btn.btn-frame-notice-read--active {
  pointer-events: none;
  background-color: var(--color-gray1);
}

a.btn.btn-border,
.btn.btn-border {
  border: 1px solid #ddd;
  border-radius: 6px;
}

a.btn.btn-copy-min,
.btn.btn-copy-min {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #00B5AD;
  border-radius: 20px;
  top: -2px;
}

a.btn.btn-copy-min::before,
.btn.btn-copy-min::before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00B5AD;
  font-size: 11px;
  top: -1px;
}

a.btn.btn-important,
.btn.btn-important {
  border: 1px solid var(--color-red2);
  color: var(--color-red2);
  background-color: #ffc1c1;
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  text-align: center;
  transition: background-position .3s ease;
}

a.btn.btn-important:hover,
.btn.btn-important:hover {
  background-position: -10px 0;
}

a.btn.btn-important > .label,
.btn.btn-important > .label {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  padding: 0 8px;
  border-radius: 4px;
}

a.btn.btn-important > .label::before,
.btn.btn-important > .label::before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
}

ul.btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

ul.btns.btns-horizon > li + li {
  margin-left: 20px;
}

ul.btns.btns-verticle > li, ul.btns.btns-vertical > li {
  width: 100%;
}

ul.btns.btns-verticle > li + li, ul.btns.btns-vertical > li + li {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #header {
    display: flex;
  }
}

@media screen and (min-width: 1614px) {
  #header #logo {
    display: block;
    width: 246px;
    height: 246px;
    border-radius: 246px;
    overflow: hidden;
    position: fixed;
    top: -39px;
    left: 26px;
  }
  #header #logo a {
    display: block;
    width: 246px;
    height: 246px;
    border: 6px solid #fff;
    border-radius: 246px;
    transition: all .2s ease;
  }
  #header #logo a span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 234px;
    height: 234px;
    border: 11px solid #ECF6FC;
    background: #fff;
    border-radius: 234px;
    transition: all .2s ease;
  }
  #header #logo a span img {
    display: inline-block;
  }
  #header #logo:hover a {
    width: 246px;
    height: 246px;
    border-width: 14px;
  }
  #header #logo:hover a span {
    width: 218px;
    height: 218px;
    border-width: 19px;
  }
}

@media screen and (max-width: 1613px) {
  #header #logo {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: calc(26px + 29px);
    margin-left: 23px;
    padding-top: 9px;
  }
}

@media screen and (max-width: 1613px) and (min-width: 768px) {
  #header #logo {
    margin-left: 0;
  }
}

@media screen and (max-width: 1613px) and (max-width: 767px) {
  #header #logo {
    padding-top: 29px;
  }
}

@media screen and (max-width: 1613px) and (max-width: 359px) {
  #header #logo {
    width: 160px !important;
    margin-left: 13px;
    padding-top: 34px;
    height: calc(26px + 29px);
  }
}

@media screen and (max-width: 1613px) {
  #header #logo > a {
    display: block;
    border-radius: 0;
    border: none;
    width: 200px !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1613px) and (min-width: 768px) {
  #header #logo > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 1613px) and (max-width: 359px) {
  #header #logo > a {
    width: 160px !important;
  }
}

@media screen and (max-width: 1613px) {
  #header #logo > a > span {
    border-radius: 0;
    display: flex;
    border: none;
    background: url(../img/common/logo-sp.svg) 0 0 no-repeat;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
  }
  #header #logo > a > span img {
    display: none;
  }
}

#header .header_contents {
  display: flex;
}

@media screen and (min-width: 768px) {
  #header .header_contents {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 1613px) {
  #header .header_contents {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  #header .header_contents {
    padding-top: 19px;
    height: 40px;
    padding-right: 10px;
    width: calc(100% - 223px);
    height: calc(26px + 29px);
    justify-content: flex-end;
  }
}

@media screen and (max-width: 359px) {
  #header .header_contents {
    width: calc(100% - 173px);
  }
}

#header .header_contents .header_contents_search {
  align-self: center;
  width: 229px;
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_search {
    display: none;
  }
}

#header .header_contents .header_contents_search > form {
  width: 229px;
}

#header .header_contents .header_contents_search > form .input-form-search {
  height: 36px;
  border-radius: 36px;
  border-color: #9A9A9A;
  font-size: 16px;
  width: 100%;
}

#header .header_contents .header_contents_search > form .btn-search {
  position: absolute;
  right: 6px;
  top: 6px;
  color: #9A9A9A;
  padding: 0;
}

#header .header_contents .header_contents_other {
  align-self: center;
  padding-left: 20px;
  width: 500px;
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_other {
    display: none;
  }
}

#header .header_contents .header_contents_other .list li {
  display: inline-block;
}

#header .header_contents .header_contents_other .list li + li {
  margin-left: 20px;
}

#header .header_contents .header_contents_other .list li a {
  color: #666666;
}

#header .header_contents .header_contents_other .list li a > object.icon,
#header .header_contents .header_contents_other .list li a > i.fa,
#header .header_contents .header_contents_other .list li a > i.far,
#header .header_contents .header_contents_other .list li a > i.fas,
#header .header_contents .header_contents_other .list li a > svg {
  display: inline-block;
  margin-right: 6px;
}

#header .header_contents .header_contents_other .list li a > object.icon {
  top: 1px;
  height: 16px;
}

#header .header_contents .header_contents_old_event {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  color: #666666;
  width: calc(100% - 229px - 500px - 210px);
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_old_event {
    display: none;
  }
}

#header .header_contents .header_contents_old_event ul {
  display: flex;
}

#header .header_contents .header_contents_old_event ul li + li::before {
  content: "|";
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

#header .header_contents .header_contents_old_event ul li a {
  color: #666666;
}

#header .header_contents .header_contents_menu {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  width: 210px;
}

#header .header_contents .header_contents_menu > * {
  display: flex;
  align-items: center;
  align-content: center;
  height: 30px;
}

#header .header_contents .header_contents_menu > * + * {
  margin-left: 20px;
}

#header .header_contents .header_contents_menu > * > div {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 1;
}

#header .header_contents .header_contents_menu > * > div > a {
  display: inline-block;
  line-height: 1;
}

#header .header_contents .header_contents_menu .header_contents_menu_menu object.icon {
  width: 27px;
  height: 18px;
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_menu .header_contents_menu_menu {
    order: 2;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_menu .header_contents_menu_notice {
    order: 1;
  }
}

#header .header_contents .header_contents_menu .header_contents_menu_notice a i {
  font-size: 23px;
  color: #00B5AD;
}

#header .header_contents .header_contents_menu .header_contents_menu_notice a .badge {
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #666;
  font-weight: bold;
  font-size: 14px;
}

#header .header_contents .header_contents_menu .header_contents_menu_notice a .badge .plus {
  font-size: 11px;
}

#header .header_contents .header_contents_menu .header_contents_menu_notice[data-unread='true'] a i {
  color: var(--color-red1);
}

#header .header_contents .header_contents_menu .header_contents_menu_account object.icon {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_menu .header_contents_menu_account {
    display: none;
  }
}

#header .header_contents .header_contents_menu .header_contents_menu_logout {
  font-size: 30px;
}

#header .header_contents .header_contents_menu .header_contents_menu_logout a {
  color: var(--color-green4);
}

@media screen and (max-width: 767px) {
  #header .header_contents .header_contents_menu .header_contents_menu_logout {
    display: none;
  }
}

#header.minimum_display .header_contents {
  display: none;
}

#header.minimum_display + #contents {
  margin-top: 72px;
}

#container {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1614px) {
  #container {
    margin-left: 320px;
  }
}

@media screen and (max-width: 767px) {
  #container {
    width: 100%;
    margin-left: 0;
  }
}

#container #contents {
  z-index: 2;
  margin-top: 0;
}

#container #contents > .page-title {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > .page-title {
    margin-top: 10px;
    padding-left: 10px;
    font-size: 12px;
  }
}

#container #contents > .page-title .small {
  font-size: 0.8em;
}

#container #contents > .page-title .ex-small {
  font-size: 0.6em;
}

#container #contents > #contents-inner {
  background: #fff;
  border-radius: 10px;
  padding: 60px 50px;
}

#container #contents > #contents-inner.no-bg {
  background: transparent;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner {
    background: transparent;
    padding: 0 10px 0 10px;
  }
}

#footer {
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #footer > .links_wrap {
    background: transparent;
  }
}

#footer > .links_wrap .ttl {
  text-align: left;
  padding-left: 14px;
  color: #666666;
}

#footer > .links_wrap .links {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #footer > .links_wrap .links {
    margin-top: 60px;
  }
  #footer > .links_wrap .links > li {
    font-size: 14px;
  }
  #footer > .links_wrap .links > li a {
    color: #333;
  }
  #footer > .links_wrap .links > li + li::before {
    content: "|";
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media screen and (max-width: 767px) {
  #footer > .links_wrap .links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #footer > .links_wrap .links > li {
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
  #footer > .links_wrap .links > li + li {
    margin-top: 0;
  }
  #footer > .links_wrap .links > li + li a {
    border-top: none;
  }
  #footer > .links_wrap .links > li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #333333;
    border: 1px solid #BEE3DC;
    padding: 20px;
    padding-left: 45px;
    transition: background-color .3s ease;
  }
  #footer > .links_wrap .links > li a:hover {
    background: #EFFCFA;
  }
  #footer > .links_wrap .links > li a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 18px;
  }
}

#footer .copyright {
  margin-top: 20px;
  font-size: 11px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
  #footer {
    display: flex;
    flex-wrap: wrap;
  }
  #footer > * {
    width: 100%;
  }
  #footer > *.privacy_mark {
    order: 2;
    margin-top: 40px;
  }
  #footer > *.links_wrap {
    order: 1;
  }
  #footer > *.copyright {
    order: 3;
  }
}

.form-login {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.form-login dl dt {
  font-weight: bold;
  font-size: 13px;
}

.form-login dl dd + dt {
  margin-top: 30px;
}

.form-login dl dd input[type=text],
.form-login dl dd input[type=password] {
  height: 38px;
  font-size: 14px;
  width: 100%;
}

.form-login a {
  color: #2185D0;
  font-size: 14px;
}

.form-login .btn-login {
  width: 220px;
}

.form-login .auto_login {
  font-size: 14px;
}

ul.link-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

ul.link-nav li {
  display: block;
  width: 100%;
  height: 86px;
}

ul.link-nav li + li {
  margin-top: 15px;
}

ul.link-nav li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333333;
  border: 1px solid #BEE3DC;
  padding: 25px;
  padding-left: 50px;
  transition: background-color .3s ease;
}

ul.link-nav li a:hover {
  background: #EFFCFA;
}

ul.link-nav li a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 25px;
}

ul.link-nav.horizon li {
  width: 395px;
  display: block;
  text-align: center;
}

ul.link-nav.horizon li + li {
  margin-left: 39px;
  margin-top: 0;
}

ul.link-nav.horizon li a {
  justify-content: center;
}

ul.link-nav.horizon li a::before {
  position: relative;
  top: 2px;
  left: auto;
  margin-top: 0;
}

#container #contents > #contents-inner .page-title-sub {
  font-size: 20px;
  color: #666666;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner .page-title-sub .icon.logo-min {
  width: 111px;
  height: 21px;
  vertical-align: middle;
}

#container #contents > #contents-inner.page-beginner {
  padding: 123px 225px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-beginner {
    padding: 0 15px;
  }
}

#container #contents > #contents-inner.page-beginner .beginner_text {
  margin-bottom: 70px;
  color: #666;
}

#container #contents > #contents-inner.page-beginner .beginner_text h2 + p {
  font-size: 14px;
  margin-top: 24px;
}

#container #contents > #contents-inner.page-beginner .beginner_text p + h2 {
  margin-top: 50px;
}

#container #contents > #contents-inner.page-top-login, #container #contents > #contents-inner.page-beginner, #container #contents > #contents-inner.page-faq {
  margin-top: -32px;
}

#container #contents > #contents-inner.page-top-login > ul.top-link, #container #contents > #contents-inner.page-beginner > ul.top-link, #container #contents > #contents-inner.page-faq > ul.top-link {
  margin-top: 60px;
  margin-left: -25px;
  margin-right: -25px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-top-login > ul.top-link li, #container #contents > #contents-inner.page-beginner > ul.top-link li, #container #contents > #contents-inner.page-faq > ul.top-link li {
    width: 50%;
    height: 50vw;
    background: #fff;
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li + li, #container #contents > #contents-inner.page-beginner > ul.top-link li + li, #container #contents > #contents-inner.page-faq > ul.top-link li + li {
    margin-left: 0;
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li + li a, #container #contents > #contents-inner.page-beginner > ul.top-link li + li a, #container #contents > #contents-inner.page-faq > ul.top-link li + li a {
    border-left: none !important;
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li a, #container #contents > #contents-inner.page-beginner > ul.top-link li a, #container #contents > #contents-inner.page-faq > ul.top-link li a {
    background: url(../img/top-login/beginner.png) 0 0 no-repeat;
    background-size: 100%;
    height: 100%;
    padding: 10px;
    padding-top: 32vw;
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li a::before, #container #contents > #contents-inner.page-beginner > ul.top-link li a::before, #container #contents > #contents-inner.page-faq > ul.top-link li a::before {
    display: none;
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li.beginner a, #container #contents > #contents-inner.page-beginner > ul.top-link li.beginner a, #container #contents > #contents-inner.page-faq > ul.top-link li.beginner a {
    background-image: url(../img/top-login/beginner.png);
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li.top a, #container #contents > #contents-inner.page-beginner > ul.top-link li.top a, #container #contents > #contents-inner.page-faq > ul.top-link li.top a {
    background-image: url(../img/top-login/top.png);
  }
  #container #contents > #contents-inner.page-top-login > ul.top-link li.faq a, #container #contents > #contents-inner.page-beginner > ul.top-link li.faq a, #container #contents > #contents-inner.page-faq > ul.top-link li.faq a {
    background-image: url(../img/top-login/faq.png);
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard {
    display: flex;
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-dashboard > * {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice {
  display: flex;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice {
    order: 4;
    margin-top: 40px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * {
  width: 620px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * + * {
  margin-left: 30px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list {
  background: #FAFFEB;
  display: flex;
  height: 168px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul {
  width: 100%;
  padding: 8px 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul {
    padding: 0;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a {
  display: flex;
  align-items: center;
  color: #666666;
  padding: 12px 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a {
    flex-wrap: wrap;
    padding-left: 12px;
    padding-right: 12px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a .date {
  font-size: 11px;
  width: 100px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a .date {
    width: 100%;
    font-size: 10px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a .title {
  font-size: 14px;
  width: calc(100% - 100px - 90px);
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a .title {
    width: 100% !important;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li a .badge-label {
  width: 90px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list ul li + li::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list .btn-more {
  position: absolute;
  right: 25px;
  bottom: -12px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list .btn-more {
    left: 50%;
    bottom: -30px;
    margin-left: calc(-72.5vw / 2);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list ul {
  width: calc(100% - 168px);
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list .status_stat {
  width: 168px;
  background: #00B5AD;
  color: #fff;
  text-align: center;
  padding: 32px 12px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list .status_stat .ttl {
  font-size: 20px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list .status_stat .count {
  font-size: 24px;
  height: 60px;
  margin-top: -30px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list .status_stat .count .number {
  font-size: 60px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .list.status_list .status_stat .count .plus {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .infomation_list {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice > * .infomation_list ul {
    padding-bottom: 28px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_notice > * .infomation_list ul li a .title {
  width: calc(100% - 100px);
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice .dashboard_notice_status {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_notice .dashboard_notice_information {
    margin-left: 0;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist {
    margin-top: 20px;
    order: 1;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container {
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container {
    padding-right: 55px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper {
  margin-top: 20px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide a {
  display: inline-block;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo {
  line-height: 1;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .img {
  width: 158px;
  height: 158px;
  border: 5px solid #fff;
  background: url(../img/common/logo-noimg.svg) 50% 50% no-repeat #E2EBF1;
  background-size: 91px 47px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .img {
    width: 40vw;
    height: 40vw;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .img img,
#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .img canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  object-fit: contain;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .badge-label {
  position: absolute;
  left: 11px;
  bottom: 14px;
  z-index: 2;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .photo-icon {
  position: absolute;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #222;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .photo-icon a {
  color: #222;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .photo-icon--tags {
  right: 6px;
  top: 6px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .photo .photo-icon--paperclip {
  left: 6px;
  top: 50%;
  margin-top: -18px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .data {
  margin-top: 5px;
  color: #666666;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .data a {
  color: #666666;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .data .date {
  font-size: 11px;
  line-height: 1;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide .data .title {
  font-size: 14px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.noimg a {
  pointer-events: none;
  cursor: default;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.more {
  padding: 0 15px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.more a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e2ebf1;
  width: 158px;
  height: 158px;
  border: 2px dashed #ccc;
  border-radius: 20px;
  background-size: 91px 47px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.more a {
    width: 40vw;
    height: 40vw;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.more a .label-more {
  color: #666;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.more a .label-more i.fas {
  font-size: 1.5em;
  top: 3px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.item-category--asp-teacher .photo .img {
  border-color: #4169e1;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-container .swiper-wrapper .swiper-slide.item-category--asp-studio .photo .img {
  border-color: #c182dc;
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-prev {
  left: -35px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-prev {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-next {
  right: -35px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-next {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-prev::after,
#container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .swiper-button-next::after {
  font-size: 25px;
  color: #666666;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .photolist-slider {
    background: #E2EBF1;
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    padding-bottom: 35px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .photolist-slider .swiper-slide {
    padding-left: 10px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_finished_photolist .photolist-slider + .sp {
    margin-top: -18px !important;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list {
    margin-top: 40px;
    order: 2;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .header-ttl_with_btn .item-title {
  font-size: 40px;
  font-weight: bold;
  color: var(--color-green4);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .header-ttl_with_btn {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display {
  margin-top: 20px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -5px;
  margin-top: -8px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li {
  width: calc((100% - (5px * 5)) / 5);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-left: 5px;
  margin-top: 8px;
  min-height: 408px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li {
    min-height: 256px;
    width: 45.3vw !important;
    margin-left: 2vw;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.canceled {
  background: #DDDDDD;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.append a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  height: 100%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.append a > * {
  width: 100%;
  text-align: center;
  line-height: 1;
  display: inline-block;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.append a .plus {
  color: var(--color-green4);
  font-size: 45px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.append a .label {
  color: #666666;
  font-size: 20px;
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.append a .label {
    font-size: 16px;
    margin-top: 15px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.none {
  background: url(../img/common/logo-noimg.svg) 50% 50% no-repeat #E2EBF1;
  background-size: 131px 69px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li.none {
    background-size: 70% auto;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title {
  display: block;
  width: 100%;
  height: 110px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title {
    height: calc(1.52 * 3em);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 22px 10px 22px 50px;
  font-size: 24px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a {
    font-size: 14px;
    padding: 5px 10px 5px 22px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a > .feather {
  position: absolute;
  left: 20px;
  top: 26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a > .feather {
    left: 5px;
    top: 7px;
    width: 12px;
    height: 14px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a > span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title a > span {
    -webkit-line-clamp: 3;
    font-size: 14px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-red1 {
  color: #fff;
  background: var(--color-red1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-red2 {
  color: #fff;
  background: var(--color-red2);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-green1 {
  color: #fff;
  background: var(--color-green1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-green2 {
  color: #fff;
  background: var(--color-green2);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-green3 {
  color: #fff;
  background: var(--color-green3);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-green4 {
  color: #fff;
  background: var(--color-green4);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-purple1 {
  color: #fff;
  background: var(--color-purple1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-purple2 {
  color: #fff;
  background: var(--color-purple2);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-blue1 {
  color: #fff;
  background: var(--color-blue1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-blue2 {
  color: #fff;
  background: var(--color-blue2);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-gray1 {
  color: #fff;
  background: var(--color-gray1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-gray2 {
  color: #fff;
  background: var(--color-gray2);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.color-white1 {
  color: #93958D;
  border: 1px solid #93958D;
  background: var(--color-white1);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.item-category--asp-teacher {
  background-color: #4169e1;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .title.item-category--asp-studio {
  background-color: #c182dc;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .thumb {
  width: 100%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .thumb img {
  width: 100%;
  vertical-align: top;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  padding-bottom: 45px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content {
    padding: 10px;
    padding-bottom: 25px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .notice {
  width: calc(100% + 30px);
  background: #E03997;
  color: #fff;
  font-size: 13px;
  text-align: center;
  height: 27px;
  line-height: 27px;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .notice {
    font-size: 10px;
    margin-top: calc(-10px - 27px);
    background: rgba(224, 57, 151, 0.8);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}

@media screen and (max-width: 359px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date > * {
  width: 50%;
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date > * {
    white-space: nowrap;
  }
}

@media screen and (max-width: 359px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date .day {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date .time {
  font-size: 13px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date .time {
    font-size: 10px;
  }
}

@media screen and (max-width: 359px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .date .time {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .template {
  width: 100%;
  margin-bottom: 15px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .template .info {
  font-size: 11px;
  color: var(--color-green1);
  border: 1px solid var(--color-green1);
  padding: 6px 0;
  width: 100%;
  text-align: center;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .template .btn-file-download {
  width: 100%;
  margin-top: 5px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue {
  margin-bottom: 20px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl {
  font-size: 12px;
  color: #999999;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl dt {
  width: 65px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl dt {
    width: 100%;
    line-height: 1.2;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl dd {
  width: calc(100% - 65px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl dd {
    width: 100%;
    line-height: 1.2;
    margin-top: 3px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content > .event_venue dl dd + dt {
    margin-top: 8px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content_footer {
  display: flex;
  height: 30px;
  position: absolute;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  bottom: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content_footer {
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content_footer > .user-icon-list {
  width: calc(100% - 86px);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content_footer > .event_status {
  width: 86px;
  text-align: center;
  padding-left: 5px;
  line-height: 21px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-list .event_display > ul > li > .content_footer > .event_status .badge-label {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar {
    margin-top: 40px;
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .btn-detail-other {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title {
  font-size: 40px;
  font-weight: bold;
  color: var(--color-green4);
  display: flex;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-prev,
#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-next {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-prev::before,
#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-next::before {
  content: "";
  background-repeat: no-repeat;
  background-size: 13px 23px;
  display: block;
  width: 25px;
  height: 100%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-prev::before {
  background-image: url(../img/icon/ionic-ios-arrow-back.svg);
  background-position: 0 50%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-next::before {
  background-image: url(../img/icon/ionic-ios-arrow-forward.svg);
  background-position: 100% 50%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-current {
  display: flex;
  align-items: flex-end;
  margin-left: 20px;
  margin-right: 20px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-current .calendar-current-month span {
  line-height: 1;
  display: inline-block;
  font-size: 60px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .header-ttl_with_btn .item-title .calendar-current .calendar-current-sub {
  font-size: 20px;
  padding-bottom: 8px;
  color: #999999;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar {
  display: flex;
  margin-left: -4px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar {
    margin-left: 0;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar > li {
  width: calc((100% - 4px * 7) / 7);
  margin-left: 4px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar > li {
    margin-left: 0;
    width: calc(100% / 7);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-header > li {
  text-align: center;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body {
  flex-wrap: wrap;
  margin-top: -4px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body {
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li {
  min-height: 206px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-top: 4px;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li {
    padding: 12px;
    height: 68px;
    min-height: 68px;
    margin-top: 0;
    border-radius: 0;
    border-top: 1px solid #DDDDDD;
    text-align: center;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day {
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #999999;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .number {
  font-size: 40px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .number {
    font-size: 12px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .number::after {
  content: "";
  display: inline-block;
  font-size: 14px;
  margin-left: 6px;
  top: -3px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .number::after {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .holiday_label {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .day > .holiday_label {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul {
  margin-top: 10px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li + li {
  margin-top: 6px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a {
  color: var(--color-green4);
  font-size: 16px;
  display: block;
  padding-left: 16px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a {
    padding-left: 0;
    text-align: center;
    pointer-events: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a > span {
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a > span .small {
  line-height: 1.3;
  font-size: 0.75em;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a > span {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a > svg {
  width: 13px;
  position: absolute;
  top: -1px;
  left: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li a > svg {
    position: relative;
    left: auto;
    top: auto;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li > .event_list > ul > li:nth-of-type(n + 2) {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 1) > .day > .number::after {
  content: "MON";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 2) > .day > .number::after {
  content: "TUE";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 3) > .day > .number::after {
  content: "WED";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 4) > .day > .number::after {
  content: "THU";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 5) > .day > .number::after {
  content: "FRI";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 6) {
  background: #F2FAFF;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 6) > .day > .number::after {
  content: "SAT";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 7) {
  background: #F8EBF2;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:nth-of-type(7n + 7) > .day > .number::after {
  content: "SUN";
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_event {
  background: #F8F8F8;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_holiday {
  background: #F8EBF2;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today > .event_list > ul {
  padding-bottom: 40px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 6px solid #A9E5C9;
  border-radius: 10px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today::after {
  content: "TODAY";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 40px;
  background: #A9E5C9;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today {
    background: #EFFEF7;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today::before, #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today::after {
    display: none;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_today .event-create {
  bottom: calc(10px + 40px);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.is_not_this_month {
  background: #DDDDDD;
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:not(.calendar-modal-open) .modal-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open {
    position: fixed;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 80;
    border-radius: 20px;
    border-top: none;
    padding: 0;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 60px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .day {
    text-align: left;
    border-bottom: 1px solid #CCCC;
    padding: 10px 20px;
    position: fixed;
    height: 60px;
    width: 90%;
    left: 5%;
    top: 5%;
    background: #fff;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 2;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .day * {
    display: inline-block;
    font-size: 18px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .day > a.modal-sp {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    color: var(--color-green4);
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    text-align: center;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .day > .holiday_label {
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 35px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li {
    display: block !important;
    padding: 10px 20px;
    border-bottom: 1px solid #CCCC;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li a {
    display: flex;
    align-items: center;
    text-align: left;
    pointer-events: auto !important;
    width: 100%;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li a svg {
    width: 16px;
    height: 16px;
    top: 2px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li a > span {
    display: inline-block !important;
    width: auto;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li a > span:nth-of-type(1) {
    width: calc(100% - 16px - 100px);
    display: -webkit-box !important;
    padding-left: 5px;
    padding-right: 5px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .event_list > ul > li a > span:nth-of-type(2) {
    width: 100px;
    color: #666;
    font-size: 12px;
    text-align: right;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li.calendar-modal-open > .ads-area {
    padding: 20px;
    margin-top: 50px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li .event-create {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  font-size: 28px;
  line-height: 30px;
  text-align: right;
  color: var(--color-green4);
}

#container #contents > #contents-inner.page-dashboard .dashboard_event_display-calendar .event_display .table-calendar-body > li:hover .event-create {
  display: block;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary {
  margin-top: 54px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary {
    order: 5;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list {
  display: flex;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * {
  background: #FAFFEB;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * + * {
    margin-left: 27px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_group_total {
  width: 168px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_group_total {
    width: calc(50% - 6px);
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_register {
  width: 338px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_register {
    width: calc(50% - 6px);
    margin-left: 12px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_register .summary {
    font-size: 16px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_register .summary .number {
    font-size: 30px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_sales {
  width: 457px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_sales {
    width: 100%;
    margin-top: 12px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_sales .summary {
    text-align: right;
    font-size: 20px;
    padding-left: 3em;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_sales .summary .total_label {
    position: absolute;
    left: 14px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_sales .summary .number {
    font-size: 36px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_viewer {
  width: 224px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_viewer {
    width: 100%;
    margin-top: 12px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_viewer .summary {
    text-align: right;
    font-size: 20px;
  }
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > *.dashboard_summary_viewer .summary .number {
    font-size: 36px;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl {
  height: 58px;
  line-height: calc(57px - 16px * 2);
  color: #666666;
  font-size: 20px;
  padding: 16px 14px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl {
    font-size: 14px;
    height: auto;
    line-height: 1.2;
  }
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl > svg,
#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl > .icon {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  top: -2px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl .about {
  color: var(--color-green1);
  font-size: 12px;
  display: inline-block;
  margin-left: 2em;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .ttl::before {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .summary {
  padding: 16px 14px 0 14px;
  font-size: 30px;
  color: var(--color-green1);
  text-align: center;
  white-space: nowrap;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * .summary .number {
  font-size: 50px;
  line-height: 35px;
  font-family: Tahoma, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#container #contents > #contents-inner.page-dashboard .dashboard_summary .dashboard_summary_list > * > .note {
  padding: 0 14px;
  font-size: 8px;
  color: #666666;
  text-align: right;
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 {
  max-height: 446px;
  height: 30vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul {
    background: #FFFFFF;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li {
  display: flex;
  align-items: center;
  color: #999999;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li {
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .date {
  width: 160px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .date {
    width: 100%;
    padding-left: 0;
    font-size: 10px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .ttl {
  width: calc(100% - 160px - 230px);
  font-size: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .ttl {
    width: calc(100% - 105px);
    font-size: 14px;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .ttl svg {
    display: none;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .ttl a {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .ttl a {
    color: #333333;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state {
  width: 230px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state {
    position: absolute;
    right: 15px;
    width: 95px;
    padding-right: 0;
  }
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state a {
    font-size: 8px;
    line-height: 1.2;
    padding: 10px 8px;
    text-align: left;
  }
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state a span {
    line-height: 1.2;
  }
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state a::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 20px;
    font-size: 18px;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .btn-file-download {
  width: 198px;
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .preparation {
  display: inline-block;
  width: calc(198px - 30px - 10px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #707070;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .preparation {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
    display: none;
  }
}

#container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .draft {
  display: inline-block;
  width: 198px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #93958D;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .item-list-type-1 > ul > li .state .draft {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed .display_toggle {
  text-align: center;
  padding: 10px 0;
  z-index: 2;
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed .display_toggle .btn {
  display: inline-block;
  width: 30px;
  height: 30px;
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed .display_toggle .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/ionic-ios-arrow-bottom--gray.svg) 50% 50% no-repeat;
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -26px;
  margin-left: -26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul {
    margin-top: -12px;
    margin-left: -12px;
  }
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li {
  width: calc((100% - (26px * 3)) / 3);
  height: 70px;
  margin-left: 26px;
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li {
    width: calc((100% - (12px * 2)) / 2);
    margin-top: 12px;
    margin-left: 12px;
    height: auto;
  }
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-green1);
  color: #fff;
  line-height: 70px;
  padding-left: 20px;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
  }
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li a object {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-handouts .handouts_footer_fixed > ul li a object {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
}

#container #contents > #contents-inner.page-handouts .handouts_list {
  max-height: initial;
  height: auto;
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed {
  margin-top: 50px;
}

#container #contents > #contents-inner.page-handouts .handouts_footer_fixed .display_toggle {
  display: none;
}

#container #contents > #contents-inner.page-config {
  display: flex;
}

#container #contents > #contents-inner.page-config .config-body {
  width: 855px;
}

#container #contents > #contents-inner.page-config .config-body > .ttl {
  font-size: 24px;
  color: #999999;
}

#container #contents > #contents-inner.page-config .config-body > .ttl .edit {
  display: inline-block;
  color: #999999;
  font-size: 16px;
  margin-left: 28px;
}

#container #contents > #contents-inner.page-config .config-body > .ttl .edit::before {
  content: "";
  display: inline-block;
  background: url(../img/icon/ionic-ios-arrow-forward--black.svg) 50% 50% no-repeat;
  background-size: 100%;
  width: 8px;
  height: 13px;
  margin-right: 3px;
}

#container #contents > #contents-inner.page-config .config-list {
  width: 290px;
  margin-left: calc(100% - 855px - 290px);
}

#container #contents > #contents-inner.page-config .config-list > .ttl {
  color: #999999;
}

#container #contents > #contents-inner.page-config .config-list > .ttl object {
  width: 15px;
  height: 15px;
}

#container #contents > #contents-inner.page-config .config-list > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#container #contents > #contents-inner.page-config .config-list > ul > li {
  display: block;
  width: 100%;
  background: #fff;
  height: 86px;
}

#container #contents > #contents-inner.page-config .config-list > ul > li + li {
  margin-top: 15px;
}

#container #contents > #contents-inner.page-config .config-list > ul > li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333333;
  border: 1px solid #BEE3DC;
  padding: 10px 30px;
  padding-left: 45px;
  transition: background-color .3s ease;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-config .config-list > ul > li a:hover {
  background: #EFFCFA;
}

#container #contents > #contents-inner.page-config .config-list > ul > li a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 18px;
}

#container #contents > #contents-inner.page-config .config-list > ul + .ttl {
  margin-top: 45px;
}

#container #contents > #contents-inner.page-config .config-list > .frame-notice.reply-frame {
  width: 290px;
  left: 0;
  top: 0;
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body {
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul {
  display: flex;
  flex-wrap: wrap;
  background: #F8F9F9;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul {
    border-radius: 0;
    padding-bottom: 45px;
    background: #FFFFFF;
  }
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li:not(:nth-of-type(1))::before,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li:not(:nth-of-type(1))::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 1px;
  background: #CCCCCC;
  position: absolute;
  top: 0;
  left: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li:not(:nth-of-type(1))::before,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li:not(:nth-of-type(1))::before {
    width: calc(100% - 28px);
    left: 14px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val {
    padding: 22px 0;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val {
    padding: 4px 14px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key {
  color: #999999;
  width: 170px;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key {
    font-size: 10px;
    width: 100%;
    padding-top: 18px;
    padding-left: 14px;
  }
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key::before, #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .key::after,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key::before,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .key::after {
    display: none;
  }
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val {
  font-size: 20px;
  color: #333333;
  width: calc(100% - 170px);
  padding-right: 20px;
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val::before, #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val::after,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val::before,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val::after {
  right: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul > li .val,
  #container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul > li .val {
    width: 100%;
    padding-bottom: 18px;
    padding-right: 14px;
    color: #666666;
  }
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > ul + .btn-div,
#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > div > form > ul + .btn-div {
  margin-top: -18px;
}

#container #contents > #contents-inner.page-config.page-config--group .config-body > .body > .config-edit ul {
  background: #E2EBF1;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .ttl object.icon {
  width: 110px;
  height: 20px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .ttl {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .ttl {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .ttl .label {
    display: block;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .ttl object.icon {
    width: 90px;
    height: 16px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body {
    margin-top: 15px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .items-separate-c2 {
  align-items: flex-end;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .items-separate-c2 .items-separate-item:nth-of-type(1) {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .items-separate-c2 .items-separate-item:nth-of-type(1) {
    width: 60%;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .items-separate-c2 .items-separate-item:nth-of-type(2) {
  text-align: right;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .items-separate-c2 .items-separate-item:nth-of-type(2) {
    width: 40%;
    color: #666666;
    font-size: 12px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table {
  margin-top: 20px;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table {
  width: 100%;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr td,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr th,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td {
  /*
                    &:nth-of-type(1) {
                        width: 378px;
                    }
                    &:nth-of-type(2) {
                        width: 70px;
                        text-align: center;
                    }
                    &:nth-of-type(3) {
                        width: 96px;
                    }
                    &:nth-of-type(4) {
                        width: 109px;
                    }
                    &:nth-of-type(5) {
                        width: calc(100% - 378px - 70px - 96px - 109px);
                    }
                    */
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table th,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table td {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 10px;
  vertical-align: middle;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table th,
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table td {
    border-bottom: 0;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead {
    display: none;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th {
  background: var(--color-green1);
  text-align: center;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th + th {
  border-left: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr {
    display: flex;
    flex-wrap: wrap;
    background: #F5FAFD;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px;
    min-height: 90px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td {
  /*
                    @include mq-down("md") {
                        &:nth-of-type(1) {
                            width: 70px;
                            font-size: 12px;
                            color: #999999;
                            line-height: 1.42;
                        }
                        &:nth-of-type(2) {
                            width: calc(100% - 70px - 30px);
                            font-size: 12px;
                            color: #999999;
                            line-height: 1.42;
                        }
                        &:nth-of-type(3) {
                            width: calc(100% - 30px);
                            .label {
                                line-height: 1.42;
                            }
                        }
                        &:nth-of-type(4) {
                            width: 30px;
                            position: absolute;
                            top: 10px;
                            right: 15px;
                        }
                    }
                    */
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(odd) {
    background: #FCFCFC;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td {
    display: block;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr td:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr th:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(1) {
  width: 109px;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr td:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr th:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(2) {
  width: 180px;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr td:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr th:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(3) {
  width: calc(100% - 109px - 180px - 123px);
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr th:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table thead tr td:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr th:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(4) {
  width: 123px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(1) {
    width: 70px;
    font-size: 12px;
    color: #999999;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(2) {
    width: calc(100% - 70px - 30px);
    font-size: 12px;
    color: #999999;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(3) {
    width: calc(100% - 30px);
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(3) .label {
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td:nth-of-type(4) {
    width: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td > .label {
  cursor: pointer;
  width: calc(100% - 80px);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td > .label {
    -webkit-line-clamp: 2;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td > .label:hover {
  opacity: 0.8;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td > .label.nohover:hover {
  opacity: 1 !important;
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-completed,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-failed {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  padding-top: 30px;
  white-space: nowrap;
  text-align: center;
  line-height: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-completed,
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-failed {
    top: -12px;
    margin-top: 0;
    height: 35px;
    padding-top: 24px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-completed::before,
#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-failed::before {
  content: "\f00c";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 30px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-completed::before,
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-failed::before {
    font-size: 24px;
  }
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-completed {
  color: var(--color-green1);
}

#container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .stream-failed {
  color: var(--color-red1);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .icon-stream-type {
    flex-wrap: wrap;
    width: 30px;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .icon-stream-type li {
    margin-left: 0;
  }
  #container #contents > #contents-inner.page-config.page-config--notification .config-body > .body .stream-table table tbody tr td .icon-stream-type li + li {
    margin-top: 8px;
  }
}

#container #contents > #contents-inner.page-config.page-config--contact .config-body textarea {
  height: 350px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--contact .config-body input[type=text] {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body {
    width: auto;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .ttl .select-month {
  font-size: 16px;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table {
  margin-top: 20px;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table {
  width: 100%;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th,
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td,
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th,
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td {
  /*
                    &:nth-of-type(1) {
                        width: 378px;
                    }
                    &:nth-of-type(2) {
                        width: 70px;
                        text-align: center;
                    }
                    &:nth-of-type(3) {
                        width: 96px;
                    }
                    &:nth-of-type(4) {
                        width: 109px;
                    }
                    &:nth-of-type(5) {
                        width: calc(100% - 378px - 70px - 96px - 109px);
                    }
                    */
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table th,
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table td {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 10px;
  vertical-align: middle;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table th,
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table td {
    border-bottom: 0;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead {
    display: none;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th {
  background: var(--color-green1);
  text-align: center;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th + th {
  border-left: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr {
    display: flex;
    flex-wrap: wrap;
    background: #F5FAFD;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px;
    min-height: 90px;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td {
  /*
                    @include mq-down("md") {
                        &:nth-of-type(1) {
                            width: 70px;
                            font-size: 12px;
                            color: #999999;
                            line-height: 1.42;
                        }
                        &:nth-of-type(2) {
                            width: calc(100% - 70px - 30px);
                            font-size: 12px;
                            color: #999999;
                            line-height: 1.42;
                        }
                        &:nth-of-type(3) {
                            width: calc(100% - 30px);
                            .label {
                                line-height: 1.42;
                            }
                        }
                        &:nth-of-type(4) {
                            width: 30px;
                            position: absolute;
                            top: 10px;
                            right: 15px;
                        }
                    }
                    */
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(odd) {
    background: #FCFCFC;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td {
    display: block;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th:nth-of-type(1),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(1) {
  width: 378px;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th:nth-of-type(2),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2) {
  width: 70px;
  text-align: center;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th:nth-of-type(3),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3) {
  width: 96px;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th:nth-of-type(4),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(4) {
  width: 109px;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr th:nth-of-type(5),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table thead tr td:nth-of-type(5),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr th:nth-of-type(5),
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(5) {
  width: calc(100% - 378px - 70px - 96px - 109px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody {
    padding-left: 15px;
    padding-right: 15px;
    background: #F5FAFD;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr {
    min-height: initial;
    padding: 15px 0;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr.nodata {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td {
    width: 100% !important;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td.nodata {
    display: none;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(1) {
    padding-top: 20px;
    padding-bottom: 5px;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(1)::before {
    content: "商品名";
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2), #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3) {
    background: #E2EBF1;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2)::after, #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3)::after {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2)::after, #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3)::after {
    background-position: 0 100%;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2) {
    width: 130px !important;
    text-align: left;
    padding-left: 1em;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2)::before {
    content: "数量：";
    font-size: 10px;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(2).nodata + td.nodata {
    display: none;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3) {
    width: calc(100% - 130px) !important;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3)::before {
    content: "単価：";
    font-size: 10px;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3).nodata {
    display: block;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(3).nodata::before {
    display: none;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(4) {
    text-align: right;
  }
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr td:nth-of-type(4)::before {
    content: "価格：";
    font-size: 10px;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .billing-table table tbody tr:last-child {
  border-bottom: none;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl {
  margin-top: 20px;
  display: flex;
  align-items: center;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dt,
#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dd {
  padding: 20px 0;
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dt {
  background: #FCFCFC;
  padding-left: 80px;
  width: 456px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dt {
    width: 160px;
    padding-left: 0;
    text-align: center;
  }
}

#container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dd {
  width: calc(100% - 456px);
  padding-left: 30px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--billing .config-body > .body .incentive dl dd {
    width: calc(100% - 160px);
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul {
    margin-left: -12px;
    margin-top: -12px;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li {
  min-height: 106px;
  width: calc((100% - 15px * 3) / 3);
  margin-left: 15px;
  margin-top: 15px;
  border: 1px solid #D4D4D5;
  border-radius: 4px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li {
    height: auto;
    min-height: 193px;
    width: calc((100% - 12px * 2) / 2);
    margin-left: 12px;
    margin-top: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border: none;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 10px;
  color: #333333;
  background: #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .thumb {
  width: 68px;
  height: 68px;
  overflow: hidden;
  align-self: center;
  border-radius: 68px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .thumb {
    width: 21.86vw;
    height: 21.86vw;
    margin-left: auto;
    margin-right: auto;
    align-self: initial;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .thumb img {
  width: 100%;
  height: 100%;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile {
  width: calc(100% - 68px);
  padding-left: 18px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile .name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile .role {
  font-size: 10px;
  opacity: 0.4;
  line-height: 1;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile .role {
    font-size: 13px;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li a .profile .email {
  font-size: 13px;
  opacity: 0.8;
  line-height: 1.42;
  margin-top: 7px;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.append a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  height: 100%;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.append a > * {
  width: 100%;
  text-align: center;
  line-height: 1;
  display: inline-block;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.append a .plus {
  color: var(--color-green4);
  font-size: 40px;
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.append a .label {
  color: #666666;
  font-size: 14px;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.append a .label {
    font-size: 16px;
    margin-top: 15px;
  }
}

#container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.none {
  background: url(../img/common/logo-noimg.svg) 50% 50% no-repeat #E2EBF1;
  background-size: 100px auto;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-config.page-config--group-account .config-body > .body .member_list > ul > li.none {
    background-size: 70% auto;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-event-edit {
    padding-right: 375px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-title {
    order: 1;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-title .badge-label {
  min-width: 86px;
}

#container #contents > #contents-inner.page-event-edit > .frame-title .badge-label + .mode {
  display: inline-block;
  margin-left: 18px;
  color: #999999;
}

#container #contents > #contents-inner.page-event-edit > .frame-title .badge-label + .mode a {
  color: #999999;
}

#container #contents > #contents-inner.page-event-edit > .frame-title .badge-label + .mode::before {
  content: ">";
  display: inline-block;
  font-weight: bold;
  margin-right: 0.2em;
  color: #000;
}

#container #contents > #contents-inner.page-event-edit > .frame-body {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body {
    order: 3;
    width: 100%;
    padding-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head {
    display: flex;
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .event_ttl {
  width: 100%;
  font-size: 30px;
  line-height: 1.42;
  color: var(--color-green4);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .event_ttl {
    order: 2;
    padding: 14px 0;
    margin-top: -10px;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .event_ttl::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .event_ttl::before {
    background-position: 0 100%;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .progress {
  position: absolute;
  right: 0;
  top: -70px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .progress {
    width: 100%;
    order: 1;
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 20px;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_head > .progress > .progress-list {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list {
    background: transparent;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .ttl {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    color: #666666;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .body .form-list {
  padding-bottom: 0;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .body .notset {
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .body {
    padding-left: 0;
    padding-right: 0;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .body ~ .ttl,
#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li > .body ~ .body {
  padding-top: 0;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-append,
#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: calc(-28px);
  text-align: center;
  cursor: pointer;
  opacity: 0.4;
  pointer-events: none;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-append > .plus,
#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove > .plus {
  display: inline-block;
  height: 21px;
  width: 21px;
  color: #EBD0CE;
  background: #fff;
  border: 1px solid #EBD0CE;
  border-radius: 21px;
  line-height: 1;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-append > .label,
#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove > .label {
  color: #EBD0CE;
  font-size: 14px;
  line-height: 23px;
  top: auto;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-append > .label,
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove > .label {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-append,
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove {
    position: relative;
    right: auto;
    top: auto;
    font-size: 16px;
    right: 0px;
    margin-bottom: 10px;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .list-remove {
  margin-top: calc(-28px + 25px);
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .duplicate-item-hide {
  display: none;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li.duplicate-item-append-enable .list-append,
#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list > li.duplicate-item-remove-enable .list-remove {
  opacity: 1;
  pointer-events: auto;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .meeting-place-other {
  display: none;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .meeting-place-other.active {
  display: block;
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .timeschedule-data {
  padding-left: 32px;
  padding-right: 40px;
  margin-top: 5px;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .timeschedule-data {
    padding-left: 0;
    padding-right: 0;
  }
}

#container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .timeschedule-data > .number {
  width: 32px;
  height: calc(100% - 5px);
  background: #CCCCCC;
  color: #fff;
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .form-list .timeschedule-data > .number {
    position: relative;
    left: auto;
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .btns {
    margin-top: -20px;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .btns > li {
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .btns > li.submit {
    order: 2;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .btns > li.temp {
    order: 1;
  }
  #container #contents > #contents-inner.page-event-edit > .frame-body > .event_body .btns > li.delete {
    order: 3;
  }
}

#container #contents > #contents-inner.page-event-edit.page-event-correction .form-list {
  overflow: visible;
}

#container #contents > #contents-inner.page-event-edit.page-event-correction .form-list > li.corrections_point {
  border: 2px solid #F14542;
  background: rgba(241, 69, 64, 0.1);
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  padding-left: 10px;
  padding-right: 10px;
}

#container #contents > #contents-inner.page-event-edit.page-event-correction .form-list > li.corrections_point::before {
  display: none;
}

#container #contents > #contents-inner.page-event-edit.page-event-correction .form-list > li.corrections_point + li::before {
  display: none;
}

#container #contents > #contents-inner.page-event-edit.page-event-complete + .page-handouts > .page-title {
  color: #999999;
  font-size: 24px;
}

#container #contents > #contents-inner.page-event-edit.page-event-complete + .page-handouts > .page-title + .handouts_list > ul {
  border-top: 1px solid #CCCCCC;
  margin-top: 25px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .date {
  line-height: 1;
  font-size: 24px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .date * {
  line-height: 1;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .date .number {
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .date {
    background: #fff;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title {
  margin-top: 15px;
  font-size: 24px;
  color: #999999;
  line-height: 1;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title * {
  line-height: 1;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title .event_title {
  font-size: 30px;
  color: var(--color-green4);
  display: inline;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title .event_title > svg {
  width: 30px;
  height: 30px;
  top: 2px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title .event_title > svg {
    position: absolute;
    left: 0;
    top: 3px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title .event_title {
    font-size: 20px;
    padding-left: 35px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .title {
    background: #fff;
    margin-top: 0;
    padding: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 0;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .about {
  margin-top: 20px;
  color: #666666;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header .about {
    margin-top: 0;
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
    line-height: 1.42;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header {
    border-top: 1px solid #CCCCCC;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-header {
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container {
  margin-top: 35px;
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container {
    flex-wrap: wrap;
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list {
  width: 340px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list {
    width: calc(100% + 20px);
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl {
  font-size: 18px;
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl {
    font-size: 14px;
    padding-left: 10px;
    border-bottom: 1px solid #CCCCCC;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul {
  margin-top: 15px;
  width: 292px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul {
    width: 100%;
    padding: 20px 12px 28px 12px;
    background: #E2EBF1;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li {
  display: flex;
  align-items: center;
  height: 106px;
  border: 1px solid #CCCCCC;
  padding-left: 10px;
  padding-right: 50px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li {
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background: #E2EBF1;
    padding-right: 0;
    padding-bottom: 60px;
    width: calc((100% - 12px) / 2);
    margin-left: 12px;
    height: 221px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li:nth-of-type(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.selected {
    background: #EEEEEE;
    border-color: #EEEEEE;
  }
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.selected::before {
    content: "";
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-color: #EEEEEE transparent transparent transparent;
    position: absolute;
    top: 30px;
    right: -42px;
    z-index: 2;
    transform: scale(1, 0.6) rotate(-90deg);
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.finished > .icon {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  padding-top: 30px;
  white-space: nowrap;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  color: var(--color-green1);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.finished > .icon {
    top: auto;
    bottom: 20px;
    left: 50%;
    margin-top: 0;
    margin-left: -25px;
    height: 35px;
    padding-top: 24px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.finished > .icon::before {
  content: "\f00c";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 30px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li.finished > .icon::before {
    font-size: 24px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .thumb {
  width: 68px;
  height: 68px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .thumb img {
  width: 100%;
  border-radius: 68px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .thumb {
    width: 82px;
    height: 82px;
  }
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .thumb img {
    border-radius: 82px;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .data {
  padding-left: 15px;
  width: calc(100% - 68px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .data {
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .data * {
  line-height: 1;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .data .name {
  font-size: 18px;
  font-weight: bold;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .photograph-list .ttl + ul li > .data .role {
  color: #999999;
  font-size: 13px;
  margin-top: 6px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body {
  width: calc(100% - 340px);
  border-left: 1px solid #CCCCCC;
  padding-left: 45px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body {
    display: none;
  }
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item {
  display: none;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item.selected {
  display: block;
  opacity: 0;
  top: 15px;
  transition: all .3s ease;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item.selected.anime-finish {
  opacity: 1;
  top: 0px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item form > .header {
  font-size: 18px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item form > .header .name {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item form > .body {
  margin-top: 30px;
}

#container #contents > #contents-inner.page-event-questionnaire .questionnaire-container .questionnaire-body > .questionnaire-body-item form > .body > .form-list + .btns {
  margin-top: 30px;
}

#container #contents > #contents-inner.page-photo-sale-manage {
  flex-wrap: wrap;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data {
  width: 520px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data {
    order: 2;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .date {
  line-height: 1;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .date {
    order: 3;
    margin-top: 20px;
    padding-bottom: 20px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .date::before {
    content: "日程";
    font-size: 12px;
    display: inline-block;
    width: 60px;
    text-align: center;
    line-height: 1;
    top: -4px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .date * {
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .date .number {
  font-size: 35px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode {
  margin-left: 20px;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode {
    order: 2;
    margin-left: 0;
    width: 100%;
    padding-top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label {
  min-width: 86px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label {
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: 2;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label + .mode {
  display: inline-block;
  margin-left: 18px;
  color: #999999;
  font-size: 16px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label + .mode a {
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label + .mode {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .mode .badge-label + .mode::before {
  content: ">";
  display: inline-block;
  font-weight: bold;
  margin-right: 0.2em;
  color: #000;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .event_ttl {
  font-size: 30px;
  line-height: 1.42;
  color: var(--color-green4);
  padding: 10px 0;
  padding-left: 30px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #CCCCCC;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 35px;
  width: 100%;
  height: calc(85px + 15px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .event_ttl {
    order: 1;
    margin-top: 0;
    font-size: 20px;
    line-height: 25px;
    height: 82px;
    background: #FFFFFF;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 40px;
    padding-right: 10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .event_ttl > svg {
  position: absolute;
  top: 16px;
  left: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .data > .event_ttl > svg {
    left: 10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .progress {
  width: calc(100% - 520px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .progress {
    order: 1;
    width: calc(100% + 20px);
    background: #E2EBF1;
    padding: 15px 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .progress .progress-list {
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .progress .progress-list {
    justify-content: flex-start;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl {
  width: 100%;
  color: #fff;
  text-align: center;
  height: 59px;
  font-size: 30px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-red1 {
  color: #fff;
  background: var(--color-red1);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-red2 {
  color: #fff;
  background: var(--color-red2);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-green1 {
  color: #fff;
  background: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-green2 {
  color: #fff;
  background: var(--color-green2);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-green3 {
  color: #fff;
  background: var(--color-green3);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-green4 {
  color: #fff;
  background: var(--color-green4);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-purple1 {
  color: #fff;
  background: var(--color-purple1);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-purple2 {
  color: #fff;
  background: var(--color-purple2);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-blue1 {
  color: #fff;
  background: var(--color-blue1);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-blue2 {
  color: #fff;
  background: var(--color-blue2);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-gray1 {
  color: #fff;
  background: var(--color-gray1);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-gray2 {
  color: #fff;
  background: var(--color-gray2);
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl.color-white1 {
  color: #93958D;
  border: 1px solid #93958D;
  background: var(--color-white1);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-root-header > .ttl {
    order: 3;
    width: calc(100% + 20px);
    padding: 25px 20px;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 20px;
    height: auto;
    line-height: 1.42;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list {
    margin-top: -32px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list > ul {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  margin-left: -2px;
  margin-top: -2px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list > ul > li {
  width: calc((100% - (2px * 3)) / 3);
  margin-left: 2px;
  margin-top: 2px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list > ul > li canvas {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list > ul > li {
    width: calc((100% - (2px * 2)) / 2);
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .photo_sample_list > ul > li:nth-of-type(n + 5) {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode {
  margin-top: 30px;
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode {
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns {
    padding-left: 0;
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns::before {
    content: "操作をお選びください";
    width: 100%;
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns > li {
    width: 50%;
    height: 187px;
    margin-left: 0 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns > li .btn {
    min-width: auto;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 134px;
    font-weight: normal;
    background: #fff;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns > li .btn.btn-photo::before {
    width: 70px;
    height: 58px;
    position: absolute;
    top: 24%;
    left: 50%;
    margin-left: -35px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns > li .btn.btn-check {
    border-left: none;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .choose_mode .btns > li .btn.btn-check::before {
    position: absolute;
    top: 20%;
    left: 50%;
    font-size: 70px;
    margin-left: -35px;
    line-height: 1;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information {
  background: #F9F1F6;
  border: 6px solid #E2D7E6;
  border-radius: 10px;
  margin-top: 20px;
  padding: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information {
    margin-top: 0;
    padding-bottom: 20px;
    border: none;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information::before, #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #E2D7E6;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information::after {
    top: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  height: calc(72px - 15px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head {
    height: auto;
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head::before {
  content: "";
  background-position: 0 100%;
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head::before {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .ttl {
  font-size: 18px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .ttl > i {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .ttl {
    width: 100%;
    padding-bottom: 15px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .ttl::before {
    content: "";
    background-position: 0 100%;
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .users {
  display: flex;
  align-content: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .users {
    width: 100%;
    padding-top: 15px;
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .users > * {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .head > .users > .label {
  display: inline-block;
  color: #999999;
  margin-right: 10px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .body {
  background: #fff;
  border: 1px solid #E6DBDA;
  border-radius: 5px;
  padding: 12px;
  margin-top: 15px;
  max-height: 211px;
  font-size: 14px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .body::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .body::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .from_la_information > .body {
    max-height: 235px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period {
  margin-top: 35px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl {
    border-top: none;
    border-bottom: none;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl::before {
    content: "販売期間";
    display: block;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dt {
  width: 240px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dt::after {
  content: "：";
  position: absolute;
  right: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dt {
    background: #E2EBF1;
    font-size: 12px;
    padding-left: 4px;
    width: 100%;
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dt::after {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd {
  width: calc(100% - 240px);
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dt,
#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dd {
  border-top: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dt,
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dd {
    border-top: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd {
    font-size: 14px;
    width: 100%;
    padding-bottom: 10px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dt {
    margin-top: 10px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .sales_period dl dd ~ dt::before {
    content: "";
    background-position: 0 0;
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area {
  background: #5693E2;
  color: #fff;
  height: 282px;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area {
    padding-top: 35px;
    padding-bottom: 60px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area::before {
  content: "";
  position: absolute;
  top: 54px;
  right: 112px;
  display: block;
  width: 175px;
  height: 210px;
  background: url(../img/photo-sale-manage/arrow-bottom.png) 0 0 no-repeat;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area::before {
    top: auto;
    right: auto;
    left: 10%;
    bottom: 0%;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area::after {
  content: "";
  position: absolute;
  top: 35px;
  right: -17px;
  display: block;
  width: 209px;
  height: 209px;
  background: url(../img/common/alpaca2.png) 0 0 no-repeat;
  background-size: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area::after {
    width: 169px;
    height: 169px;
    opacity: 0.7;
    top: 30px;
    right: 0px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > * {
  z-index: 2;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl {
  width: 100%;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl {
    font-size: 16px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl .icon {
  width: 255px;
  height: 46px;
  vertical-align: text-bottom;
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl .big {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl .big {
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .ttl > div:nth-of-type(2) {
    line-height: 1;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .body {
  font-size: 14px;
  line-height: 1.42;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area > .body {
    margin-top: 20px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area .btn {
  position: absolute;
  bottom: -24px;
  right: 35px;
  width: 290px;
  height: 70px;
  font-size: 20px;
  background: #fff;
  border: 1px solid #BEE3DC;
  border-radius: 0;
  line-height: 68px;
  padding: 0;
  padding-left: 50px;
  color: #333333;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area .btn {
    height: 56px;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    border: 4px solid #BEE3DC;
    border-radius: 10px;
    padding-right: 0;
    padding-left: 0;
    right: auto;
    left: 50%;
    margin-left: calc(-290px / 2);
    text-align: center;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area .btn > svg {
    vertical-align: middle;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area .btn::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #BEE3DC;
    border-radius: 18px;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -9px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body > .sale-upload-area .btn::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: calc(50% + 5px);
    left: calc(25px + 4px);
    margin-top: -9px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    z-index: 2;
    transform: rotate(-135deg);
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sale-manage > .config-body > .body .form-list > .questionnaire > .body .btn {
    line-height: 45px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage-select > .config-body > .body .comment_to_la {
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage-select > .config-body > .body .comment_to_la .form-list > li::before {
  display: none;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sale-manage-select > .config-body > .body .comment_to_la .form-list > li > .body {
    padding-right: 0;
  }
}

#container #contents > #contents-inner.page-photo-sale-manage-select > .config-body > .body .choose_mode .btns {
  padding-left: 180px;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage-select > .config-body > .body .choose_mode .btns {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sale-manage-sale > .config-body > .body .choose_mode .btns {
    margin-left: 12px;
    margin-right: 12px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage-sale > .config-body > .body .choose_mode .btns::before {
    display: none;
  }
  #container #contents > #contents-inner.page-photo-sale-manage-sale > .config-body > .body .choose_mode .btns > li {
    width: 100%;
    height: auto;
  }
  #container #contents > #contents-inner.page-photo-sale-manage-sale > .config-body > .body .choose_mode .btns > li .btn.btn-photo {
    border-color: #BEE3DC;
    background: #E03997 !important;
    color: #fff;
    width: 100%;
    padding: 0;
    height: 90px;
    line-height: 90px;
  }
  #container #contents > #contents-inner.page-photo-sale-manage-sale > .config-body > .body .choose_mode .btns > li .btn.btn-photo::before {
    position: relative;
    top: 4px;
    left: auto;
    margin-left: auto;
    width: 24px;
    height: 20px;
    background-image: url(../img/icon/material-photo-size-select-actual--white.svg);
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 {
  max-height: 446px;
  height: 30vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul {
    background: #FFFFFF;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li {
  display: flex;
  align-items: center;
  color: #999999;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li {
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .date {
  width: 160px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .date {
    width: 100%;
    padding-left: 0;
    font-size: 10px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .ttl {
  width: calc(100% - 160px - 230px);
  font-size: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .ttl {
    width: calc(100% - 105px);
    font-size: 14px;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .ttl svg {
    display: none;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .ttl a {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .ttl a {
    color: #333333;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state {
  width: 230px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state {
    position: absolute;
    right: 15px;
    width: 95px;
    padding-right: 0;
  }
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state a {
    font-size: 8px;
    line-height: 1.2;
    padding: 10px 8px;
    text-align: left;
  }
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state a span {
    line-height: 1.2;
  }
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state a::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 20px;
    font-size: 18px;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .btn-file-download {
  width: 198px;
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .preparation {
  display: inline-block;
  width: calc(198px - 30px - 10px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #707070;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .preparation {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
    display: none;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .draft {
  display: inline-block;
  width: 198px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #93958D;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .item-list-type-1 > ul > li .state .draft {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed .display_toggle {
  text-align: center;
  padding: 10px 0;
  z-index: 2;
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed .display_toggle .btn {
  display: inline-block;
  width: 30px;
  height: 30px;
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed .display_toggle .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/ionic-ios-arrow-bottom--gray.svg) 50% 50% no-repeat;
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -26px;
  margin-left: -26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul {
    margin-top: -12px;
    margin-left: -12px;
  }
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li {
  width: calc((100% - (26px * 3)) / 3);
  height: 70px;
  margin-left: 26px;
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li {
    width: calc((100% - (12px * 2)) / 2);
    margin-top: 12px;
    margin-left: 12px;
    height: auto;
  }
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-green1);
  color: #fff;
  line-height: 70px;
  padding-left: 20px;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
  }
}

#container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li a object {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .handouts_footer_fixed > ul li a object {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
}

#container #contents > #contents-inner.page-event-search .match_data {
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .match_data {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .match_data {
    font-size: 12px;
    border-top: 1px solid #CCCCCC;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#container #contents > #contents-inner.page-event-search .match_data .word {
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-search .match_data .word {
    font-size: 16px;
    font-weight: bold;
  }
}

#container #contents > #contents-inner.page-event-search .item-list-type-1 {
  max-height: initial;
  height: auto;
  border-top: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 {
  max-height: 446px;
  height: 30vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul {
    background: #FFFFFF;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li {
  display: flex;
  align-items: center;
  color: #999999;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li {
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .date {
  width: 160px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .date {
    width: 100%;
    padding-left: 0;
    font-size: 10px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .ttl {
  width: calc(100% - 160px - 230px);
  font-size: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .ttl {
    width: calc(100% - 105px);
    font-size: 14px;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .ttl svg {
    display: none;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .ttl a {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .ttl a {
    color: #333333;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state {
  width: 230px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state {
    position: absolute;
    right: 15px;
    width: 95px;
    padding-right: 0;
  }
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state a {
    font-size: 8px;
    line-height: 1.2;
    padding: 10px 8px;
    text-align: left;
  }
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state a span {
    line-height: 1.2;
  }
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state a::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 20px;
    font-size: 18px;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .btn-file-download {
  width: 198px;
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .preparation {
  display: inline-block;
  width: calc(198px - 30px - 10px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #707070;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .preparation {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .preparation + .user-icon-list {
    display: none;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .draft {
  display: inline-block;
  width: 198px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #93958D;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .item-list-type-1 > ul > li .state .draft {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed .display_toggle {
  text-align: center;
  padding: 10px 0;
  z-index: 2;
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed .display_toggle .btn {
  display: inline-block;
  width: 30px;
  height: 30px;
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed .display_toggle .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/ionic-ios-arrow-bottom--gray.svg) 50% 50% no-repeat;
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -26px;
  margin-left: -26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul {
    margin-top: -12px;
    margin-left: -12px;
  }
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li {
  width: calc((100% - (26px * 3)) / 3);
  height: 70px;
  margin-left: 26px;
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li {
    width: calc((100% - (12px * 2)) / 2);
    margin-top: 12px;
    margin-left: 12px;
    height: auto;
  }
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-green1);
  color: #fff;
  line-height: 70px;
  padding-left: 20px;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
  }
}

#container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li a object {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history .handouts_footer_fixed > ul li a object {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
}

#container #contents > #contents-inner.page-event-history > .contents-head {
  color: #666666;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history > .contents-head {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history > .contents-head {
    border-top: 1px solid #CCCCCC;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#container #contents > #contents-inner.page-event-history > .contents-head > .about {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history > .contents-head > .about {
    font-size: 12px;
    padding: 12px 0;
  }
}

#container #contents > #contents-inner.page-event-history > .contents-head > .select_year {
  border-top: 1px solid #CCCCCC;
  padding: 30px 0 20px 12px;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history > .contents-head > .select_year {
    border-top: none;
    flex-wrap: wrap;
    padding: 12px 0;
  }
  #container #contents > #contents-inner.page-event-history > .contents-head > .select_year::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

#container #contents > #contents-inner.page-event-history > .contents-head > .select_year > .label {
  padding-right: 10px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-event-history > .contents-head > .select_year > .label {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
  }
}

#container #contents > #contents-inner.page-event-history .item-list-type-1 {
  max-height: initial;
  height: auto;
  border-top: 1px solid #CCCCCC;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-price > .contents-head {
    width: calc(100% + 100px);
    margin: -60px -50px 70px -50px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list {
  display: flex;
  align-content: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li {
  width: 50%;
  height: 100px;
  background: #fff;
  transition: background .3s ease;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li {
    background: #E2EBF1;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li .btn {
  color: #666666;
  width: 100%;
  height: 100%;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li .btn {
    font-size: 15px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li::before {
  content: "";
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-color: #8CB808 transparent transparent transparent;
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin-left: -16px;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease;
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li.active {
  background: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li.active .btn {
  color: #fff;
}

#container #contents > #contents-inner.page-photo-sales-price > .contents-head .tab-list > li.active::before {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list {
    padding-top: 40px;
    background: #fff;
    padding-bottom: 40px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table {
  display: none;
  transition: opacity .3s ease;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table.active {
  display: block;
  opacity: 0;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table.active.anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th {
  background: #666666;
  color: #fff;
  border: 1px solid #fff;
  height: 53px;
  line-height: 53px;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th.price-list-table-size {
  width: 140px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th.price-list-table-price {
  width: 160px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th.price-list-table-sale {
  width: 245px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th.price-list-table-scale {
  width: 143px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table thead th.price-list-table-note {
  width: 490px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody {
    display: block;
    width: 100%;
    padding: 0 10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr {
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    border-bottom: none;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr + tr {
    margin-top: 20px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(odd) {
    background: #FCFCFC;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2) > div {
  display: flex;
  align-items: center;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2) > div input[type=tel] {
  width: 100px;
  margin-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) .input-toggle {
  flex-wrap: nowrap;
  padding-left: 6px;
  padding-right: 6px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) .input-toggle {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) .input-toggle > li span label {
  width: 96px;
  min-width: 96px;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(4) {
  white-space: nowrap;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(5) {
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(5) {
    vertical-align: top;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td {
    display: block;
    width: 100%;
    padding: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(1) {
    order: 1;
    background: #666666;
    color: #fff;
    line-height: 28px;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(1)::before {
    content: "サイズ：";
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2) {
    order: 5;
    width: 100%;
    background: #FCFCFC;
    padding-bottom: 15px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2)::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2) > div {
    padding-top: 30px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(2) > div::before {
    content: "価格(税込み)";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #666666;
    font-size: 12px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) {
    order: 6;
    background: #FCFCFC;
    padding-bottom: 15px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3)::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3)::after {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) > div {
    padding-top: 30px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3) > div::before {
    content: "販売設定";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #666666;
    font-size: 12px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(3)::after {
    background-position: 0 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(4) {
    order: 3;
    width: calc(100% - 135px);
    height: 30px;
    position: absolute;
    top: calc(22px + 25px);
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(5) {
    order: 4;
    width: calc(100% - 135px);
    min-height: 75px;
    margin-left: 135px;
    margin-top: calc(30px + 15px);
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(6) {
    order: 2;
    width: 135px;
    height: 96px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(22px + 28px);
    left: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(6).frame {
    border: 1px solid #DDDDDD;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr td:nth-of-type(6) img {
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table tbody tr.sale-binary td:nth-of-type(5) {
    margin-top: 15px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table table.table + .btns {
  margin-top: 20px;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_select {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_select {
    text-align: center;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 20px 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .date {
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .date {
    color: #333333;
    font-size: 24px;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .date > * {
    line-height: 1;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .title {
  margin-left: 20px;
  font-size: 24px;
  color: #00B5AD;
}

#container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .title > svg {
  top: 3px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .title {
    margin-left: 0;
    font-size: 20px;
    line-height: 1.42;
    padding-left: calc(40px + 15px);
    padding-top: 10px;
    padding-right: 15px;
    border-top: 1px solid #CCCCCC;
  }
  #container #contents > #contents-inner.page-photo-sales-price > .price-list > .price-list-table[data-tabid='event'] .event_data .title > svg {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 27px;
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-price > .size-compare {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-title {
  margin-top: 60px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  font-size: 20px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap {
  display: flex;
  align-content: flex-start;
  margin-top: 20px;
  padding-top: 37px;
  padding-left: 38px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view {
  border: 1px solid #333333;
  width: 675px;
  height: 477px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div {
  position: absolute;
  bottom: -1px;
  left: -1px;
  border: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div > * {
  opacity: 0;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div > .name {
  font-size: 25px;
  margin-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div > .size {
  font-size: 19px;
  top: 6px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div.selected {
  z-index: 2;
  padding: 10px;
  background: rgba(140, 184, 8, 0.4);
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div.selected > * {
  opacity: 1;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap #size-compare-view > div.selected::before {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 3px solid var(--color-green1);
  position: absolute;
  top: -1px;
  left: -1px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list {
  width: calc(166px * 2 + 20px);
  margin-left: 40px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list .size-data {
  height: 130px;
  margin-top: -22px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list .size-data > * {
  display: block;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list .size-data .size-data-name {
  font-size: 24px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list .size-data .size-data-note {
  font-size: 12px;
  margin-top: 5px;
  height: 52px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items > li {
  width: 166px;
  height: 35px;
  border-bottom: 1px solid #707070;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items > li:nth-of-type(1), #container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items > li:nth-of-type(2) {
  border-top: 1px solid #707070;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items > li:nth-of-type(2n + 2) {
  margin-left: 20px;
}

#container #contents > #contents-inner.page-photo-sales-price > .size-compare .size-compare-wrap .size-compare-list #size-compare-list-items > li .btn {
  width: 100%;
  height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .mode_ttl {
  font-size: 26px;
  color: var(--color-green1);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .mode_ttl {
    font-size: 14px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .mode_ttl > .icon {
  width: 162px;
  height: 31px;
  margin-right: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .mode_ttl > .icon {
    width: 132px;
    height: 24px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .discussions {
  background: #fff;
  height: 88px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .discussions {
    position: absolute;
    left: -168px;
    top: 0;
    width: 168px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .discussions {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .discussions .btn {
  border: 1px solid #BEE3DC;
  color: #333333;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .discussions .btn > .icon {
  margin-right: 4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .discussions .btn span {
  line-height: 1.42;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status {
  width: calc(100% - 100px - 16px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status {
    background: #E2EBF1;
    width: calc(100% + 20px);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list {
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
    height: 57px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li {
    width: calc(100% / 3);
    height: 100%;
    text-align: center;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li label {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 100%;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li label::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1px;
    background: #fff;
    z-index: 2;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li label > span {
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li [type=radio] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li [type=radio] + label {
  color: #666666;
  padding-top: 4px;
  padding-bottom: 6px;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li [type=radio]:checked + label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li:not(:first-child) {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit .filter-sales-status .filter-options-item-list li:not(:first-child) {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit:not(.sp-header-open) > .root-header .header-search-filter {
    height: 0;
    overflow: hidden;
    padding-top: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit:not(.sp-header-open) > .root-body > .display-body > .face-recognition-filter {
    height: 0 !important;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit:not(.sp-header-open) > .root-body > .display-body > .filtered-count {
    height: 0;
    overflow: hidden;
    padding-top: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit:not(.sp-header-open) > .root-body > .display-body > .header-toggle .btn {
    height: 100%;
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit:not(.sp-header-open) > .root-body > .display-body > .header-toggle .btn::before {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #BEE3DC transparent transparent transparent;
    position: absolute;
    top: 11px;
    left: 50%;
    margin-left: -8px;
    z-index: 2;
    transform: rotate(0);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .header-toggle {
    background: #fff;
    border-bottom: 1px solid #CCCCCC;
    width: calc(100% + 20px);
    height: 30px;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .header-toggle {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .header-toggle .btn {
    height: 100%;
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .header-toggle .btn::before {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #BEE3DC transparent transparent transparent;
    position: absolute;
    top: 3px;
    left: 50%;
    margin-left: -8px;
    z-index: 2;
    transform: rotate(180deg);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .filtered-count {
    text-align: right;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .filtered-count .ttl {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .filtered-count .count {
    display: inline-block;
    font-size: 30px;
    color: var(--color-green1);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header {
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header {
    padding-bottom: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header {
  display: flex;
  width: 974px;
  margin-bottom: -20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header {
    display: block;
    margin-bottom: 0;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .date {
  width: 200px;
  font-size: 22px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .date {
    top: -40px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .date {
    width: auto;
    margin-top: 30px;
    font-size: 24px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .date .number {
  line-height: 0.6;
  font-size: 35px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl {
  width: calc(100% - 200px);
  font-size: 26px;
  line-height: 1.42;
  color: var(--color-green4);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 26px;
  width: 100%;
  height: 26px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl > span {
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl {
    width: calc(100% + 20px);
    height: 95px;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl > span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 50px;
    padding-left: 50px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header > .event_ttl > span > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 45px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #CCCCCC;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter {
  padding-top: 20px;
  z-index: 2;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form {
  display: flex;
  align-content: center;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > * {
  margin-left: 30px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-search {
  margin-left: 0;
  width: 257px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-search {
    width: 100%;
    padding-bottom: 15px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-search .input-form-search {
  height: 36px;
  border-radius: 36px;
  border-color: #9A9A9A;
  font-size: 16px;
  width: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-search .btn-search {
  position: absolute;
  right: 6px;
  top: 6px;
  color: #9A9A9A;
  padding: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort {
    width: 40%;
    margin-left: 0;
    text-align: left;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort .btn {
  font-size: 16px;
  color: #666666;
  padding: 5px 20px 5px 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort .btn[data-dir='asc']::after {
  content: "\f0de";
  top: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort .btn[data-dir='desc']::after {
  content: "\f0dd";
  top: -4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort .btn::after {
  font-size: 24px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-sort .btn.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-favorite {
    width: 60%;
    margin-left: 0;
    text-align: right;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-favorite .btn {
  font-size: 16px;
  color: #666666;
  padding: 5px 20px 5px 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-favorite .btn::after {
  content: "\f004";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form .form-favorite .btn.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display {
    width: 100%;
    padding: 15px 20px 15px 0;
    margin-left: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display::before {
    content: "写真配列：";
    display: inline-block;
    margin-right: 15px;
    color: #666666;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul {
  margin-right: 15px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul li [type=radio] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul li [type=radio] + label {
  color: #666666;
  padding-top: 0;
  padding-bottom: 2px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul li [type=radio] + label {
    font-size: 16px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul li [type=radio]:checked + label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter > .form > .form-list-display > ul li:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #666666;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .header-search-filter .header-btns li[data-action="upload-complete-label"] button {
  border: 1px solid var(--color-gray1);
  background: #7a7a7a;
  font-weight: bold;
  height: 70px;
  line-height: 50px;
  min-width: 292px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  pointer-events: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .sales_total {
  background: #FAFFEB;
  width: 168px;
  height: 168px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .sales_total {
    position: absolute;
    right: 0;
    top: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .sales_total .ttl {
  font-size: 20px;
  color: #666666;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .sales_total .count {
  font-size: 20px;
  color: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-header > .sales_total .count .number {
  line-height: 1;
  font-size: 50px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body {
  display: flex;
  align-items: flex-start;
  padding-left: 168px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body {
    padding-left: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body {
  padding-left: 42px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body {
    padding-left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference {
    position: absolute;
    left: -168px;
    top: 0;
    width: 168px;
    z-index: 200;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference {
    margin-top: 20px;
    width: calc(100% + 20px);
    padding-bottom: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap {
  padding: 30px 10px;
  background: #FCFCFC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap + .folder-wrap {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl {
    width: 150px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl > .icon {
  vertical-align: middle;
  margin-left: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap > .note {
  font-size: 11px;
  line-height: 1.42;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap > .note {
    width: calc(100% - 150px);
    padding-top: 3px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
  margin-top: -2px;
  background: #FCFCFC;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root, #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.open {
  display: block;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li {
  font-size: 11px;
  min-height: 26px;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:nth-of-type(1) {
  border-top: 1px solid #CCCCCC;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:hover::before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-green4);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:hover > .folder-list {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li {
    min-height: 75px;
    font-size: 14px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li.has-child > [type=checkbox] ~ label::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li.has-child > [type=checkbox]:checked ~ label::after {
    content: "\f068";
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap {
  min-width: 173px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox]:checked ~ .folder-list {
  height: auto;
  overflow: visible;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox]:checked ~ .folder-list > li:last-child {
  border-bottom: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label {
  display: block;
  width: 100%;
  height: 100%;
  color: #666666;
  padding-left: 10px;
  padding-right: 25px;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label span {
  padding: 4px 0;
  display: block;
  line-height: 1.42;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label {
    display: flex;
    align-items: center;
    color: #fff;
    min-height: 75px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list {
    position: absolute;
    left: 98%;
    top: 0;
    z-index: 2;
    min-width: 173px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > label {
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > label > span {
    padding: 5px 0;
    display: block;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > .folder-list {
    top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] .folder-list-item-wrap {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite {
  position: absolute;
  top: 0;
  right: 5px;
  width: 20px;
  height: 100%;
  padding-left: 4px;
  padding-right: 4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite::before {
  content: "\f004";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite::before {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite='true'] > .folder-list-item-wrap > .btn-favorite::before {
  color: #F25151;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite='false'] > .folder-list-item-wrap > .btn-favorite::before {
  color: #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    background: #1ABDB5;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li {
    min-height: 75px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label {
    min-height: 75px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label > span {
  line-height: 1.42;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root > li > .folder-list-item-wrap > label {
    padding-right: 45px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root > li > .folder-list-item-wrap > .btn-favorite {
    right: 25px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap > label {
    padding-left: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list label::before {
    content: "└";
    display: inline-block;
    margin-right: 5px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 20px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 30px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 40px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 50px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 60px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 70px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .folder-preference.no-favorite > .folder-wrap .folder-list > li[data-favorite] > label::after {
  display: none;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .discussions.pc + .folder-preference {
    position: absolute;
    left: -168px;
    top: calc(88px + 25px);
    width: 168px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter {
  background: #FCFCFC;
  padding: 30px 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter {
    padding: 20px 15px;
    margin-top: 40px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter:not(.sp-open) {
    height: 68px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter:not(.sp-open) > .ttl {
    border-bottom-color: transparent;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter:not(.sp-open) > .ttl::before {
    top: 13px;
    transform: rotate(0deg);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter:not(.sp-open) > .filter-options {
    height: 0;
    overflow: hidden;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .note {
  width: 100%;
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 12px;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .ttl {
  font-size: 20px;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .ttl {
    font-size: 16px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .ttl::before {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #BEE3DC transparent transparent transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    transform: rotate(180deg);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .ttl > i {
  color: #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form {
    flex-wrap: wrap;
    padding-top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list {
  display: flex;
  align-items: center;
  width: calc(100% - 160px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list {
    width: 100%;
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li {
    width: 100%;
    flex-wrap: wrap;
    padding: 15px 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li:not(:first-child) {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li:not(:first-child) {
    margin-left: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li:not(:first-child)::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li > .label {
  padding-right: 15px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-options-item-list > li > .label {
    width: 100%;
    padding-bottom: 5px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-reset {
  width: 160px;
  text-align: right;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .filter-reset .btn {
  font-size: 18px;
  color: #666666;
  padding-left: 0;
  padding-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list {
  width: 100%;
  padding-top: 20px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -15px;
  margin-top: -15px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li {
  width: 71px;
  text-align: center;
  margin-left: 15px;
  margin-top: 15px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > .thumb,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > label > .thumb {
  width: 71px;
  height: 71px;
  border-radius: 71px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > .thumb img,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > label > .thumb img {
  width: 100%;
  border-radius: 71px;
  overflow: hidden;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > .name,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > label > .name {
  font-size: 11px;
  color: #666666;
  height: 16px;
  line-height: 16px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li.notset > label .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-green1);
  color: #fff;
  font-size: 30px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li.notset [type=checkbox]:checked ~ label > .thumb::before {
  border-color: var(--color-blue1) !important;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li [type=checkbox]:checked ~ label > .thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-green1);
  border-radius: 71px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul {
    margin-left: calc(-35px + 20px);
    margin-top: -24px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li {
    width: 71px;
    margin-left: 35px;
    margin-top: 24px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .face-recognition-filter > .filter-options form .face-recognition-user-list > ul > li > label .thumb {
    width: 71px;
    height: 71px;
    border-radius: 71px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter {
  margin-top: 40px;
  min-height: calc(100px - 20px);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter {
    min-height: auto;
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status {
  display: flex;
  align-items: center;
  background: #CCCCCC;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
  width: calc(100% - 120px - 16px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .ttl {
  color: #fff;
  width: 150px;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .list > ul,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  background: #fff;
  width: calc(100% - 150px);
  height: 100%;
  padding: 5px 10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .list > ul li,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > ul li {
  line-height: 1.42;
  color: #666666;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .list {
  width: calc(100% - 150px);
  background: #fff;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .list > ul {
  width: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .sort-status > .list > .reset {
  padding: 5px 10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .filtered-count {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -20px;
  right: 0;
  background: #FCFCFC;
  border-radius: 120px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .filtered-count .ttl {
  font-size: 14px;
  line-height: 1;
  color: #666666;
  width: 100%;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .filtered-count .count {
  font-size: 30px;
  line-height: 1;
  color: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .filtered-count .count span {
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .photo-toggle-select .btns {
  justify-content: flex-start;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-filter > .photo-toggle-select .btns li + li {
  margin-left: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder {
    margin-top: 20px;
    flex-wrap: wrap;
    background: #fff;
    padding: 15px 0 0 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-parent {
  width: 120px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-parent {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-parent .icon {
  top: 4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-child {
  width: calc(100% - 120px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-child {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-child .input-select-wrap {
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-child .input-select-wrap select {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .folder-child > .label {
  display: block;
  color: var(--color-green4);
  line-height: 1;
  margin-top: 10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .current-folder-comment {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .display-folder .current-folder-comment .form-list {
    padding-bottom: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list {
  margin-top: 30px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -23px;
  margin-top: -52px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul {
    margin-left: -12px;
    margin-top: -12px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li {
  width: 225px;
  height: 206px;
  margin-left: 23px;
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li {
    margin-left: 12px;
    margin-top: 12px;
    width: calc((100vw - 20px - 20px) / 2);
    height: calc((100vw - 20px - 20px) / 2);
    background: #fff;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .head {
  top: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .head .no,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .head .no {
  color: #999999;
  font-size: 12px;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .head .time,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .head .time {
  font-size: 14px;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo .photo-parts,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo .photo-parts {
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo .photo-parts canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo .photo-parts img,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo .photo-parts canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo .photo-parts img {
  max-width: 100%;
  max-height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo > a,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo > a canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .photo > a img,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo > a canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .photo > a img {
  max-width: 100%;
  max-height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users {
  bottom: 40px;
  background: none;
  height: 20px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users .user-icon-list,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users .user-icon-list {
  padding-left: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users .user-icon-list > li,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users .user-icon-list > li {
  width: 20px;
  height: 20px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users .user-icon-list > li + li,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users .user-icon-list > li + li {
  margin-left: -10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .users .user-icon-list::after,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .users .user-icon-list::after {
  font-size: 14px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot {
  bottom: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot .favorite .btn,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot .favorite .btn {
  padding: 6px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot .favorite i,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot .favorite i {
  color: #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot .favorite[data-favorite='true'] i,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot .favorite[data-favorite='true'] i {
  color: #F25151;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > .foot .photographer,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot .photographer {
  font-size: 12px;
  padding-left: 6px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::before {
  content: "\f00c";
  width: 100%;
  height: 100%;
  border: 4px solid #8CB808;
  display: block;
  position: absolute;
  z-index: 3;
  background: rgba(255, 255, 255, 0.7);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: center;
  padding-top: 70px;
  font-size: 30px;
  color: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::after {
  content: "選択済み";
  color: var(--color-green1);
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 4;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-1 > li {
    width: calc(100% - 23px);
    height: 728px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-2 > li {
    width: calc(100% / 2 - 23px);
    height: 370px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li {
    width: 225px;
    height: 206px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-1 > li {
    width: calc((100vw - 20px) / 1);
    height: calc((100vw - 20px) / 1);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-2 > li {
    width: calc((100vw - 20px * 2) / 2);
    height: calc((100vw - 20px * 2) / 2);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    white-space: nowrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    font-size: 10px;
  }
}

@media screen and (max-width: 539px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4 + (30px + 40px));
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    margin-left: -5px;
    margin-right: -5px;
    transform: scale(0.9);
    text-align: center;
    display: block;
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
    width: 100%;
    text-align: right;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .photo {
    overflow: hidden;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .photo .photo-parts,
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .photo > a {
    margin-top: -12px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .users {
    bottom: 47px;
    height: calc(20px * 0.7);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .users .user-icon-list {
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot {
    flex-wrap: wrap;
    height: 51px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag {
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    width: 100%;
    font-size: 10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list--nonhover > ul > li > label {
  border: 1px solid #eeeeee;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list--nonhover > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list--nonhover > ul > li > label > .foot {
  position: relative;
  top: auto;
  bottom: auto;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list--nonhover > ul > li > label > .foot > * {
  display: flex;
  align-items: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sales-photo-list--nonhover > ul > li > label .badge_label {
  padding-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action {
  background: #FCFCFC;
  padding: 30px;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action {
    padding: 15px;
    margin-top: 30px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .ttl {
  font-size: 20px;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .ttl {
    line-height: 1;
    padding-bottom: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .ttl span {
    font-size: 11px;
    line-height: 1;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .ttl > i {
  color: #CCCCCC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .label {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul {
  display: flex;
  align-items: center;
  width: calc(100% - 160px);
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul {
    flex-wrap: wrap;
    width: calc(100% + 15px);
    padding-left: 0;
    margin-left: -15px;
    margin-top: -10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li {
    width: calc((100% - 30px) / 2);
    margin-left: 15px;
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li:not(:first-child) {
    margin-left: 50px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li .btn {
  padding-right: 0;
  padding-left: 0;
  font-size: 18px;
  color: #666666;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li .btn {
    font-size: 13px;
    border: 1px solid #CCCCCC;
    width: 100%;
    background: #FFFFFF;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #666666;
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .batch-action > .action > ul > li:not(:first-child)::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options {
    margin-top: 30px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .sales_total {
    background: #ECF6FC;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .sales_total .label {
    font-size: 12px;
    color: #666666;
    margin-right: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .sales_total .count {
    font-size: 50px;
    color: var(--color-green1);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns .btn-photo::before {
  top: 0;
  background-image: url(../img/icon/material-photo--green.svg);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns > li {
    width: 100%;
    margin-left: 0 !important;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns > li .btn {
    width: 100%;
    background: #fff;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns [data-action='submit'] {
    order: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns [data-action='submit'] .btn {
    background: var(--color-green1);
    font-size: 20px;
    color: #fff;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns [data-action='submit'] .btn::before {
    color: #fff;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns [data-action='edit'] {
    order: 2;
    margin-top: 15px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit > .root-body > .display-body > .sale-options .btns [data-action='edit'] .btn {
    font-size: 12px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-header > .header {
  width: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body {
  display: flex;
  align-items: flex-start;
  padding-left: 168px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body {
    padding-left: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body {
  padding-left: 42px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body {
    padding-left: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li {
  width: calc(225px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li {
    width: calc(50% - 12px);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .users {
  width: calc(100%);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .head,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .users,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .head,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .foot,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > .folder-list-item-wrap > a > .users {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li {
    height: auto;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .head {
    padding-left: 25px;
    position: relative;
    top: auto;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > label > .foot {
    position: relative;
    bottom: auto;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox] {
    display: none;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox] + label::before,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #EBD0CE;
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 5px;
    padding: 0;
    border-radius: 6px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::before {
    border-color: #BEE3DC;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::after {
    content: "";
    z-index: 4;
    width: 8px;
    height: 15px;
    left: 6px;
    top: 6px;
    transform: rotate(45deg);
    border: 4px solid #BEE3DC;
    border-top: none;
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox] {
    display: none;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::before {
    content: "\f00c";
    width: 100%;
    height: 100%;
    border: 4px solid #8CB808;
    display: block;
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, 0.7);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: center;
    padding-top: 70px;
    font-size: 30px;
    color: var(--color-green1);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list > ul > li > [type=checkbox]:checked + label::after {
    content: "選択済み";
    color: var(--color-green1);
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list .btns {
    margin-left: 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .sales-photo-list .btns li {
    background: transparent;
    width: 100%;
    height: auto;
    text-align: center;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config {
  margin-top: 60px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .ttl {
  font-size: 20px;
  border-bottom: 1px solid #CCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > p {
  font-size: 14px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -65px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 65px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio] + label {
  border: 1px solid #BEE3DC;
  line-height: 1;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio] + label .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 318px;
  height: 253px;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio] + label .img img {
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio] + label span {
  position: absolute;
  display: block;
  bottom: -30px;
  left: 0;
  width: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .pattern > ul li [type=radio]:checked + label {
  background: #BEE3DC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .paper-config .btns {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference {
    position: absolute;
    left: -168px;
    top: 0;
    width: 168px;
    z-index: 200;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference {
    margin-top: 20px;
    width: calc(100% + 20px);
    padding-bottom: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap {
  padding: 30px 10px;
  background: #FCFCFC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap + .folder-wrap {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl {
    width: 150px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap > .ttl > .icon {
  vertical-align: middle;
  margin-left: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap > .note {
  font-size: 11px;
  line-height: 1.42;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap > .note {
    width: calc(100% - 150px);
    padding-top: 3px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
  margin-top: -2px;
  background: #FCFCFC;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list {
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    margin-top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root, #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.open {
  display: block;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li {
  font-size: 11px;
  min-height: 26px;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:nth-of-type(1) {
  border-top: 1px solid #CCCCCC;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:hover::before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-green4);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li:hover > .folder-list {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li {
    min-height: 75px;
    font-size: 14px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li.has-child > [type=checkbox] ~ label::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li.has-child > [type=checkbox]:checked ~ label::after {
    content: "\f068";
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap {
  min-width: 173px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox]:checked ~ .folder-list {
  height: auto;
  overflow: visible;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > [type=checkbox]:checked ~ .folder-list > li:last-child {
  border-bottom: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label {
  display: block;
  width: 100%;
  height: 100%;
  color: #666666;
  padding-left: 10px;
  padding-right: 25px;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label span {
  padding: 4px 0;
  display: block;
  line-height: 1.42;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li .folder-list-item-wrap > label {
    display: flex;
    align-items: center;
    color: #fff;
    min-height: 75px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list {
    position: absolute;
    left: 98%;
    top: 0;
    z-index: 2;
    min-width: 173px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > label {
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > label > span {
    padding: 5px 0;
    display: block;
    line-height: 1.42;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li > .folder-list > li > .folder-list-item-wrap > .folder-list {
    top: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] .folder-list-item-wrap {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite {
  position: absolute;
  top: 0;
  right: 5px;
  width: 20px;
  height: 100%;
  padding-left: 4px;
  padding-right: 4px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite::before {
  content: "\f004";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite] > .folder-list-item-wrap > .btn-favorite::before {
    display: none;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite='true'] > .folder-list-item-wrap > .btn-favorite::before {
  color: #F25151;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list > li[data-favorite='false'] > .folder-list-item-wrap > .btn-favorite::before {
  color: #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    background: #1ABDB5;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li {
    min-height: 75px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label {
    min-height: 75px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li .folder-list-item-wrap > label > span {
  line-height: 1.42;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root > li > .folder-list-item-wrap > label {
    padding-right: 45px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root > li > .folder-list-item-wrap > .btn-favorite {
    right: 25px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap > label {
    padding-left: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list label::before {
    content: "└";
    display: inline-block;
    margin-right: 5px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 10px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 20px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 30px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 40px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 50px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 60px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference > .folder-wrap .folder-list.folder-list-root li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap ~ .folder-list > li > .folder-list-item-wrap label {
    padding-left: 70px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample > .root-body > .display-body > .folder-preference.no-favorite > .folder-wrap .folder-list > li[data-favorite] > label::after {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .cart {
    margin-right: 20px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .cart .cart-icon {
  width: 50px;
  height: 50px;
  margin-top: 10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .cart .cart-icon i {
  font-size: 45px;
  color: var(--color-green4);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .cart .cart-icon .badge {
  position: absolute;
  top: -1em;
  right: -1em;
  background: #F14542;
  color: #fff;
  display: inline-block;
  border-radius: 1em;
  padding: 0.4em 0.5em;
  line-height: 1;
  vertical-align: bottom;
  font-size: 1em;
  min-width: 1.75em;
  text-align: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .btns {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .btns {
    width: calc(100% - 80px);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .btns .btn {
  background: #fff;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-sample .page-footer-fixed > .btns .btn {
    min-width: 150px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -23px;
  margin-top: -52px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul {
    margin-left: -12px;
    margin-top: -12px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li {
  width: 225px;
  height: 206px;
  margin-left: 23px;
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li {
    margin-left: 12px;
    margin-top: 12px;
    width: calc((100vw - 20px - 20px) / 2);
    height: calc((100vw - 20px - 20px) / 2);
    background: #fff;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head {
  top: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .head .no,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head .no {
  color: #999999;
  font-size: 12px;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .head .time,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head .time {
  font-size: 14px;
  line-height: 1;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo .photo-parts,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo .photo-parts {
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo .photo-parts canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo .photo-parts img,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo .photo-parts canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo .photo-parts img {
  max-width: 100%;
  max-height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo > a,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo > a canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .photo > a img,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo > a canvas,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .photo > a img {
  max-width: 100%;
  max-height: 100%;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users {
  bottom: 40px;
  background: none;
  height: 20px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users .user-icon-list,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users .user-icon-list {
  padding-left: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users .user-icon-list > li,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users .user-icon-list > li {
  width: 20px;
  height: 20px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users .user-icon-list > li + li,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users .user-icon-list > li + li {
  margin-left: -10px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .users .user-icon-list::after,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users .user-icon-list::after {
  font-size: 14px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot {
  bottom: 0;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot .favorite .btn,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot .favorite .btn {
  padding: 6px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot .favorite i,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot .favorite i {
  color: #CCCCCC;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot .favorite[data-favorite='true'] i,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot .favorite[data-favorite='true'] i {
  color: #F25151;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .foot .photographer,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot .photographer {
  font-size: 12px;
  padding-left: 6px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::before {
  content: "\f00c";
  width: 100%;
  height: 100%;
  border: 4px solid #8CB808;
  display: block;
  position: absolute;
  z-index: 3;
  background: rgba(255, 255, 255, 0.7);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: center;
  padding-top: 70px;
  font-size: 30px;
  color: var(--color-green1);
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::after {
  content: "選択済み";
  color: var(--color-green1);
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 4;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-1 > li {
    width: calc(100% - 23px);
    height: 728px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-2 > li {
    width: calc(100% / 2 - 23px);
    height: 370px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li {
    width: 225px;
    height: 206px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-1 > li {
    width: calc((100vw - 20px) / 1);
    height: calc((100vw - 20px) / 1);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-2 > li {
    width: calc((100vw - 20px * 2) / 2);
    height: calc((100vw - 20px * 2) / 2);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    white-space: nowrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    font-size: 10px;
  }
}

@media screen and (max-width: 539px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4 + (30px + 40px));
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    margin-left: -5px;
    margin-right: -5px;
    transform: scale(0.9);
    text-align: center;
    display: block;
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
    width: 100%;
    text-align: right;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .photo {
    overflow: hidden;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .photo .photo-parts,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .photo > a {
    margin-top: -12px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .users {
    bottom: 47px;
    height: calc(20px * 0.7);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .users .user-icon-list {
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot {
    flex-wrap: wrap;
    height: 51px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot .sale-flag {
    width: 100%;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    width: 100%;
    font-size: 10px;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list--nonhover > ul > li > label {
  border: 1px solid #eeeeee;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list--nonhover > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list--nonhover > ul > li > label > .foot {
  position: relative;
  top: auto;
  bottom: auto;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list--nonhover > ul > li > label > .foot > * {
  display: flex;
  align-items: center;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list--nonhover > ul > li > label .badge_label {
  padding-right: 5px;
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li {
  width: calc(225px + 52px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li {
    width: calc(50% - 12px);
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a {
  padding-right: 52px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a {
    padding-right: 0;
  }
}

#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .head,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .foot,
#container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .users {
  width: calc(100% - 52px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .head,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .foot,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > label > .users,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .head,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .foot,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > .folder-list-item-wrap > a > .users {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox] {
    display: none;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox] + label::before,
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::before {
    content: "";
    width: 30px;
    height: 30px;
    border: 1px solid #EBD0CE;
    display: block;
    position: absolute;
    z-index: 3;
    left: calc(225px + 10px);
    top: 50%;
    margin-top: -15px;
    padding: 0;
    border-radius: 6px;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::before {
    border-color: #BEE3DC;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::after {
    content: "";
    z-index: 4;
    width: 13px;
    height: 21px;
    left: calc(225px + 19px);
    top: 50%;
    margin-top: -13px;
    transform: rotate(45deg);
    border: 5px solid #BEE3DC;
    border-top: none;
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox] {
    display: none;
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::before {
    content: "\f00c";
    width: 100%;
    height: 100%;
    border: 4px solid #8CB808;
    display: block;
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, 0.7);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: center;
    padding-top: 70px;
    font-size: 30px;
    color: var(--color-green1);
  }
  #container #contents > #contents-inner.page-photo-sales-manage-edit-download > .root-body > .display-body > .sales-photo-list form > .list > ul > li > [type=checkbox]:checked + label::after {
    content: "選択済み";
    color: var(--color-green1);
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group {
    background: #fff;
    border-radius: 0;
  }
  #container #contents > #contents-inner.page-class-and-group .page-title-sub {
    font-size: 14px;
    padding: 20px 0;
    padding-bottom: 5px;
  }
}

#container #contents > #contents-inner.page-class-and-group .page-title-sub + p {
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .page-title-sub + p {
    font-size: 12px;
    line-height: 1.42;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .page-title-sub > .btn-form-submit-sm {
    max-width: 100%;
    width: auto;
  }
}

#container #contents > #contents-inner.page-class-and-group * + .page-title-sub {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group * + .page-title-sub {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body > p {
    font-size: 12px;
    line-height: 1.42;
    margin-top: 20px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu {
  display: flex;
  margin-top: 20px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div {
  height: 122px;
  width: calc((100% - 15px) / 2);
  background: #FCFCFC;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 25px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    padding-bottom: 20px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div::before {
    background-position: 0 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div > .ttl {
  white-space: nowrap;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu > div > .body {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .initial-password {
  width: 329px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .initial-password [type=text] {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .initial-password {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv {
  margin-left: 15px;
  width: calc(100% - 329px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv {
    display: none;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body .template,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > form .template {
  margin-left: 20px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body .template a,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > form .template a {
  font-size: 14px;
  color: #666666;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body .template a .icon,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > form .template a .icon {
  width: 13px;
  height: 15px;
  top: 2px;
  margin-right: 5px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > .file.hidden ~ .template,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .quick-menu .upload-csv .body > form > .file.hidden ~ .template {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list {
  margin-top: 15px;
  padding: 25px;
  background: #FCFCFC;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list {
    margin-top: 70px;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list::before {
    background-position: 0 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head {
    flex-wrap: wrap;
    z-index: 2;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .ttl {
    width: 100%;
    order: 2;
    font-size: 12px !important;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .year {
    width: 100%;
    order: 3;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .add {
    width: 100%;
    order: 1;
    margin-top: -110px;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 25px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .add::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .add::before {
    background-position: 0 100%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head .add .btn {
    width: 100%;
    max-width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head > * {
  margin-right: 25px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .head > *.ttl {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list {
    margin-top: -48px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table {
    table-layout: fixed;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td {
  white-space: nowrap;
  padding: 15px 7px;
  border-bottom: 1px solid #CCCCCC;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th:nth-of-type(1),
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td:nth-of-type(1) {
  font-size: 12px;
  padding-left: 14px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th:nth-last-of-type(1),
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td:nth-last-of-type(1) {
  padding-right: 14px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th:nth-last-of-type(1) a,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td:nth-last-of-type(1) a {
  display: inline-block;
  color: #999999;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th:nth-last-of-type(1) a::before,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td:nth-last-of-type(1) a::before {
  content: ">";
  display: inline-block;
  font-weight: bold;
  margin-right: 0.2em;
  color: #000;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th > .wrap,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td > .wrap {
  line-height: 1;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr th .registered,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr td .registered {
  color: #009D70;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead tr {
    width: 100%;
    justify-content: flex-end;
    border-bottom: 1px solid #CCCCCC;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead tr th {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead tr th {
    display: none;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead tr th:nth-of-type(4) {
    display: block;
    width: 95px;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) {
  width: 280px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .wrap > div {
  display: inline-block;
  line-height: 1;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .thumb {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  overflow: hidden;
  vertical-align: text-bottom;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .thumb > img {
  width: 100%;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 230px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(3) {
  width: 160px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td {
    align-items: center;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td .wrap {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(1) {
    display: none;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) {
    order: 1;
    width: calc(100% - 95px);
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .wrap {
    display: flex;
    align-items: center;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .wrap .thumb {
    width: 24px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(2) .wrap .name {
    width: calc(100% - 24px);
    padding-left: 5px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(3) {
    display: none;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(4) {
    order: 2;
    width: 95px;
    text-align: center;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(5) {
    order: 3;
    width: calc(100% - 95px);
    background: #F8F8F8;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(5) .wrap {
    font-size: 16px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(5) .wrap::before {
    content: "アカウント有効期限";
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(6) {
    order: 4;
    width: 95px;
    text-align: center;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody tr td:nth-of-type(7) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table th,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table td {
    display: flex;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table thead,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tbody,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .account-list > .list .table tr {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group {
    padding-bottom: 30px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item {
    margin-top: 10px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > * {
    margin-left: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > * + * {
    margin-top: 15px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul {
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li + li {
  margin-left: 20px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li .ttl {
  font-size: 0.9em;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(1) {
  width: 250px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(2) {
  width: 80px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(3) {
  width: 250px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:not(:first-child) {
    margin-left: 10px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(1) {
    width: calc(40% - 10px);
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(2) {
    width: 20%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(3) {
    width: calc(40% - 10px);
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(4) {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li:nth-of-type(4) .btn {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .new-item > ul li input {
  width: 100%;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .remove-class-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 15px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .ttl,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .remove-class-list > .ttl {
  width: 90px;
  color: #999999;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .ttl,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .remove-class-list > .ttl {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body,
#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .remove-class-list > .body {
  width: calc(100% - 90px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body,
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .remove-class-list > .body {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body {
  border: 1px solid #BEE3DC;
  border-radius: 5px;
  padding: 12px;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body {
    font-size: 14px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul {
  display: flex;
  flex-wrap: wrap;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li {
  margin-right: 56px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li {
    margin-right: 40px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li::before {
  content: "";
  width: 1px;
  height: 28px;
  background: #666;
  display: block;
  position: absolute;
  right: -28px;
  top: 5px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li::before {
    height: 22px;
    right: -20px;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li.selected {
  background: var(--color-blue1);
  border-radius: 4px;
  color: #fff;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li:last-child::before {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li {
  width: 100%;
  display: flex;
  border-top: 1px solid #DDD;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 0 !important;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li:first-child {
  border-top: none;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li::before {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .name {
  width: calc(100% - 250px - 80px - 26px);
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .size {
  width: 80px;
  text-align: right;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .color {
  width: 250px;
  padding-left: 20px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .remove .btn {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #9CD9CE;
  border: 1px solid #9CD9CE;
  padding: 0;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li {
    flex-wrap: wrap;
    padding-right: 40px;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .name {
    width: 45%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .size {
    width: 15%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .color {
    width: 40%;
  }
  #container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group .class-list > .body ul li .remove {
    position: absolute;
    right: 4px;
    top: 0;
    height: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group > .config-body > .body .add-class-group.add-grade .class-list > .body ul li .name {
  width: calc(100% - 26px);
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu {
  display: flex;
  margin-top: 20px;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu > div {
  min-height: 150px;
  background: #FCFCFC;
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 25px;
  padding-top: 25px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .person-register-menu > div {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    padding-bottom: 20px;
  }
  #container #contents > #contents-inner.page-class-and-group .person-register-menu > div::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #container #contents > #contents-inner.page-class-and-group .person-register-menu > div::before {
    background-position: 0 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu > div > .ttl {
  white-space: nowrap;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .person-register-menu > div > .body {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .person-register {
  width: 259px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .person-register-menu .person-register {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .person-register .body {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .person-register-menu .person-register .body {
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
    margin-top: 10px;
  }
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .person-register .body .btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 100%;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv {
  margin-left: 15px;
  width: 450px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv {
    display: none;
  }
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body .template,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form .template {
  margin-left: 20px;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body .template a,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form .template a {
  font-size: 14px;
  color: #666666;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body .template a .icon,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form .template a .icon {
  width: 13px;
  height: 15px;
  top: 2px;
  margin-right: 5px;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body .template,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form .template {
  display: inline-block;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > .file.hidden ~ .template,
#container #contents > #contents-inner.page-class-and-group .person-register-menu .upload-csv .body > form > .file.hidden ~ .template {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .rekognition-config {
    padding-bottom: 30px;
  }
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul {
    flex-wrap: wrap;
    margin-left: -25px;
  }
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li {
  display: flex;
  align-items: center;
  margin-right: 35px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 25px;
    width: calc(50% - 25px);
  }
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li .label {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li .label {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li .el {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li .el .input-select-wrap {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group .rekognition-config > .filter ul li .el .input-select-wrap select {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list {
  margin-top: 35px;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -19px;
  margin-top: -30px;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li {
  margin-left: 19px;
  margin-top: 30px;
  width: 95px;
  text-align: center;
  line-height: 1;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li .thumb {
  width: 95px;
  height: 95px;
  border-radius: 95px;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li .thumb img {
  width: 95px;
  height: 95px;
  border-radius: 95px;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li .name {
  font-size: 12px;
  line-height: 1;
  margin-top: 12px;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li.create .thumb {
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  color: #009D70;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=checkbox],
#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=radio] {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=checkbox] ~ label,
#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=radio] ~ label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=checkbox]:checked ~ label .thumb::before,
#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li > input[type=radio]:checked ~ label .thumb::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid #009D70;
  z-index: 2;
  top: 0;
  left: 0;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li.notset .thumb {
  background: #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-class-and-group .rekognition-config > .rekognition-list > ul li.notset .thumb::before {
  content: "未設定";
  font-size: 14px;
  color: #fff;
}

#container #contents > #contents-inner.page-class-and-group-person .root-header {
  width: 100%;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists {
  width: calc(100% - 168px - 50px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists > *:not(.filter) {
    display: none;
  }
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li {
  margin-top: 40px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li > .head .class-name {
  font-size: 20px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li > .head .class-name .count {
  font-size: 12px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li > .head .class-name .count .number {
  font-size: 20px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets {
  display: flex;
  flex-wrap: wrap;
  margin-left: -19px;
  margin-top: -30px;
  align-content: flex-start;
  background: #FCFCFC;
  border-radius: 10px;
  min-height: 126px;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 30px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li {
  margin-left: 19px;
  margin-top: 30px;
  width: 95px;
  text-align: center;
  line-height: 1;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li .thumb {
  width: 95px;
  height: 95px;
  border-radius: 95px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li .thumb img {
  width: 95px;
  height: 95px;
  border-radius: 95px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li .name {
  font-size: 12px;
  line-height: 1;
  margin-top: 12px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li.create .thumb {
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  color: #009D70;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=checkbox],
#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=radio] {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=checkbox] ~ label,
#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=radio] ~ label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=checkbox]:checked ~ label .thumb::before,
#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets li > input[type=radio]:checked ~ label .thumb::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid #009D70;
  z-index: 2;
  top: 0;
  left: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets.nodata {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-bottom: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets.nodata::before {
  content: "現在登録は0件です（ここのエリアに人物をドラッグ＆ドロップすることで、対象人物のクラス・グループ設定が行えます）";
  color: #666666;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li {
  height: 120px;
  user-select: none;
  cursor: pointer;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li .thumb.notset {
  background: #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li .thumb.notset::before {
  content: "未設定";
  font-size: 14px;
  color: #fff;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li.status--input {
  cursor: default;
  z-index: 2;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li.status--input .input-wrap {
  width: 180%;
  margin-left: -40%;
  margin-right: -40%;
  display: flex;
  background: #fff;
  border-radius: 6px;
  position: absolute;
  bottom: -16px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li.status--input .input-wrap input[type=text] {
  width: calc(100% - 50px);
  padding: 5px;
  height: auto;
  z-index: 3;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li.status--input .input-wrap .btn {
  width: 50px;
  padding: 10px 5px;
  z-index: 3;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .class-lists .class-list-parent > li .class-list .drop-targets > li.status--input .input-wrap .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person {
  width: 168px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list {
  width: 168px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list {
  z-index: 2;
  top: -6px;
  background: #FFF7F6;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list > .head {
  padding: 20px 10px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list > .head > .ttl {
  font-size: 20px;
  color: #666666;
  line-height: 1.42;
  margin-bottom: 10px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list > .head > p {
  font-size: 11px;
  line-height: 1.42;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -15px;
  margin-top: -15px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li {
  width: 64px;
  text-align: center;
  margin-left: 15px;
  margin-top: 15px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .thumb,
#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .thumb {
  width: 64px;
  height: 64px;
  border-radius: 64px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .thumb img,
#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .thumb img {
  width: 100%;
  border-radius: 64px;
  overflow: hidden;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .name,
#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .name {
  font-size: 11px;
  color: #666666;
  height: 16px;
  line-height: 16px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.notset > label .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-green1);
  color: #fff;
  font-size: 30px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.notset [type=checkbox]:checked ~ label > .thumb::before {
  border-color: var(--color-blue1) !important;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li [type=checkbox] {
  display: none;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li [type=checkbox]:checked ~ label > .thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-green1);
  border-radius: 64px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
    margin-left: calc(-35px + 20px);
    margin-top: -24px;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li {
    width: 64px;
    margin-left: 35px;
    margin-top: 24px;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label .thumb {
    width: 64px;
    height: 64px;
    border-radius: 64px;
  }
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
  margin-top: 0;
  margin-left: 10px;
  padding-bottom: 15px;
  min-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 10px;
    box-shadow: none;
  }
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools {
  min-height: auto;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li {
  border: 1px solid #AAA;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li {
    width: calc(100% - 10px);
  }
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=add] {
  transition: all .3s ease;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=add] input[type=file] ~ label {
  background: transparent;
  border: none;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=add] input[type=file] ~ label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: rgba(255, 255, 255, 0.6);
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=add] input[type=file] ~ label span.sp.label {
    font-size: 18px;
    display: inline-block;
    padding-left: 10px;
    line-height: 1.42;
  }
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=remove] {
  transition: all .3s ease;
  display: flex;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=remove] span {
  transition: all .3s ease;
  width: 50px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li[data-type=remove] .drag-label {
  opacity: 0;
  font-size: 0;
  color: #fff;
  width: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools > li:nth-of-type(2) {
  margin-left: 16px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools.drag-start > li[data-type=add] {
  width: 0;
  opacity: 0;
  border: none;
  margin-left: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools.drag-start > li[data-type=remove] {
  width: calc(100% - 10px);
  margin-left: 0;
  background: var(--color-red1);
  color: #fff;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul.tools.drag-start > li[data-type=remove] .drag-label {
  overflow: hidden;
  display: block;
  width: calc(100% - 50px);
  padding: 8px;
  padding-left: 0;
  line-height: 1.42;
  opacity: 1;
  font-size: 10px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li {
  user-select: none;
  cursor: pointer;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li:nth-of-type(2n + 1) {
  margin-left: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li:nth-of-type(2n + 2) {
  margin-left: 15px;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li .thumb.notset {
  background: #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: center;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li .thumb.notset::before {
  content: "未設定";
  font-size: 14px;
  color: #fff;
}

#container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul li .name {
  display: none;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person {
    width: 100%;
    top: auto !important;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list-users > .head > p {
    display: none;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list-users > .tools li[data-type="remove"] {
    display: none !important;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list-users > .users {
    overflow: auto !important;
    min-height: initial !important;
    max-height: initial !important;
    margin-left: -5px !important;
  }
  #container #contents > #contents-inner.page-class-and-group-person .root-body > .person .drag-items-list .drag-items-list-list-users > .users li {
    margin-left: 15px !important;
  }
}

#container #contents > #contents-inner.page-class-and-group-person .drop-targets {
  transition: background .3s ease;
}

#container #contents > #contents-inner.page-class-and-group-person .drop-targets.drag-start {
  background: var(--color-green3) !important;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year,
#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form {
  padding: 20px 0;
  display: flex;
  align-items: center;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year > .label,
#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .label {
  font-size: 16px;
  margin-right: 10px;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year > .el + .label,
#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .el + .label {
  margin-left: 30px;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year {
  margin-top: 30px;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .year::before {
  background-position: 0 100%;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group {
  display: flex;
  align-items: center;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group::before {
  background-position: 0 100%;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .label {
  font-size: 20px;
}

#container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group {
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 539px) {
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .label {
    white-space: nowrap;
  }
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .el {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .el label {
    width: 100%;
  }
  #container #contents > #contents-inner.page-class-and-group-person .filter form > .target-group > .form > .el label select {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-photo-upload-check .root-header .sales_total {
  top: -40px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-photo-upload-check .root-header > .header-search-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 974px;
  }
}

#container #contents > #contents-inner.page-photo-upload-check > .root-body {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-upload-check > .root-body > .display-body {
  padding-left: 0;
}

#container #contents > #contents-inner.page-photo-upload-check > .root-body > .display-body > .sales-photo-list > ul > li > .photo {
  cursor: default;
}

#container #contents > #contents-inner.page-photo-upload-check > .root-body > .display-body .filtered-count.pc {
  top: 40px;
}

#container #contents > #contents-inner.page-photo-upload-check .display-filter .search-filter .form li .search-query[type=text] {
  width: 300px;
  height: 35px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .page_title {
  width: 100%;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form {
  display: flex;
  flex-wrap: wrap;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .items {
  width: calc(100% - 340px - 20px);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .items {
    width: 100%;
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .btns {
  width: 100%;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note {
  border: 1px solid #666;
  border-radius: 10px;
  padding: 6px;
  margin-top: 0;
  z-index: 2;
  background: #fff;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note {
    margin-top: 20px;
    width: 100%;
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note > p {
  margin-bottom: 5px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note textarea {
  font-size: 14px;
  line-height: 1.42;
  height: 12em;
  padding: 10px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note > .btns {
  margin-top: 5px;
  margin-bottom: 5px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert {
  opacity: 0;
  transition: all .1s ease;
  background: #00B5AD;
  border-radius: 18px;
  width: 88px;
  height: 35px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 3px 6px rgab(0, 0, 0, 0.16);
  text-align: center;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: -1;
  transform: scale(1, 0.4);
  right: 81px;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert {
    font-size: 12px;
    height: 24px;
    width: 70px;
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #00B5AD transparent transparent transparent;
  position: absolute;
  bottom: -14px;
  right: 17px;
  z-index: 2;
  transform: scale(1, 2) skew(-45deg, 0);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert::before {
    transform: scale(0.5, 1) skew(-45deg, 0);
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert.active {
  opacity: 1;
  top: -44px;
  z-index: 2;
  transform: scale(1, 1);
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body > .cart_items form > .cart_note .saved-alert.active {
    z-index: 1;
    top: -26px;
  }
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list {
  margin-top: 3em;
}

@media screen and (min-width: 1000px) {
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list {
    max-width: calc(100% - 340px - 20px);
  }
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_header .btn,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .edit_parent .btn {
  font-size: 13px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_header .btn.btn-plain,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .edit_parent .btn.btn-plain {
  color: #fff;
  padding-right: 0;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .shipping_address dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .shipping_address dl dt {
  width: 150px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .shipping_address dl dd {
  width: calc(100% - 150px);
  padding-left: 15px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .shipping_address dl dd ~ dt,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .shipping_address dl dd ~ dd {
  margin-top: 10px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_child:nth-of-type(n + 1) {
  margin-top: 3em;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_contents {
  overflow: hidden;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit {
  height: 0;
  overflow: hidden;
  margin-top: 20px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li ul.edit_child {
  padding-left: 2em;
  height: 0;
  overflow: hidden;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child {
  height: auto;
  overflow: visible;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child li,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child .order_detail_input > dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child dt {
  width: 150px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child dd {
  width: calc(100% - 150px);
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child dd ~ dt,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list .order_list_edit > ul.edit_parent > li.has_select ul.edit_child dd ~ dd {
  margin-top: 10px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.edit-open .order_list_edit {
  height: auto;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_address .order_list_edit > ul {
  display: block;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_address .order_list_edit > ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_payment .order_list_edit > ul {
  max-width: 500px;
}

@media screen and (min-width: 1000px) {
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    border: 1px solid #666;
    border-radius: 10px;
    padding: 6px;
    margin-top: 0;
    z-index: 2;
    background: #fff;
  }
}

@media screen and (max-width: 999px) {
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total {
    border-top: 1px solid #333;
  }
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .total {
  border-top: 1px solid #333;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .cart_note {
  font-size: 0.9em;
  line-height: 1.42;
  border-radius: 3px;
  border: 1px solid #E6DBDA;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .cart_note::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .cart_note::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .cart_note::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_price_total > .cart_note > .preview {
  line-height: 1.42;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list > div.order_list_header,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list > .order_list_child > div.order_list_header {
  background: #58ac94;
  color: #fff;
  padding: 6px;
  align-items: center;
  border-radius: 3px;
  height: 48px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list > div.order_list_header .btn-text,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list > .order_list_child > div.order_list_header .btn-text {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .order_list.order_memo .order_list_header {
    height: 48px;
  }
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list {
  display: flex;
  text-align: right;
  align-items: flex-end;
  padding-bottom: 6px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list dt {
  width: calc(100% - 6em);
  padding-right: 1em;
  line-height: 1;
  margin-top: 6px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list dt > .name {
  text-align: left;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list dt > .ttl {
  line-height: 1;
  padding-top: 4px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list dd {
  width: 6em;
  padding-left: 1em;
  line-height: 1;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list.number_b dd {
  font-size: 120%;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list.total {
  margin-top: 2px;
  padding-top: 6px;
}

#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body dl.price_list.is_free_shipping ~ .free_shipping_message {
  color: #ED5617;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item {
  display: flex;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item {
    flex-wrap: wrap;
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item:not(:first-child), #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item:not(:first-child) {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #999;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb {
  padding-top: 4px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img {
  border: 1px solid #333;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img img,
#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img canvas, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img img,
#container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img canvas {
  width: 100%;
  vertical-align: top;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .favorite, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .favorite {
  line-height: 1.3;
  margin-top: 0.3em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .favorite button, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .favorite button {
  font-size: 0.8em;
  line-height: 1.3;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail {
  margin-left: 20px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail *, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail * {
  line-height: 1.4;
}

@media screen and (max-width: 399px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail {
    margin-left: 10px;
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .name, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .name {
  width: calc(100% - 36px);
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .photo_no, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .photo_no {
  width: calc(100% - 36px);
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size {
  margin-top: 1em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li {
  display: flex;
  flex-wrap: wrap;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li:not(:first-child), #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li:not(:first-child) {
  margin-top: 10px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta {
  width: 100%;
  user-select: none;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta > *, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta > * {
  display: inline;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta > *:not(:first-child), #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta > *:not(:first-child) {
  margin-left: 1em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer {
  vertical-align: middle;
  display: inline-block;
  padding-left: 10px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > *, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > * {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #009D70;
  border: 1px solid #009D70;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > *:hover, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > *:hover {
  opacity: 0.8;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > * + *, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer > * + * {
  margin-left: 4px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-minus::before, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-minus::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 4px;
  width: 10px;
  height: 1px;
  background: #009D70;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::before, #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::after, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::before, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 1px;
  background: #009D70;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::before, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::before {
  top: 9px;
  left: 4px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::after, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .meta .quantity .quantity-changer .quantity-plus::after {
  top: 9px;
  left: 4px;
  transform: rotate(90deg);
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list {
  width: 50%;
  display: flex;
  align-self: flex-start;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list li, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list li {
  font-size: 0.8em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list li:not(:first-child), #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .action_list li:not(:first-child) {
  margin-left: 1em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .subtotal, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .size_list > li .subtotal {
  width: 100%;
  text-align: right;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .total, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .total {
  text-align: right;
  border-top: 1px solid #999;
  margin-top: 0.4em;
  padding-top: 0.4em;
  margin-bottom: 0.4em;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .change-items, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .change-items {
  width: 100%;
}

@media screen and (max-width: 399px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail > .size .change-items, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail > .size .change-items {
    margin-left: -80px;
    width: calc(100% + 80px);
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > button.close, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > button.close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item:not(:first-child) > button.close, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item:not(:first-child) > button.close {
  top: 30px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb {
    width: 260px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img {
    width: 260px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img img {
    max-width: 260px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail {
    width: calc(100% - 260px);
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb {
    width: 100px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img {
    width: 100px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img img {
    max-width: 100px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail {
    width: calc(100% - 100px - 20px);
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .change-items-wrap, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .change-items-wrap {
    padding-top: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 399px) {
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb {
    width: 70px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img {
    width: 70px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .thumb .img img, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .thumb .img img {
    max-width: 70px;
  }
  #container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .items .item > .detail, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .items .item > .detail {
    width: calc(100% - 70px - 10px);
  }
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items .order_price, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items .order_price {
  border-top: 1px solid #999;
  margin-top: 10px;
}

#container #contents > #contents-inner.page-group-buy-cart .root-body .display-body .cart_items a, #container #contents > #contents-inner.page-group-buy-shipping .root-body .display-body .cart_items a {
  color: #00B5AD;
}

#container #contents > #contents-inner.page-information > .content > .ttl .label {
  font-size: 24px;
  display: block;
  width: 100%;
  line-height: 1.42;
}

#container #contents > #contents-inner.page-information > .content > .ttl .date {
  margin-bottom: 8px;
  font-size: 0.8em;
  color: #555;
}

#container #contents > #contents-inner.page-information > .content > .body {
  margin-top: 20px;
  color: #555;
}

#container #contents > #contents-inner.page-information > .content > .body,
#container #contents > #contents-inner.page-information > .content > .body > * {
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner .frame-notice.reply-frame {
    position: absolute;
    right: 18px;
    top: 110px;
    width: 300px;
    z-index: 2;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner .frame-notice.reply-frame {
    order: 2;
    width: calc(100%);
    margin-top: 15px;
    border-width: 0;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame::before, #container #contents > #contents-inner .frame-notice.reply-frame::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #E2D7E6;
    position: absolute;
    left: 0;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame::before {
    top: 0;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame::after {
    bottom: 0;
  }
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box {
  display: block;
  height: auto;
  border: 6px solid #E2D7E6;
  background: #F9F1F6;
  border-radius: 6px;
  color: #666;
  padding: 12px;
}

@media screen and (min-width: 768px) {
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box {
    position: absolute;
  }
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: 0 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title > .title {
  width: calc(100% - 50px);
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title > .title i {
  color: #00B5AD;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title > .reply {
  width: 50px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-title > .reply .btn {
  width: 50px;
  padding: 8px 5px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body {
  line-height: calc(24 / 16);
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body * {
  line-height: calc(24 / 16);
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge {
  padding-bottom: 20px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge > .icons {
  padding-bottom: 5px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 5px;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul {
  padding-top: 8px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li {
  padding-bottom: 10px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li + li {
  margin-top: 10px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li.reply-scroll-active .textbox {
  border-color: var(--color-red2);
  border-width: 2px;
  padding: 13px 8px 8px 8px;
  animation: replyScrollActive 0.8s ease 3;
}

@keyframes replyScrollActive {
  0% {
    border-color: #E6DBDA;
  }
  50% {
    border-color: var(--color-red2);
  }
  100% {
    border-color: #E6DBDA;
  }
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li.reply-scroll-active .textbox > .badge-label {
  left: -2px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li.reply-scroll-active .textbox > .btn-frame-notice-read {
  right: -2px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li > .info {
  line-height: 1;
  margin-bottom: -10px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li > .info i.icon-memoridge {
  display: inline-block;
  vertical-align: top;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li > .info i.icon-memoridge::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../img/common/logo-sp.svg) 0px 50% no-repeat;
  background-size: auto 14px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li > .info span {
  font-size: 0.8em;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .textbox {
  background: #fff;
  border: 1px solid #E6DBDA;
  border-radius: 5px;
  margin-top: 17px;
  padding: 10px;
  padding-top: 15px;
  font-size: 12px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .textbox > .badge-label {
  position: absolute;
  display: inline-block;
  top: -10px;
  left: -1px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .textbox > .text {
  max-height: 289px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  #container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .textbox > .text {
    max-height: 272px;
  }
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .textbox > .btn-frame-notice-read {
  position: absolute;
  display: inline-block;
  top: -10px;
  right: -1px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .user-icon-list {
  margin-top: 10px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .date {
  font-size: 0.7em;
  text-align: right;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .attachment {
  font-size: 0.8em;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .attachment ul li a {
  color: #00B5AD;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li .attachment ul li a::before {
  content: "\f56d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: 0 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li[data-reply-type='from'] {
  padding-right: 15px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .from_in_charge .reply_list > ul > li[data-reply-type='to'] {
  padding-left: 15px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts {
  margin-top: 10px;
  padding-bottom: 20px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts > .ttl {
  width: 100%;
  padding-bottom: 10px;
  padding-right: 40px;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts > .ttl .btn {
  padding: 4px 8px;
  margin-left: 10px;
  position: absolute;
  right: 0;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: 0 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts.frame-notice-common-parts-has-field-toggle {
  padding-bottom: 0;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts.frame-notice-common-parts-has-field-toggle > .field {
  padding-bottom: 20px;
  display: none;
}

#container #contents > #contents-inner .frame-notice.reply-frame .frame-notice-box .frame-notice-body .frame-notice-common-parts.frame-notice-common-parts-has-field-toggle > .field.active {
  display: block;
}

.user-icon-list {
  display: flex;
  align-items: center;
}

.user-icon-list::after {
  content: "4+";
  display: inline-block;
  font-size: 20px;
  color: #93958D;
  margin-left: 5px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .user-icon-list::after {
    font-size: 14px;
  }
}

.user-icon-list li {
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  line-height: 1;
}

.user-icon-list li + li {
  margin-left: -15px;
}

.user-icon-list li img {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  line-height: 1;
}

.user-icon-list li:nth-of-type(n + 5) {
  display: none;
}

@media screen and (max-width: 767px) {
  .user-icon-list li {
    width: 18px;
    height: 18px;
    border-radius: 20px;
  }
  .user-icon-list li + li {
    margin-left: -12px;
  }
}

.user-icon-list:not([data-count]) li, .user-icon-list[data-count='1'] li, .user-icon-list[data-count='2'] li, .user-icon-list[data-count='3'] li {
  width: 30px;
  height: 30px;
  border: none;
}

@media screen and (max-width: 767px) {
  .user-icon-list:not([data-count]) li, .user-icon-list[data-count='1'] li, .user-icon-list[data-count='2'] li, .user-icon-list[data-count='3'] li {
    width: 20px;
    height: 20px;
  }
}

.user-icon-list:not([data-count]) li + li, .user-icon-list[data-count='1'] li + li, .user-icon-list[data-count='2'] li + li, .user-icon-list[data-count='3'] li + li {
  margin-left: 6px;
}

@media screen and (max-width: 767px) {
  .user-icon-list:not([data-count]) li + li, .user-icon-list[data-count='1'] li + li, .user-icon-list[data-count='2'] li + li, .user-icon-list[data-count='3'] li + li {
    margin-left: 3px;
  }
}

.user-icon-list:not([data-count])::after, .user-icon-list[data-count='1']::after, .user-icon-list[data-count='2']::after, .user-icon-list[data-count='3']::after {
  display: none;
}

.user-icon-list.with-name li {
  display: flex;
  align-items: center;
  width: auto !important;
}

.user-icon-list.with-name li + li {
  margin-left: 25px;
}

.user-icon-list.with-name li img {
  width: 20px;
}

.user-icon-list.with-name li span {
  display: inline-block;
  padding-left: 0.2em;
}

.user-icon-list.no-border > li {
  border: none;
}

.faq-list dl {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.faq-list dl dt::before,
.faq-list dl dd::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(../img/icon/icon-faq-q.svg) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 4px;
  left: 0;
}

.faq-list dl dt {
  padding-left: 42px;
}

.faq-list dl dt::before {
  width: 29px;
  height: 29px;
  background-image: url(../img/icon/icon-faq-q.svg);
}

.faq-list dl dd {
  font-size: 14px;
  padding-left: 84px;
  margin-top: 10px;
}

.faq-list dl dd::before {
  width: 28px;
  height: 22px;
  left: 42px;
  background-image: url(../img/icon/icon-faq-a.svg);
}

@media screen and (max-width: 767px) {
  .faq-list dl {
    background: #fff;
    padding: 26px 17px;
    border-radius: 10px;
    border-bottom: none;
  }
  .faq-list dl dt::before,
  .faq-list dl dd::before {
    width: 22px;
    height: 22px;
  }
  .faq-list dl dd {
    padding-left: 42px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #CCC;
  }
  .faq-list dl dd::before {
    left: 0;
    top: 20px;
  }
}

.icon-stream-type {
  display: flex;
  justify-content: center;
}

.icon-stream-type li {
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 767px) {
  .icon-stream-type li {
    width: 30px;
    height: 30px;
  }
}

.icon-stream-type li + li {
  margin-left: 8px;
}

.icon-stream-type li.mail {
  background: url(../img/icon/icon-stream-mail-none.svg) 0 0 no-repeat;
  background-size: 100%;
}

.icon-stream-type li.mail.active {
  background-image: url(../img/icon/icon-stream-mail-active.svg);
}

.icon-stream-type li.line {
  background: url(../img/icon/icon-stream-line-none.svg) 0 0 no-repeat;
  background-size: 100%;
}

.icon-stream-type li.line.active {
  background-image: url(../img/icon/icon-stream-line-active.svg);
}

@media screen and (max-width: 767px) {
  .sp-width-full {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.badge-label {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 21px;
  line-height: 21px;
  padding-left: 0.4em;
  padding-right: 0.4em;
}

.badge-label.radius {
  border-radius: 21px;
  padding: 0 0.6em;
}

.badge-label.color-red1 {
  color: #fff;
  background: var(--color-red1);
}

.badge-label.color-red2 {
  color: #fff;
  background: var(--color-red2);
}

.badge-label.color-green1 {
  color: #fff;
  background: var(--color-green1);
}

.badge-label.color-green2 {
  color: #fff;
  background: var(--color-green2);
}

.badge-label.color-green3 {
  color: #fff;
  background: var(--color-green3);
}

.badge-label.color-green4 {
  color: #fff;
  background: var(--color-green4);
}

.badge-label.color-purple1 {
  color: #fff;
  background: var(--color-purple1);
}

.badge-label.color-purple2 {
  color: #fff;
  background: var(--color-purple2);
}

.badge-label.color-blue1 {
  color: #fff;
  background: var(--color-blue1);
}

.badge-label.color-blue2 {
  color: #fff;
  background: var(--color-blue2);
}

.badge-label.color-gray1 {
  color: #fff;
  background: var(--color-gray1);
}

.badge-label.color-gray2 {
  color: #fff;
  background: var(--color-gray2);
}

.badge-label.color-white1 {
  color: #93958D;
  border: 1px solid #93958D;
  background: var(--color-white1);
}

.badge-label.color-white1 {
  line-height: 19px;
}

.header-ttl_with_btn {
  display: flex;
  align-items: center;
}

.header-ttl_with_btn > .btn-detail-other {
  margin-left: 50px;
}

body.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
}

.modal.modal-open {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.modal .modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

@supports (backdrop-filter: blur()) {
  .modal .modal-overlay {
    background: rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .modal .modal-overlay {
    background: rgba(0, 0, 0, 0.2);
  }
}

.modal.modal-open-after .modal-overlay {
  opacity: 1;
}

.modal .modal-contents {
  position: fixed;
  display: block;
  width: 1240px;
  height: 812px;
  max-width: 90%;
  max-height: 90%;
  background: #fff;
  z-index: 1001;
  padding: 40px;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .modal .modal-contents {
    border-radius: 0;
    width: 100%;
    height: auto;
    top: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    padding: 0;
    max-width: 100%;
    max-height: 100%;
  }
}

.modal .modal-contents .modal-ttl {
  font-size: 24px;
  color: #999999;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .modal .modal-contents .modal-ttl {
    height: 80px;
    font-size: 18px;
    color: #fff;
    background: #00B5AD;
  }
}

@media screen and (max-width: 767px) {
  .modal .modal-contents .modal-ttl.modal-ttl-min {
    height: 40px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .modal .modal-contents .modal-ttl.modal-ttl-min > .modal-back {
    top: -2px;
  }
}

.modal .modal-contents .modal-ttl > .modal-back {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .modal .modal-contents .modal-ttl > .modal-back {
    padding-left: 10px;
    top: 19px;
  }
}

.modal .modal-contents .modal-ttl > .modal-back .btn-modal-back {
  height: 29px;
  border: 1px solid #DDDDDD;
  border-radius: 15px;
  color: #666666;
  background: #fff;
  font-size: 16px;
  line-height: 27px;
  padding: 0 10px 0 20px;
}

.modal .modal-contents .modal-ttl > .modal-back .btn-modal-back::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url(../img/icon/ionic-ios-arrow-bottom--gray.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg);
}

.modal .modal-contents .modal-ttl > .modal-back .btn-modal-back-label {
  height: 29px;
  color: #FFF;
  font-size: 16px;
  line-height: 27px;
  padding: 0 10px 0 25px;
}

.modal .modal-contents .modal-ttl > .modal-back .btn-modal-back-label::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 15px;
  height: 18px;
  background: url(../img/icon/ionic-ios-arrow-back--white.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}

.modal .modal-contents .modal-ttl > .modal-close {
  top: 20%;
}

@media screen and (max-width: 767px) {
  .modal .modal-contents .modal-ttl > .modal-close {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: -15px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}

.modal .modal-contents .modal-ttl > .modal-close .btn-close {
  width: 30px;
  height: 30px;
  padding: 0;
}

.modal .modal-contents .modal-ttl > .modal-close .btn-close::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/ionic-md-close-circle-outline.svg) 50% 50% no-repeat;
  background-size: 30px;
}

.modal .modal-contents .modal-body {
  height: 100%;
  max-height: calc(100% - 48px);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal .modal-contents .modal-bottom {
  padding-top: 20px;
}

.modal.modal-confirm .modal-contents {
  width: 480px;
  height: 320px;
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .modal.modal-confirm .modal-contents {
    width: 90%;
    max-height: 90%;
  }
}

.modal.modal-confirm .modal-contents .modal-body {
  padding: 15px 0;
  line-height: 1.42;
  max-height: calc(100% - 48px - 65px);
}

.modal.modal-confirm .modal-contents .modal-body * {
  line-height: 1.42;
}

.modal.modal-confirm .modal-contents .modal-btns {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 15px * 2);
  height: 60px;
  border-top: 1px solid #eee;
  padding-top: 15px;
  display: flex;
}

.modal.modal-confirm .modal-contents .modal-btns > li {
  text-align: center;
}

.modal.modal-confirm .modal-contents .modal-btns > li button {
  min-width: 100px;
}

.modal.modal-confirm .modal-contents .modal-btns > li.item--yes button {
  background: var(--color-red1);
  color: #fff;
  border-radius: 6px;
}

.modal.modal-confirm .modal-contents .modal-btns > li.item--no button {
  background: var(--color-green3);
  color: #fff;
  border-radius: 6px;
}

.modal.modal-confirm .modal-contents .modal-btns > li.item--cancel button {
  background: var(--color-gray2);
  color: #fff;
  border-radius: 6px;
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="2"] {
  padding-left: 100px;
  padding-right: 100px;
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="2"] > li {
  width: calc((100% - 20px * 1) / 2);
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="2"] > li:nth-of-type(n + 2) {
  margin-left: 20px;
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="3"] {
  padding-left: 60px;
  padding-right: 60px;
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="3"] > li {
  width: calc((100% - 20px * 2) / 3);
}

.modal.modal-confirm .modal-contents .modal-btns[data-items="3"] > li:nth-of-type(n + 2) {
  margin-left: 20px;
}

.modal[data-id='handouts'] .modal-ttl {
  font-size: initial;
  border-bottom: none;
  padding-bottom: 0;
  height: 164px;
}

.modal[data-id='handouts'] .modal-ttl .modal-ttl-text {
  font-size: 24px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 5px;
  height: 54px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 65px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .handouts_list--select .input-select-wrap {
  max-width: 300px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .handouts_list--select .input-select-wrap select {
  max-width: 100%;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic {
  display: flex;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li {
  padding-bottom: 10px;
  margin-left: 20px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li a,
.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li button.btn {
  display: block;
  min-width: 198px;
  background: var(--color-green1);
  color: #fff;
  font-size: 18px;
  padding: 7px 18px;
  line-height: 30px;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li a,
  .modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li button.btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
  }
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li a object,
.modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li button.btn object {
  margin-right: 10px;
  top: 3px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li a object,
  .modal[data-id='handouts'] .modal-ttl .handouts_list--ttl .link-basic li button.btn object {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--head {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding-top: 6px;
  padding-bottom: 6px;
  background: rgba(0, 0, 0, 0.05);
  height: 45px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--head li {
  padding-left: 10px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--head li.date--event {
  width: 160px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--head li.date--publication {
  width: 160px;
}

.modal[data-id='handouts'] .modal-ttl .handouts_list--head li.event-name {
  padding-left: 0;
  width: calc(100% - 160px * 2);
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents {
    display: none;
  }
}

.modal[data-id='handouts'] .modal-contents .modal-body {
  max-height: calc(100% - 164px);
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 {
  max-height: 446px;
  height: calc(100% - 260px);
  background: rgba(0, 0, 0, 0.005);
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items {
    background: #FFFFFF;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #999999;
  padding: 8px 0 15px 0;
  border-bottom: 1px dashed #DDDDDD;
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li {
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .date {
  width: 160px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .date {
    width: 100%;
    padding-left: 0;
    font-size: 10px;
    line-height: 1.42;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .ttl {
  width: calc(100% - 160px * 2);
  font-size: 22px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .ttl {
    width: calc(100% - 105px);
    font-size: 14px;
    line-height: 1.42;
  }
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .ttl svg {
    display: none;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .ttl a {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .ttl a {
    color: #333333;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state {
  width: 100%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state {
    position: absolute;
    right: 15px;
    width: 95px;
    padding-right: 0;
  }
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state a {
    font-size: 8px;
    line-height: 1.2;
    padding: 10px 8px;
    text-align: left;
  }
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state a span {
    line-height: 1.2;
  }
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state a::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 20px;
    font-size: 18px;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .btn-file-download {
  width: 198px;
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .preparation {
  display: inline-block;
  width: calc(198px - 30px - 10px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #707070;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .preparation {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .preparation + .user-icon-list {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .preparation + .user-icon-list {
    display: none;
  }
}

.modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .draft {
  display: inline-block;
  width: 198px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #93958D;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .item-list-type-2 > ul.list_items > li .state .draft {
    font-size: 12px;
    height: auto;
    line-height: initial;
    padding: 4px 0;
  }
}

.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed {
  height: 260px;
}

.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul.pdf {
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li {
  padding-bottom: 10px;
}

.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li a,
.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li button.btn {
  display: block;
  min-width: 198px;
  background: var(--color-green1);
  color: #fff;
  font-size: 18px;
  padding: 7px 18px;
  line-height: 30px;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li a,
  .modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li button.btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
  }
}

.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li a object,
.modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li button.btn object {
  margin-right: 10px;
  top: 3px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li a object,
  .modal[data-id='handouts'] .modal-contents .handouts_footer_fixed > ul li button.btn object {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
}

.modal[data-id='handouts'] .modal-contents .state-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
}

.modal[data-id='handouts'] .modal-contents .state-wrap .free_message {
  width: 450px;
  line-height: 1;
}

.modal[data-id='handouts'] .modal-contents .state-wrap .free_message > .form-item-title-tip {
  display: block;
  position: absolute;
  font-size: 0.5em;
  top: -5px;
  left: 2px;
  line-height: 1;
  opacity: 0;
  z-index: -1;
  transition: all .2s ease;
  user-select: none;
  pointer-events: none;
  color: #999999;
}

.modal[data-id='handouts'] .modal-contents .state-wrap .free_message textarea {
  line-height: 1.42;
  height: calc(2em * 1.42 + 8px * 2);
}

.modal[data-id='handouts'] .modal-contents .state-wrap .free_message textarea:focus ~ .form-item-title-tip {
  opacity: 1;
  z-index: 1;
  top: -11px;
}

.modal[data-id='handouts'] .modal-contents .state-wrap .pdf_download {
  margin-left: 20px;
  width: 198px;
}

.modal[data-id='notification'] .modal-ttl {
  background: #00B5AD;
  color: #fff;
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
  width: calc(100% + 40px * 2);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-ttl {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.modal[data-id='notification'] .modal-ttl .count {
  font-size: 30px;
  margin-left: 15px;
}

.modal[data-id='notification'] .modal-ttl .count .number {
  line-height: 60px;
  font-size: 60px;
}

.modal[data-id='notification'] .modal-contents {
  background: #FAFFEB;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents {
    height: auto;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_read {
    padding-left: 15px;
    padding-bottom: 15px;
  }
}

.modal[data-id='notification'] .modal-contents .event_list {
  max-height: 446px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list {
    height: auto;
    margin-top: 0;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li {
  display: flex;
  align-items: center;
  color: #999999;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li {
    border-bottom: none;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal[data-id='notification'] .modal-contents .event_list > ul > li::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li:first-child {
  border-top: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li:first-child {
    border-top: none;
  }
  .modal[data-id='notification'] .modal-contents .event_list > ul > li:first-child::before {
    display: none;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .date {
  width: 160px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li .date {
    width: calc(100% - 100px);
    padding-left: 0;
    line-height: 1;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .ttl {
  width: calc(100% - 160px - 230px);
  font-size: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li .ttl {
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 1.42;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .ttl a {
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li .ttl a svg {
    display: none;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .state {
  width: 230px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .event_list > ul > li .state {
    position: absolute;
    top: 0;
    right: 15px;
    width: 100px;
    height: 100%;
    padding-right: 0;
    justify-content: flex-end;
  }
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .state .btn-file-download {
  width: 198px;
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .state .preparation {
  display: inline-block;
  width: calc(198px - 30px - 10px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #707070;
  font-size: 18px;
  text-align: center;
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .state .preparation + ul {
  margin-left: 10px;
}

.modal[data-id='notification'] .modal-contents .event_list > ul > li .state .draft {
  display: inline-block;
  width: 198px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #93958D;
}

.modal[data-id='notification'] .modal-contents .notification-none {
  color: #999999;
}

@media screen and (max-width: 767px) {
  .modal[data-id='notification'] .modal-contents .notification-none {
    text-align: center;
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-ttl {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 20px;
  }
  .modal[data-id='headmenu'] .modal-ttl .logout {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: -17px;
    right: calc(10px + 30px + 20px);
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .modal[data-id='headmenu'] .modal-ttl .logout a {
    color: #fff;
  }
}

.modal[data-id='headmenu'] .modal-ttl .count {
  font-size: 30px;
  margin-left: 15px;
}

.modal[data-id='headmenu'] .modal-ttl .count .number {
  line-height: 60px;
  font-size: 60px;
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list {
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list {
    background: #00A29B;
    padding-top: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-top: -54px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul {
    margin-left: 0;
    margin-top: 0;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li {
  width: calc((100% - (30px * 3)) / 3);
  margin-left: 30px;
  margin-top: 54px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 20px;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .ttl {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .ttl {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1.42;
    margin-bottom: 10px;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .image {
  border: 1px solid #DDDDDD;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .image {
    border: none;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .image img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .image img {
    vertical-align: top;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: calc(10px - 5px);
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link {
    flex-wrap: wrap;
    margin-top: 0;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li {
  display: inline-block;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li {
    width: 100%;
    margin-top: 0;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li + li {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li + li {
    margin-left: 0;
  }
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li + li a {
    border-top: none;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li a {
  display: inline-block;
  color: #333333;
  border: 1px solid #BEE3DC;
  padding: 7px 24px;
  padding-left: 45px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li a {
    width: 100%;
    background: #1ABDB5;
    padding-left: 30px;
    color: #fff;
  }
}

.modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 18px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='headmenu'] .modal-contents .modal-body .headmenu_list > ul > li > .link li a::before {
    background-image: url(../img/icon/ionic-ios-arrow-back--white.svg);
    left: auto;
    right: 10px;
    width: 13px;
    height: 13px;
    margin-top: -6px;
  }
}

.modal[data-id='edit-notification'] .modal-ttl .label > .icon {
  width: 110px;
  height: 20px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-ttl {
    padding-top: 14px;
    padding-right: 50px;
    padding-left: 10px;
  }
  .modal[data-id='edit-notification'] .modal-ttl .label {
    display: inline-block;
    line-height: 1.42;
  }
  .modal[data-id='edit-notification'] .modal-ttl .label > .icon {
    display: none;
  }
}

.modal[data-id='edit-notification'] .modal-contents .modal-body {
  padding-bottom: 30px;
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date {
  border-bottom: 1px solid #CCCCCC;
  padding: 18px 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 {
    flex-wrap: wrap;
  }
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 .notification-date-number {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 .notification-date-number {
    width: 100%;
    padding: 25px 15px;
  }
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 .notification-date-number > span {
  display: inline-block;
  margin-right: 5px;
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 .notification-date-update {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-date > .items-separate-c2 .notification-date-update {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    padding: 15px;
    text-align: right;
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list {
    background: #E2EBF1;
  }
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body .input-inline > li > span label {
  display: flex;
  align-content: center;
  line-height: 34px;
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body .input-inline > li > span label ul {
  margin-left: 10px;
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body textarea {
  width: 100%;
  height: 350px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body textarea {
    height: 300px;
  }
}

.modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body input[type=text] {
  width: 430px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body input[type=text] {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='edit-notification'] .modal-contents .modal-body .notification-form .form-list > li > .body .icon-stream-type {
    top: 5px;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .select_year, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .select_year, .modal[data-id='event-list-organize'] .modal-contents .modal-body .select_year {
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .select_year, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .select_year, .modal[data-id='event-list-organize'] .modal-contents .modal-body .select_year {
    padding: 5px 10px;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul {
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul {
    padding: 0;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li {
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a {
  display: flex;
  align-items: center;
  color: #666666;
  padding: 12px 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a {
    flex-wrap: wrap;
    padding-left: 12px;
    padding-right: 120px;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .date, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .date, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .date {
  font-size: 16px;
  width: 150px;
  color: #999999;
  padding-left: 12px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .date, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .date, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .date {
    width: 100%;
    font-size: 10px;
    line-height: 1.42;
    padding-left: 0;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .title, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .title, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .title {
  font-size: 24px;
  width: calc(100% - 150px - 90px);
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #00B5AD;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .title, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .title, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .title {
    width: 100% !important;
    font-size: 14px;
  }
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .title > svg, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .title > svg, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .title > svg {
    display: none;
  }
}

.modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .badge-label, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .badge-label, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .badge-label {
  min-width: 90px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-list-duplicate'] .modal-contents .modal-body .event_list ul li a .badge-label, .modal[data-id='event-list-photo-manage'] .modal-contents .modal-body .event_list ul li a .badge-label, .modal[data-id='event-list-organize'] .modal-contents .modal-body .event_list ul li a .badge-label {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -10px;
  }
}

.modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -20px;
}

.modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li {
  display: inline-block;
  background: #fff;
  margin-left: 20px;
  margin-top: 20px;
  height: 86px;
  width: calc((100% - (20px * 4)) / 4);
}

.modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333333;
  border: 1px solid #BEE3DC;
  padding: 10px 30px;
  padding-left: 45px;
  line-height: 1.42;
  transition: background-color .3s ease;
}

.modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a:hover {
  background: #EFFCFA;
}

.modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 18px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -21px;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li {
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li + li {
    margin-top: 0;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li + li a {
    border-top: none;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #333333;
    border: 1px solid #BEE3DC;
    padding: 20px;
    padding-left: 45px;
    transition: background-color .3s ease;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a:hover {
    background: #EFFCFA;
  }
  .modal[data-id='config-basis'] .modal-contents .modal-body .config-list > ul > li a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(../img/icon/ionic-ios-arrow-dropright-circle.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 18px;
  }
}

.modal[data-id='event-duplicate-items'] .modal-ttl {
  font-size: 30px;
  background: var(--color-green4);
  color: #fff;
  padding: 10px 6px;
  margin-top: -10px;
  margin-bottom: 10px;
  text-align: center;
  height: auto;
  line-height: 1.42;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body {
  padding-bottom: 20px;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .event_ttl {
  width: 100%;
  font-size: 30px;
  line-height: 1.42;
  color: var(--color-green4);
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check {
  border-radius: 0;
  margin-top: 20px;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li {
  background: #FCFCFC;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li::before {
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li:last-child::after {
  content: "";
  position: absolute;
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
  bottom: 0;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body {
  background: #fff;
  font-size: 20px;
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .ttl::before,
.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .body::before {
  content: "";
  position: absolute;
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
  top: -10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .ttl::before,
  .modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .body::before {
    top: -30px;
  }
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .number + .ttl::before,
.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li > .body .timeschedule-data > .number + .ttl + .body::before {
  display: none;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li.scheduleDay .body {
  font-size: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li.scheduleDay .body * {
  line-height: 1.42;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check > li.text-notes .body {
  color: #999999;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list.form-event-items-check + .btns {
  margin-top: 30px;
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list .timeschedule-data {
  padding-left: 32px;
  padding-right: 40px;
  margin-top: 5px;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list .timeschedule-data {
    padding-left: 0;
    padding-right: 0;
  }
}

.modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list .timeschedule-data > .number {
  width: 32px;
  height: calc(100% - 5px);
  background: #CCCCCC;
  color: #fff;
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal[data-id='event-duplicate-items'] .modal-contents .modal-body .form-list .timeschedule-data > .number {
    position: relative;
    left: auto;
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }
}

.modal[data-id='photo-data-upload'] .modal-contents {
  max-width: 950px;
  max-height: 698px;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area {
  margin-top: 10px;
  background: #FCFCFC;
  width: 100%;
  height: 383px;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg {
  width: 100%;
  height: 100%;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 solid #888;
  transition: border-width .3s ease;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area.dropover::before {
  border: 10px solid #888;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area.selected #upload-file-name {
  display: block;
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  text-align: center;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area > .icon {
  width: 129px;
  height: 82px;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area > .label {
  margin-top: 30px;
  width: 100%;
  color: #4D4F5C;
  line-height: 1.42;
  text-align: center;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area .bg #upload-drop-area #upload-file-name {
  display: none;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area ~ .submit {
  margin-top: 35px;
  text-align: center;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area ~ .submit .btn {
  width: 331px;
  height: 70px;
  border: 1px solid #BEE3DC;
  line-height: 48px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 0;
}

.modal[data-id='photo-data-upload'] .modal-contents .modal-body #upload-area ~ .submit .btn::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon/material-photo-library.svg) 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 6px;
}

@media screen and (max-width: 767px) {
  .modal[data-id*='modal-questionnaire-'] .modal-ttl {
    padding-top: 10px;
    padding-left: 45px;
    padding-bottom: 5px;
    line-height: 1.42;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 100%;
  }
  .modal[data-id*='modal-questionnaire-'] .modal-ttl .modal-back {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45px;
    vertical-align: top;
  }
  .modal[data-id*='modal-questionnaire-'] .modal-ttl .modal-back .btn-modal-back {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 45px;
    padding: 0;
    background: transparent;
    border: none;
  }
  .modal[data-id*='modal-questionnaire-'] .modal-ttl .modal-back .btn-modal-back::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/icon/ionic-ios-arrow-back--white.svg) 50% 50% no-repeat;
    background-size: 11px 18px;
    transform: rotate(180deg);
  }
  .modal[data-id*='modal-questionnaire-'] .modal-ttl .name {
    font-size: 26px;
    line-height: 1.42;
  }
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list {
  padding: 12px;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list::before {
  content: "";
  width: calc(100% - 24px);
  background-position: 0 10px;
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list > li > .ttl {
  font-size: 14px;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list + .btns {
  padding-bottom: 20px;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list + .btns > li {
  text-align: center;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  margin-left: 0;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list + .btns > li::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal[data-id*='modal-questionnaire-'] .modal-contents .modal-body .form-list + .btns > li::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-ttl, .modal[data-id='modal-photo-detail-view'] .modal-ttl {
  border-bottom: none;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents, .modal[data-id='modal-photo-detail-view'] .modal-contents {
  --photo-option-width: 380px;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents, .modal[data-id='modal-photo-detail-view'] .modal-contents {
    width: calc(100% - 90px);
    max-width: 1400px;
  }
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body {
    max-height: 100%;
    overflow: hidden;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert {
  opacity: 0;
  transition: all .1s ease;
  background: #00B5AD;
  border-radius: 18px;
  width: 88px;
  height: 35px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 3px 6px rgab(0, 0, 0, 0.16);
  text-align: center;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: -1;
  transform: scale(1, 0.4);
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert {
    font-size: 12px;
    height: 24px;
    width: 70px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #00B5AD transparent transparent transparent;
  position: absolute;
  bottom: -14px;
  right: 17px;
  z-index: 2;
  transform: scale(1, 2) skew(-45deg, 0);
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert::before {
    transform: scale(0.5, 1) skew(-45deg, 0);
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert.active, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert.active {
  opacity: 1;
  top: -44px;
  z-index: 2;
  transform: scale(1, 1);
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body .saved-alert.active, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body .saved-alert.active {
    z-index: 1;
    top: -26px;
  }
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body {
    display: flex;
    flex-wrap: wrap;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo {
    width: calc(100% - var(--photo-option-width));
    height: calc(100%);
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo .photo-parts canvas, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo .photo-parts canvas {
  width: 100%;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo .action-photo-zoom, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo .action-photo-zoom {
  background: rgba(100, 100, 100, 0.5);
  border-radius: 100%;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo .action-photo-zoom i, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo .action-photo-zoom i {
  top: -4px;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data {
    height: calc(100%);
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar-track, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: inset 0 0 2px #777;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar-thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 8px;
    box-shadow: none;
  }
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data {
    width: var(--photo-option-width);
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-head, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-head {
  display: flex;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-head, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-head {
    justify-content: space-between;
    padding: 35px 10px 5px 10px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-head .no, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-head .no {
  color: #999999;
  font-size: 12px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-head .time, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-head .time {
  font-size: 14px;
  color: #333333;
  margin-left: 20px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-favorite .btn, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-favorite .btn {
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-favorite, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-favorite {
    width: 50px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-userlist, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-userlist {
    width: calc(100% - 50px);
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite,
.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite,
.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite,
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite,
  .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite {
    margin-left: 0;
    padding-left: 15px;
    border-top: 1px solid #CCCCCC;
    padding-top: 5px;
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-teacher-favorite {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-users-favorite {
    width: 60%;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-sale-status, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-sale-status {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-sale-status, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-information .photo-information-sale-status {
    top: 5px;
    right: 10px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-folder, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-folder {
  background: #FCFCFC;
  padding: 30px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-folder > .ttl, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-folder > .ttl {
  font-size: 20px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-folder > .ttl > .icon, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-folder > .ttl > .icon {
  top: 2px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-folder > .body, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-folder > .body {
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage {
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > *, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > * {
  padding-bottom: 5px;
  color: #999999;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > .ttl:nth-of-type(1), .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > .ttl:nth-of-type(1) {
  width: 120px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > .ttl:nth-of-type(2), .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .head > .ttl:nth-of-type(2) {
  width: calc(100% - 120px);
  background: #FCFCFC;
  padding-left: 15px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected {
  width: 120px;
  padding: 12px 0 12px 0;
  text-align: center;
  padding-right: calc(120px - 71px);
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #F5FAFD;
    height: 137px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected.none .thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected.none .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 71px;
  border-radius: 71px;
  background: #CCCCCC;
  color: #fff;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .thumb {
    margin-left: 10px;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .thumb img, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .thumb img {
    width: 71px !important;
    height: 71px !important;
    border-radius: 71px !important;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .name, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .name {
  font-size: 11px;
  color: #666666;
  height: 16px;
  line-height: 16px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .name, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected .name {
    margin-left: 10px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .selected::before {
  content: "";
  width: 0;
  height: 0;
  border: 14px solid transparent;
  border-color: #CCCCCC transparent transparent transparent;
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 2;
  transform: scale(1, 0.8) rotate(-90deg);
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list {
  display: flex;
  width: calc(100% - 120px);
  background: #FCFCFC;
  padding: 12px 0 12px 15px;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list {
    width: 100%;
    flex-wrap: wrap;
    padding-left: 0;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter {
  width: 300px;
  color: #666666;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter {
    width: 100%;
    padding-right: 30px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter {
    width: 100%;
    padding-left: 135px;
    height: 140px;
    margin-top: -15px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class {
    flex-wrap: wrap;
    padding-top: 15px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .label, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .label {
  padding-right: 12px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .label, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .label {
    width: 100%;
    font-size: 12px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el {
  width: 160px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el {
    width: 100%;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el .input-form-default, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el .input-form-default {
  width: 100%;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el .input-form-default select, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .class .el .input-form-default select {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search {
    width: 100%;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search .input-form-search, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search .input-form-search {
  height: 36px;
  border-radius: 36px;
  border-color: #9A9A9A;
  font-size: 16px;
  width: 100%;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search .btn-search, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .filter > .search .btn-search {
  position: absolute;
  right: 6px;
  top: 6px;
  color: #9A9A9A;
  padding: 0;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list {
  width: calc(100% - 300px);
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list {
    padding-left: 0;
    width: 100%;
    padding-top: 15px;
    padding-left: 15px;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list::before {
    content: "";
    background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul {
  display: flex;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li {
  text-align: center;
  margin-left: 15px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li {
    margin-left: 10px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li .name, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li .name {
  font-size: 11px;
  color: #666666;
  height: 16px;
  line-height: 16px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove {
  margin-left: 0;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove .thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 71px;
  border-radius: 71px;
  background: var(--color-green1);
  color: #fff;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove .thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list > ul > li.remove .thumb {
    width: 55px;
    height: 55px;
    border-radius: 55px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list .count, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .change-list > .user-list .count {
  font-size: 20px;
  color: #93958D;
  padding-left: 12px;
  padding-bottom: 20px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb {
  line-height: 1;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb img, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb img {
  line-height: 1;
  width: 71px;
  height: 71px;
  border-radius: 71px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb img, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .body > ul > li .thumb img {
    width: 55px;
    height: 55px;
    border-radius: 55px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot .btn, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot .btn {
  font-size: 11px;
  color: #666666;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot .btn > span, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form .face-recognition-manage > .foot .btn > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #BEE3DC;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
  border-radius: 32px;
  margin-right: 10px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form > .form-list .btns, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form > .form-list .btns {
  margin-top: 15px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-form > .form-list textarea + .btns, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-form > .form-list textarea + .btns {
  margin-top: 5px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove {
  background: #FCFCFC;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  margin-top: 50px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .form-list, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .form-list {
    padding-bottom: 0;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .form-list li > .body, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .form-list li > .body {
    padding-bottom: 0;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns {
    margin-top: 30px;
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns .btn-photo-remove, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns .btn-photo-remove {
    font-size: 12px;
    color: var(--color-green4);
    background: #fff;
    border-radius: 25px;
    height: 50px;
    line-height: calc(50px - 20px);
  }
  .modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns .btn-photo-remove::before, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > .photo-sale-status-remove .btns .btn-photo-remove::before {
    top: 3px;
  }
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo-data > #sale_satus_remove .reason_type_comment + .btns, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-data > #sale_satus_remove .reason_type_comment + .btns {
  margin-top: 10px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-nav, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-nav {
  position: absolute;
  width: 100%;
  top: calc(30% - 40px);
  left: 0;
  z-index: 2;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-nav li, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-nav li {
  position: absolute;
  font-size: 50px;
  text-align: center;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-nav li.prev, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-nav li.prev {
  left: -35px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-nav li.next, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-nav li.next {
  right: -35px;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-nav li.disabled, .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-nav li.disabled {
  display: none;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo .action-photo-zoom {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-content: center;
  justify-content: center;
}

.modal[data-id='modal-photo-sales-manage-edit'] .modal-contents .modal-body > .photo .action-photo-zoom a {
  color: #fff;
  font-size: 32px;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body {
  display: flex;
  flex-wrap: wrap;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head {
    justify-content: space-between;
    padding: 35px 10px 5px 10px;
  }
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head .photo-head-wrap {
  display: flex;
  align-items: center;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head .photo-head-wrap > * {
  white-space: nowrap;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head .photo-head-wrap > .no {
  color: #999999;
  font-size: 12px;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head .photo-head-wrap > .time {
  font-size: 14px;
  color: #333333;
  margin-left: 20px;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo-head .photo-head-wrap--second {
  justify-content: flex-end;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo {
  width: 100%;
  max-height: 80%;
  margin-left: auto;
  margin-right: auto;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .photo .photo-parts canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .tag-list {
  width: 100%;
}

.modal[data-id='modal-photo-detail-view'] .modal-contents .modal-body > .tag-list .name {
  font-size: 16px;
}

.modal[data-id='modal-select-popup-dist'] .modal-contents .modal-body ul li a {
  color: #999999;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid #BEE3DC;
  cursor: pointer;
}

.modal[data-id='modal-select-popup-dist'] .modal-contents .modal-body ul li .date {
  font-size: 16px;
  padding-right: 10px;
  width: 180px;
}

.modal[data-id='modal-select-popup-dist'] .modal-contents .modal-body ul li .title {
  font-size: 24px;
  width: calc(100% - 180px);
  line-height: 1.42;
  color: #00B5AD;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents {
  max-width: 950px;
  height: 360px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body {
    padding-bottom: 30px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666666;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config {
    flex-wrap: wrap;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config > .label {
    width: 100%;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config > .config {
    width: 100%;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config > .label {
  padding: 0 15px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul {
  display: flex;
  align-items: center;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li {
  display: flex;
  align-items: center;
  margin-left: 25px;
  padding: 25px 0;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li {
    margin-left: 0;
    flex-wrap: wrap;
    width: 50%;
    padding: 5px 15px 15px 15px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li > .ttl {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li > .ttl {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li > .body {
    width: 100%;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .bulk-purchase-config ul li [type=number] {
  width: 75px;
  height: 40px;
  border-color: #9CD9CE;
  padding: 10px;
  margin-right: 0.2em;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -23px;
  margin-top: -52px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul {
    margin-left: -12px;
    margin-top: -12px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li {
  width: 225px;
  height: 206px;
  margin-left: 23px;
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li {
    margin-left: 12px;
    margin-top: 12px;
    width: calc((100vw - 20px - 20px) / 2);
    height: calc((100vw - 20px - 20px) / 2);
    background: #fff;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .head,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .head {
  top: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head .no,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .head .no {
  color: #999999;
  font-size: 12px;
  line-height: 1;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head .time,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .head .time {
  font-size: 14px;
  line-height: 1;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo .photo-parts,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo .photo-parts {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo .photo-parts canvas,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo .photo-parts img,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo .photo-parts canvas,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo .photo-parts img {
  max-width: 100%;
  max-height: 100%;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo > a,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo > a canvas,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo > a img,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo > a canvas,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .photo > a img {
  max-width: 100%;
  max-height: 100%;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users {
  bottom: 40px;
  background: none;
  height: 20px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users .user-icon-list,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users .user-icon-list {
  padding-left: 5px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users .user-icon-list > li,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users .user-icon-list > li {
  width: 20px;
  height: 20px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users .user-icon-list > li + li,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users .user-icon-list > li + li {
  margin-left: -10px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .users .user-icon-list::after,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .users .user-icon-list::after {
  font-size: 14px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot {
  bottom: 0;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot .favorite .btn,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot .favorite .btn {
  padding: 6px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot .favorite i,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot .favorite i {
  color: #CCCCCC;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot .favorite[data-favorite='true'] i,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot .favorite[data-favorite='true'] i {
  color: #F25151;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .foot .photographer,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > label > .foot .photographer {
  font-size: 12px;
  padding-left: 6px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > [type=checkbox] {
  display: none;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > [type=checkbox]:checked + label::before {
  content: "\f00c";
  width: 100%;
  height: 100%;
  border: 4px solid #8CB808;
  display: block;
  position: absolute;
  z-index: 3;
  background: rgba(255, 255, 255, 0.7);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: center;
  padding-top: 70px;
  font-size: 30px;
  color: var(--color-green1);
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > [type=checkbox]:checked + label::after {
  content: "選択済み";
  color: var(--color-green1);
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 4;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-1 > li {
    width: calc(100% - 23px);
    height: 728px;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-2 > li {
    width: calc(100% / 2 - 23px);
    height: 370px;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li {
    width: 225px;
    height: 206px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-1 > li {
    width: calc((100vw - 20px) / 1);
    height: calc((100vw - 20px) / 1);
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-2 > li {
    width: calc((100vw - 20px * 2) / 2);
    height: calc((100vw - 20px * 2) / 2);
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4);
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    white-space: nowrap;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    font-size: 10px;
  }
}

@media screen and (max-width: 539px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li {
    width: calc((100vw - 20px * 3) / 4);
    height: calc((100vw - 20px * 3) / 4 + (30px + 40px));
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head {
    flex-wrap: wrap;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head .no {
    font-size: 9px;
    margin-left: -5px;
    margin-right: -5px;
    transform: scale(0.9);
    text-align: center;
    display: block;
    width: 100%;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head .time {
    font-size: 11px;
    width: 100%;
    text-align: right;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .head > * {
    line-height: 1;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .photo {
    overflow: hidden;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .photo .photo-parts,
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .photo > a {
    margin-top: -12px;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .users {
    bottom: 47px;
    height: calc(20px * 0.7);
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .users .user-icon-list {
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot {
    flex-wrap: wrap;
    height: 51px;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot > * {
    line-height: 1;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag {
    width: 100%;
  }
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul.list-column-4 > li > .foot .sale-flag .badge-label {
    width: 100%;
    font-size: 10px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list--nonhover > ul > li > label {
  border: 1px solid #eeeeee;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list--nonhover > ul > li > label > .head,
.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list--nonhover > ul > li > label > .foot {
  position: relative;
  top: auto;
  bottom: auto;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list--nonhover > ul > li > label > .foot > * {
  display: flex;
  align-items: center;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list--nonhover > ul > li > label .badge_label {
  padding-right: 5px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul {
  margin-left: 0;
  margin-top: 0;
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li {
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  width: calc(225px + 59px);
  height: 300px;
  margin-top: 0;
  border-top: 1px solid #CCCCCC;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li {
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head {
  width: 225px;
  left: 30px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .head {
    width: calc(50% - 15px);
    left: 15px;
    padding-left: 0;
    padding-right: 0;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo {
  height: 206px;
  cursor: default;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .photo {
    width: 50%;
    height: 170px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul {
  width: 175px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul {
    width: 100%;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li {
    flex-wrap: wrap;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .ttl {
  width: 50px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .ttl {
    width: 100%;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body {
  width: calc(100% - 50px);
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body {
    width: 100%;
  }
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body .input-select-wrap {
  width: 100%;
  height: 30px;
  line-height: 1;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body .input-select-wrap select {
  width: 100%;
  height: 30px;
  padding: 0 8px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body .input-select-wrap::before {
  top: 13px;
}

.modal[data-id='modal-dantai-bulk-purchase'] .modal-contents .modal-body .sales-photo-list > ul > li > .config ul li .body [type=number] {
  width: calc(100% - 2em);
  height: 30px;
  border-color: #9CD9CE;
  padding: 0 8px;
  margin-right: 0.2em;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents, .modal[data-id='modal-by-sales-account-edit'] .modal-contents, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents {
  max-width: 950px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .input, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .input, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .input {
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .input .form-list, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .input .form-list, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .input .form-list {
  max-width: 760px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person > .head, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person > .head, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person > .head {
  padding-bottom: 20px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person > .head ul, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person > .head ul, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person > .head ul {
  display: flex;
  align-items: center;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person > .head ul li, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person > .head ul li, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person > .head ul li {
  display: flex;
  align-items: center;
  margin-right: 35px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person > .head ul li .label, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person > .head ul li .label, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person > .head ul li .label {
  margin-right: 10px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -19px;
  margin-top: -30px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li {
  margin-left: 19px;
  margin-top: 30px;
  width: 70px;
  text-align: center;
  line-height: 1;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb img, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb img, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .thumb img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li .name, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .name, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li .name {
  font-size: 12px;
  line-height: 1;
  margin-top: 12px;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li.create .thumb, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li.create .thumb, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li.create .thumb {
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  color: #009D70;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox],
.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio], .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox],
.modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio], .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox],
.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio] {
  display: none;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox] ~ label,
.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio] ~ label, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox] ~ label,
.modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio] ~ label, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox] ~ label,
.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio] ~ label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox]:checked ~ label .thumb::before,
.modal[data-id='modal-by-sales-account-create'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio]:checked ~ label .thumb::before, .modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox]:checked ~ label .thumb::before,
.modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio]:checked ~ label .thumb::before, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=checkbox]:checked ~ label .thumb::before,
.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .person .rekognition-list > ul li > input[type=radio]:checked ~ label .thumb::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid #009D70;
  z-index: 2;
  top: 0;
  left: 0;
}

.modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list {
  background: #FCFCFC;
  margin-top: 20px;
  padding: 0 20px 20px 20px;
}

.modal[data-id='modal-by-sales-account-edit'] .modal-contents .modal-body .person .rekognition-list:before {
  content: "候補からお選びください";
  display: block;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template a {
  font-size: 14px;
  color: #666666;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .select {
  line-height: 1.42;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .select a .icon {
  width: 13px;
  height: 15px;
  top: 2px;
  margin-right: 5px;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove {
  padding-left: 20px;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove a {
  display: inline-block;
  color: #999999;
  padding-right: 30px;
  height: 26px;
  line-height: 26px;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove a::before, .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove a::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove a::before {
  content: "×";
  text-align: center;
  color: #9CD9CE;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body .template .remove a::after {
  border: 1px solid #9CD9CE;
  border-radius: 26px;
}

.modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .file.hidden ~ .template {
  display: none;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .file {
    width: 90px;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template {
    width: calc(100% - 90px);
    margin-left: 0;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .select {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .select > br {
    display: none;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .select a {
    display: block;
    width: 50%;
    font-size: 12px;
    line-height: 1.42;
    padding: 10px;
    padding-top: 35px;
    text-align: center;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .select a::before {
    content: "";
    background-image: linear-gradient(to bottom, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .select a i {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -0.5em;
    font-size: 30px;
    color: #E6DBDA;
  }
  .modal[data-id='modal-person-rekognition-add-edit'] .modal-contents .modal-body .form-list li.file-upload .body > .template .remove {
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 12px;
  }
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .modal-back {
    top: 3px;
    width: calc(100% - 160px);
  }
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year {
    font-size: 12px;
    width: 160px;
    flex-wrap: wrap;
  }
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year > .label {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year > .label {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year .input-select-wrap {
    width: calc(100% - 15px);
    margin-right: 15px;
  }
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-ttl .year .input-select-wrap select {
    width: 100%;
  }
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents {
  max-width: 950px;
  height: auto;
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -6px;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list {
    padding-left: 6px;
  }
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li {
  margin-left: 6px;
  margin-top: 6px;
  cursor: pointer;
  line-height: 1;
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li [type=radio] {
  display: none;
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li [type=radio] ~ label {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li [type=radio]:checked ~ label::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 4px solid #009D70;
  z-index: 2;
  top: 0;
  left: 0;
}

.modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li img {
  width: 134px;
  height: 134px;
  overflow: none;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-person-rekognition-add-edit-select-photo'] .modal-contents .modal-body .photo-list > li img {
    width: 84px;
    height: 84px;
  }
}

.modal[data-id='modal-frame-notice-reply'] .modal-contents {
  width: 840px;
}

.modal[data-id='modal-frame-notice-reply'] .modal-contents .modal-body > .form form .textarea textarea {
  height: 12em;
}

.modal[data-id='modal-change-items'] .modal-container {
  width: 1240px;
  height: 812px;
}

.modal[data-id='modal-change-items'] .modal-close {
  display: block;
  position: fixed;
  top: calc((100% - 812px) + 10px);
  right: calc((100% - 1240px) + 10px);
  z-index: 1002;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body {
  display: flex;
  flex-wrap: wrap;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .event-info {
  line-height: 1.42;
  width: 100%;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview {
  max-width: 800px;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview img,
.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview canvas {
  vertical-align: top;
  width: 100%;
  max-width: 800px;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview .photo-preview-base {
  max-width: 800px;
  width: 100%;
  display: inline-block;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview .photo-preview-base::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview .photo-preview-clip {
  max-width: 800px;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-preview-wrap .photo-preview .photo-preview-clip > img {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-options {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-options {
    max-width: 100%;
  }
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-options .select-quantity .dantai-bulk-purchase--quantity {
  width: 180px;
  height: 40px;
  font-size: 16px;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-options .select-note .dantai-bulk-purchase--note {
  font-size: 16px;
  line-height: 1.42;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body .photo-options .input-form-default {
  border-width: 1px;
}

.modal[data-id='modal-change-items'] .modal-contents .modal-body > .form_btns {
  position: fixed;
}

.items-separate-c2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  table.table-sp-block {
    display: block;
  }
  table.table-sp-block thead,
  table.table-sp-block tbody {
    display: block;
  }
  table.table-sp-block thead tr,
  table.table-sp-block tbody tr {
    display: block;
  }
  table.table-sp-block thead tr th,
  table.table-sp-block thead tr td,
  table.table-sp-block tbody tr th,
  table.table-sp-block tbody tr td {
    display: block;
  }
}

ul.form-list {
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  overflow: hidden;
}

ul.form-list.no-radius {
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  ul.form-list {
    border-radius: 0;
    padding-bottom: 25px;
    background: #FFFFFF;
  }
}

ul.form-list > li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}

ul.form-list > li:not(:nth-of-type(1))::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  ul.form-list > li > .ttl,
  ul.form-list > li > .body {
    padding: 22px 0;
  }
}

@media screen and (max-width: 767px) {
  ul.form-list > li > .ttl,
  ul.form-list > li > .body {
    padding: 4px 14px;
    line-height: 1.42;
  }
}

ul.form-list > li > .ttl {
  color: #999999;
  width: 180px;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  ul.form-list > li > .ttl {
    font-size: 10px;
    width: 100%;
    padding-top: 18px;
  }
  ul.form-list > li > .ttl::before, ul.form-list > li > .ttl::after {
    display: none;
  }
}

ul.form-list > li > .body {
  color: #333333;
  width: calc(100% - 180px);
  padding-right: 20px;
}

ul.form-list > li > .body::before, ul.form-list > li > .body::after {
  right: 20px;
}

@media screen and (max-width: 767px) {
  ul.form-list > li > .body {
    width: 100%;
    padding-bottom: 18px;
    padding-right: 14px;
    color: #666666;
  }
  ul.form-list > li > .body span.label {
    top: 4px;
  }
}

ul.form-list.form-list-vertical > li {
  flex-wrap: wrap;
}

ul.form-list.form-list-vertical > li > .ttl {
  padding: 15px 0 0 0;
  width: 100%;
}

ul.form-list.form-list-vertical > li > .body {
  width: 100%;
  padding: 0 0 15px 0;
}

ul.form-list.form-list-li-center > li {
  align-items: center;
}

ul.form-list.form-event-items-check {
  border-radius: 0;
  margin-top: 20px;
}

ul.form-list.form-event-items-check > li {
  background: #FCFCFC;
}

ul.form-list.form-event-items-check > li::before {
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
}

ul.form-list.form-event-items-check > li:last-child::after {
  content: "";
  position: absolute;
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
  bottom: 0;
}

ul.form-list.form-event-items-check > li > .body {
  background: #fff;
  font-size: 20px;
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

ul.form-list.form-event-items-check > li > .body .timeschedule-data > .ttl::before,
ul.form-list.form-event-items-check > li > .body .timeschedule-data > .body::before {
  content: "";
  position: absolute;
  background: #CCC;
  width: 100%;
  height: 1px;
  z-index: 2;
  top: -10px;
}

@media screen and (max-width: 767px) {
  ul.form-list.form-event-items-check > li > .body .timeschedule-data > .ttl::before,
  ul.form-list.form-event-items-check > li > .body .timeschedule-data > .body::before {
    top: -30px;
  }
}

ul.form-list.form-event-items-check > li > .body .timeschedule-data > .number + .ttl::before,
ul.form-list.form-event-items-check > li > .body .timeschedule-data > .number + .ttl + .body::before {
  display: none;
}

ul.form-list.form-event-items-check > li.scheduleDay .body {
  font-size: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

ul.form-list.form-event-items-check > li.scheduleDay .body * {
  line-height: 1.42;
}

ul.form-list.form-event-items-check > li.text-notes .body {
  color: #999999;
}

ul.form-list.form-event-items-check + .btns {
  margin-top: 30px;
}

ul.form-list.form-event-items-check .timeschedule-data {
  padding-left: 32px;
  padding-right: 40px;
  margin-top: 5px;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  ul.form-list.form-event-items-check .timeschedule-data {
    padding-left: 0;
    padding-right: 0;
  }
}

ul.form-list.form-event-items-check .timeschedule-data > .number {
  width: 32px;
  height: calc(100% - 5px);
  background: #CCCCCC;
  color: #fff;
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  ul.form-list.form-event-items-check .timeschedule-data > .number {
    position: relative;
    left: auto;
    width: 100%;
    height: auto;
    margin-bottom: -5px;
  }
}

@media screen and (min-width: 768px) {
  ul.form-list--ttl-wide > li > .ttl {
    width: 250px;
  }
  ul.form-list--ttl-wide > li > .body {
    width: calc(100% - 250px);
  }
}

.progress-list {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.progress-list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  min-width: 86px;
  padding-top: 38px;
}

@media screen and (max-width: 767px) {
  .progress-list li {
    min-width: 76px;
    padding-top: 28px;
  }
}

.progress-list li .number {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  border-radius: 34px;
  background: #fff;
  color: var(--color-green1);
  border: 2px solid var(--color-green1);
  position: absolute;
  top: 0;
}

@media screen and (max-width: 767px) {
  .progress-list li .number {
    font-size: 10px;
    width: 24px;
    height: 24px;
    line-height: 20px;
  }
}

.progress-list li .label {
  display: block;
  width: 100%;
  color: #666666;
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .progress-list li .label {
    font-size: 10px;
  }
}

.progress-list li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  min-width: 86px;
  padding-top: 38px;
  margin-top: -38px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .progress-list li a {
    min-width: 76px;
    padding-top: 28px;
  }
}

.progress-list li.active .number {
  background: var(--color-green1);
  color: #fff;
}

.progress-list li:not(:first-child)::before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #D7D8D9;
  position: absolute;
  top: 16px;
  left: -20px;
}

@media screen and (max-width: 767px) {
  .progress-list li:not(:first-child)::before {
    top: 12px;
    width: 30px;
    left: -15px;
  }
}

.progress-list.color-blue1 li .number {
  color: var(--color-blue1);
  border-color: var(--color-blue1);
}

.progress-list.color-blue1 li.active .number {
  background: var(--color-blue1);
  color: #fff;
}

#displayNotice {
  position: fixed;
  width: 100%;
  height: 260px;
  z-index: 65000;
  top: 0;
  left: 0;
  padding: 40px 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 26px;
  font-weight: bold;
  transition: opacity 0.3s ease;
  display: none;
}

@media screen and (max-width: 767px) {
  #displayNotice {
    height: auto;
    font-size: 16px;
    padding: 20px 0;
    top: 0;
  }
}

#displayNotice.open {
  display: block;
  opacity: 0;
}

#displayNotice.openDelay {
  opacity: 1;
}

#displayNotice > .label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  #displayNotice > .label #noticeText {
    width: 100%;
    order: 2;
    padding-bottom: 10px;
    text-align: center;
  }
}

#displayNotice > .label::after {
  content: "";
  display: inline-block;
  width: 170px;
  height: 170px;
  background: url(../img/common/alpaca.png) 50% 0 no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 767px) {
  #displayNotice > .label::after {
    width: 100%;
    height: 100px;
    order: 1;
  }
}

.photo-parts {
  line-height: 1;
  width: 100%;
  height: 100%;
  background: #fff;
}

.photo-parts.loaded {
  background: transparent;
}

.photo-parts.loaded > .ov {
  display: none;
}

.photo-parts.loaded > .ov + canvas {
  opacity: 1;
}

.photo-parts > .ov {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.4s ease;
  border: 1px solid #eee;
}

.photo-parts > .ov + canvas {
  opacity: 0;
  transition: all 0.4s ease;
}

.photo-parts > .ov::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: url(../img/common/alpaca.png) 50% 50% no-repeat;
  background-size: 100px auto;
  animation: photoOv 1.4s ease infinite;
}

@media screen and (max-width: 767px) {
  .photo-parts > .ov::before {
    background-size: 50px auto;
  }
}

@media screen and (min-width: 768px) {
  .photo-parts[onclick*='photoZoom.show'] > canvas,
  .photo-parts[onclick*='photoZoom.show'] > img {
    cursor: pointer;
  }
  .photo-parts[onclick*='photoZoom.show']::before {
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.2em;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    font-size: 50px;
    color: #fff;
    display: none;
    cursor: pointer;
  }
  .photo-parts[onclick*='photoZoom.show']:hover::before {
    display: block;
  }
}

.photo-parts[onclick*='photoZoom.show'] .ov::before {
  background-size: auto 50%;
}

@keyframes photoOv {
  0% {
    opacity: 0.6;
  }
  39% {
    transform: rotate(0deg);
  }
  40% {
    background-position: 50% 50%;
    transform: rotate(-2deg);
  }
  50% {
    background-position: 50% calc(50% - 6px);
  }
  60% {
    background-position: 50% 50%;
    transform: rotate(2deg);
  }
  61% {
    transform: rotate(0deg);
  }
  100% {
    opacity: 0.6;
  }
}

.input-tel-block {
  display: flex;
  align-items: center;
}

.input-tel-block > li:nth-of-type(1) {
  width: 80px;
}

.input-tel-block > li:nth-of-type(3) {
  width: 100px;
}

.input-tel-block > li:nth-of-type(5) {
  width: 100px;
}

.input-tel-block > li:nth-of-type(2), .input-tel-block > li:nth-of-type(4) {
  width: 20px;
  text-align: center;
}

.input-tel-block > li > input {
  width: 100%;
}

.input-tel-block.error > li > input {
  border-color: #F14542 !important;
}

.input-tel-block.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
  font-size: 16px;
}

.input-zip-block {
  display: flex;
  align-items: center;
}

.input-zip-block > li:nth-of-type(1) {
  width: 80px;
}

.input-zip-block > li:nth-of-type(3) {
  width: 100px;
}

.input-zip-block > li:nth-of-type(4) {
  padding-left: 10px;
  width: 100px;
}

.input-zip-block > li.label {
  width: 20px;
  text-align: center;
}

.input-zip-block > li > input {
  width: 100%;
}

.input-zip-block.error > li > input {
  border-color: #F14542 !important;
}

.input-zip-block.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
  font-size: 16px;
}

.input-address-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.input-address-block > li {
  width: 50%;
}

@media screen and (max-width: 399px) {
  .input-address-block > li {
    width: 100%;
  }
  .input-address-block > li:nth-of-type(n + 2) {
    padding-top: 10px;
  }
}

.input-address-block > li:nth-of-type(2n + 1) {
  padding-right: 10px;
}

@media screen and (max-width: 399px) {
  .input-address-block > li:nth-of-type(2n + 1) {
    padding-right: 0;
  }
}

.input-address-block > li:nth-of-type(n + 3) {
  padding-top: 10px;
}

.input-address-block > li > .head {
  font-size: 14px;
}

.input-address-block > li > input {
  width: 100%;
}

.input-address-block > li .input-select-wrap {
  width: 100%;
  height: 56px;
}

.input-address-block > li .input-select-wrap::before {
  top: 26px;
}

.input-address-block > li .input-select-wrap > select {
  width: 100%;
  height: 100%;
}

.input-address-block.error > li > input,
.input-address-block.error > li .input-select-wrap {
  border-color: #F14542 !important;
}

.input-address-block.error > li .input-select-wrap::after {
  border-color: #F14542 !important;
}

.input-address-block.error ~ label.error_txt {
  display: block;
  width: 100%;
  color: #F14542;
  font-weight: bold;
  line-height: 1.42;
  font-size: 16px;
}

#container.photo-manage-fs {
  width: 1560px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1560px) {
  #container.photo-manage-fs {
    width: 1280px;
  }
}

#container.photo-manage-fs #header {
  display: none;
}

#container.photo-manage-fs #header-photo-manage {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  background: #fff;
}

#container.photo-manage-fs #header-photo-manage #logo {
  padding-left: 25px;
}

#container.photo-manage-fs #header-photo-manage #logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

#container.photo-manage-fs #header-photo-manage #logo a span {
  display: block;
  width: 32px;
  height: 24px;
  overflow: hidden;
}

#container.photo-manage-fs #header-photo-manage #logo a span img {
  width: 62px;
  top: 2px;
  left: -15px;
}

#container.photo-manage-fs #header-photo-manage .header_contents {
  display: flex;
  align-items: center;
}

#container.photo-manage-fs #header-photo-manage .header_contents > .prev {
  margin-left: 30px;
}

#container.photo-manage-fs #header-photo-manage .header_contents > .prev .btn {
  width: 242px;
  height: 42px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #BEE3DC;
  text-align: center;
}

#container.photo-manage-fs #header-photo-manage .header_contents > .prev .btn i {
  color: #BEE3DC;
}

#container.photo-manage-fs #header-photo-manage .header_contents .other-links > ul {
  display: flex;
  align-items: center;
}

#container.photo-manage-fs #header-photo-manage .header_contents .other-links > ul li {
  margin-left: 30px;
}

#container.photo-manage-fs #header-photo-manage .header_contents .other-links > ul li a {
  color: #333333;
  font-size: 14px;
}

#container.photo-manage-fs #contents > h1.page-title {
  display: flex;
  align-items: center;
  height: 70px;
  width: 100%;
  background: #FECCCB;
  color: #fff;
  font-size: 26px;
  padding-left: 30px;
  line-height: 1;
  margin-bottom: 0;
}

#container.photo-manage-fs #contents > h1.page-title span {
  line-height: 1;
}

#container.photo-manage-fs #contents #contents-inner {
  padding-left: 469px;
  background: linear-gradient(#FBF6F5, #FFFFFF);
}

#container.photo-manage-fs #contents #contents-inner .header-search-filter {
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner .header-search-filter > .form {
  align-items: center;
}

#container.photo-manage-fs #contents #contents-inner .header-search-filter > .form .form-favorite {
  margin-left: 0;
}

#container.photo-manage-fs #contents #contents-inner .header-search-filter > .form .filter-sales-status {
  width: auto;
}

#container.photo-manage-fs #contents #contents-inner input[data-tagsearch-target] ~ .btn-search-clear {
  position: absolute;
  right: 4px;
  top: 11px;
  z-index: 2;
  padding: 4px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 469px;
  height: 100%;
  display: flex;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div {
  width: 50%;
  padding: 50px 30px;
  height: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div.step-1 {
  background: #fff;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.16);
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div.step-1.verticle {
  padding: 17px 30px;
  width: 60px;
  color: #F39795;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div.step-1.verticle > .icon {
  left: -8px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div.step-1.verticle > .text {
  white-space: nowrap;
  transform: rotate(90deg);
  line-height: 1;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div.step-1.verticle + .step-2 {
  width: 218px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .ttl {
  color: #F39795;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .ttl::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .ttl::before {
  background-position: 0 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .body > ul > li {
  margin-top: 40px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .body > ul > li label {
  width: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div > .body > ul > li label select {
  width: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src {
  height: 40px;
  cursor: pointer;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src::before {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src::after {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src > .label,
#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src > select {
  padding: 4px 8px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src > .label {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-src > select {
  height: 40px;
  z-index: 1;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 442px;
  height: 100%;
  background: #fff;
  z-index: 20;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist.active {
  display: block;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist ul li a {
  color: #999999;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid #BEE3DC;
  cursor: pointer;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist ul li:hover {
  background: #BEE3DC;
  color: #fff;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist ul li .date {
  font-size: 16px;
  padding-right: 10px;
  width: 100px;
}

#container.photo-manage-fs #contents #contents-inner > .root-side > div .select-popup-dist ul li .title {
  font-size: 24px;
  width: calc(100% - 100px);
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-header > .header .date {
  color: #F39795;
}

#container.photo-manage-fs #contents #contents-inner > .root-header > .header .event_ttl {
  color: #F39795;
}

#container.photo-manage-fs #contents #contents-inner > .root-body {
  padding-left: 0;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body {
  padding-left: 0;
  padding-right: calc(168px + 35px);
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: #FBF6F5;
  z-index: 200;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list > .ttl {
  color: #999999;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list > .ttl .input-toggle {
  font-size: 12px;
  padding: 2px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list > .ttl .input-toggle li span label {
  min-height: 24px;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 110px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list .selected-tag-list-items {
  min-height: 24px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list .selected-tag-list-items li {
  display: inline-block;
  color: #EBD0CE;
  font-size: 20px;
  margin-right: 30px;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .selected-tag-list .selected-tag-list-items li .name {
  font-size: 20px;
  color: #EBD0CE;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .face-recognition-filter {
  background: transparent;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .face-recognition-filter > .ttl {
  font-size: 12px;
  border-bottom: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .face-recognition-filter .filter-options .filter-reset {
  position: absolute;
  right: 0;
  top: -40px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .header-search-filter > .form {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .header-search-filter > .form .form-favorite .btn {
  font-size: 16px;
  color: #666666;
  padding: 5px 20px 5px 0;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .header-search-filter > .form .form-favorite .btn::after {
  content: "\f004";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 4px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .header-search-filter > .form .form-favorite .btn.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body .header-search-filter > .form .filter-sales-status {
  margin-left: 30px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body > .sales-photo-list > ul {
  margin-left: -17px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body > .sales-photo-list > ul > li {
  margin-left: 17px;
  height: auto;
  margin-top: 30px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body > .sales-photo-list > ul > li .tag-list .tag-list-items {
  width: 100%;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body > .sales-photo-list > ul > li .tag-list .tag-list-items li {
  display: inline-block;
  margin-right: 10px;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .display-body > .sales-photo-list > ul > li .tag-list .tag-list-items li .name {
  color: #F39795;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list {
  width: 168px;
  position: absolute;
  top: 0;
  right: 0;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-list-tab {
  display: flex;
  align-items: flex-end;
  background: #FFF7F6;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-list-tab > li {
  width: 50%;
  height: calc(31px + 6px);
  padding-bottom: 6px;
  background: #E4DBDA;
  box-shadow: 6px 0 6px rgba(0, 0, 0, 0.16);
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-list-tab > li.active {
  height: calc(37px + 6px);
  background: #FFF7F6;
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-list-tab > li .btn {
  width: 100%;
  height: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list {
  display: none;
  z-index: 2;
  top: -6px;
  background: #FFF7F6;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.active {
  display: block;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .head {
  padding: 10px 5px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .head > .ttl {
  font-size: 20px;
  color: #666666;
  line-height: 1.42;
  margin-bottom: 10px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .head > p {
  font-size: 11px;
  line-height: 1.42;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .form {
  padding: 0 5px 10px 5px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .form > .ttl {
  font-size: 14px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list > .form > .body {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -15px;
  margin-top: -15px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li {
  width: 71px;
  text-align: center;
  margin-left: 15px;
  margin-top: 15px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .thumb,
#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .thumb {
  width: 71px;
  height: 71px;
  border-radius: 71px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .thumb img,
#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .thumb img {
  width: 100%;
  border-radius: 71px;
  overflow: hidden;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > .name,
#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label > .name {
  font-size: 11px;
  color: #666666;
  height: 16px;
  line-height: 16px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.notset > label .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-green1);
  color: #fff;
  font-size: 30px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.notset [type=checkbox]:checked ~ label > .thumb::before {
  border-color: var(--color-blue1) !important;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li [type=checkbox] {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li [type=checkbox]:checked ~ label > .thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-green1);
  border-radius: 71px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
    margin-left: calc(-35px + 20px);
    margin-top: -24px;
  }
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li {
    width: 71px;
    margin-left: 35px;
    margin-top: 24px;
  }
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li > label .thumb {
    width: 71px;
    height: 71px;
    border-radius: 71px;
  }
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul {
  margin-top: 0;
  margin-left: -10px;
  padding-bottom: 15px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.remove .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 71px;
  border-radius: 71px;
  background: var(--color-green1);
  color: #fff;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-users > ul > li.remove .thumb {
    width: 55px;
    height: 55px;
    border-radius: 55px;
  }
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-bottom: 10px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li {
  color: #666666;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li:nth-of-type(1) {
  margin-right: 5px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li [type=radio] {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li [type=radio] + label {
  color: #666666;
  padding-top: 0;
  padding-bottom: 2px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li [type=radio] + label {
    font-size: 16px;
  }
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form > .body > ul li [type=radio]:checked + label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-green4);
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.create-tag, #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag {
  padding-top: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.create-tag > .body, #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag > .body {
  border-bottom: none;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.create-tag > .body input[type=text], #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag > .body input[type=text] {
  width: 100%;
  height: 41px;
  min-width: initial;
  font-size: 12px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  background: #FFF7F6DD;
  padding-top: 260px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag > .body.before-tag {
  padding-bottom: 0;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag > .body.btn-field li {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 5px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > .form.rename-tag > .body.btn-field li .btn {
  width: 100%;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul {
  margin-left: -10px;
  margin-top: -10px;
  padding: 8px 5px;
  min-height: 80px;
  max-height: 370px;
  overflow: hidden;
  line-height: 1;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  #container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul::after {
  width: 100%;
  margin-left: 10px;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul > li {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner > .root-body > .drag-items-list .drag-items-list-list.drag-items-list-list-hashtag > ul > li .name {
  font-size: 14px;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag {
  padding-left: calc(218px + 60px + 20px);
  background: linear-gradient(#FBF6F5, #FFFFFF);
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter {
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form {
  align-items: center;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form .form-favorite {
  margin-left: 0;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form .filter-sales-status {
  width: auto;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form > .photo_total_block {
  position: absolute;
  right: 0;
  top: -18px;
  right: 0px;
  text-align: center;
  line-height: 1;
  background: #FAFFEB;
  width: 120px;
  height: 52px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  top: 5px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form > .photo_total_block > .label {
  display: inline-block;
  width: 100%;
  line-height: 1.42;
  font-size: 14px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form > .photo_total_block > .count {
  display: inline-block;
  width: 100%;
  line-height: 1.42;
  color: var(--color-green1);
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form > .photo_total_block > .count * {
  line-height: 1;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-search-filter > .form > .photo_total_block > .count .number {
  font-size: 24px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-download {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #CCCCCC;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag .header-download > .label {
  color: #666;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side {
  width: calc(218px + 60px);
  display: flex;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1 {
  padding: 17px 14px;
  width: 60px;
  color: #F39795;
  transition: width .1s ease;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1 > .icon {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1 > .ttl {
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1 > .body {
  z-index: 2;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1:not(.open) > .icon {
  left: 7px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1:not(.open) > .ttl {
  white-space: nowrap;
  transform: rotate(90deg);
  line-height: 1;
  margin-top: 25px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1:not(.open) > .ttl::before {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1:not(.open) > .body {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1.open {
  width: calc(218px + 60px);
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1.open > .ttl {
  margin-top: 25px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1.open ~ .step-2 {
  opacity: 0;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1.open > .tab_switcher {
  display: none;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-1 > .tab_switcher {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 3;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 {
  width: calc(218px + 60px);
  padding-left: calc(30px + 60px);
  height: 100%;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body {
  color: #666666;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body ul li {
  margin-top: 20px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body ul li [type=text] {
  width: 100%;
  height: 41px;
  min-width: initial;
  font-size: 12px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags {
  margin-top: 20px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags > .ttl {
  font-size: 12px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags > .ttl::before {
  content: "";
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 2px, transparent 4px, transparent 6px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags > .ttl::before {
  background-position: 0 100%;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags > .body {
  height: calc(100% - 60px);
  padding-top: 10px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul {
  margin-top: -5px;
  line-height: 1;
  max-height: 100%;
  min-height: 30px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  #container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #777;
  }
  #container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 5px;
    box-shadow: none;
  }
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul li {
  display: inline-block;
  margin-right: 15px;
  margin-top: 10px;
  color: #F39795;
  line-height: 1.42;
  cursor: pointer;
  padding: 0 2px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul li .name {
  font-size: 15px;
  line-height: 1.42;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-side .step-2 > .body .tags ul li:hover {
  border-radius: 4px;
  background: #F39795;
  color: #fff;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header > .event_ttl {
  width: 640px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header .photo_total_block {
  position: absolute;
  right: 0;
  top: -18px;
  right: 0px;
  text-align: center;
  line-height: 1;
  background: #FAFFEB;
  width: 120px;
  height: 52px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header .photo_total_block > .label {
  display: inline-block;
  width: 100%;
  line-height: 1.42;
  font-size: 14px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header .photo_total_block > .count {
  display: inline-block;
  width: 100%;
  line-height: 1.42;
  color: var(--color-green1);
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header .photo_total_block > .count * {
  line-height: 1;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-header > .header .photo_total_block > .count .number {
  font-size: 24px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .face-recognition-filter {
  color: #666666;
  background: #FCFCFC;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .face-recognition-filter > .ttl {
  font-size: 16px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search {
  display: flex;
  line-height: 1;
  border-top: 1px solid #CCCCCC;
  padding: 5px 0;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search > .title {
  white-space: nowrap;
  display: inline-block;
  padding-right: 0.4em;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap {
  display: inline-block;
  width: 100%;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap .select2-container {
  width: 100% !important;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap .select2-container .select2-selection,
#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap .select2-container .select2-selection__rendered {
  height: 36px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap .select2-container .select2-selection__rendered {
  line-height: 32px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag > .root-body .dir-search .input-select2-pure-wrap .select2-container .select2-selection__arrow {
  top: 3px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag ul[data-tagsearch][data-search-count='0']::after {
  content: "タグがありません";
  font-size: 12px;
}

#container.photo-manage-fs #contents #contents-inner.page-photo-sales-manage-edit-tag ul[data-tagsearch] > li.nomatch {
  display: none !important;
}

#container.photo-manage-fs #contents #contents-inner.contents-yet-initialized {
  min-height: 800px;
}

#container.photo-manage-fs #contents #contents-inner.contents-yet-initialized > .root-header,
#container.photo-manage-fs #contents #contents-inner.contents-yet-initialized > .root-body {
  display: none;
}

.calendar-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 77;
}

@supports (backdrop-filter: blur()) {
  .calendar-modal-overlay {
    background: rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .calendar-modal-overlay {
    background: rgba(0, 0, 0, 0.2);
  }
}

.pagination-block {
  z-index: 2;
}

.pagination-block ol.pagination {
  display: flex;
}

.pagination-block ol.pagination.pagination-left {
  justify-content: flex-start;
}

.pagination-block ol.pagination.pagination-center {
  justify-content: center;
}

.pagination-block ol.pagination.pagination-right {
  justify-content: flex-end;
}

.pagination-block ol.pagination li {
  width: 34px;
  height: 34px;
  border: 1px solid var(--color-green1);
  font-family: Tahoma, serif;
}

.pagination-block ol.pagination li:not(:first-child) {
  margin-left: 12px;
}

.pagination-block ol.pagination li a {
  background: #fff;
  color: var(--color-green1);
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.pagination-block ol.pagination li a:hover {
  text-decoration: none;
  color: #fff;
  background: var(--color-green1);
}

.pagination-block ol.pagination li.active a {
  background: var(--color-green1);
  color: #fff;
}

.pagination-block ol.pagination li.prev, .pagination-block ol.pagination li.next {
  border-color: transparent;
}

.pagination-block ol.pagination li.prev a, .pagination-block ol.pagination li.next a {
  background: transparent;
}

.pagination-block ol.pagination li.prev:hover, .pagination-block ol.pagination li.next:hover {
  border-color: var(--color-green3);
}

.pagination-block ol.pagination li.more-prev::before, .pagination-block ol.pagination li.more-next::before {
  content: "…";
  color: var(--color-green1);
  position: absolute;
  top: -4px;
}

.pagination-block ol.pagination li.more-prev {
  margin-right: 20px;
}

.pagination-block ol.pagination li.more-prev::before {
  right: -24px;
}

.pagination-block ol.pagination li.more-next {
  margin-left: 32px;
}

.pagination-block ol.pagination li.more-next::before {
  left: -24px;
}

.table-wrap {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.table-style {
  width: 100%;
}

table.table-style th, table.table-style td {
  padding: 0.3em 0.5em 0.6em 0.5em;
  border: 1px solid #ccc;
  line-height: 1.42;
}

table.table-style thead tr th {
  background: var(--color-green3);
  color: #fff;
  font-weight: bold;
}

table.table-style tbody tr td {
  background: #fff;
}

table.table-style.table-th-nowrap th {
  white-space: nowrap;
}

table.table-style.table-td-nowrap td {
  white-space: nowrap;
}

table.table-style.table-fs-checkbox thead tr:nth-of-type(1) th:nth-of-type(1),
table.table-style.table-fs-checkbox tbody tr td:nth-of-type(1) {
  width: 42px;
}

table.table-style.table-fs-checkbox thead tr:nth-of-type(1) th:nth-of-type(1) input[type=checkbox] + label,
table.table-style.table-fs-checkbox tbody tr td:nth-of-type(1) input[type=checkbox] + label {
  margin-bottom: -8px;
}

.dir-select-block.type-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -10px;
}

.dir-select-block.type-a > .dir-select-wrap {
  margin-top: 10px;
}

.dir-select-block.type-a > .dir-select-wrap:not(:nth-of-type(1))::before {
  content: ">";
  display: inline-block;
  padding-left: 8px;
  padding-right: 4px;
}

@media screen and (max-width: 767px) {
  .dir-select-block.type-a > .dir-select-wrap {
    display: flex;
  }
}

.flex-table-layout .flex-table-layout-head {
  display: flex;
  background: var(--color-green3);
  color: #fff;
  width: calc(1180px);
}

.flex-table-layout .flex-table-layout-head .flex-table-layout-items .flex-table-layout-item {
  padding: 8px 5px;
  line-height: 1.42;
}

.flex-table-layout .flex-table-layout-body {
  display: flex;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li {
  display: flex;
  width: 100%;
  height: 100%;
  border-left: 1px solid #999;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
  position: absolute;
  bottom: 0;
  left: 0;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  top: 0;
  right: 0;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  padding: 8px 5px;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item .label {
  line-height: 1.42;
}

.flex-table-layout .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item .label ~ .btns {
  margin-top: 3px;
}

.flex-table-layout .flex-table-layout-body > .flex-table-layout-items {
  width: calc(1180px);
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 2);
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 2 * 1);
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 1));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 2));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 3));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 4));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 4));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 6));
}

.flex-table-layout[data-max-column='2'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 2 * (2 - 7));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 3);
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 3 * 1);
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 1));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 2));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 3));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 4));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 4));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 6));
}

.flex-table-layout[data-max-column='3'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 3 * (3 - 7));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 4);
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 4 * 1);
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 1));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 2));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 3));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 4));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 4));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 6));
}

.flex-table-layout[data-max-column='4'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 4 * (4 - 7));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 5);
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 5 * 1);
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 1));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 2));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 3));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 4));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 4));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 6));
}

.flex-table-layout[data-max-column='5'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 5 * (5 - 7));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 6);
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 6 * 1);
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 1));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 2));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 3));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 4));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 4));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 6));
}

.flex-table-layout[data-max-column='6'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 6 * (6 - 7));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-head .flex-table-layout-items {
  width: calc(100% / 7);
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body .flex-table-layout-items > li > .flex-table-layout-item {
  width: calc(1180px / 7 * 1);
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 1));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 2));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 3));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 4));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 4));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 6));
}

.flex-table-layout[data-max-column='7'] .flex-table-layout-body > .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items > li > .flex-table-layout-item ~ .flex-table-layout-items {
  width: calc(1180px / 7 * (7 - 7));
}

ol.dir-list > li {
  display: inline-block;
}

ol.dir-list > li + li::before {
  content: ">";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

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

.photo_zoom_view.active {
  display: flex;
  z-index: 9999;
  background: #fff;
}

.photo_zoom_view.loading::before {
  content: "";
  position: fixed;
  display: block;
  width: 300px;
  height: 300px;
  opacity: 0.6;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  background: url(../img/common/alpaca.png) 50% 50% no-repeat;
  background-size: auto 100%;
  animation: photoOv 1.4s ease infinite;
}

.photo_zoom_view.loading .photo_zoom_view__canvas {
  display: none;
}

@media screen and (max-width: 767px) {
  .photo_zoom_view {
    height: auto;
    padding-bottom: 50px;
    overflow: auto;
  }
}

.photo_zoom_view .photo_zoom_view__tools {
  padding: 5px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
}

.photo_zoom_view .photo_zoom_view__tools ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.photo_zoom_view .photo_zoom_view__tools ul li {
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .photo_zoom_view .photo_zoom_view__tools ul li .btn {
    min-width: initial;
  }
}

.photo_zoom_view .photo_zoom_view__canvas {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  line-height: 1;
  text-align: center;
  margin: auto;
  padding-bottom: 50px;
  transition: all .2s ease;
}

@media screen and (min-width: 768px) {
  .photo_zoom_view .photo_zoom_view__canvas::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .photo_zoom_view .photo_zoom_view__canvas::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: inset 0 0 2px #777;
  }
  .photo_zoom_view .photo_zoom_view__canvas::-webkit-scrollbar-thumb {
    background: #DEDEDE;
    border-radius: 8px;
    box-shadow: none;
  }
}

@media screen and (max-width: 767px) {
  .photo_zoom_view .photo_zoom_view__canvas {
    height: auto;
    overflow: hidden;
    padding-bottom: 0;
  }
}

.photo_zoom_view .photo_zoom_view__canvas canvas {
  max-width: 1300px;
  max-height: 1300px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .photo_zoom_view .photo_zoom_view__canvas canvas {
    object-fit: contain;
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  html.photo-zoom-show {
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  html.photo-zoom-show body {
    overflow: hidden;
    height: 100%;
  }
}

html.photo-zoom-show #header,
html.photo-zoom-show #footer,
html.photo-zoom-show #footer_banner {
  display: none;
}

html.photo-zoom-show #container {
  position: absolute;
  top: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}

.page-footer-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 1110;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@media screen and (min-width: 768px) {
  .page-footer-fixed .btns > li + li {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .page-footer-fixed .btns > li + li {
    margin-top: 10px;
  }
}

.req {
  font-size: 0.75em;
  color: var(--color-red1);
}

.tag-list-items li {
  display: inline-block;
  margin-right: 10px;
}

.tag-list-items li .name {
  display: inline-block;
  font-size: 12px;
  color: #F39795;
}

.tag-list-items li .btn {
  background: #F39795;
  color: #fff;
  font-size: 9px;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 12px;
  padding: 1px;
  margin-left: 3px;
}