@charset "UTF-8";
/* reset */
* {
  box-sizing: border-box;
  margin: 0;
}
*::before {
  vertical-align: middle;
}
*::after {
  vertical-align: middle;
}

script, style {
  display: none !important;
}

html {
  font-size: 12px;
}
@media (min-width: 400px) {
  html {
    font-size: 12.5px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 800px) {
  html {
    font-size: 13.5px;
  }
}
@media (min-width: 1000px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 14.5px;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 15px;
  }
}

body {
  min-width: 320px;
  color: #222222;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
}

a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  transition: 0.3s;
}
a[href^=tel] {
  cursor: initial;
  pointer-events: none;
}
a[href] {
  cursor: pointer;
}
a[href]:hover {
  opacity: 0.7;
}

/* block */
main, article, section, header, footer, aside, nav {
  display: block;
}

h1 {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  word-break: break-all;
  overflow-wrap: break-word;
}

h2 {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  word-break: break-all;
  overflow-wrap: break-word;
}

h3 {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  word-break: break-all;
  overflow-wrap: break-word;
}

h4 {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  overflow-wrap: break-word;
}

h5 {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  overflow-wrap: break-word;
}

p {
  word-break: break-all;
  overflow-wrap: break-word;
  line-height: 2;
}

ul {
  padding: 0;
}

ol {
  padding: 0;
}

li {
  list-style-type: none;
}

dt {
  word-break: break-all;
  overflow-wrap: break-word;
}

dd {
  word-break: break-all;
  overflow-wrap: break-word;
}

th {
  word-break: break-all;
  overflow-wrap: break-word;
}

td {
  word-break: break-all;
  overflow-wrap: break-word;
}

address {
  font-style: normal;
}

iframe {
  max-width: 100%;
}

code {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}

video {
  display: block;
  max-width: 100%;
}

/* inline */
img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}

strong, em, i {
  font-style: normal;
}

time {
  word-break: keep-all;
}

mark {
  background-color: transparent;
}

u {
  text-decoration: none;
}

/* form */
input {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  max-width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0 0.5em;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100em #fafafa inset;
}

[type=text] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  min-height: 2.5em;
}

[type=email] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  min-height: 2.5em;
}

[type=password] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  min-height: 2.5em;
}

[type=checkbox] {
  vertical-align: middle;
}

[type=radio] {
  vertical-align: middle;
}

[type=file] {
  max-width: 100%;
  padding: 0.5em;
}

[type=submit] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

[type=button] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

textarea {
  width: 100%;
  max-width: 100%;
  min-height: 5em;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em;
}

select {
  max-width: 100%;
  min-height: 2.5em;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  vertical-align: middle;
  padding: 0.5em;
}

fieldset {
  border: 0;
  padding: 0;
}

legend {
  display: block;
  width: 100%;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding: 0.5em;
  float: left;
}
legend + * {
  clear: both;
}

label {
  display: inline-block;
  cursor: pointer;
}

button {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  padding: 0.5em;
  cursor: pointer;
}

/* fancybox fix */
#fancybox-wrap {
  box-sizing: content-box;
}

._ck {
  /* reset for ckeditor contents */
  /* HACK */
}
._ck {
  padding: 1em;
}
._ck h1 {
  font-size: 2em;
  margin-bottom: 1em;
}
._ck h2 {
  font-size: 1.5em;
}
._ck h3 {
  font-size: 1.17em;
}
._ck h4 {
  font-size: 1em;
}
._ck a {
  color: blue;
  color: -webkit-link;
  text-decoration: underline;
}
._ck span.text-huge {
  font-size: x-large;
}
._ck span.text-big {
  font-size: large;
}
._ck span.text-small {
  font-size: small;
}
._ck span.text-tiny {
  font-size: x-small;
}
._ck i {
  font-style: italic;
}
._ck u {
  text-decoration: underline;
}
._ck ol {
  padding-left: 1em;
}
._ck ol li {
  list-style-type: decimal;
}
._ck ul {
  padding-left: 1em;
}
._ck ul li {
  list-style-type: disc;
}
._ck blockquote {
  background-color: rgba(245, 245, 245, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
  position: relative;
}
._ck blockquote::before {
  content: "\f10d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  font-size: 1.5em;
  opacity: 0.5;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
}
._ck figure[class*=image-style-align] {
  margin-top: 1em;
  margin-bottom: 1em;
}
._ck figure.image-style-align-right {
  float: right;
  margin-left: 1em;
}
._ck figure.image-style-align-center {
  text-align: center;
}
._ck figure.image-style-align-left {
  float: left;
  margin-right: 1em;
}
._ck figcaption {
  font-size: 0.75em;
  color: #333333;
  background-color: #f7f7f7;
  caption-side: bottom;
  word-break: break-word;
  text-align: center;
  padding: 0.5em;
}
._ck .ck-widget:not([class*=image-style]) {
  margin-left: 0;
  margin-right: 0;
}

/* class-color */
/* status */
.status-failed.bg {
  background-color: orangered;
}
.status-failed.text {
  color: orangered;
}
.status-still.bg {
  background-color: salmon;
}
.status-still.text {
  color: salmon;
}
.status-submission.bg {
  background-color: darkorange;
}
.status-submission.text {
  color: darkorange;
}
.status-unapproved.bg {
  background-color: orangered;
}
.status-unapproved.text {
  color: orangered;
}

.color {
  /* modules */
  /* object */
  /* sns */
}
.color-do {
  color: #f0f0f0;
  background-color: #274a78;
}
.color-undo {
  color: #f0f0f0;
  background-color: #555555;
}
.color-area {
  color: #f0f0f0;
  background-color: tomato;
}
.color-stc {
  color: #f0f0f0;
  background-color: #296b73;
}
.color-stp {
  color: #f0f0f0;
  background-color: tomato;
}
.color-cancel {
  color: #f0f0f0;
  background-color: #aaaaaa;
}
.color-link {
  color: #f0f0f0;
  background-color: #274a78;
}
.color-notice {
  color: #f0f0f0;
  background-color: orangered;
}
.color-recommend {
  color: #f0f0f0;
  background-color: #c9bc9c;
}
.color-offer {
  color: #f0f0f0;
  background-color: #375a7d;
}
.color-entry {
  color: #f0f0f0;
  background-color: #375a7d;
}
.color-pay {
  color: white;
  background-color: #f15a2d;
}
.color-fb {
  color: #f0f0f0;
  background-color: #3b5998;
}
.color-tw {
  color: #f0f0f0;
  background-color: #55acee;
}

/* #$NAME */
.mase-calendar {
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
  text-align: center;
}
.mase-calendar-day {
  border: 1px solid rgba(128, 128, 128, 0.25);
  vertical-align: top;
  padding: 0.5em;
}
@media (max-width: 599px) {
  .mase-calendar-day {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    width: 100%;
    border-color: rgba(221, 221, 221, 0.5);
    padding: 0;
  }
}
.mase-calendar-day-head {
  font-size: 0.9em;
  font-weight: normal;
  border: none;
  padding: 0.5em;
  padding-bottom: 1em;
}
@media (max-width: 599px) {
  .mase-calendar-day-head {
    display: none;
  }
}
.mase-calendar-day-number {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  transition: 0.2s;
  padding: 0.25em 0.5em;
}
@media (max-width: 599px) {
  .mase-calendar-day-number {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 20%;
    flex: 0 1 20%;
    width: 20%;
    max-width: 20%;
    font-size: 1.2em;
    font-weight: normal;
    background-color: rgba(128, 128, 128, 0.2);
  }
}
@media (max-width: 599px) {
  .mase-calendar-day-blank {
    display: none;
  }
}
.mase-calendar-day.mase-calendar-content i {
  color: white;
  background-color: #02547d;
  padding: 0;
}
.mase-calendar-day.mase-calendar-content a {
  display: block;
  height: 100%;
  padding: 0.25em 0.5em;
}
.mase-calendar-day.mase-calendar-content a:hover {
  background-color: #274a78;
}
.mase-calendar-day .mase-calendar-content {
  padding-top: 0.5em;
}
@media (max-width: 599px) {
  .mase-calendar-day .mase-calendar-content {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 80%;
    flex: 0 1 80%;
    width: 80%;
    max-width: 80%;
    padding-bottom: 0.5em;
  }
}
.mase-calendar-day .mase-calendar-content span {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
@media (max-width: 599px) {
  .mase-calendar-day .mase-calendar-content span {
    font-weight: bold;
    font-size: 1.1em;
  }
}
.mase_trial a {
  display: block;
  color: white;
  background-color: #009944;
  text-align: center;
  padding: 0.25em 1em;
}
.mase_trial s {
  text-decoration: none;
}
.mase-denied {
  display: inline-block;
  color: slategray;
  font-size: 1rem;
  font-weight: 900;
  background: rgba(250, 128, 114, 0.025);
  padding: 0 1em;
}
.mase-msg {
  color: orangered;
  padding: 1em;
}
.mase-validation {
  color: salmon;
  font-size: 0.9rem;
  font-weight: normal;
}
.mase-validation li {
  padding: 0.25rem;
}

div[id^=gmap] {
  max-width: 100%;
}
table div[id^=gmap] {
  width: 100% !important;
}

div[id^=js_gmap] {
  max-width: 100%;
}
table div[id^=js_gmap] {
  width: 100% !important;
}

form [class*=ctm-] {
  padding: 0;
}
[class*=ctm-] a::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}

.ctm-application a::before {
  content: "\f15b";
}
.ctm-audio a::before {
  content: "\f1c7";
}
.ctm-image a::before {
  content: "\f1c5";
}
.ctm-text a::before {
  content: "\f15c";
}
.ctm-video a::before {
  content: "\f1c8";
}

/* class-global */
.global-approve {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
}
.outer-wrapper .global-approve {
  color: white;
  border-radius: 2px;
  padding: 0.5em 1em;
  margin: 0.5em;
}
.outer-wrapper .global-approve.do {
  color: white;
  background-color: orangered;
}

.backend-wrapper .global-approve.do {
  color: orangered;
}

.ui-dialog .global-approve.do {
  color: orangered;
  background-color: rgba(255, 255, 255, 0.95);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.global-approve.do::before {
  content: "\f056";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.outer-wrapper .global-approve.undo {
  background-color: #296b73;
}

.backend-wrapper .global-approve.undo {
  color: #296b73;
}

.ui-dialog .global-approve.undo {
  color: #296b73;
  background-color: rgba(255, 255, 255, 0.95);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.global-approve.undo::before {
  content: "\f058";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.global-approve[data-enabled]::before {
  content: "\f111";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
.global-approve[data-enabled=enabled] {
  color: #296b73;
}
.global-approve[data-enabled=disabled] {
  color: gray;
}
.global-approvedAt {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 0.5em;
}
.global-approvedAt.null {
  color: orangered;
}
.global-approvedAt.null::before {
  content: "\f070";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.global-approvedAt.notNull {
  color: #296b73;
}
.global-approvedAt.notNull::before {
  content: "\f058";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.global-articleHeader {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
@media (max-width: 599px) {
  .global-articleHeader {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.global-articleHeader h2 {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 0.5em;
}
.global-articleHeader > a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  word-break: keep-all;
  padding: 0.5em 1em;
  margin: 0.5em;
}
.global-articleHeader > a:first-of-type {
  margin-left: auto;
}
.global-attachments {
  text-align: center;
}
.global-attachments div {
  display: inline-block;
}
.global-attachments .image {
  max-width: 20em;
}
.global-attachments [class*=ctm-] {
  vertical-align: bottom;
}
.global-btn, .global-btns a[href] {
  display: inline-block;
  color: white;
  background-color: #333333;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 1.5em;
  margin: 0.25em 0;
}
.global-btns {
  padding: 0 1em;
}
.global-btns a[href]:not(:last-of-type) {
  margin-right: 0.5em;
}
.global-calendar {
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
  text-align: center;
}
.global-calendar th {
  font-size: 0.9em;
  font-weight: normal;
  border: none;
  padding: 0.5em;
  padding-bottom: 1em;
}
.global-calendar td {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
}
.global-calendar.reserve button {
  display: block;
  color: #274a78;
  min-width: 0;
  min-width: unset;
  font-size: 0.9em;
  background-color: transparent;
  transition: 0.2s;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  margin: 0.25em auto;
}
.global-calendar.reserve button[class]:hover {
  color: white;
  background-color: #274a78;
}
.global-calendar.reserve button.active {
  color: white;
  background-color: #296b73;
}
.global-calendar.reserve button::before {
  content: "\f14a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
.global-calendarNav {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em;
}
/* ↓common↓ */
.global-calendarNav > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.global-calendarNav a {
  color: #274a78;
  cursor: pointer;
}
/* ↑common↑ */
.global-calendarNav .back {
  font-size: 1.5em;
}
.global-calendarNav .back::before {
  content: "\f104";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.global-calendarNav .current {
  font-weight: bold;
  font-size: 1.3em;
  padding: 0.5em;
  margin: 0 2em;
}
.global-calendarNav .next {
  font-size: 1.5em;
}
.global-calendarNav .next::after {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.global-caption {
  font-size: 1.4em;
  background-color: whitesmoke;
  border-left: 5px solid slategray;
  letter-spacing: 0.1em;
  text-align: left;
  padding: 0.35em 1em;
  margin-bottom: 1em;
}
.global-category, main.case article.index_type06 .master-header address, main.case article.index_type07 .master-header address {
  font-size: 0.9em;
}
.global-category > *:not(:first-child)::before, main.case article.index_type06 .master-header address > *:not(:first-child)::before, main.case article.index_type07 .master-header address > *:not(:first-child)::before {
  content: ">";
  margin: 0 0.5em;
}
.global-checkboxes {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.global-checkboxes div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 1px;
}
.global-checkboxes > label {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.global-checkboxes > label[for] {
  margin: 1px;
}
.global-checkboxes [type=checkbox] {
  display: none;
}
.global-checkboxes [type=checkbox]:checked + label {
  background-color: rgba(211, 211, 211, 0.25);
  border: 1px solid rgba(211, 211, 211, 0.7);
}
.global-checkboxes label {
  display: block;
  border: 1px solid rgba(211, 211, 211, 0.35);
  padding: 0.5em;
}
.global-checkboxes br {
  display: none;
}
.global-checkboxes li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  background-color: rgba(211, 211, 211, 0.25);
  border: 1px solid rgba(211, 211, 211, 0.7);
  padding: 0.5em;
  margin: 1px;
}
.global-circleImgBg {
  background: no-repeat center center;
  background-size: cover;
  border-radius: 100%;
  max-width: 100%;
}
.global-colTable {
  width: 99.9%;
  border-collapse: collapse;
}
/* ↓for responsive↓ */
@media (max-width: 599px) {
  .global-colTable {
    display: block;
  }
}
@media (max-width: 599px) {
  .global-colTable thead {
    display: none;
  }
}
@media (max-width: 599px) {
  .global-colTable tbody {
    display: block;
  }
}
@media (max-width: 599px) {
  .global-colTable tfoot {
    display: block;
  }
}
@media (max-width: 599px) {
  .global-colTable tr, .global-colTable th, .global-colTable td {
    display: block;
  }
}
/* ↑for responsive↑ */
.global-colTable thead th {
  font-weight: normal;
  font-size: 0.8em;
  border: 0px;
  padding: 0.75em 0.5em;
}
@media (max-width: 599px) {
  .global-colTable tbody tr, .global-colTable tfoot tr {
    margin-bottom: 3em;
  }
}
.global-colTable tbody th, .global-colTable tbody td, .global-colTable tfoot th, .global-colTable tfoot td {
  border: 1px solid rgba(128, 128, 128, 0.25);
}
@media (max-width: 599px) {
  .global-colTable tbody th, .global-colTable tbody td, .global-colTable tfoot th, .global-colTable tfoot td {
    border: none;
    line-height: 1.5rem;
  }
}
.global-colTable tbody th, .global-colTable tfoot th {
  font-weight: normal;
  text-align: left;
  padding: 1em;
}
@media (max-width: 599px) {
  .global-colTable tbody th, .global-colTable tfoot th {
    text-align: center;
  }
}
.global-colTable tbody td, .global-colTable tfoot td {
  text-align: center;
  padding: 0.5em;
}
@media (max-width: 599px) {
  .global-colTable tbody td[data-label], .global-colTable tfoot td[data-label] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
  .global-colTable tbody td[data-label]::before, .global-colTable tfoot td[data-label]::before {
    content: attr(data-label);
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    line-height: 2rem;
    text-align: left;
    padding: 0.5em;
  }
}
@media (max-width: 599px) {
  .global-colTable tbody td[data-label] > *, .global-colTable tfoot td[data-label] > * {
    display: inline-block;
    line-height: 2rem;
    padding: 0.5em;
  }
}
@media (max-width: 599px) {
  .global-colTable tbody td[data-label] > *:first-child, .global-colTable tfoot td[data-label] > *:first-child {
    margin-left: auto;
  }
}
@media (max-width: 599px) {
  .global-colTable tbody tr {
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-radius: 2px;
  }
}
@media (max-width: 599px) {
  .global-colTable tbody tr.colspan {
    background-color: rgba(245, 245, 245, 0.5);
    border-top: none;
    margin-top: -3em;
  }
}
.global-colTable tbody tr.colspan:nth-of-type(even) {
  background-color: rgba(245, 245, 245, 0.5);
}
.global-colTable tbody th {
  min-width: 10em;
  word-break: break-all;
  overflow-wrap: break-word;
}
.global-colTable tbody th a {
  display: inline-block;
  color: #274a78;
}
.global-colTable tbody th a:hover {
  opacity: 1;
}
.global-colTable tbody th a:hover::before {
  left: 2px;
}
.global-colTable tbody th a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  transition: 0.2s;
  position: relative;
  left: 0;
}
.global-colTable tbody td:nth-child(even) {
  background-color: rgba(245, 245, 245, 0.5);
}
@media (max-width: 599px) {
  .global-colTable tbody td[data-label] {
    width: 100%;
    text-align: left;
  }
}
.global-colTable tbody td.to {
  text-align: center;
  padding: 0.5em 1em;
}
@media (min-width: 600px) {
  .global-colTable tbody td.to {
    width: 1%;
  }
}
.global-colTable tbody td.to a {
  display: inline-block;
  color: #274a78;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.25em 1em;
}
.global-colTable tbody td.to a:hover {
  opacity: 1;
}
.global-colTable tbody td.to a:hover::before {
  left: 2px;
}
.global-colTable tbody td.to a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  transition: 0.2s;
  position: relative;
  left: 0;
}
.global-colTable tbody td b {
  font-weight: normal;
}
.global-colTable tbody td b.global-currency {
  font-weight: bold;
}
.global-colTable tbody td em {
  display: block;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: left;
}
.global-colTable tfoot {
  background-color: rgba(201, 188, 156, 0.1);
}
@media (max-width: 599px) {
  .global-colTable tfoot td[data-label] {
    border-collapse: separate;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    text-align: right;
    padding: 0 1.5em;
    margin-left: auto;
  }
}
.backend-wrapper .global-colTable .global-currency {
  font-weight: normal;
}
.global-colTable.tagLabel .label span {
  display: block;
}
@media (min-width: 600px) {
  .global-colTable.tagLabel tbody th {
    font-weight: normal;
  }
}
.global-colTable.tagLabel tbody th span {
  display: block;
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody th span {
    font-size: 1.2em;
  }
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody td:not([class]) {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody td > * {
    display: inline-block;
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0.5em;
  }
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody td > *:not(:first-child) {
    font-weight: bold;
    margin-left: auto;
  }
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody .label {
    margin-right: auto;
  }
}
@media (min-width: 600px) {
  .global-colTable.tagLabel tbody .label {
    display: none;
  }
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody .label span {
    text-align: left;
  }
}
.global-colTable.tagLabel tbody .val > * {
  display: block;
}
@media (max-width: 599px) {
  .global-colTable.tagLabel tbody .val > * {
    font-weight: bold;
    text-align: right;
  }
}
.global-colTable.tagLabel tbody .val i {
  font-size: 0.85em;
  color: dimgray;
}
.global-componentTitle {
  border-bottom: 2px solid rgba(128, 128, 128, 0.3);
  letter-spacing: 0.1em;
  padding: 0.5em;
  position: relative;
}
.global-componentTitle::after {
  content: "";
  display: inline-block;
  width: 10%;
  height: 2px;
  background-color: #3e606f;
  position: absolute;
  bottom: -1.5px;
  left: 0;
}
.outer-main-wrapper .global-componentTitle {
  font-size: 1.4em;
}
.global-contentFooter {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-justify-content: flex-end;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  justify-content: flex-end;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  font-size: 0.9em;
  background: rgba(211, 211, 211, 0.1);
  margin-top: 0.5em;
  padding: 0.5em 0;
}
.global-contentFooter > * {
  margin: 0 0.5em;
}
.global-contentFooter a {
  color: #274a78;
}
.global-contentHeader {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.global-counter {
  padding: 0.5em;
}
.global-counter i {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  font-size: 1.3em;
  font-weight: bold;
}
.global-counter span {
  font-size: 0.9em;
}
.global-currency {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.global-dl dt, .global-dlForm dt {
  color: #111111;
  font-size: 0.95em;
  font-weight: bold;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-left: 3px solid rgba(17, 17, 17, 0.5);
  line-height: 1.25;
  padding: 0.25em 0.5em;
}
.global-dl dt:not(:first-of-type), .global-dlForm dt:not(:first-of-type) {
  margin-top: 1em;
}
.global-dl dd, .global-dlForm dd {
  padding: 0.5em 0;
}
.global-dlBox {
  display: inline-block;
  background: rgba(211, 211, 211, 0.2);
  border: 1px solid #dddddd;
  text-align: center;
  padding: 0.5em 0.75em;
  margin: 0.2em 0;
}
.global-dlBox dt {
  max-width: 8em;
  font-size: xx-small;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.global-dlBox dd {
  color: #111111;
  padding-top: 0.25rem;
}
.ui-dialog .global-dlForm {
  font-size: 0.9em;
  margin-top: 1em;
}
.global-dlForm label {
  font: inherit;
}
.global-dlForm dd select:not(:only-of-type) {
  margin: 0.3em;
}
.global-dlHeader {
  background-color: rgba(128, 128, 128, 0.05);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 2em;
}
@media (min-width: 500px) {
  .global-dlHeader {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
.global-dlHeader dt {
  color: gray;
  font-size: 0.9em;
  white-space: nowrap;
  margin-right: 1em;
}
@media (min-width: 500px) {
  .global-dlHeader dt {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media (max-width: 499px) {
  .global-dlHeader dt:not(:first-of-type) {
    margin-top: 1em;
  }
}
@media (min-width: 500px) {
  .global-dlHeader dt:not(:first-of-type) {
    margin-left: 2em;
  }
}
.global-dlHeader dd {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  word-break: keep-all;
}
@media (min-width: 500px) {
  .global-dlHeader dd {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
.global-download {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 0.5em;
}
.global-download:hover {
  color: #274a78;
  border-color: #274a78;
}
.global-download::before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background: url(\2F image\2F mase\2F icon\2F download\2E png\3F 0) no-repeat center center;
  background-size: cover;
}
.global-evaluation b {
  color: #3e606f;
  font-size: 1.3em;
}
.global-evaluation i {
  display: inline-block;
  font-size: 0;
  position: relative;
}
.global-evaluation i::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  position: absolute;
}
.global-evaluation i::after {
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.global-evaluation.star i {
  color: #3e606f;
}
.global-evaluation.star i[data-score]::after {
  content: "\f005 \f005 \f005 \f005 \f005";
}
.global-evaluation.star i[data-score="0"]::before {
  content: "";
}
.global-evaluation.star i[data-score="0.0"]::before {
  content: "";
}
.global-evaluation.star i[data-score="0.5"]::before {
  content: "\f5c0";
}
.global-evaluation.star i[data-score="1"]::before {
  content: "\f005";
}
.global-evaluation.star i[data-score="1.0"]::before {
  content: "\f005";
}
.global-evaluation.star i[data-score="1.5"]::before {
  content: "\f005 \f5c0";
}
.global-evaluation.star i[data-score="2"]::before {
  content: "\f005 \f005";
}
.global-evaluation.star i[data-score="2.0"]::before {
  content: "\f005 \f005";
}
.global-evaluation.star i[data-score="2.5"]::before {
  content: "\f005 \f005 \f5c0";
}
.global-evaluation.star i[data-score="3"]::before {
  content: "\f005 \f005 \f005";
}
.global-evaluation.star i[data-score="3.0"]::before {
  content: "\f005 \f005 \f005";
}
.global-evaluation.star i[data-score="3.5"]::before {
  content: "\f005 \f005 \f005 \f5c0";
}
.global-evaluation.star i[data-score="4"]::before {
  content: "\f005 \f005 \f005 \f005";
}
.global-evaluation.star i[data-score="4.0"]::before {
  content: "\f005 \f005 \f005 \f005";
}
.global-evaluation.star i[data-score="4.5"]::before {
  content: "\f005 \f005 \f005 \f005 \f5c0";
}
.global-evaluation.star i[data-score="5"]::before {
  content: "\f005 \f005 \f005 \f005 \f005";
}
.global-evaluation.star i[data-score="5.0"]::before {
  content: "\f005 \f005 \f005 \f005 \f005";
}
.global-explain {
  font-size: small;
  background: rgba(211, 211, 211, 0.2);
  border-radius: 5px;
  padding: 1em;
  margin: 1em 0;
}
.global-explain p {
  line-height: 2;
}
.global-explain li {
  padding: 0.5em;
}
.global-coverImage {
  background: #fafafa;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.global-coverImage.noImage::after {
  content: "";
  display: block;
  height: 100%;
  background: url(\2F image\2F noImage\2E png\3F 0) no-repeat center center;
  background-size: 80% auto;
  background-color: white;
}
.global-coverImage.noImage::after img {
  display: none;
}
.global-coverImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  .global-coverImage img {
    height: auto;
  }
}
.global-form-checkboxes {
  white-space: nowrap;
}
.global-form-checkboxes [type=checkbox] {
  vertical-align: top;
  margin-top: 0.5em;
}
.global-form-checkboxes label {
  white-space: normal;
}
.global-form-range {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.global-form-range > * {
  display: table-cell;
}
.global-form-range .mase-validation {
  font-size: 0.8rem;
}
.global-form-range div select, .global-form-range div input {
  width: 100%;
}
.global-form-range span {
  width: 10%;
  vertical-align: middle;
  text-align: center;
}
.global-inTable {
  width: 100%;
  background: white;
}
.global-colTable .global-inTable {
  display: table !important;
}
.global-colTable .global-inTable th {
  min-width: auto;
}
.global-inTable thead th {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  text-align: center;
}
.global-inTable tr:nth-of-type(even) {
  background: rgba(211, 211, 211, 0.2);
}
.global-inTable th, .global-inTable td {
  text-align: center;
  padding: 0.25em;
}
.global-imgBg {
  background: no-repeat center center;
  background-size: cover;
}
.global-imgBg.noImage {
  background-color: #eeeeee;
  border: 1px solid rgba(128, 128, 128, 0.25);
  position: relative;
}
.global-imgBg.noImage::after {
  content: "No\20 Image";
  color: #dddddd;
  font-size: 2em;
  font-famly: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  white-space: nowrap;
  text-shadow: -1px -1px 1px #777777, 1px 1px white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.global-imgNone {
  display: block;
  color: rgba(112, 128, 144, 0.5);
  background: rgba(112, 128, 144, 0.1);
  text-align: center;
  padding: 2em 0.5em;
  overflow: hidden;
}
.global-inlineDl > * {
  display: inline-block;
}
.global-largeBtn {
  display: table;
  margin: auto;
  border-radius: 3px;
  text-align: center;
  padding: 1em 2em;
}
.global-list {
  padding: 1em;
}
.global-list:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.global-menuBtns {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
}
.global-menuBtns a {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  display: block;
  font-weight: bold;
  color: white;
  background-color: #274a78;
  border: 2px solid transparent;
  border-radius: 3px;
  box-shadow: 0 5px 10px -5px slategray;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 2em;
  margin: 0.5% 0;
}
@media (min-width: 400px) {
  .global-menuBtns a {
    display: inline-block;
    -webkit-flex-basis: 48.5%;
    flex-basis: 48.5%;
    width: 48.5%;
    max-width: 48.5%;
    margin: 0.5%;
  }
}
@media (min-width: 400px) and (-ms-high-contrast: none) {
  .global-menuBtns a {
    -webkit-flex-basis: 49%;
    flex-basis: 49%;
    width: 49%;
    max-width: 49%;
  }
}

@media (min-width: 800px) {
  .global-menuBtns a {
    -webkit-flex-basis: 23.7%;
    flex-basis: 23.7%;
  }
}
@media (min-width: 800px) and (-ms-high-contrast: none) {
  .global-menuBtns a {
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
    width: 24%;
    max-width: 24%;
  }
}

.global-menuBtns a:hover {
  color: #274a78;
  background-color: white;
  border-color: #274a78;
  box-shadow: none;
}
.global-menuHeader {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
.global-menuHeader.global-caption a {
  font-size: 1rem;
}
.global-menuHeader > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.global-menuHeader h3 {
  font-size: 1em;
}
.global-menuHeader a {
  color: white;
  background-color: #111111;
  display: inline-block;
  border-radius: 5px;
  padding: 0.5em 1.5em;
}
.global-navMenu {
  padding: 1em;
}
.global-navMenu a {
  padding: 1em;
  display: block;
  color: #274a78;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
}
.global-navMenu a:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.global-none {
  display: none;
}
.global-nonmember {
  color: slategray;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.global-noResult {
  padding: 1em;
}
.global-notice {
  background: rgba(255, 69, 0, 0.1);
  padding: 1em;
}
.global-notification[data-status=exists]::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  content: "\f0f3" !important;
  display: inline-block;
  color: orange;
  cursor: pointer;
  animation: turn 5s infinite;
  text-shadow: 0 1px 1px lightgray;
}
.global-num {
  display: inline-block;
}
.global-pager {
  text-align: center;
  padding: 1em;
  margin-top: 2em;
}
.global-pager > * {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 0.5em;
}
.global-pager b {
  color: white;
  background-color: #274a78;
}
.global-pager a {
  color: #274a78;
}
.global-pager a:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.global-personImg {
  background: white;
  border: 1px solid rgba(211, 211, 211, 0.3);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.global-personImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  .global-personImg img {
    height: auto;
  }
}
.global-postList {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.global-postList > *:first-child {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 20%;
  flex: 0 1 20%;
  width: 20%;
  max-width: 20%;
}
.global-postList > *:last-child {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 80%;
  flex: 0 1 80%;
  width: 80%;
  max-width: 80%;
  padding-top: 0.25em;
  padding-left: 1em;
}
.global-postList .global-imgBg {
  padding-top: 100%;
}
.global-rowTable {
  width: 100%;
}
@media (max-width: 799px) {
  .global-rowTable, .global-rowTable caption, .global-rowTable tbody, .global-rowTable tr, .global-rowTable th, .global-rowTable td {
    display: block;
  }
}
.global-rowTable tr:nth-of-type(even) {
  background: rgba(245, 245, 245, 0.5);
}
@media (max-width: 799px) {
  .global-rowTable tr:nth-of-type(even) {
    background: none;
  }
}
.global-rowTable tr:first-of-type th {
  border-top: 1px solid #eaeaea;
}
@media (min-width: 800px) {
  .global-rowTable tr:first-of-type td {
    border-top: 1px solid #eaeaea;
  }
}
.global-rowTable tr > * {
  border-bottom: 1px solid #eaeaea;
}
.global-rowTable th {
  width: 25%;
  font-weight: normal;
  text-align: left;
  padding: 1em;
}
@media (max-width: 799px) {
  .global-rowTable th {
    width: 100%;
    background: rgba(245, 245, 245, 0.5);
  }
}
@media (min-width: 800px) {
  .global-rowTable th {
    font-size: 0.9em;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
  }
}
.global-rowTable th:not(:first-of-type) {
  border-left: none;
}
.global-rowTable th label {
  font-size: 1em;
}
.global-rowTable th.any label {
  margin-right: 0.5em;
}
.global-rowTable th.any::after {
  content: "\4EFB \610F ";
  display: inline-block;
  font-size: x-small;
  color: #274a78;
  border: 1px solid rgba(39, 74, 120, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
.global-rowTable th.required label {
  margin-right: 0.5em;
}
.global-rowTable th.required::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: orangered;
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
.global-rowTable td {
  line-height: 1.5;
  padding: 1em;
}
@media (max-width: 799px) {
  .global-rowTable td {
    width: 100%;
    padding-left: 1.5em;
  }
}
@media (min-width: 800px) {
  .global-rowTable td {
    border-right: 1px solid #eaeaea;
  }
}
.ui-dialog .global-rowTable th, .ui-dialog .global-rowTable td {
  display: block;
  width: 100%;
}
.global-rowTable .dateRange {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
.global-rowTable .dateRange > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.global-rowTable .dateRange span {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
}
.global-scoreAvg {
  white-space: nowrap;
  position: relative;
}
.global-scoreAvg[data-score]::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.global-scoreAvg[data-score]::after {
  width: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.global-scoreAvg[data-score^="1"]::after {
  padding-left: 1em;
}
.global-scoreAvg[data-score$=".1"]::after {
  width: 0.4em;
}
.global-scoreAvg[data-score^="2"]::after {
  padding-left: 2em;
}
.global-scoreAvg[data-score$=".2"]::after {
  width: 0.4em;
}
.global-scoreAvg[data-score^="3"]::after {
  padding-left: 3em;
}
.global-scoreAvg[data-score$=".3"]::after {
  width: 0.4em;
}
.global-scoreAvg[data-score^="4"]::after {
  padding-left: 4em;
}
.global-scoreAvg[data-score$=".4"]::after {
  width: 0.5em;
}
.global-scoreAvg[data-score^="5"]::after {
  padding-left: 5em;
}
.global-scoreAvg[data-score$=".5"]::after {
  width: 0.5em;
}
.global-scoreAvg[data-score$=".6"]::after {
  width: 0.5em;
}
.global-scoreAvg[data-score$=".7"]::after {
  width: 0.6em;
}
.global-scoreAvg[data-score$=".8"]::after {
  width: 0.6em;
}
.global-scoreAvg[data-score$=".9"]::after {
  width: 0.6em;
}
.global-scoreAvg i::before {
  margin-right: 0.5em;
}
.global-scoreAvg.star {
  color: gold;
  text-shadow: 0 0 1px gold;
}
.global-scoreAvg.star[data-score]::after {
  content: "★";
}
.global-scoreAvg.star[data-score^="1."]::before {
  content: "★";
}
.global-scoreAvg.star[data-score^="2."]::before {
  content: "★★";
}
.global-scoreAvg.star[data-score^="3."]::before {
  content: "★★★";
}
.global-scoreAvg.star[data-score^="4."]::before {
  content: "★★★★";
}
.global-scoreAvg.star[data-score^="5."]::before {
  content: "★★★★★";
}
.global-scoreAvg.star i::before {
  content: "☆☆☆☆☆";
}
.global-sectionTitle {
  font-size: 1.3em;
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  letter-spacing: 0.1em;
  padding: 0.5em 1em;
  position: relative;
}
.global-separate {
  display: table;
  width: 100%;
}
.global-separate > * {
  display: table-cell;
}
.global-separate > *:first-child {
  vertical-align: top;
}
.global-separate > *:last-child {
  padding-left: 1em;
}
.global-selectboxWrap select {
  width: 100%;
  max-width: 30em;
}
.global-sideTitle {
  font-size: 1.2em;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0.25em;
  margin-bottom: 1em;
}
.global-smallSubmit {
  display: table;
  margin-top: 1rem;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #4e342e;
  font-size: 0.7em;
  border-radius: 1em;
  padding: 0.3em 2em;
}
.global-submit {
  max-width: 20em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  display: block;
  width: 100%;
}
.ui-dialog .global-submit {
  margin-top: 2em;
}
.global-submitWrap {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.global-submitWrap > * {
  display: inline-block;
}
.global-submitWrap [name] {
  border-radius: 3px;
  line-height: 1.5rem;
  vertical-align: middle;
  transition: 0.2s;
  padding: 0.5rem 3rem;
  margin: 0.25rem;
}
.global-submitWrap [name]:hover {
  opacity: 0.8;
}
.global-submitWrap [name*='[back]'] {
  color: white;
  background-color: rgba(112, 128, 144, 0.7);
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.global-submitWrap [name*='[conf]'] {
  color: white;
  background-color: #375a7d;
}
.global-submitWrap [name*='[save]'] {
  color: white;
  background-color: #375a7d;
}
.global-submitWrap [name*='[next]'] {
  color: white;
  background-color: #375a7d;
}
.global-submitWrap [name*='[exec]'] {
  color: white;
  background-color: #375a7d;
}
.ui-dialog .global-submitWrap {
  font-size: 0.9em;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ui-dialog .global-submitWrap [name] {
  padding: 0.5rem 1rem;
}
.ui-dialog .global-submitWrap [name*='[save]'] {
  color: white;
  background-color: #375a7d;
}
.ui-dialog .global-submitWrap [name*='[close]'] {
  color: white;
  background-color: rgba(112, 128, 144, 0.7);
  font-size: 0.8em;
  padding-right: 1rem;
  padding-left: 1rem;
}
.ui-dialog .global-submitWrap [name*='[back]'] {
  color: white;
  background-color: rgba(112, 128, 144, 0.7);
  font-size: 0.8em;
  padding-right: 1rem;
  padding-left: 1rem;
}
.global-subTitle {
  display: table;
  color: slategray;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.5em;
}
.global-subTitle::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.global-singleBtn {
  display: table;
  margin: 1.5em auto;
  color: white;
  background-color: #274a78;
  max-width: 15em;
  border-radius: 3px;
  padding: 0.75em 1.5em;
}
.global-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.global-tab > * {
  display: table-cell;
  vertical-align: middle;
}
ul.global-tabSwitch {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 0.9em;
  margin-bottom: 1.5em;
}
ul.global-tabSwitch > * {
  display: table-cell;
  vertical-align: middle;
}
ul.global-tabSwitch > * {
  background: lightgray;
  cursor: pointer;
  padding: 0.75em 0.5em;
}
ul.global-tabSwitch > *:hover {
  color: white;
  background-color: #375a7d;
}
ul.global-tabSwitch > *.active {
  color: white;
  background-color: #375a7d;
}
ul.global-tabSwitch > *:not(:last-of-type) {
  border-right: 1px solid white;
}
ul.global-tabSwitch > * a {
  display: block;
}
ul.global-tabSwitch li {
  text-align: center;
}
nav.global-tabSwitch {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
nav.global-tabSwitch > * {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  background-color: rgba(211, 211, 211, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1px;
  padding: 0.5em 2em;
  margin: 0.1em;
}
nav.global-tabSwitch span {
  color: white;
  background-color: #274a78;
}
nav.global-tabSwitch a:hover {
  opacity: 1;
  color: white;
  background-color: #274a78;
}
.global-tags > * {
  display: inlin-block;
  padding: 0.5em;
}
.global-tags > *::before {
  content: "\f02b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
.global-term time {
  white-space: nowrap;
}
.global-to {
  display: table;
  color: #274a78;
  margin: 1em;
  margin-left: auto;
}
.global-typeSelect {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
  padding: 0.5em;
  margin-bottom: 1.5em;
}
.global-typeSelect li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.2em;
}
.global-typeSelect li > * {
  display: inline-block;
  height: 100%;
  border: 1px solid rgba(39, 74, 120, 0.2);
  border-radius: 3px;
  padding: 1em 2em;
}
.global-typeSelect li span {
  color: white;
  background-color: #274a78;
}
.global-typeSelect li a {
  color: #274a78;
}
.global-typeSelect li a:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.global-user {
  display: inline-block;
  color: #296b73;
}
.global-userName, .global-user {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}
.global-withdraw {
  color: slategray;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.global-user-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.global-user-image .global-imgBg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* class-default */
h2.default {
  font-size: 1.8em;
  padding: 0.5em;
}
.ui-dialog h2.default {
  font-size: 1.2em;
  margin-top: 0.5em;
}
h2.default + .global-subTitle {
  padding: 0 1em;
}
h2.default > * {
  display: inline-block;
  padding: 0.25em;
}

h3.default {
  display: table;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  border-bottom: 2px solid slategray;
  line-height: 1.7;
  padding-right: 0.2em;
  padding-left: 0.2em;
}
h3.default + p {
  padding: 1em;
}

fieldset.default {
  padding: 1em;
}
.ui-dialog fieldset.default {
  font-size: 0.9em;
  padding: 0.5em 0;
}
fieldset.default legend {
  font-size: 1.5em;
  padding: 0.5em;
}
.ui-dialog fieldset.default legend {
  font-size: 1.1em;
}
fieldset.default legend.required label {
  margin-right: 0.5em;
}
fieldset.default legend.required::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: orangered;
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
fieldset.default legend.any label {
  margin-right: 0.5em;
}
fieldset.default legend.any::after {
  content: "\4EFB \610F ";
  display: inline-block;
  font-size: x-small;
  color: skyblue;
  border: 1px solid rgba(135, 206, 235, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
fieldset.default > div {
  padding: 0 1em;
}
.ui-dialog fieldset.default > div {
  padding: 0 0.25em;
}

/* class-dialog */
/* origin */
.dialog-approve {
  text-align: center;
  padding: 1em;
}
.dialog-dl {
  padding-top: 0.5em;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.dialog-dl > dt {
  font-size: 0.9em;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-left: 3px solid slategray;
  text-align: left;
  padding: 0 0.5em;
  margin-bottom: 0.5em;
}
.dialog-dl > dt:not(:first-of-type) {
  margin-top: 1em;
}
.dialog-dl > dd {
  font-weight: bold;
  text-align: left;
  padding-bottom: 0.5em;
}
.dialog-dl > dd [type=text] {
  width: 100%;
}
.dialog-dl.flex {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
.dialog-dl.flex > dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
  margin-bottom: 0;
}
.dialog-dl.flex > dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-bottom: 0;
}
.dialog-explain {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.5em;
}
.dialog-list li {
  background-color: #222222;
  padding: 0.5em;
}
.dialog-list li:not(:first-of-type) {
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
}
.dialog-list section {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
.dialog-list header {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5em;
  margin-bottom: 0;
}
.dialog-list header small {
  color: gray;
  font-size: smaller;
}
.dialog-list header h3 {
  display: inline;
  font-size: 1.3em;
  margin: 0 1em;
}
.dialog-list header h3.toDetail {
  display: inline-block;
}
.dialog-list header h3.toDetail a {
  color: #375a7d;
  outline: none;
}
.dialog-list header h3.toDetail a::before {
  content: "\f46c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.dialog-list header h3 a:hover {
  color: #02547d;
}
.dialog-list div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  margin-left: auto;
}
.dialog-list dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 0.5em;
}
.dialog-list dl:not(:first-of-type) {
  border-left: 1px solid rgba(128, 128, 128, 0.2);
}
.dialog-list dl.global-inlineDl dt {
  margin-right: 0.5em;
}
.dialog-list dl dt {
  color: gray;
  font-size: smaller;
  text-align: center;
}
.dialog-list dl dd {
  padding: 0.25em;
}
.dialog-notice {
  display: block;
  font-weight: bold;
  color: orangered;
  padding: 1em;
}
.dialog-submit {
  max-width: 20em;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  display: block;
  font-size: 0.8em;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5em;
  transition: 0.2s;
  padding: 0.5em 2em;
}
.dialog-submit:hover {
  opacity: 0.8;
}
.dialog-submit[name*='[conf]'] {
  background-color: #296b73;
}
.dialog-submitWrap {
  font-size: 0.8em;
  text-align: center;
  margin: 1em auto;
}
.dialog-submitWrap > * {
  display: inline-block;
}
.dialog-submitWrap [name] {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1.5em;
  line-height: 1.5rem;
  vertical-align: middle;
  transition: 0.2s;
  padding: 0.5rem 2rem;
  margin: 0.25rem;
}
.dialog-submitWrap [name]:hover {
  opacity: 0.8;
}
.dialog-submitWrap [name]:focus {
  outline: none;
}
.dialog-submitWrap [name*='[close]'] {
  background-color: #aaaaaa;
  padding-right: 1rem;
  padding-left: 1rem;
}
.dialog-submitWrap [name*='[back]'] {
  background-color: #aaaaaa;
  padding-right: 1rem;
  padding-left: 1rem;
}
.dialog-submitWrap [name*='[conf]'] {
  color: white;
  background-color: #296b73;
}
.dialog-submitWrap [name*='[save]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[next]'] {
  color: white;
  background-color: #296b73;
}
.dialog-submitWrap [name*='[exec]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[nextBank]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[nextWebmoney]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[nextCard]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[approve]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-submitWrap [name*='[not_approve]'] {
  color: white;
  background-color: #375a7d;
}
.dialog-title {
  font-size: 1.2em;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: center;
  padding: 0.5em;
  padding-bottom: 0;
  margin-top: 0.5em;
}
.dialog-usagePoint {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: baseline;
  align-items: baseline;
}
.dialog-usagePoint div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.dialog-usagePoint [name*='[usagePoint]'] {
  width: auto;
  max-width: 7em;
}
.dialog-usagePoint small {
  display: inline-block;
}
.dialog-usagePoint dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: gray;
  font-size: 0.9em;
  text-align: right;
  padding: 0.5em;
  margin-left: auto;
}
.dialog-usagePoint dl > * {
  display: inline-block;
}
.dialog-usagePoint dt {
  font-size: 0.9em;
  margin-right: 0.5em;
}

/* lib over */
.ui-dialog[class] {
  width: 100% !important;
  color: white;
  background-color: rgba(34, 34, 34, 0.95);
  border: none;
  -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
  padding: 1em;
  right: 0;
  left: 0 !important;
}
.ui-dialog[class] .ui-dialog-titlebar {
  background-color: transparent;
  border: none;
  padding-bottom: 0;
}
.ui-dialog[class] .ui-dialog-titlebar .ui-dialog-titlebar-close {
  font-size: 0;
  background-color: transparent;
  border: none;
}
.ui-dialog[class] .ui-dialog-titlebar .ui-icon-closethick {
  display: none;
}
.ui-dialog[class] .ui-dialog-titlebar .ui-button-icon-space {
  display: inline-block;
  padding: 1rem;
  position: relative;
  top: -1rem;
  left: -1.75rem;
  z-index: 1;
}
.ui-dialog[class] .ui-dialog-titlebar .ui-button-icon-space::before {
  content: "\f410";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: white;
  font-size: 1.5rem;
}
.ui-dialog[class] .ui-button-icon-only {
  text-indent: 0;
}
.ui-dialog[class] .ui-widget-content {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  max-height: 70vh !important;
  color: white;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: transparent;
  border: none;
  overflow-y: auto;
}
.ui-dialog[class] .ui-dialog-buttonpane {
  padding: 0;
  margin: 0 auto;
}
.ui-dialog[class] .ui-dialog-buttonset {
  text-align: center;
  float: none;
}
.ui-dialog[class] .ui-dialog-buttonset button {
  font-size: 0.9em;
  margin: 0.5em;
  margin-bottom: 0.5em;
}
.ui-dialog[class] article {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 0;
}

/* sys */
#js_wait_plan {
  min-height: auto !important;
  text-align: center;
}
#js_wait_plan.anime-hideSeeks {
  padding-bottom: 2.5em;
  position: relative;
  overflow: hidden;
}
#js_wait_plan.anime-hideSeeks::before {
  display: block;
  content: "‥";
  color: rgba(128, 128, 128, 0.5);
  font-size: 2em;
  opacity: 1;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  animation: hideSeek-row2 1.5s ease infinite;
}
#js_wait_plan.anime-hideSeeks::after {
  display: block;
  content: "‥";
  color: rgba(128, 128, 128, 0.5);
  font-size: 2em;
  opacity: 1;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  animation: hideSeek-row1 1.5s ease infinite;
}

/* class-js */
.swiper-container.carousel {
  padding-bottom: 3em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.swiper-container.carousel[data-length] {
  max-width: 350px;
}
@media (min-width: 500px) {
  .swiper-container.carousel:not([data-length="1"]) {
    max-width: 700px;
  }
}
@media (min-width: 900px) {
  .swiper-container.carousel[data-length="3"] {
    max-width: 1050px;
  }
  .swiper-container.carousel[data-length="4"] {
    max-width: 1400px;
  }
  .swiper-container.carousel[data-length="5"] {
    max-width: 1750px;
  }
  .swiper-container.carousel[data-length="6"] {
    max-width: 2100px;
  }
}
.swiper-pagination[class] {
  bottom: 1em;
}

/* class-ns */
[class|=ns] a {
  color: blue;
  text-decoration: underline;
}
[class|=ns] h1, [class|=ns] h2, [class|=ns] h3, [class|=ns] h4, [class|=ns] h5 {
  font-family: sans-serif;
  font-family: initial;
  font-size: initial;
}
[class|=ns] ul, [class|=ns] ol {
  padding: initial;
}
[class|=ns] li {
  list-style: initial;
}
[class|=ns] strong, [class|=ns] em, [class|=ns] i {
  font-style: initial;
}

.ns-contractWrap {
  padding: 1em;
}

/* class-macro */
fieldset.macros {
  padding: 2em 0;
}
@media (min-width: 600px) {
  fieldset.dtL[class] dt {
    -webkit-flex-basis: 15em;
    flex-basis: 15em;
    width: 15em;
    max-width: 15em;
  }
}
@media (min-width: 600px) {
  fieldset .hierarchy {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (min-width: 600px) {
  fieldset .hierarchy dl._macro {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
fieldset .hierarchy dl._macro:last-of-type {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media (min-width: 600px) {
  fieldset .hierarchy dl._macro:not(:first-of-type) {
    padding-left: 2em;
  }
}
@media (min-width: 600px) {
  fieldset .hierarchy dl._macro:not(:first-of-type) dt {
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: unset;
    max-width: unset;
  }
}
@media (max-width: 599px) {
  fieldset .hierarchy dl._macro:not(:last-of-type) {
    border-bottom: none;
  }
}
fieldset dl._macro {
  border-bottom: 1px solid rgba(128, 128, 128, 0.1);
  padding: 1em;
}
@media (min-width: 600px) {
  fieldset dl._macro {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
fieldset dl._macro.checkboxes ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
fieldset dl._macro.checkboxes ul.conf label:hover {
  background-color: transparent;
}
fieldset dl._macro.checkboxes li {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.1em;
}
fieldset dl._macro.checkboxes li input {
  display: none;
}
fieldset dl._macro.checkboxes li input:checked + label {
  color: white;
  background-color: rgba(51, 51, 51, 0.75);
}
fieldset dl._macro.checkboxes li label {
  display: block;
  font-size: 16px;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 0.5em;
  margin: 0;
}
fieldset dl._macro.checkboxes li label[for] {
  margin: 0;
}
fieldset dl._macro.checkboxes li label:hover {
  background-color: rgba(128, 128, 128, 0.1);
}
fieldset dl._macro.checkboxes li br {
  display: none;
}
fieldset dl._macro.ddS [type=text] {
  max-width: 10em;
}
fieldset dl._macro.ddL [type=text] {
  width: 100%;
}
fieldset dl._macro.file dd label {
  display: none;
}
fieldset dl._macro.plural dd div {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em;
}
fieldset dl._macro.plural dd label {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 10em;
  flex: 0 0 10em;
  width: 10em;
  max-width: 10em;
  display: block;
  color: gray;
}
fieldset dl._macro.plural dd input {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: block;
}
fieldset dl._macro.any dt label {
  margin-right: 0.5em;
}
fieldset dl._macro.any dt label::after {
  content: "\4EFB \610F ";
  display: inline-block;
  font-size: x-small;
  color: #274a78;
  border: 1px solid rgba(39, 74, 120, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
  margin-left: 0.5em;
}
fieldset dl._macro.required dt label {
  margin-right: 0.5em;
}
fieldset dl._macro.required dt label::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: orangered;
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
  margin-left: 0.5em;
}
fieldset dl._macro dt {
  color: gray;
}
fieldset dl._macro dt .open-range {
  padding: 0.25em;
  font-size: 0.8em;
}
@media (max-width: 599px) {
  fieldset dl._macro dt {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 600px) {
  fieldset dl._macro dt {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 10em;
    flex: 0 0 10em;
    width: 10em;
    max-width: 10em;
    margin-right: 1em;
  }
}
@media (min-width: 600px) {
  fieldset dl._macro dd {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media (max-width: 599px) {
  fieldset dl._macro [type="text"] {
    width: 100%;
  }
}
@media (max-width: 599px) {
  fieldset dl._macro select:only-child {
    width: 100%;
  }
}
fieldset dl._macro textarea {
  min-height: 7em;
}

.v2.formImages {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.v2.formImages > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.25em;
}
.v2.formImages .image {
  display: block;
  width: 7em;
  height: 7em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.v2.formImages .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  .v2.formImages .image img {
    height: auto;
  }
}
.v2.stepSubmits {
  margin-top: 3em;
}
.v2.stepSubmits ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.v2.stepSubmits li {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #cccccc;
  border-right: 0;
  border-left: 0;
  transition: 0.2s;
  margin: 0.1em;
  position: relative;
}
.v2.stepSubmits li:hover {
  color: white;
  background-color: #274a78;
}
.v2.stepSubmits li:hover::after {
  border-color: transparent transparent transparent #274a78;
}
.v2.stepSubmits li:hover * {
  color: inherit;
}
.v2.stepSubmits li.active {
  color: white;
  background-color: #274a78;
}
.v2.stepSubmits li.active::after {
  border-color: transparent transparent transparent #274a78;
}
.v2.stepSubmits li.active *::before {
  display: none;
}
.v2.stepSubmits li:last-of-type::before {
  display: none !important;
}
.v2.stepSubmits li:last-of-type::after {
  display: none !important;
}
.v2.stepSubmits li::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.55em 0 1.55em 1em;
  border-color: transparent transparent transparent white;
  transition: 0.2s;
  position: absolute;
  top: -0.05em;
  right: -1.1em;
  bottom: 0;
  z-index: 1;
}
.v2.stepSubmits li::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.55em 0 1.55em 1em;
  border-color: transparent transparent transparent #cccccc;
  transition: 0.2s;
  position: absolute;
  top: -0.05em;
  right: -0.9em;
  bottom: 0;
  z-index: 1;
}
.v2.stepSubmits li * {
  display: block;
  width: 100%;
  font-size: 0.9rem;
  background: transparent;
  border: none;
  transition: 0.2s;
  line-height: 1rem;
  white-space: nowrap;
  text-align: center;
  padding: 1rem;
}
.v2.stepSubmits li *::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.v2.stepSubmits [name*='[cancel]'] {
  display: table;
  font-size: 0.9em;
  background-color: transparent;
  border: none;
  margin: 1em auto;
}

@keyframes turn {
  0% {
    transform: rotateY(0deg);
  }

  10% {
    transform: rotateY(90deg);
  }

  20% {
    transform: rotateY(180deg);
  }

  30% {
    transform: rotateY(270deg);
  }

  40% {
    transform: rotateY(360deg);
  }

  50% {
    transform: rotateY(0deg);
  }
}
@keyframes hideSeek-row1 {
  0%, 100% {
    opacity: 1;
    left: 49%;
  }

  25% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
    left: 49.5%;
  }

  75% {
    opacity: 0.5;
  }
}
@keyframes hideSeek-row2 {
  0%, 100% {
    opacity: 1;
    left: 51%;
  }

  25% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
    left: 50.5%;
  }

  75% {
    opacity: 0.5;
  }
}
@keyframes rotate180 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/* layout-backend  */
body {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.backend-wrapper {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}
.backend-header {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0%;
}
.backend-contents {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 1em 0;
  margin-bottom: auto;
}
@media (min-width: 800px) {
  .backend-contents {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    padding: 2em 0;
  }
}
.backend-left {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.backend-left > * {
  margin: 1em;
}
@media (min-width: 800px) {
  .backend-left > * {
    min-width: 15em;
    max-width: 20em;
    margin: 0;
    margin-left: 1em;
    margin-right: 1.5em;
  }
}
.backend-main-wrapper {
  /* for old browser */
  -webkit-box-flex: 3;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 3 0 100%;
  flex: 3 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 2em 0;
}
@media (min-width: 800px) {
  .backend-main-wrapper {
    /* for old browser */
    -webkit-box-flex: 3;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 3 1 100%;
    flex: 3 1 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.backend-right {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.backend-right > * {
  margin: 1em;
}
@media (min-width: 800px) {
  .backend-right > * {
    min-width: 10em;
    max-width: 20em;
    margin: 0;
    margin-left: 1.5em;
    margin-right: 1em;
  }
}
.backend-footer {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0%;
  margin-top: auto;
}

/* layout-frontend  */
body {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.outer-wrapper {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}
.outer-header {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0%;
}
.outer-contents {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 1em 0;
  margin-bottom: auto;
}
@media (min-width: 600px) {
  .outer-contents {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    padding: 2em 0;
  }
}
.outer-left {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.outer-left > * {
  margin: 1em;
}
@media (min-width: 600px) {
  .outer-left > * {
    min-width: 15em;
    max-width: 20em;
    margin: 0;
    margin-left: 1em;
    margin-right: 1.5em;
  }
}
.outer-main-wrapper {
  /* for old browser */
  -webkit-box-flex: 3;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 3 0 100%;
  flex: 3 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 2em 0;
}
@media (min-width: 600px) {
  .outer-main-wrapper {
    /* for old browser */
    -webkit-box-flex: 3;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 3 1 100%;
    flex: 3 1 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.outer-right {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.outer-right > * {
  margin: 1em;
}
@media (min-width: 600px) {
  .outer-right > * {
    min-width: 10em;
    max-width: 20em;
    margin: 0;
    margin-left: 1.5em;
    margin-right: 1em;
  }
}
.outer-footer {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0%;
  margin-top: auto;
}

/* common */
time {
  display: inline-block;
  word-break: keep-all;
}

pre {
  white-space: pre-wrap;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
table:not(:first-of-type) {
  margin-top: 2em;
}

caption {
  font-weight: bold;
}

label[for$=_file] {
  margin-right: 0.5em;
}
.ui-dialog label[for$=_file] {
  font-size: 0.8rem;
}
label[for$=_file]::before {
  content: "\f0c6";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}

button[name*='[upload]'] {
  font-size: inherit;
  background-color: #fafafa;
  border-radius: 2px;
  transition: 0.2s;
  padding: 0.35em 1em;
}
button[name*='[upload]']:hover {
  color: white;
  background-color: #375a7d;
  opacity: 1;
}
button[name*='[upload]']:hover::before {
  color: inherit;
}
button[name*='[upload]']::before {
  content: "\f574";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 1.2em;
  color: #375a7d;
}

[type=submit] {
  padding-right: 2em;
  padding-left: 2em;
}

[type=file] {
  width: 100%;
  max-width: 20em;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
}
.ui-dialog [type=file] {
  font-size: small;
  border-color: rgba(255, 255, 255, 0.3);
}

select {
  white-space: nowrap;
}

article {
  padding-bottom: 5em;
}
.ui-dialog article[class*=change] {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.ui-dialog article[class*=delete] {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

form table:not(:first-of-type) {
  margin-top: 2em;
}
form select:not(:only-of-type) {
  margin: 0.25em;
}
form [type=radio] + label, form [type=checkbox] + label {
  margin: 0.25em;
  margin-right: 0.5em;
}
form label + [type=radio], form label [type=checkbox] {
  margin-left: 0.5em;
}

.gmap button {
  min-width: auto;
}

.common-shippingDl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.35em;
}
.common-shippingDl:not(:last-of-type) {
  border-bottom: 1px dotted rgba(128, 128, 128, 0.3);
}
.common-shippingDl.method dt::before {
  content: "\f0d1";
}
.common-shippingDl.fee dt::before {
  content: "\f46d";
}
.common-shippingDl.fee .global-currency {
  color: #f15a2d;
}
.common-shippingDl.timezone dt::before {
  content: "\f017";
}
.common-shippingDl dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  color: dimgray;
  padding: 0.5em;
}
.common-shippingDl dt::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  display: inline-block;
  width: 1.5em;
  color: slategray;
  text-align: center;
}
.common-shippingDl dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}

[href*='/follow/']::before {
  content: "\f02e";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}

/* form */
.ui-dialog input {
  font-size: 16px;
}

.ui-dialog textarea {
  font-size: 16px;
}

.ui-dialog select {
  font-size: 16px;
}

.widget * {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  padding: 0.5em;
}
.ui-dialog .widget * {
  padding: 0.25em;
}
.widget img {
  max-width: 20em;
}

[class|=form][class*=ields-][class*=mase_media_data_widget] {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em;
  margin: 0.25em;
}
.js_dd_upload {
  font-weight: bold;
  color: darkgray;
  background-color: whitesmoke;
  border: 2px dashed lightgray;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s;
  text-align: center;
  padding: 3em 1em;
  position: relative;
}
.ui-dialog .js_dd_upload {
  padding: 2em 1em 1.5em;
}
.js_dd_upload:hover {
  color: gray;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}
.ui-dialog .js_dd_upload span.image {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.ui-dialog .js_dd_upload span.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  .ui-dialog .js_dd_upload span.image img {
    height: auto;
  }
}
.js_dd_upload span[class*=ctm-] {
  color: #222222;
}
.js_dd_upload img[src*=loading] {
  display: inline-block;
  width: 70px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  padding: 1em;
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 1;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.js_dd_upload button[class*='delete'] {
  font-weight: bold;
  font-size: 0.9em;
  color: gray;
  cursor: pointer;
  transition: 0.2s;
  padding: 0.2em 2em;
  margin-top: 0.2em;
}
.js_dd_upload button[class*='delete']:hover {
  color: white;
  background-color: gray;
}
.js_dd_upload button[class*='delete']::before {
  content: "\f00d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=form][class*=ields-][class*=mase_media_data2_widget] span {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  margin: 0.25em;
}
[class|=form][class*=ields-][class*=mase_media_data2_widget] span.image img {
  padding: 0;
}
[class|=form][class*=ields-][class*=mase_media_data2_widget] span[class*=ctm-] a {
  display: block;
  border: 1px solid transparent;
  padding: 0.5em 1em;
}
[class|=form][class*=ields-][class*=mase_media_data2_widget] span[class*=ctm-] a:hover {
  color: #375a7d;
  border-color: white;
}
[class|=form][class*=ields-][class*=mase_media_data2_widget] span[class*=ctm-] a::before {
  margin-right: 0.5em;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master {
  text-align: center;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master [type=file] {
  display: inline-block;
  margin: 0 0.5em 1em;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master button {
  display: inline-block;
  font-size: 0.9em;
  border-radius: 3px;
  padding: 0.5em 2em;
  margin: 0 0.5em;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master button.upload {
  color: white;
  background-color: #375a7d;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master button.delete {
  color: whitesmoke;
  background-color: gray;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].dlg.master .progress.master {
  color: lightgray;
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master {
  text-align: left;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master video {
  margin-top: 0.5em;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master a.download:not(:empty) {
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
  margin-top: 0.5em;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master a.download:not(:empty):hover {
  color: white;
  background-color: #375a7d;
  opacity: 1;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master a.download:not(:empty):hover::before {
  color: inherit;
}
[class|=form][class*=ields-][class*=mase_file_data_widget].entity.master a.download:not(:empty)::before {
  content: "\f56d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 1.2em;
  color: #375a7d;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] {
  display: -ms-inline-flexbox;
  /* for old browser */
  display: -webkit-inline-box;
  /* prefix -> -webkit- */
  display: -webkit-inline-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: inline-flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] .datetime {
  display: -ms-inline-flexbox;
  /* for old browser */
  display: -webkit-inline-box;
  /* prefix -> -webkit- */
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: inline-flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] .datetime > div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] select:last-of-type {
  margin-right: 0.5em;
}
[class|=form][class*=ields-][class*=form-fields-datetime_widget] .form-calendarBtn {
  margin-left: auto;
}
[class|=form][class*=ields-][class*=form-fields-date_widget] {
  display: -ms-inline-flexbox;
  /* for old browser */
  display: -webkit-inline-box;
  /* prefix -> -webkit- */
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: inline-flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=form][class*=ields-][class*=form-fields-date_widget] > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=form][class*=ields-][class*=form-fields-date_widget] select:last-of-type {
  margin-right: 0.5em;
}
[class|=form][class*=widget-][class*=date] {
  display: inline-block;
}
[class|=form][class*=widget-][class*=time] {
  display: inline-block;
}

.form-calendarBtn {
  color: rgba(39, 74, 120, 0.9);
  background-color: rgba(39, 74, 120, 0.05);
  transition: 0.2s;
  line-height: 1.25;
  vertical-align: middle;
  padding-right: 0.75em;
  padding-left: 0.75em;
}
.form-calendarBtn:hover {
  color: #274a78;
  background-color: white;
}
.form-calendarBtn::before {
  content: "\f073";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.form-checkboxes {
  white-space: nowrap;
}
.form-checkboxes [type=checkbox] {
  vertical-align: top;
  margin-top: 0.4em;
}
.form-checkboxes label {
  font-size: 0.9em;
  white-space: normal;
}
.form-gmap {
  min-height: 20em;
}
.form-gmap button {
  min-width: auto;
}
.form-itemFile * {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  padding: 0.5em;
}
.ui-dialog .form-itemFile * {
  padding: 0.25em;
}
.form-itemFile label {
  padding: 0;
}
.ui-dialog .form-itemFile [type=file] {
  max-width: 20em;
  padding: 0.5em;
}
.form-itemFile .image {
  padding: 0;
}
.form-itemFile img {
  width: 100%;
  max-width: 20em;
}
.form-itemFile .mase-validation {
  display: block;
  padding: 0;
}
.form-hashTag {
  background-color: white;
}
.form-hashTag[class] {
  padding: 0.5em;
}
.form-hashTag .tagit-new [type=text] {
  height: auto;
}
.form-selectboxes {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
}
.form-selectboxes dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}
.form-selectboxes dt {
  font-size: 0.9em;
}

/* partial */
[class|=partial][class*=_universalFiledata] {
  display: inline-block;
}
[class|=partial][class*=_universalFiledata] a {
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
}
[class|=partial][class*=_universalFiledata] a:hover {
  color: white;
  background-color: #375a7d;
  opacity: 1;
}
[class|=partial][class*=_universalFiledata] a:hover::before {
  color: inherit;
}
[class|=partial][class*=_universalFiledata] a::before {
  content: "\f56d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 1.2em;
  color: #375a7d;
}
[class|=partial][class*=_universalMediadata] {
  display: inline-block;
  max-width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  margin: 0.25em;
}
[class|=partial][class*=_universalMediadata][class*=ctm-] a {
  display: block;
  border: 1px solid transparent;
  padding: 0.5em 1em;
}
[class|=partial][class*=_universalMediadata][class*=ctm-] a:hover {
  color: #375a7d;
  border-color: white;
}
[class|=partial][class*=_universalMediadata][class*=ctm-] a::before {
  margin-right: 0.5em;
}

/* backend */
.backend-wrapper .global-counter.master {
  text-align: right;
}
.backend-header {
  color: white;
  background-color: #111111;
  min-height: 2em;
}
.backend-header .master-header {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em;
}
.backend-header .master-selectLocale {
  margin-left: auto;
}
.backend-header .master-selectLocale li {
  display: inline-block;
  margin: 0 0.5em;
}
.backend-header .master-selectLocale li > * {
  display: block;
  background: #555555;
  padding: 0.5em 1em;
}
.backend-header .master-selectLocale li a:hover {
  color: #274a78;
  background: white;
  opacity: 1;
}
.backend-left [class*=_tpl_mase_nav] ul {
  padding: 1px;
}
.backend-left [class*=_tpl_mase_nav] li:not(:last-of-type) {
  margin-bottom: 2px;
}
.backend-left [class*=_tpl_mase_nav] a {
  display: block;
  background: rgba(211, 211, 211, 0.2);
  border-left: 3px solid #3e606f;
  border-bottom: 1px solid white;
  padding: 0.75em 1em;
  position: relative;
}
.backend-left [class*=_tpl_mase_nav] a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
.backend-left [class*=_tpl_mase_nav] a:hover::before {
  width: 100%;
}
.backend-left [class*=_tpl_mase_nav] a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #111111;
  transition: 0.5s;
  z-index: -1;
}
.backend-footer {
  color: white;
  background-color: #111111;
  min-height: 2em;
}

/* frontend */
.outer-header {
  background-color: #222222;
}
.outer-subHeader {
  -webkit-box-shadow: 0 5px 5px -5px gray;
  -ms-box-shadow: 0 5px 5px -5px gray;
  box-shadow: 0 5px 5px -5px gray;
}
.outer-subHeader a {
  display: inline-block;
}
.outer-subHeader .master-wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.outer-subHeader .master-wrap dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 10em;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 0.5em;
}
.outer-subHeader .master-wrap dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.outer-subHeader .master-wrap nav a {
  padding: 0.5em;
  margin: 0 0.5em;
}
.outer-subHeader .js-boxOpen {
  color: white;
  padding: 0.5em;
}
@media (min-width: 800px) {
  .outer-subHeader .js-boxOpen {
    display: none;
  }
}
.outer-subHeader .js-boxOpen.active::after {
  -webkit-transform: translateY(25%) rotate(-135deg);
  transform: translateY(25%) rotate(-135deg);
}
.outer-subHeader .js-boxOpen::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 0 0 1em 1em;
  border-color: transparent transparent white transparent;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  margin-left: 1em;
}
@media (min-width: 800px) {
  .outer-subHeader .js-hideBox {
    display: block !important;
  }
}
@media (max-width: 799px) {
  .outer-subHeader .js-hideBox {
    display: none;
    padding: 1em 0;
    background: rgba(255, 255, 255, 0.1);
  }
  .outer-subHeader .js-hideBox a {
    display: block;
  }
}
.outer-footer {
  background: #222222;
}

/* tpl */
._tpl_mase_header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.9em;
  color: whitesmoke;
  padding: 0.75em 0.5em;
}
@media (min-width: 1000px) {
  ._tpl_mase_header {
    padding: 0.5em 1em;
  }
}
._tpl_mase_header h1 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}
._tpl_mase_header h1 a {
  display: inline-block;
  max-width: 12em;
}
._tpl_mase_header .js-headerMenuOpen {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  cursor: pointer;
}
@media (min-width: 1000px) {
  ._tpl_mase_header .js-headerMenuOpen {
    display: none;
  }
}
._tpl_mase_header .js-headerMenuOpen span {
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1px;
  padding: 0.75em;
}
._tpl_mase_header .js-headerMenuOpen img {
  max-width: 1.5em;
  vertical-align: middle;
}
._tpl_mase_header .master-headerMenuWrap {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media (min-width: 1000px) {
  ._tpl_mase_header .master-headerMenuWrap {
    display: table;
    margin-left: auto;
  }
  ._tpl_mase_header .master-headerMenuWrap > * {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 1000px) {
  ._tpl_mase_header .master-headerMenuWrap .js-headerMenuClose {
    display: none;
  }
}
._tpl_mase_header .master-headerMenuWrap .js-headerMenuClose img {
  width: 1.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-nav {
  padding: 0 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-nav a {
  display: inline-block;
  margin: 0 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-nav a::before {
  content: "\f12e";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
  vertical-align: baseline;
}
._tpl_mase_header .master-headerMenuWrap .master-nav a[href*='/stc/']::before {
  color: #296b73;
}
._tpl_mase_header .master-headerMenuWrap .master-nav a[href*='/stp/']::before {
  color: #d93b3b;
}
._tpl_mase_header .master-headerMenuWrap .master-nav a[href*='/str/']::before {
  color: #02547d;
}
._tpl_mase_header .master-headerMenuWrap .master-menus {
  padding: 0 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a {
  display: inline-block;
  margin: 0 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a[href]::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  vertical-align: baseline;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a[href*='/cart/']::before {
  content: "\f07a";
  color: slategray;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a[href$='/login']::before {
  content: "\f2f6";
  margin-right: 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a[href$='/logout']::before {
  content: "\f2f5";
  margin-right: 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-menus a[href$='/mypage']::before {
  content: "\f007";
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale {
  position: relative;
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale .js-selectedLocale {
  display: block;
  color: rgba(250, 237, 0, 0.75);
  min-width: 5em;
  cursor: pointer;
  padding: 0.5em 1em;
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale .js-selectedLocale b {
  display: inline-block;
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2rem;
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale .js-selectedLocale::after {
  border-style: solid;
  border-width: 0 0 0.8em 0.8em;
  border-color: transparent transparent rgba(250, 237, 0, 0.75) transparent;
  content: "";
  display: inline-block;
  line-height: 2rem;
  float: right;
  margin-left: 0.5em;
  -webkit-transform: translateY(75%) rotate(45deg);
  transform: translateY(75%) rotate(45deg);
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale ul {
  display: none;
  background: #222222;
  border-top: 3px solid rgba(112, 128, 144, 0.5);
  padding: 0.5em 0;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 8;
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale li {
  background: rgba(211, 211, 211, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5em 1em;
  margin: 0.2em 0.5em;
}
._tpl_mase_header .master-headerMenuWrap .master-selectLocale li a {
  display: block;
  text-align: center;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu {
  min-width: 20em;
  background: #222222;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
  z-index: 9;
  -webkit-overflow-scrolling: touch;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu .js-headerMenuClose {
  display: block;
  background: #111111;
  cursor: pointer;
  text-align: right;
  padding: 0.5em 1em;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu nav {
  padding: 0;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu nav a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 1.25em;
  margin: 0;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu .master-selectLocale .js-selectedLocale {
  padding: 1.25em;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu .master-selectLocale ul {
  background: #222222;
  padding: 1em;
}
._tpl_mase_header .master-headerMenuWrap.js-headermenu .master-selectLocale li {
  display: inline-block;
}
._tpl_mase_footer {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.8em;
  color: #9a9a9a;
  padding: 2em;
}
._tpl_mase_footer nav {
  padding: 1em;
}
._tpl_mase_footer dt {
  color: #8d8d8d;
  border-bottom: 1px solid rgba(141, 141, 141, 0.3);
  padding: 0 0.5em;
}
._tpl_mase_footer dt:not(:first-of-type) {
  margin-top: 1em;
}
._tpl_mase_footer dt b {
  font-size: 1.3em;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
._tpl_mase_footer dt i {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
._tpl_mase_footer dt i::before {
  content: "-";
  margin: 0 0.3em;
}
._tpl_mase_footer dt i::after {
  content: "-";
  margin: 0 0.3em;
}
._tpl_mase_footer dd {
  padding: 0.5em 1em;
}
._tpl_mase_footer dd li {
  display: inline-block;
  margin: 0 0.3em;
}
._tpl_mase_footer > a {
  display: table;
  margin: auto;
  margin-top: 2em;
}
._tpl_mase_footer > a img {
  max-width: 15em;
}

/* other */
.ERROR.master {
  background: -webkit-linear-gradient(top, white 0%, #fafafa 50%, rgba(17, 17, 17, 0.1) 100%);
  background: linear-gradient(to bottom, white 0%, #fafafa 50%, rgba(17, 17, 17, 0.1) 100%);
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
}
.ERROR.master header {
  color: white;
  background-color: #111111;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 1.5em;
}
.ERROR.master main {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: calc(100vh - 3em);
  padding: 1em;
  margin-bottom: auto;
}
.ERROR.master main div {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 50em;
  flex: 1 1 50em;
  width: 50em;
  max-width: 50em;
  border-radius: 3px;
  text-align: center;
  padding: 10em 1em;
}
.ERROR.master main h1 {
  font-size: 2em;
  margin-bottom: 1em;
}
.ERROR.master main a {
  display: inline-block;
  color: white;
  background-color: #375a7d;
  border-radius: 2px;
  padding: 0.5em 1em;
}
.ERROR.master footer {
  color: white;
  background-color: #111111;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 1.5em;
  margin-top: auto;
}

/* freespace */
[class|=freespace][class*=register-new].master section {
  padding: 1em 0;
}
[class|=freespace][class*=register-new].master h3 {
  font-size: 1.2em;
  margin-bottom: 0.25em;
}

/* addtop */
/* backend-addtop */
main.backend-addtop article.index .master-nav ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
}
main.backend-addtop article.index .master-nav li {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  width: 50%;
  max-width: 50%;
  padding: 0.5em;
}
@media (min-width: 600px) {
  main.backend-addtop article.index .master-nav li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 1000px) {
  main.backend-addtop article.index .master-nav li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
main.backend-addtop article.index .master-nav a {
  color: white;
  background-color: #193441;
  display: block;
  border: 2px solid transparent;
  border-radius: 3px;
  box-shadow: 0 5px 10px -5px slategray;
  text-align: center;
  padding: 2em;
}
main.backend-addtop article.index .master-nav a:hover {
  box-shadow: none;
}

/* css */
.ui-dialog .backend-css-dialogHeader {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  margin: 0.5em 0;
}
.ui-dialog .backend-css-dialogHeader h2 {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 0;
}
.ui-dialog .backend-css-dialogHeader dl {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0.5em;
  margin-left: auto;
}
.ui-dialog .backend-css-dialogHeader dt {
  display: inline-block;
}
.ui-dialog .backend-css-dialogHeader dt::after {
  content: "：";
  vertical-align: baseline;
  margin: 0.5em;
}
.ui-dialog .backend-css-dialogHeader dd {
  display: inline-block;
}
.backend-css-valueWrap {
  color: #222222;
  margin: 0.5em;
}
.ui-dialog .backend-css-valueWrap {
  max-height: 15em;
  font-size: 0.8rem;
  background-color: #fafafa;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em;
  overflow-y: auto;
}

/* backend-css */
main.backend-css article.edit .global-rowTable.master {
  margin-bottom: 2em;
}
main.backend-css article.edit .global-rowTable.master textarea {
  min-height: 20em;
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
main.backend-css article.edit .submitWrap.master {
  max-width: 20em;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  text-align: center;
}
main.backend-css article.edit .submitWrap.master > div {
  width: 50%;
}
main.backend-css article.edit .submitWrap.master.conf > div {
  float: left;
}
main.backend-css article.edit .submitWrap.master.trial > div {
  float: right;
}
main.backend-css article.edit .submitWrap.master [type=submit] {
  display: block;
  width: 90%;
  color: white;
  border-radius: 2px;
  transition: 0.2s;
  padding: 0.75em;
  margin: 0 auto;
}
main.backend-css article.edit .submitWrap.master [type=submit]:hover {
  opacity: 0.8;
}
main.backend-css article.edit .submitWrap.master [name*='[conf]'] {
  background-color: #375a7d;
}
main.backend-css article.edit .submitWrap.master [name*='[trial]'] {
  background-color: #009944;
}
main.backend-css article.list .master-header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.backend-css article.list .master-header h2 {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
main.backend-css article.list .master-header a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: white;
  background-color: #375a7d;
  border-radius: 2px;
  padding: 0.75em 2em;
  margin: 0.5em;
  margin-left: auto;
}
main.backend-css article.list .global-colTable.master .id {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
main.backend-css article.list .global-colTable.master .css {
  min-width: 15em;
}

/* earnings */
/* backend-earningsmanage */
main.backend-earningsmanage article.index .global-colTable.master .updatetofix {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #375a7d;
  border-radius: 2px;
  padding: 0.25em 1.5em;
}
@media (max-width: 599px) {
  main.backend-earningsmanage article.index .global-colTable.master .updatetofix {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-pack: center;
    justify-content: center;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
main.backend-earningsmanage article.index .global-colTable.master .updatetofix::before {
  content: "\f46c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (min-width: 600px) {
  main.backend-earningsmanage article.index .master-statusColumn {
    width: 50%;
  }
}
main.backend-earningsmanage article.index .global-inTable.master {
  margin-top: 0.5em;
}
main.backend-earningsmanage article.index .global-inTable.master a {
  color: #274a78;
}

/* freespace */
/* backend-freespace */
main.backend-freespace article.confirm_edit .master-inputArea dl {
  padding: 0.5em;
}
main.backend-freespace article.confirm_edit .master-inputArea dd {
  background: #eeeeee;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 1em;
}
main.backend-freespace article.confirm_edit pre {
  font-family: inherit;
}
main.backend-freespace article.edit .global-rowTable.master th {
  width: 15%;
}
main.backend-freespace article.edit .global-rowTable.master [name*='[id]'] {
  width: 100%;
  max-width: 30em;
}
main.backend-freespace article.edit .global-rowTable.master [name*='[spaceName]'] {
  width: 100%;
  max-width: 30em;
}
main.backend-freespace article.edit .master-inputArea dl {
  padding: 0.5em;
}
main.backend-freespace article.edit .master-inputArea textarea {
  min-height: 15em;
}
main.backend-freespace article.list .global-colTable.master b {
  white-space: nowrap;
}
main.backend-freespace article.list .global-colTable.master time {
  font-size: 0.9em;
  word-break: keep-all;
}

/* purchase */
/* backend-purchasemanage */
.ui-dialog main.backend-purchasemanage article.change_amount_for_case dd {
  font-size: 1.1em;
}
.ui-dialog main.backend-purchasemanage article.conf_change_amount_for_product .total {
  font-size: 1.2em;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master.global-colTable time {
  white-space: nowrap;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-idColumn {
  font-size: 0.9em;
  white-space: nowrap;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser {
  white-space: nowrap;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser b {
  display: inline-block;
  font-size: 0.9em;
  padding: 0.2em 0.5em;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser .master-purchaseName {
  display: block;
  font-size: 1.1rem;
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser .master-userName {
  color: #296b73;
  background: rgba(41, 107, 115, 0.1);
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser .master.global-nonmember {
  background: rgba(211, 211, 211, 0.2);
}
main.backend-purchasemanage article.list_of_all_orderinfo .master-purchaser .master.global-withdraw {
  background: rgba(211, 211, 211, 0.2);
}
main.backend-purchasemanage article.list_of_all_orderinfodetail form.master [type=text] {
  width: 100%;
  max-width: 30em;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail form.master .submitWrap {
  text-align: center;
  padding: 1em;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail form.master [type=submit] {
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  transition: 0.2s;
  word-break: keep-all;
  line-height: 1.5rem;
  vertical-align: middle;
  padding: 0.5em 1em;
  margin: 0.5em;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail form.master [type=submit]:hover {
  opacity: 0.8;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master [data-kbn]::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master [data-kbn=cancel]::before {
  content: "\f057";
  color: gray;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master [data-kbn=paid]::before {
  content: "\f058";
  color: #296b73;
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master [data-kbn=unpaid]::before {
  content: "\f056";
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master [data-kbn=credit]::before {
  content: "\f09d";
}
main.backend-purchasemanage article.list_of_all_orderinfodetail .tagLabel.master .recorded {
  font-size: 0.85em;
  color: dimgray;
}

/* questionnaire */
/* backend-questionnaire */
main.backend-questionnaire [class$=_embed_question] {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em 0;
  margin-bottom: 2em;
}
main.backend-questionnaire [class$=_embed_question] legend {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.4em;
}
main.backend-questionnaire [class$=_embed_question] legend::before {
  content: "\f14b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.backend-questionnaire [class$=_embed_question] legend > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.backend-questionnaire [class$=_embed_question] [data-action=delete] {
  font-size: 1.3em;
  color: gray;
  background-color: transparent;
  border: none;
  margin-left: auto;
}
main.backend-questionnaire [class$=_embed_question] [data-action=delete]::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.backend-questionnaire [class$=_embed_question] .flex {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
main.backend-questionnaire [class$=_embed_question] .global-rowTable {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 35%;
  flex: 0 1 35%;
  width: 35%;
  max-width: 35%;
  font-size: 0.9em;
  margin-top: 2.75em;
}
main.backend-questionnaire [class$=_embed_question] .global-rowTable th {
  font-size: 0.9em;
  white-space: nowrap;
}
main.backend-questionnaire [class$=_embed_question] .global-rowTable select {
  width: 100%;
}
main.backend-questionnaire [class$=_embed_question] .global-rowTable .js_dd_upload {
  padding-top: 2em;
  padding-bottom: 2em;
}
main.backend-questionnaire [class$=_embed_question] .texts {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 65%;
  flex: 0 1 65%;
  width: 65%;
  max-width: 65%;
  padding-left: 1em;
}
main.backend-questionnaire [class$=_embed_question] .texts label {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
main.backend-questionnaire [class$=_embed_question] .texts label:not(:first-of-type) {
  margin-top: 1em;
}
main.backend-questionnaire [class$=_embed_question] .texts .entered {
  background-color: rgba(245, 245, 245, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
}
main.backend-questionnaire [class$=_embed_question] .texts ul.entered {
  padding-left: 2em;
}
main.backend-questionnaire [class$=_embed_question] .texts li {
  list-style-type: disc;
}
main.backend-questionnaire article.confirm form {
  padding: 1em;
}
main.backend-questionnaire article.edit_info [name*='[title]'] {
  width: 100%;
}
main.backend-questionnaire article.edit_question form {
  padding: 1em;
}
main.backend-questionnaire article.edit_question [data-action] {
  cursor: pointer;
}
main.backend-questionnaire article.edit_question [data-action=add] {
  display: block;
  width: 100%;
  font-size: 0.9em;
  color: white;
  background-color: #3e606f;
  border-radius: 3px;
  text-align: center;
  padding: 1em;
  margin: 3em 0;
}
main.backend-questionnaire article.edit_question [data-action=add]::before {
  content: "\f055";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.backend-questionnaire article.edit_question [data-action=add] small::before {
  content: "（";
  vertical-align: baseline;
}
main.backend-questionnaire article.edit_question [data-action=add] small::after {
  content: "）";
  vertical-align: baseline;
}
main.backend-questionnaire article.edit_question .mase-validation {
  padding-left: 1em;
}

/* serveicetypecase */
/* backend-casemanage */
article.change_approv_to_case .master-wrap {
  text-align: center;
  padding: 1em;
}
article.change_approv_to_case .master-wrap b {
  display: inline-block;
  padding: 0.5em 1em;
}
article.change_approv_to_case .master-wrap b.do {
  color: white;
  background-color: #274a78;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
article.change_approv_to_case .master-wrap b.undo {
  color: white;
  background-color: #555555;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-dialog article.change_censor_to_case textarea {
  min-height: 10em;
}

main.backend-casemanage article.change_approv_to_case .master-wrap {
  text-align: center;
  padding: 0.5em;
}
main.backend-casemanage article.change_approv_to_case .master-wrap b {
  display: inline-block;
}
main.backend-casemanage article.change_approv_to_case .master-wrap b.do {
  color: white;
  background-color: #274a78;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
main.backend-casemanage article.change_approv_to_case .master-wrap b.undo {
  color: white;
  background-color: #555555;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
main.backend-casemanage article.list_of_all_case .global-colTable.master th {
  white-space: nowrap;
}
main.backend-casemanage article.list_of_all_case .global-colTable.master td {
  width: auto;
}
@media (max-width: 499px) {
  main.backend-casemanage article.list_of_all_case .global-colTable.master .status {
    text-align: center;
  }
}
@media (max-width: 499px) {
  main.backend-casemanage article.list_of_all_case .global-colTable.master .status::before {
    display: block;
    text-align: left;
  }
}
main.backend-casemanage article.list_of_all_case .global-colTable.master .status .global-dlBox {
  padding: 0.5em;
}
@media (max-width: 499px) {
  main.backend-casemanage article.list_of_all_case .global-colTable.master .status .global-dlBox {
    float: none;
  }
}
main.backend-casemanage article.list_of_all_case .global-colTable.master .to {
  width: 10%;
}
main.backend-casemanage article.list_of_all_case .global-colTable.master .to .notEmpty {
  position: relative;
}
main.backend-casemanage article.list_of_all_case .global-colTable.master .to .notEmpty::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: orangered;
  border-radius: 100%;
  position: absolute;
  top: 0.3em;
  left: 0.3em;
}
main.backend-casemanage article.list_of_entry_from_case [class*=_tpl_labels] {
  margin-bottom: 1em;
}

/* serveicetypeproduct */
/* backend-productmanage */
main.backend-productmanage article.list_of_all_product form.master [type=text] {
  width: 100%;
  max-width: 30em;
}
main.backend-productmanage article.list_of_all_product form.master .submitWrap {
  text-align: center;
  padding: 1em;
}
main.backend-productmanage article.list_of_all_product form.master [type=submit] {
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  transition: 0.2s;
  word-break: keep-all;
  line-height: 1.5rem;
  vertical-align: middle;
  padding: 0.5em 1em;
  margin: 0.5em;
}
main.backend-productmanage article.list_of_all_product form.master [type=submit]:hover {
  opacity: 0.8;
}
main.backend-productmanage article.list_of_all_product .tagLabel.master tbody th {
  color: #222222;
}

/* serveicetypereserve */
/* backend-reservemanage */
main.backend-reservemanage article.list_of_all_reserve_entry form.master [type=text] {
  width: 100%;
  max-width: 30em;
}
main.backend-reservemanage article.list_of_all_reserve_entry form.master .submitWrap {
  text-align: center;
  padding: 1em;
}
main.backend-reservemanage article.list_of_all_reserve_entry form.master [type=submit] {
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  transition: 0.2s;
  word-break: keep-all;
  line-height: 1.5rem;
  vertical-align: middle;
  padding: 0.5em 1em;
  margin: 0.5em;
}
main.backend-reservemanage article.list_of_all_reserve_entry form.master [type=submit]:hover {
  opacity: 0.8;
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master [data-kbn]::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master [data-kbn=cancel]::before {
  content: "\f057";
  color: gray;
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master [data-kbn=paid]::before {
  content: "\f058";
  color: #296b73;
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master [data-kbn=unpaid]::before {
  content: "\f056";
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master [data-kbn=credit]::before {
  content: "\f09d";
}
main.backend-reservemanage article.list_of_all_reserve_entry .tagLabel.master .recorded {
  font-size: 0.85em;
  color: dimgray;
}

/* siteconfig */
.backend-siteconfig article.index section {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em 0;
  position: relative;
}
.backend-siteconfig article.index header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  padding: 0.5rem;
  position: sticky;
  top: 0;
}
.backend-siteconfig article.index header span {
  display: inline-block;
  margin-right: 0.35em;
}
.backend-siteconfig article.index header i {
  display: inline-block;
}
.backend-siteconfig article.index header a {
  font-size: 0.9em;
  font-weight: bold;
  color: teal;
  padding: 0.25em 0.5em;
}
.backend-siteconfig article.index header a:first-of-type {
  margin-left: auto;
}
.backend-siteconfig article.index header a::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
}
.backend-siteconfig article.index header a[href*='/change']::before {
  content: "\f304";
}
.backend-siteconfig article.index header a[href*='/remove']::before {
  content: "\f057";
}
.backend-siteconfig article.index p {
  font-size: 0.9em;
  padding: 0 0.5rem;
  margin-top: -0.45rem;
}
.backend-siteconfig article.index .values:not(.single) {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.backend-siteconfig article.index dl {
  background-color: rgba(245, 245, 245, 0.5);
  padding: 0.5em;
  margin: 0.5rem;
  margin-top: 0;
}
.backend-siteconfig article.index dl:not(.single *) {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  width: 50%;
  max-width: 50%;
}
.backend-siteconfig article.index dt {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.backend-siteconfig article.index dd:not(:has(.global-colTable)) {
  padding-left: 1em;
}
.backend-siteconfig article.index dd span:not(.none) {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  text-decoration: underline;
}
.backend-siteconfig article.index dd .none {
  font-size: 0.9em;
  color: gray;
}
.backend-siteconfig article.index dd pre {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
.backend-siteconfig article.index .global-colTable thead th {
  color: gray;
  padding: 0.5em;
}
.backend-siteconfig article.index .global-colTable tbody {
  background-color: white;
}
.backend-siteconfig article.index .global-colTable tbody tr {
  border: none;
}
@media (max-width: 599px) {
  .backend-siteconfig article.index .global-colTable tbody tr {
    margin-bottom: 0;
  }
}
.backend-siteconfig article.index .global-colTable tbody th {
  min-width: auto;
  border: none;
  text-align: center;
}
@media (max-width: 599px) {
  .backend-siteconfig article.index .global-colTable .global-colTable {
    border-left: 1px solid lightgray;
  }
}
.backend-siteconfig-dialog {
  max-width: 100% !important;
}
.backend-siteconfig-dialog h2 span {
  display: inline-block;
  margin-right: 0.35em;
}
.backend-siteconfig-dialog h2 i {
  display: inline-block;
  font-size: 0.9em;
}
.backend-siteconfig-dialog p {
  padding: 0.5rem;
  padding-bottom: 0;
}
.backend-siteconfig-dialog section {
  padding: 0.5rem 0;
}
.backend-siteconfig-dialog section:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
@media (min-width: 500px) {
  .backend-siteconfig-dialog .values:not(.single) {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
.backend-siteconfig-dialog h3 {
  padding: 0.5rem;
}
.backend-siteconfig-dialog dl {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
  margin: 0.5rem;
  margin-top: 0;
}
@media (min-width: 500px) {
  .backend-siteconfig-dialog dl:not(.single *) {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
.backend-siteconfig-dialog dt {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.backend-siteconfig-dialog dd {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
.backend-siteconfig-dialog dd .numUnit {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: baseline;
  align-items: baseline;
}
.backend-siteconfig-dialog dd .numUnit > *:not(small) {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.backend-siteconfig-dialog dd .numUnit > *:is(small) {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 0.25em;
}
.backend-siteconfig-dialog dd .none {
  font-size: 0.9em;
  color: gray;
}
.backend-siteconfig-dialog dd pre {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}
.backend-siteconfig-dialog dd [type=text] {
  width: 100%;
}
.backend-siteconfig-dialog dd select {
  width: 100%;
}
.backend-siteconfig-dialog dd [readonly] {
  background-color: gray;
}
.backend-siteconfig-dialog .flex {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: baseline;
  align-items: baseline;
  margin-top: 0.5em;
}
.backend-siteconfig-dialog .flex > div {
  margin-right: 0.5em;
}

/* user */
/* backend-user */
main.backend-user article.list section.master {
  padding: 2em 0;
}
main.backend-user article.list section.master h3 {
  font-size: 1.5em;
  margin-bottom: 1em;
}
@media (max-width: 599px) {
  main.backend-user article.list section.master.book .symbol {
    display: none;
  }
}
main.backend-user article.list section.master.userList [type=text] {
  width: 100%;
  max-width: 30em;
}
main.backend-user article.list section.master.userList .submitWrap {
  text-align: center;
  padding: 1em;
}
main.backend-user article.list section.master.userList [type=submit] {
  font-weight: bold;
  font-size: 0.9em;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  transition: 0.2s;
  word-break: keep-all;
  line-height: 1.5rem;
  vertical-align: middle;
  padding: 0.5em 1em;
  margin: 0.5em;
}
main.backend-user article.list section.master.userList [type=submit]:hover {
  opacity: 0.8;
}
main.backend-user article.list section.master.userList .email {
  word-break: break-all;
  overflow-wrap: break-word;
}
main.backend-user article.list section.master.userList [data-enabled]::before {
  content: "\f111";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
main.backend-user article.list section.master.userList [data-enabled=enabled]::before {
  color: #296b73;
}
main.backend-user article.list section.master.userList [data-enabled=disabled]::before {
  color: gray;
}

/* area */
.area-wrapper .global-menuBtns a {
  background-color: #d93b3b;
}
.area-wrapper .global-menuBtns a:hover {
  color: #d93b3b;
  background-color: white;
  border-color: #d93b3b;
}
.area-wrapper .global-colTable tbody th a {
  color: #d93b3b;
}
.area-header {
  color: white;
  background-color: #d93b3b;
}
.area-areas:not(:first-of-type) {
  margin-top: 1em;
}
.area-areas dt {
  font-size: small;
  border-left: 2px solid dimgray;
  padding: 0 0.75em;
  margin-left: 1.05em;
}
.area-areas dd {
  padding: 1em;
  padding-top: 0.5em;
}

/* areamanage */
main.areamanage {
  /* component */
  /* common namespace */
  /* each */
}
main.areamanage [class$=_delivery_method] legend.master {
  width: 100%;
  font-size: 1.3em;
}
main.areamanage [class$=_delivery_method] legend.master label {
  margin-right: 0.5em;
}
main.areamanage [class$=_delivery_method] .global-rowTable {
  margin: 2em 0;
}
main.areamanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.areamanage article.conf_delivery_method_manage .global-rowTable {
  margin-top: 2em;
}
main.areamanage article.delivery_method_manage .global-dlHeader.master [name*='[managementName]'] {
  width: 100%;
  max-width: 30em;
}
main.areamanage article.delivery_method_manage .wrap.master {
  margin: 3em 0 1em;
}
main.areamanage article.delivery_method_manage_info .pageHeader.master {
  margin-bottom: 1em;
}
main.areamanage article.delivery_method_manage_info h3.master {
  font-size: 1.3em;
  border-left: 3px solid gray;
  padding: 0 0.75em;
  margin-bottom: 0.5em;
}
main.areamanage article.delivery_method_manage_info .wrap.master {
  margin-top: 3em;
}
main.areamanage article.delivery_method_manage_info .wrap.master > section:not(:first-of-type) {
  margin-top: 2em;
}
main.areamanage article.group_area_info .pageHeader {
  margin-bottom: 1em;
}
main.areamanage article.group_area_list tbody td:nth-of-type(2) {
  text-align: left;
}

/* authentication */
/* authentication */
[class|=authentication-authentication] {
  /* block */
}

main.authentication {
  /* component */
  /* common namespace */
  /* each */
}
main.authentication article {
  /* article */
  /* common namespace */
  /* each */
}
main.authentication article.login {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3em;
}
main.authentication article.login h2.master-title {
  font-size: 1.75em;
  padding: 0 0.5em;
}
main.authentication article.login form {
  padding: 2em;
  margin-top: 1em;
}
main.authentication article.login dl {
  margin-bottom: 3em;
}
main.authentication article.login dt:not(:first-of-type) {
  margin-top: 1em;
}
main.authentication article.login dd {
  padding: 0.5em;
}
main.authentication article.login input {
  width: 100%;
}

/* bank */
/* bankmanage */
main.bankmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.bankmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* blog */
/* blogmanage */
[class|=blog-blogmanage] {
  /* block */
}

main.blogmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.blogmanage [class$=_form_blog_type01] [name*='[title]'] {
  width: 100%;
}
main.blogmanage [class$=_form_blog_type01] [name*='[description]'] {
  min-height: 10em;
}
main.blogmanage [class$=_form_blogpost_type01] [name*='[title]'] {
  width: 100%;
}
main.blogmanage [class$=_form_blogpost_type01] .body.master {
  padding: 0;
  margin-bottom: 1em;
}
main.blogmanage [class$=_form_blogpost_type01] .body.master legend {
  font-size: 0.9em;
  font-weight: normal;
  padding: 1em;
}
main.blogmanage [class$=_form_blogpost_type01] .body.master legend label {
  margin-right: 0.5em;
}
main.blogmanage [class$=_form_blogpost_type01] .body.master legend::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: orangered;
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
main.blogmanage [class$=_form_blogpost_type01] .body.master .ck-content {
  min-height: 20em;
}
main.blogmanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.blogmanage article.conf_blogpost_type01 .default {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogmanage article.conf_blogpost_type01 .global-rowTable {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogmanage article.conf_blogpost_type01 .body {
  background-color: whitesmoke;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 2em 0;
  margin: 2em 0;
}
main.blogmanage article.conf_blogpost_type01 .body label {
  max-width: 1200px;
  margin: -1em auto 0;
  display: block;
  padding: 1em;
}
main.blogmanage article.conf_blogpost_type01 .body ._ck {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
}
main.blogmanage article.conf_blogpost_type01 .body ._ck::after {
  content: "";
  display: block;
  clear: both;
}
main.blogmanage article.list .global-colTable.master .title {
  text-align: left;
}
main.blogmanage article.list .global-colTable.master .list * {
  display: inline-block;
}
main.blogmanage article.list .global-colTable.master .list a {
  color: #274a78;
  white-space: nowrap;
}
main.blogmanage article.list .global-colTable.master .list a:hover {
  opacity: 1;
}
main.blogmanage article.list .global-colTable.master .list a:hover::before {
  left: 2px;
}
main.blogmanage article.list .global-colTable.master .list a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
  transition: 0.2s;
  position: relative;
  left: 0;
}
main.blogmanage article.list .global-colTable.master .list dt {
  display: inline-block;
  font-size: 0.8em;
  margin-right: 0.25em;
}
main.blogmanage article.list .global-colTable.master .list dd {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
}
main.blogmanage article.list_blogpost .global-articleHeader.master h2 {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
main.blogmanage article.list_blogpost .global-articleHeader.master dl {
  padding: 0.5em;
}
main.blogmanage article.list_blogpost .global-articleHeader.master dt {
  display: inline-block;
  font-size: 0.7em;
  color: gray;
  margin-right: 1em;
}
main.blogmanage article.list_blogpost .global-articleHeader.master dd {
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
  word-break: break-all;
  overflow-wrap: break-word;
}
@media (min-width: 600px) {
  main.blogmanage article.list_blogpost .global-colTable.master tbody th {
    max-width: 20em;
  }
}
main.blogmanage article.list_blogpost .global-colTable.master time {
  font-size: 0.8em;
}

/* blogpost */
[class|=blog-blogpost][class*=_tpl_comment] header.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  background-color: rgba(245, 245, 245, 0.5);
  padding: 1em 2em;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master h3 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.1em;
  color: gray;
  padding: 1em 0;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master h3::before {
  content: "\f4ad";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master .note {
  margin-left: auto;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master .note a {
  color: #274a78;
  text-decoration: underline;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master [href*='/addPostComment/'] {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: auto;
}
[class|=blog-blogpost][class*=_tpl_comment] header.master [href*='/addPostComment/']::before {
  content: "\f14b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  font-size: 1.1em;
  color: salmon;
}
[class|=blog-blogpost][class*=_tpl_comment] .comments.master {
  padding: 0 2em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comments.master > li {
  padding-bottom: 1em;
  margin: 1em 0;
}
[class|=blog-blogpost][class*=_tpl_comment] .comments.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 {
  padding: 0.5em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 .userName {
  display: block;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 .userName::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  display: inline-block;
  width: 3em;
  height: 3em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 100%;
  line-height: 3em;
  text-align: center;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 .userName.guest::before {
  content: "\f007";
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 .userName.withdraw {
  color: gray;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 .userName.withdraw::before {
  content: "\f506";
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master h4 [class*=_tpl_user] .global-coverImage {
  width: 3em;
  height: 3em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master .content p {
  padding: 0.5em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master footer {
  text-align: right;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master footer time {
  font-style: italic;
  font-size: 0.85em;
  margin-right: 1em;
}
[class|=blog-blogpost][class*=_tpl_comment] .comment.master footer [href*='/deletePostComment/']::before {
  content: "\f2ed";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  padding: 0 0.5em;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .global-coverImage {
  aspect-ratio: 16/9;
  overflow: hidden;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .global-coverImage:hover {
  opacity: 1;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .global-coverImage:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .global-coverImage img {
  transition: 0.2s;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .text {
  padding: 0.5em;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .text h3 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master .text p {
  line-height: 1.4;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.horizontal > a {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.horizontal .global-coverImage {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 40%;
  flex: 0 1 40%;
  width: 40%;
  max-width: 40%;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.horizontal .global-coverImage.noImage {
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
  width: 20%;
  max-width: 20%;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.horizontal .text {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 60%;
  flex: 0 1 60%;
  width: 60%;
  max-width: 60%;
  padding-left: 1em;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.vertical > a {
  display: block;
}
[class|=blog-blogpost][class*=_tpl_blog_cover].master.vertical .text {
  margin-top: 0.5em;
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
.blog-wrapper [class$=_info_blogpost] {
  padding: 1em;
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}
[class*=app-web-frontend][class$=blog-maseblogpost-infopost] .outer-contents {
  max-width: 100%;
  background-color: rgba(245, 245, 245, 0.5);
  margin: 0;
}
[class*=app-web-frontend][class$=blog-maseblogpost-infopost] .outer-main-wrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article.info_blog_type01 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article.info_blog_type01 .pageHeader.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.blogpost article.info_blog_type01 .pageHeader.master > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
}
main.blogpost article.info_blog_type01 .pageHeader.master [href*='/listBlogPost/'] {
  margin-left: auto;
}
main.blogpost article.info_blog_type01 .pageHeader.master [href*='/listBlogPost/']::before {
  content: "\f0ca";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  color: #274a78;
}
@media (max-width: 599px) {
  main.blogpost article.info_blog_type01 .flex.master {
    padding: 0 1em;
  }
}
@media (min-width: 600px) {
  main.blogpost article.info_blog_type01 .flex.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 599px) {
  main.blogpost article.info_blog_type01 .left.master {
    margin-bottom: 2em;
  }
}
@media (min-width: 600px) {
  main.blogpost article.info_blog_type01 .left.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
  }
}
main.blogpost article.info_blog_type01 .left.master [class*=_tpl_user] {
  padding: 1em 0;
}
main.blogpost article.info_blog_type01 .left.master [class*=_tpl_blog_cover] {
  padding: 1em 0;
}
@media (min-width: 600px) {
  main.blogpost article.info_blog_type01 .posts.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 70%;
    flex: 0 1 70%;
    width: 70%;
    max-width: 70%;
    padding-left: 1.5em;
  }
}
main.blogpost article.info_blog_type01 .posts.master > li {
  padding: 1em 0;
  margin: 1em 0;
}
main.blogpost article.info_blog_type01 .posts.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
@media (min-width: 400px) {
  main.blogpost article.info_blog_type01 .post.master > a {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
main.blogpost article.info_blog_type01 .post.master .global-coverImage {
  aspect-ratio: 16/9;
  overflow: hidden;
}
main.blogpost article.info_blog_type01 .post.master .global-coverImage:hover {
  opacity: 1;
}
main.blogpost article.info_blog_type01 .post.master .global-coverImage:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
main.blogpost article.info_blog_type01 .post.master .global-coverImage img {
  transition: 0.2s;
}
@media (min-width: 400px) {
  main.blogpost article.info_blog_type01 .post.master .global-coverImage {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
    aspect-ratio: 1/1;
  }
}
main.blogpost article.info_blog_type01 .content.master {
  padding: 0.25em 0;
}
@media (max-width: 399px) {
  main.blogpost article.info_blog_type01 .content.master {
    padding-top: 0.75em;
  }
}
@media (min-width: 400px) {
  main.blogpost article.info_blog_type01 .content.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 70%;
    -webkit-align-self: stretch;
    flex: 0 1 70%;
    align-self: stretch;
    width: 70%;
    max-width: 70%;
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 1em;
  }
}
@media (min-width: 400px) {
  main.blogpost article.info_blog_type01 .content.master > * {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
main.blogpost article.info_blog_type01 .content.master .category {
  display: inline-block;
  margin-bottom: 0.5em;
}
main.blogpost article.info_blog_type01 .content.master .category::before {
  content: "\f022";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blog_type01 .content.master h3 {
  font-size: 1.3em;
}
main.blogpost article.info_blog_type01 .content.master p {
  line-height: 1.4;
  padding: 0.5em 0;
  margin-bottom: 1em;
}
main.blogpost article.info_blog_type01 .content.master footer {
  text-align: right;
}
@media (min-width: 400px) {
  main.blogpost article.info_blog_type01 .content.master footer {
    margin-top: auto;
  }
}
main.blogpost article.info_blog_type01 .content.master time {
  font-style: italic;
  font-size: 0.85em;
}
main.blogpost article.info_blog_type01 .content.master time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blog_type01 .global-noResult {
  text-align: center;
  padding: 2em 1em;
}
@media (min-width: 600px) {
  main.blogpost article.info_blog_type01 .global-noResult {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
[class*=blog-blogpost-over-info_blogpost_type01] {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
[class*=blog-blogpost-over-info_blogpost_type01] [class*=_tpl_blog_cover] {
  background-color: white;
  padding: 1em;
}
[class*=blog-blogpost-under-info_blogpost_type01] {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  margin-top: 2em;
}
[class*=blog-blogpost-under-info_blogpost_type01] [class*=_tpl_comment] {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
}
main.blogpost article.info_blogpost_type01 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em 1em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master {
  margin-bottom: 2em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .category {
  display: inline-block;
  padding: 0 1em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .category::before {
  content: "\f022";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master h2 {
  font-size: 2em;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master h2 [href*='/editBlogPost/'] {
  font-size: 1rem;
  color: #274a78;
  vertical-align: middle;
  margin-left: 1em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master h2 [href*='/editBlogPost/']::before {
  content: "\f044";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .meta {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em 1.5em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .date {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: small;
  letter-spacing: 0.1em;
  margin-left: auto;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .date time {
  display: inline-block;
  padding: 0.5em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .date time::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .date time.createdAt::before {
  content: "\f044";
}
main.blogpost article.info_blogpost_type01 .pageHeader.master .date time.updateAt::before {
  content: "\f01e";
}
main.blogpost article.info_blogpost_type01 ._ck::after {
  content: "";
  display: block;
  clear: both;
}
main.blogpost article.info_blogpost_type01 footer.master {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em;
  margin-top: 2em;
}
main.blogpost article.info_blogpost_type01 footer.master .file dt::before {
  content: "\f0c6";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article.info_blogpost_type01 footer.master .file.text {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.blogpost article.info_blogpost_type01 footer.master .file.text dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.blogpost article.info_blogpost_type01 footer.master .file.text dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.blogpost article.info_blogpost_type01 footer.master .file.image {
  text-align: center;
}
main.blogpost article.info_blogpost_type01 footer.master .file.image dt {
  margin-bottom: 0.5em;
}
main.blogpost article.info_blogpost_type01 footer.master .global-colTable {
  margin-top: 1em;
}

/* comment */
[class|=blogpost-comment] {
  /* block */
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}
[class*=blogpost-comment-confirm_edit] .body {
  word-break: break-all;
  overflow-wrap: break-word;
}
[class*=blogpost-comment-confirm_edit] .name {
  word-break: break-all;
  overflow-wrap: break-word;
}
[class*=blogpost-comment-edit] [name*='[name]'] {
  width: 100%;
}

/* search */
[class|=blogpost-search] {
  /* block */
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}
main.blogpost article.search_blog_type01_post_type01 .pageHeader.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.blogpost article.search_blog_type01_post_type01 .pageHeader.master h2 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
}
main.blogpost article.search_blog_type01_post_type01 .pageHeader.master .global-counter {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.blogpost article.search_blog_type01_post_type01 form.master {
  padding: 1em;
}
main.blogpost article.search_blog_type01_post_type01 form.master .flex {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.blogpost article.search_blog_type01_post_type01 form.master dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}
main.blogpost article.search_blog_type01_post_type01 form.master dl.sortType br {
  display: none;
}
main.blogpost article.search_blog_type01_post_type01 form.master dt {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
main.blogpost article.search_blog_type01_post_type01 form.master [name*='[keyword]'] {
  max-width: 15em;
}
main.blogpost article.search_blog_type01_post_type01 form.master button {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #274a78;
  background-color: transparent;
  border: none;
  padding: 1em;
}
main.blogpost article.search_blog_type01_post_type01 form.master button::before {
  content: "\f002";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1.4em;
}
main.blogpost article.search_blog_type01_post_type01 .posts.master {
  padding: 1em;
}
@media (min-width: 400px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
  padding: 1em 0.5em 2em;
}
@media (max-width: 399px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 400px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 600px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 800px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1000px) {
  main.blogpost article.search_blog_type01_post_type01 .posts.master > li {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;
  }
}
main.blogpost article.search_blog_type01_post_type01 .post.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
}
main.blogpost article.search_blog_type01_post_type01 .post.master > a {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  padding-bottom: 0.5em;
}
main.blogpost article.search_blog_type01_post_type01 .post.master .postImage {
  aspect-ratio: 16/9;
  margin-bottom: 0.58em;
  overflow: hidden;
}
main.blogpost article.search_blog_type01_post_type01 .post.master .postImage:hover {
  opacity: 1;
}
main.blogpost article.search_blog_type01_post_type01 .post.master .postImage:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
main.blogpost article.search_blog_type01_post_type01 .post.master .postImage img {
  transition: 0.2s;
}
main.blogpost article.search_blog_type01_post_type01 .post.master h4 {
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
main.blogpost article.search_blog_type01_post_type01 .post.master [class*=_tpl_user] {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.8em;
  margin-top: auto;
}
main.blogpost article.search_blog_type01_post_type01 .post.master [class*=_tpl_user] .global-coverImage {
  width: 2em;
  height: 2em;
}
main.blogpost article.search_blog_type01_post_type01 .post.master [class*=_tpl_user] .withdraw::before {
  width: 2em;
  height: 2em;
  line-height: 2em;
}

/* community */
/* community */
[class|=community] {
  /* block */
}
[class|=community][class$=index_header] header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  box-shadow: 0 5px 5px -5px rgba(112, 128, 144, 0.5);
  gap: 10px;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 3em;
}
[class|=community][class$=index_header] header h1 {
  font-size: 2em;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(211, 211, 211, 0.5), 1px 1px 2px rgba(211, 211, 211, 0.5);
  padding: 3em 1em;
}
[class|=community][class$=index_header] header nav {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-justify-content: right;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  justify-content: right;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: right;
  padding: 1em;
}
[class|=community][class$=index_header] header nav a {
  color: #274a78;
  font-weight: bold;
  padding: 0.5em;
}
[class|=community][class$=index_header] header nav a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=community][class$=index_header] .master-ownerMenu {
  position: relative;
}
[class|=community][class$=index_header] .master-ownerMenu > a {
  cursor: pointer;
  padding: 0.5em 1em;
}
[class|=community][class$=index_header] .master-ownerMenu > a::before {
  content: "\f141";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1.5em;
}
[class|=community][class$=index_header] .master-ownerMenu ul {
  position: absolute;
  right: 0;
  z-index: 1;
}
[class|=community][class$=index_header] .master-ownerMenu ul li {
  background-color: #274a78;
}
[class|=community][class$=index_header] .master-ownerMenu ul li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
[class|=community][class$=index_header] .master-ownerMenu ul li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[class|=community][class$=index_header] .master-ownerMenu ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
[class|=community][class$=index_header] .master-ownerMenu ul a {
  color: white;
  display: block;
  font-size: 0.9em;
  text-align: left;
  padding: 0.5em 1em;
  white-space: nowrap;
}
[class|=community][class$=index_header] .master-ownerMenu ul a::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
[class|=community][class$=left_side_bar] {
  margin: 0;
  margin-left: 1em;
  margin-right: 1.5em;
}
@media (min-width: 800px) {
  [class|=community][class$=left_side_bar] {
    min-width: 15em;
    max-width: 20em;
  }
}
[class|=community][class$=left_side_bar] > * {
  padding: 1em;
}
[class|=community][class$=left_side_bar] .joinMember h2 {
  font-size: 1.2em;
  padding: 0.5em 0;
}
[class|=community][class$=left_side_bar] .joinMember li {
  padding: 0.5em;
}
[class|=community][class$=left_side_bar] .joinMember li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=left_side_bar] .joinMember .more {
  display: table;
  font-size: 0.8em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 2em;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
}
[class|=community][class$=left_side_bar] [class*=_tpl_user] .global-coverImage {
  width: 2em;
  height: 2em;
}
[class|=community][class$=topic_item] {
  padding: 1em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=topic_item] .content.master h3 {
  font-size: 1.2em;
}
[class|=community][class$=topic_item] .content.master p {
  padding: 0.5em;
}
[class|=community][class$=topic_item] .content.master .global-contentFooter {
  background: none;
}
[class|=community][class$=topic_item] .content.master .global-contentFooter time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=community][class$=event_item] {
  padding: 1em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=event_item] .content.master h3 {
  font-size: 1.2em;
}
[class|=community][class$=event_item] .content.master p {
  padding: 0.5em;
}
[class|=community][class$=event_item] .content.master .global-contentFooter time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=community][class$=event_item] .content.master .global-contentFooter .eventPeriod::before {
  content: "\f073";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 799px) {
  [class|=community][class$=comments] .global-caption {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* for old browser */
    -webkit-box-align: start;
    -webkit-align-items: start;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    /* for old browser */
    -webkit-box-align: start;
    align-items: start;
  }
}
[class|=community][class$=comments] .global-caption p {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 0.8em;
}
[class|=community][class$=comments] .comments.master {
  padding: 0 2em;
}
[class|=community][class$=comments] .comments.master > li {
  padding-bottom: 1em;
  margin: 1em 0;
}
[class|=community][class$=comments] .comments.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=comments] .comment.master h4 {
  padding: 0.5em;
}
[class|=community][class$=comments] .comment.master h4 .userName {
  display: block;
}
[class|=community][class$=comments] .comment.master h4 .userName::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  display: inline-block;
  width: 3em;
  height: 3em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 100%;
  line-height: 3em;
  text-align: center;
}
[class|=community][class$=comments] .comment.master h4 .userName.guest::before {
  content: "\f007";
}
[class|=community][class$=comments] .comment.master h4 .userName.withdraw {
  color: gray;
}
[class|=community][class$=comments] .comment.master h4 .userName.withdraw::before {
  content: "\f506";
}
[class|=community][class$=comments] .comment.master h4 [class*=_tpl_user] .global-coverImage {
  width: 3em;
  height: 3em;
}
[class|=community][class$=comments] .comment.master .content p {
  padding: 0.5em;
}
[class|=community][class$=comments] .comment.master footer {
  text-align: right;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=community][class$=comments] .comment.master footer time {
  font-style: italic;
  font-size: 0.85em;
  margin-right: 1em;
}
[class|=community][class$=comments] .comment.master footer [href*='/editComment/']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  padding: 0 0.5em;
}
[class|=community][class$=comments] .comment.master footer [href*='/deleteComment/']::before {
  content: "\f2ed";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  padding: 0 0.5em;
}

main.community {
  /* component */
  /* common namespace */
  /* each */
}
main.community .community-content {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
@media (max-width: 799px) {
  main.community .community-content {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column-reverse;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column-reverse;
  }
}
main.community .community-content .left {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.community .community-content .main {
  /* for old browser */
  -webkit-box-flex: 3;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 3 1 100%;
  flex: 3 1 100%;
  width: 100%;
  max-width: 100%;
  max-width: 100%;
}
main.community article {
  /* article */
  /* common namespace */
  /* each */
}
[class*=app-web-frontend] .outer-contents {
  padding-top: 0;
}
[class*=app-web-frontend] .outer-main-wrapper {
  margin-top: 0;
}
[class*=app-web-frontend][class$=community-masecommunity-index] {
  overflow-x: hidden;
}
main.community article[class^=search_] .pageHeader.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.community article[class^=search_] .pageHeader.master h2 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
}
main.community article[class^=search_] .pageHeader.master div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.community article[class^=search_] .community.master {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
main.community article[class^=search_] .community.master [href*='/community/community'] {
  min-height: 150px;
}
@media (min-width: 400px) {
  main.community article[class^=search_] .community.master [href*='/community/community'] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (max-width: 399px) {
  main.community article[class^=search_] .community.master .global-coverImage {
    height: 50vw;
  }
}
@media (min-width: 400px) {
  main.community article[class^=search_] .community.master .global-coverImage {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 399px) {
  main.community article[class^=search_] .content.master {
    margin-top: 1em;
  }
}
@media (min-width: 400px) {
  main.community article[class^=search_] .content.master {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 1em;
  }
}
main.community article[class^=search_] .content.master h3 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}
main.community article[class^=search_] .content.master p {
  margin-bottom: 0.5em;
}
main.community article[class^=search_] .content.master dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  padding: 0.25em 0.5em;
  padding-left: 0;
}
main.community article[class^=search_] .content.master dl.industry dd {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  -webkit-transform: translateY(-0.2em);
  transform: translateY(-0.2em);
}
main.community article[class^=search_] .content.master dl.industry ul {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.community article[class^=search_] .content.master dl.industry li {
  display: inline-block;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.15em 0.5em;
  margin: 0.1em;
}
main.community article[class^=search_] .content.master dl.industry li.etc {
  border: none;
}
main.community article[class^=search_] .content.master dl.industry span {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.community article[class^=search_] .content.master dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0.9em;
  color: gray;
  margin-right: 1em;
}
main.community article[class^=search_] .content.master dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
main.community article[class^=index] .description {
  background-color: rgba(211, 211, 211, 0.1);
  padding: 1rem;
  margin-bottom: 1rem;
}
main.community article[class^=index] .topicList {
  margin-bottom: 3em;
}
main.community article[class^=index] .more {
  display: table;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 2em;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
}
main.community article[class^=member-list] ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
main.community article[class^=member-list] ul .iconName {
  background: rgba(211, 211, 211, 0.1);
  margin: 0.5em;
  padding: 0.5em 1em;
}
main.community article[class^=member-list] ul .global-coverImage {
  width: 3em;
  height: 3em;
}
main.community article[class^=info] .community-info-menu {
  text-align: right;
}
main.community article[class^=info] .meta {
  margin-bottom: 2em;
}
@media (max-width: 799px) {
  main.community article[class^=info] .meta {
    padding: 0 1em;
  }
}

/* communitymanage */
[class|=communitymanage] {
  /* block */
}

main.communitymanage {
  /* component */
  /* common namespace */
  /* each */
}
main.communitymanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.communitymanage article[class$=list] .global-articleHeader h2 {
  width: 100%;
}

/* earnings */
/* earningsmanage */
[class|=earnings-earningsmanage] {
  /* block */
}

main.earningsmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.earningsmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* knowledge */
/* knowledge */
[class|=knowledge] {
  /* block */
}
[class|=knowledge][class*=left-search] > a {
  display: table;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  margin-top: 1.5em;
  font-size: 16px;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  width: 80%;
  padding: 0.5em;
  text-align: center;
}
[class|=knowledge][class*=left-search] button {
  width: 80%;
  padding: 0.5em;
}
[class|=knowledge][class*=_tpl_answer] .global-menuHeader h3::before {
  content: "A";
  font-size: 1.3em;
  margin-right: 0.3em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap {
  padding: 0 0.5em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li {
  background: rgba(211, 211, 211, 0.2);
  border: 1px solid lightgray;
  border-radius: 3px;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li:not(:last-of-type) {
  margin-bottom: 1em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li.bestAnswer {
  border: 3px solid #274a78;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li.bestAnswer .tpl-answer.thanks header {
  color: white;
  background-color: #274a78;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li.bestAnswer .tpl-answer:not(.thanks) header {
  padding-left: 3em;
  position: relative;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap li.bestAnswer .tpl-answer:not(.thanks) .badge {
  position: absolute;
  top: -1.5em;
  left: -1.5em;
  color: white;
  background-color: #274a78;
  text-align: center;
  font-weight: bold;
  font-size: 0.85em;
  width: 5em;
  height: 5em;
  padding: 1em 0;
  border-radius: 50%;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em;
  margin-bottom: 0;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap header h4 {
  font-size: 1.2em;
  display: inline-block;
  line-height: 2rem;
  vertical-align: middle;
  padding: 0.5em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap .tpl-content {
  padding: 1em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-wrap .tpl-content p {
  padding: 1em;
}
[class|=knowledge][class*=_tpl_answer] .tpl-answer header {
  background: rgba(112, 128, 144, 0.1);
}
[class|=knowledge][class*=_tpl_answer] .tpl-comment header {
  background: rgba(55, 90, 125, 0.2);
}
[class|=knowledge][class*=_tpl_answer] .tpl-answerBtn {
  display: table;
  color: white;
  background-color: #375a7d;
  border-radius: 5px;
  padding: 0.5em 1.5em;
  margin-left: auto;
}
[class|=knowledge][class*=_tpl_answer] .tpl-commentBtn {
  display: table;
  color: white;
  background-color: #111111;
  border-radius: 5px;
  padding: 0.5em 1.5em;
  margin: 1em;
  margin-left: auto;
}
[class|=knowledge][class*=_tpl_answer] .tpl-commentBtn::before {
  content: "\f4ad";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}

main.knowledge {
  /* component */
  /* common namespace */
  /* each */
}
main.knowledge article[class^=search_] .knowledge.master {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
main.knowledge article[class^=search_] .knowledge.master header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.knowledge article[class^=search_] .knowledge.master header .hurry {
  color: #e24e4e;
}
main.knowledge article[class^=search_] .knowledge.master header .hurry::before {
  content: "\f46a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.knowledge article[class^=search_] .knowledge.master header time {
  display: block;
  text-align: right;
  font-size: 0.9em;
  color: gray;
  margin-left: auto;
}
main.knowledge article[class^=search_] .knowledge.master .content.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
@media (max-width: 399px) {
  main.knowledge article[class^=search_] .knowledge.master .content.master {
    margin-top: 1em;
  }
}
@media (min-width: 400px) {
  main.knowledge article[class^=search_] .knowledge.master .content.master {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 1em;
  }
}
main.knowledge article[class^=search_] .knowledge.master .content.master .left {
  width: 90%;
}
main.knowledge article[class^=search_] .knowledge.master .content.master .left h3 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}
main.knowledge article[class^=search_] .knowledge.master .content.master .left h3::before {
  content: "\f2c4";
  font-family: "FontAwesome brands";
  vertical-align: baseline;
  margin-right: 0.3em;
}
main.knowledge article[class^=search_] .knowledge.master .content.master .right {
  width: 10%;
  min-width: 8em;
  text-align: center;
}
main.knowledge article[class^=search_] .knowledge.master .content.master .right .status {
  color: white;
  background-color: #274a78;
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0.3em 2em;
  border-radius: 10em;
  letter-spacing: 0.1em;
}
main.knowledge article[class^=info_] .knowledge-info-menu {
  text-align: right;
}
main.knowledge article[class^=info_] header h2::before {
  content: "\f2c4";
  font-family: "FontAwesome brands";
  vertical-align: baseline;
  margin-right: 0.3em;
}
main.knowledge article[class^=info_] .owner-info {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
}
main.knowledge article[class^=info_] .owner-info .global-user-image {
  width: 4em;
  height: 4em;
  margin-right: 1em;
}
main.knowledge article[class^=info_] .owner-info b {
  font-size: 1.2em;
}
main.knowledge article[class^=info_] .question-content p {
  font-size: 1.2em;
  line-height: 1.5;
  margin: 1em 0;
}
main.knowledge article[class^=info_] .question-content footer {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-justify-content: start;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  justify-content: start;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.knowledge article[class^=info_] .question-content footer > * {
  margin: 0.6em;
}
main.knowledge article[class^=info_] .question-content footer .status {
  color: white;
  background-color: #274a78;
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0.3em 2em;
  border-radius: 10em;
  letter-spacing: 0.1em;
}
main.knowledge article[class^=info_] .question-content footer .hurry {
  color: #e24e4e;
}
main.knowledge article[class^=info_] .question-content footer .hurry::before {
  content: "\f46a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.knowledge article[class^=info_] .question-comment {
  margin-top: 3em;
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap {
  padding: 0 0.5em;
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap li {
  background: rgba(211, 211, 211, 0.2);
  border: 1px solid lightgray;
  border-radius: 3px;
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap li:not(:last-of-type) {
  margin-bottom: 1em;
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap header {
  margin-bottom: 1em;
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap p {
  padding: 1em;
}
@media (min-width: 400px) {
  main.knowledge article[class^=info_] .question-comment .tpl-wrap p {
    padding-right: 2em;
    padding-left: 2em;
  }
}
main.knowledge article[class^=info_] .question-comment .tpl-wrap .global-contentFooter {
  padding: 0.25em 1.5em;
}
main.knowledge article[class^=info_] .question-media {
  text-align: center;
  margin: 2em 0;
}
main.knowledge article[class^=info_] .question-media li:first-of-type {
  margin-bottom: 1em;
}
main.knowledge article[class^=info_] .question-media li:not(:first-of-type) {
  display: inline-block;
  width: 10em;
  height: 7em;
  margin: 0.25em;
}
main.knowledge article[class^=info_] .question-media li:not(:first-of-type):hover {
  opacity: 0.8;
}
main.knowledge article[class^=info_] .question-answer {
  margin-top: 3em;
}

/* knowledgemanage */
[class|=knowledge-knowledgemanage] {
  /* block */
}

main.knowledgemanage {
  /* component */
  /* common namespace */
  /* each */
}

/* mypage */
[class|=mypage][class$=left-index] .tpl-profWrap {
  padding: 1em;
  text-align: center;
}
[class|=mypage][class$=left-index] .tpl-profWrap .global-user-image {
  width: 6em;
  height: 6em;
  margin-right: auto;
  margin-left: auto;
}
[class|=mypage][class$=left-index] .tpl-profWrap b {
  display: block;
  font-size: 1.25em;
  margin-top: 0.3em;
}
[class|=mypage][class$=followList] {
  padding: 1em;
}
[class|=mypage][class$=followList]:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
@media (min-width: 400px) {
  [class|=mypage][class$=followList] section {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
[class|=mypage][class$=followList] section > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=mypage][class$=followList] h3 {
  font-size: 1.2em;
  padding: 0.5em;
}
[class|=mypage][class$=followList] h3::before {
  content: "\f2bd";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=mypage][class$=followList] nav {
  padding: 0 1em;
  margin-left: auto;
}
[class|=mypage][class$=followList] nav a {
  display: inline-block;
  border-radius: 2px;
  padding: 0.5em 1.5em;
  margin: 0.25em;
}
[class|=mypage][class$=followList] nav a::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=mypage][class$=followList] nav a[href*='/stc/'] {
  color: white;
  background-color: #296b73;
}
[class|=mypage][class$=followList] nav a[href*='/stc/']::before {
  content: "\f03a";
}
[class|=mypage][class$=followList] nav a[href*='/stp/'] {
  color: white;
  background-color: #d93b3b;
}
[class|=mypage][class$=followList] nav a[href*='/stp/']::before {
  content: "\f03a";
}
[class|=mypage][class$=followList] nav a[href*='/follow/'] {
  background-color: lightgray;
  border: 1px solid rgba(128, 128, 128, 0.25);
}

.mypage-submitWrap {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em;
  margin-top: 2em;
}
.mypage-submitWrap > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.25em;
}
.mypage-submitWrap [name*='[back]'] {
  background-color: whitesmoke;
}
.mypage-submitWrap [name*='[conf]'] {
  color: white;
  background-color: #274a78;
}
.mypage-submitWrap [name*='[confirm]'] {
  color: white;
  background-color: #274a78;
}
.mypage-submitWrap [name*='[save]'] {
  color: white;
  background-color: #274a78;
}
.mypage-submitWrap a {
  display: inline-block;
  font-size: 16px;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  line-height: 1.7;
  padding: 0.5em 2em;
}

/* mypage */
[class|=mypage-mypage] {
  /* block */
}
[class|=mypage-mypage][class*=_tpl_user_messages] .scroll-box {
  height: 70vh;
  overflow-y: scroll;
  padding: 0 0.5em;
  border: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  margin: 1em;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dt {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  width: 10%;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dd {
  max-width: 80%;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dd .message-block {
  border: 1px solid gray;
  border-radius: 1em;
  padding: 1em;
  margin: 0 2em;
  position: relative;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dd .message-block::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  background-color: white;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dd .message-block time {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-justify-content: end;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  justify-content: end;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row dd .message-block time .readStatus {
  width: 2.8em;
  font-size: 0.75em;
  border-radius: 100%;
  line-height: 2.8em;
  text-align: center;
  margin-left: 1em;
  border: 1px solid rgba(128, 128, 128, 0.8);
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row.is_owner dt {
  -webkit-order: 1;
  order: 1;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row.is_owner dd {
  margin-left: auto;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row.is_owner dd .message-block::after {
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  -webkit-transform: translateX(0) rotate(45deg);
  transform: translateX(0) rotate(45deg);
  position: absolute;
  top: 1.5em;
  right: -0.45em;
}
[class|=mypage-mypage][class*=_tpl_user_messages] dl.message-row.not_owner dd .message-block::after {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  -webkit-transform: translateX(-1px) rotate(-45deg);
  transform: translateX(-1px) rotate(-45deg);
  position: absolute;
  top: 1.5em;
  left: -0.45em;
}

main.mypage {
  /* component */
  /* common namespace */
  /* each */
}
main.mypage article {
  /* article */
  /* common namespace */
  /* each */
}
main.mypage article[class^=show_profile] {
  position: relative;
}
main.mypage article[class^=show_profile] [href*=edit] {
  display: inline-block;
  font-size: 0.9em;
  background-color: white;
  padding: 0.5em 1em;
  position: absolute;
  top: 0;
  right: 1em;
  z-index: 1;
}
main.mypage article[class^=show_profile] [href*=edit]::before {
  content: "\f044";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
}
@media (min-width: 600px) {
  main.mypage article[class^=edit_profile] [name*='[nickName]'] {
    min-width: 23em;
  }
}
main.mypage article.followerlist .wrap.master {
  padding: 1em;
}
main.mypage article.followlist .wrap.master {
  padding: 1em;
}
main.mypage article.index .myMenu.master a {
  background-color: #375a7d;
}
main.mypage article.index .myMenu.master a:hover {
  color: #375a7d;
  background-color: white;
  border-color: #375a7d;
}
main.mypage article.index .manageMenu.master a {
  background-color: #193441;
}
main.mypage article.index .manageMenu.master a:hover {
  color: #193441;
  background-color: white;
  border-color: #193441;
}
main.mypage article.index [class$=CommentList] {
  padding: 1em;
  margin-top: 3em;
}
main.mypage article.index [class$=CommentList] h2 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
main.mypage article.index [class$=CommentList] .post.master {
  padding: 1em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.mypage article.index [class$=CommentList] .post.master a {
  color: #274a78;
}
main.mypage article.index [class$=CommentList] .post.master footer {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-justify-content: flex-end;
  /* no prefix */
  display: flex;
  /* for old browser */
  justify-content: flex-end;
  gap: 1.5em;
}
main.mypage article.index [class$=CommentList] .post.master footer time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
@media (max-width: 599px) {
  main.mypage article.mail_list .global-colTable.master tbody tr {
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  main.mypage article.mail_list .global-colTable.master tbody th {
    padding: 0 1em;
  }
}
@media (min-width: 600px) {
  main.mypage article.mail_list .global-colTable.master tbody td {
    padding: 0 1em;
  }
}
main.mypage article.mail_list .global-colTable.master tbody .master-read {
  padding: 0;
}
main.mypage article.mail_list .global-colTable.master tbody .master-read a {
  display: block;
  background: rgba(55, 90, 125, 0.05);
  cursor: pointer;
  padding: 1em;
}
main.mypage article.mail_list .global-colTable.master tbody .master-read a:hover {
  background: rgba(55, 90, 125, 0.1);
}
main.mypage article.mail_list .global-colTable.master tbody .master-detail {
  background: rgba(55, 90, 125, 0.05);
}
@media (max-width: 599px) {
  main.mypage article.mail_list .global-colTable.master tbody .master-detail {
    border-top: none;
    margin-bottom: 3em;
  }
}
main.mypage article.mail_list .global-colTable.master tbody .master-detail p {
  line-height: 2;
}
main.mypage article.mail_list .global-colTable.master tbody .master-mailBody {
  text-align: left;
  padding: 1em;
}
main.mypage article.mail_list .global-colTable.master tbody .global-singleBtn.master {
  color: white;
  border-collapse: separate;
  padding: 0.5em 2em;
}
main.mypage article.user_message_list .global-colTable.master tbody tr .user-row {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.mypage article.user_message .post-messageBtn {
  display: block;
  width: 50%;
  color: white;
  background-color: #375a7d;
  border-radius: 5px;
  text-align: center;
  padding: 2em;
  margin: 2em auto;
}

/* config */
[class|=mypage-config] {
  /* block */
}

main.config {
  /* component */
  /* common namespace */
  /* each */
}
main.config article {
  /* article */
  /* common namespace */
  /* each */
}
main.config article .global-explain {
  margin: 1em;
}
main.config article.index [name*='[loginId]'] {
  width: 100%;
}
main.config article.index [href*='/doWithdraw'] {
  font-size: 1em;
}

/* notification */
/* notification */
[class|=notification] {
  /* block */
  /* tpl */
}
[class|=notification][class*=_tpl_list] li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
@media (min-width: 500px) {
  [class|=notification][class*=_tpl_list] li {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
[class|=notification][class*=_tpl_list] time {
  display: block;
}
@media (max-width: 499px) {
  [class|=notification][class*=_tpl_list] time {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 500px) {
  [class|=notification][class*=_tpl_list] time {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1em;
  }
}
[class|=notification][class*=_tpl_list] time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=notification][class*=_tpl_list] a {
  display: block;
}
@media (min-width: 500px) {
  [class|=notification][class*=_tpl_list] a {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
[class|=notification][class*=_tpl_list] a[href] {
  color: #274a78;
  text-decoration: underline;
}

main.notification {
  /* component */
  /* common namespace */
  /* each */
}
main.notification article {
  /* article */
  /* common namespace */
  /* each */
}
main.notification article.info time {
  display: block;
  text-align: right;
  padding-right: 1em;
  margin-top: -0.5em;
  margin-bottom: 1.5em;
}
main.notification article.info time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.notification article.list [class*=_tpl_list] {
  padding: 1em;
}

/* purchase */
[class|=purchase][class*=purchasemanage-][class$=digital] .contentBox.js {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[class|=purchase][class*=purchasemanage-][class$=digital] .contentBox.js.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  opacity: 0;
  position: fixed;
  z-index: 8;
}
[class|=purchase][class*=purchasemanage-][class$=digital] .contentBox.js.overlay .popupVideoStart {
  display: none;
}
[class|=purchase][class*=purchasemanage-][class$=digital] .contentBox.js.overlay .popupVideo::after {
  content: "×";
  width: 1.3em;
  height: 1.3em;
  color: rgba(255, 255, 255, 0.5);
  font-size: 2em;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1.2em;
  text-align: center;
  position: absolute;
  top: -0.7em;
  right: -0.7em;
}
[class|=purchase][class*=purchasemanage-][class$=digital] a.master {
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  padding: 0.5em 1em;
}
[class|=purchase][class*=purchasemanage-][class$=digital] a.master.popupVideoStart::before {
  content: "\f144";
}
[class|=purchase][class*=purchasemanage-][class$=digital] a.master.download::before {
  content: "\f56d";
}
[class|=purchase][class*=purchasemanage-][class$=digital] a.master::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=purchase][class*=purchasemanage-][class$=digital] .popupVideo.js {
  display: none;
}
[class|=purchase][class*=purchasemanage-][class$=digital] .popupVideo.master {
  position: fixed;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  z-index: 9;
}

/* cart */
[class|=purchase-cart][class$=_tpl-cartStep] {
  font-size: 0.9em;
  border-radius: 5px;
  margin: 2em 0;
  overflow: hidden;
}
[class|=purchase-cart][class$=_tpl-cartStep] li {
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  padding: 0.9em 1em 0.9em 2em;
  position: relative;
  background-color: lightgray;
}
@media (max-width: 599px) {
  [class|=purchase-cart][class$=_tpl-cartStep] li {
    display: inline;
    width: 16.5%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    counter-increment: mycount;
  }
}
[class|=purchase-cart][class$=_tpl-cartStep] li::before, [class|=purchase-cart][class$=_tpl-cartStep] li::after {
  content: "";
  border-top: 1.9em solid transparent;
  border-bottom: 1.9em solid transparent;
  border-left: 1.2em solid;
  margin-top: -1.9em;
  position: absolute;
  top: 50%;
  right: -1em;
}
[class|=purchase-cart][class$=_tpl-cartStep] li::before {
  border-left-color: white;
  right: -1.2em;
  z-index: 1;
}
[class|=purchase-cart][class$=_tpl-cartStep] li::after {
  z-index: 2;
  border-left-color: lightgray;
}
[class|=purchase-cart][class$=_tpl-cartStep] li.tpl-current {
  color: white;
  font-weight: bold;
  background-color: #375a7d;
}
@media (max-width: 599px) {
  [class|=purchase-cart][class$=_tpl-cartStep] li.tpl-current {
    width: 50%;
  }
}
[class|=purchase-cart][class$=_tpl-cartStep] li.tpl-current::before {
  border-left-color: white;
  right: -1.2em;
}
[class|=purchase-cart][class$=_tpl-cartStep] li.tpl-current::after {
  border-left-color: #375a7d;
}
@media (max-width: 599px) {
  [class|=purchase-cart][class$=_tpl-cartStep] li.tpl-current span {
    display: block;
  }
}
@media (max-width: 599px) {
  [class|=purchase-cart][class$=_tpl-cartStep] li span {
    display: none;
  }
}

main.cart {
  /* component */
  /* common namespace */
  /* each */
}
main.cart [class$=_input_address_shipping_addresses] .global-colTable tbody td {
  width: 80%;
  font-size: 1rem;
  text-align: left;
  padding: 1em;
}
/* ↓common↓ */
main.cart [class$=_select_delivery_delivery] > li {
  padding: 0.5em;
}
main.cart [class$=_select_delivery_delivery] > li > br {
  display: none;
}
main.cart [class$=_select_delivery_delivery] .global-notice {
  font-size: 0.9em;
}
/* ↑common↑ */
main.cart [class$=_select_delivery_delivery] .master-list:not(:first-of-type) {
  margin-top: 0.5em;
}
main.cart [class$=_select_delivery_delivery] .master-list [type=radio] {
  display: none;
}
main.cart [class$=_select_delivery_delivery] .master-list [type=radio]:checked + label {
  background-color: rgba(55, 90, 125, 0.05);
  border-color: rgba(55, 90, 125, 0.5);
}
main.cart [class$=_select_delivery_delivery] .master-list > label {
  display: block;
  width: 100%;
  background: rgba(211, 211, 211, 0.5);
  border: 3px solid transparent;
  padding: 1em;
  margin: 0;
}
main.cart [class$=_select_delivery_delivery] .master-list > label:hover {
  background-color: rgba(55, 90, 125, 0.05);
}
main.cart [class$=_select_delivery_delivery] .master-list dl.common-shippingDl .mase-validation {
  padding: 0;
}
@media (min-width: 500px) {
  main.cart [class$=_select_delivery_delivery] .master-list dl.common-shippingDl dt {
    width: 10em;
  }
}
main.cart [class$=_select_delivery_delivery] .master-list dl.common-shippingDl dt::before {
  color: #375a7d;
}
main.cart [class$=_select_delivery_delivery] .master-list p.remarks.master {
  padding: 0.5em 1em;
  margin-top: 0.5em;
}
main.cart article {
  /* article */
  /* common namespace */
  /* each */
}
main.cart article.input_pay table.master {
  margin-top: 1em;
}
main.cart article.input_pay table.master .global-currency {
  color: #f15a2d;
}
main.cart article.input_pay .global-colTable.master .global-currency {
  font-size: 1.2em;
}
main.cart article.input_pay .global-rowTable [name*='[email]'] {
  width: 20em;
}
main.cart article.input_pay .global-rowTable [name*='[usagePoint]'] {
  width: 10em;
}
main.cart article.input_pay .master-usagePoint .global-inlineDl {
  display: inline-block;
  padding: 0 0.5em;
}
main.cart article.input_pay .master-usagePoint .global-inlineDl::before {
  content: "(";
}
main.cart article.input_pay .master-usagePoint .global-inlineDl::after {
  content: ")";
}
main.cart article.input_pay .master-usagePoint dt {
  font-size: 0.9em;
}
main.cart article.input_pay .global-submitWrap.master [name] {
  border-radius: 5px;
  padding: 0.75em 2em;
}
main.cart article.input_pay .global-submitWrap.master [name*=next] {
  color: white;
  background-color: #f15a2d;
}
[class*=purchase-cart-putin] {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
main.cart article.select_delivery .master-itemInfo {
  font-size: 1em;
  vertical-align: top;
}
@media (max-width: 599px) {
  main.cart article.select_delivery .master-itemInfo {
    color: #111111;
    background: none;
    text-align: left;
  }
}
main.cart article.select_delivery .master-title {
  padding-top: 0.5em;
}
main.cart article.select_delivery .master-title > div {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.cart article.select_delivery .master-title > div > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.cart article.select_delivery .master-title em {
  font-size: 1.2em;
  padding: 0.5em;
}
main.cart article.select_delivery .master-title .global-coverImage {
  -webkit-flex-basis: 3em;
  flex-basis: 3em;
  width: 3em;
  max-width: 3em;
  padding-top: 3em;
}
main.cart article.select_delivery .master-detail {
  max-width: 25em;
  padding: 1em;
  margin-left: auto;
}
main.cart article.select_delivery .master-detail::after {
  content: "";
  display: block;
  clear: both;
}
main.cart article.select_delivery .master-detail > * {
  float: left;
}
main.cart article.select_delivery .master-detail dt {
  clear: both;
}
main.cart article.select_delivery .master-detail * {
  line-height: 2rem;
}
main.cart article.select_delivery .master-detail dd {
  float: right;
}
main.cart article.select_delivery .master-detail .owner {
  padding-bottom: 0.25em;
}
main.cart article.select_delivery .master-detail .global-num {
  color: #555555;
}
main.cart article.select_delivery .master-detail .global-currency {
  color: #f15a2d;
}
main.cart article.select_delivery .master-deliveryInfo {
  text-align: left;
}
main.cart article.select_delivery .master-deliveryInfo .global-dlForm {
  padding: 1em 0.5em;
}
main.cart article.select_delivery .global-submitWrap [name] {
  border-radius: 5px;
  padding: 0.75em 2em;
}
main.cart article.select_delivery .global-submitWrap [name*=next] {
  background: #f15a2d;
}
main.cart article.select_pay_method table.master {
  margin-top: 1em;
}
main.cart article.select_pay_method table.master .global-currency {
  color: #f15a2d;
}
main.cart article.select_pay_method .global-colTable.master .global-currency {
  font-size: 1.2em;
}
main.cart article.select_pay_method .global-submitWrap [name] {
  border-radius: 5px;
  padding: 0.75em 2em;
}
main.cart article.select_pay_method .global-submitWrap [name*='[next'] {
  color: white;
  background-color: #f15a2d;
}
main.cart article.show_inside .global-num {
  color: #f15a2d;
}
main.cart article.show_inside .master-itemTitle {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.cart article.show_inside .master-itemTitle > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.cart article.show_inside .master-itemTitle > img {
  max-width: 3em;
  margin-right: 0.5em;
}
main.cart article.show_inside .master-itemTitle span {
  -webkit-flex-basis: 3em;
  flex-basis: 3em;
  width: 3em;
  max-width: 3em;
  background: #fafafa;
  border: 1px solid rgba(211, 211, 211, 0.75);
  border-radius: 3px;
  padding-top: 3em;
  margin-right: 0.5em;
  position: relative;
  overflow: hidden;
}
main.cart article.show_inside .master-itemTitle span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  main.cart article.show_inside .master-itemTitle span img {
    height: auto;
  }
}
@media (min-width: 600px) {
  main.cart article.show_inside .master-count .global-num {
    display: block;
  }
}
main.cart article.show_inside .master-count a {
  display: inline-block;
  font-size: 0.85em;
  margin: 0.25em;
}
main.cart article.show_inside .master-total th {
  text-align: right;
}
main.cart article.show_inside .global-singleBtn {
  padding: 1em 2em;
  background-color: #f15a2d;
  border-radius: 5px;
}

/* purchasemanage */
main.purchasemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.purchasemanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.purchasemanage article.bank_transfer .global-colTable.master {
  margin-top: 3em;
}
main.purchasemanage article.detail > section.master {
  margin-top: 4em;
}
main.purchasemanage article.detail .confirmPayment.master {
  display: table;
  margin: auto;
  color: white;
  background-color: #375a7d;
  border-radius: 3px;
  padding: 1em 4em;
}
main.purchasemanage article.detail .paymentMenu.master {
  text-align: center;
}
main.purchasemanage article.detail .paymentMenu.master a {
  display: inline-block;
  font-weight: bold;
  border-radius: 3px;
  padding: 0.75em 2em;
  margin: 0.5em;
}
main.purchasemanage article.detail .paymentMenu.master a[href*='/cancel/'] {
  color: white;
  background-color: #cccccc;
}
main.purchasemanage article.detail .paymentMenu.master a[href*='/forceCancel/'] {
  color: white;
  background-color: #111111;
}
main.purchasemanage article.detail .status {
  text-align: center;
  padding: 1em;
  margin-top: 0.5em;
}
main.purchasemanage article.detail .status div.canceled b {
  color: orangered;
}
main.purchasemanage article.detail .status b {
  display: block;
  font-size: 1.2em;
  padding: 0.5em 1em;
}
main.purchasemanage article.detail .status b::before {
  content: "\f056";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.purchasemanage article.detail .status time {
  display: block;
  font-size: 0.9em;
}
/* ↓common↓ */
main.purchasemanage article.detail .global-currency {
  color: #f15a2d;
}
main.purchasemanage article.detail .global-userName, main.purchasemanage article.detail .global-user {
  font-weight: normal;
}
main.purchasemanage article.detail .global-colTable .disabled > * {
  background: #eeeeee;
  border-color: #cccccc;
}
@media (max-width: 599px) {
  main.purchasemanage article.detail .global-colTable .disabled th {
    background: slategray;
  }
}
main.purchasemanage article.detail .global-colTable .disabled td {
  background: #eeeeee;
}
/* ↑common↑ */
main.purchasemanage article.detail .stp.master > section:not(:first-of-type) {
  margin-top: 3em;
}
main.purchasemanage article.detail .stp.master .master-seller {
  font-size: 1.1em;
  padding: 0.5em;
}
main.purchasemanage article.detail .stp.master .master-seller::before {
  content: "\f2bd";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.purchasemanage article.detail .stp.master .shippingColumn {
  text-align: left;
}
@media (max-width: 599px) {
  main.purchasemanage article.detail .stp.master .common-shippingDl {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    margin-left: auto;
  }
}
main.purchasemanage article.detail .stp.master .price span {
  display: inline-block;
  white-space: nowrap;
}
main.purchasemanage article.detail .stp.master .price dl {
  font-size: 0.85em;
}
main.purchasemanage article.detail .stp.master .price dl::before {
  content: "(";
  vertical-align: baseline;
}
main.purchasemanage article.detail .stp.master .price dl::after {
  content: ")";
  vertical-align: baseline;
}
main.purchasemanage article.detail .stp.master .price a[href*='/changeAmountForProduct/'] {
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.35em 1em;
  margin-top: 0.35em;
}
main.purchasemanage article.detail .stp.master .price a[href*='/changeAmountForProduct/']::before {
  content: "\f044";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (min-width: 600px) {
  main.purchasemanage article.detail .stp.master .statusColumn {
    width: 30%;
  }
}
main.purchasemanage article.detail .stp.master .statusColumn > * {
  padding: 0.5em;
}
main.purchasemanage article.detail .stp.master .deliveriedAt {
  padding: 0.5em;
}
main.purchasemanage article.detail .stp.master .deliveriedAt time {
  font-size: 0.9em;
}
main.purchasemanage article.detail .stp.master .unshipped {
  color: slategray;
}
main.purchasemanage article.detail .stp.master .shipped.master {
  color: #296b73;
}
main.purchasemanage article.detail .stp.master .master-btns {
  font-size: 0.9em;
}
main.purchasemanage article.detail .stp.master .master-btns a {
  display: inline-block;
  font-weight: bold;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 1em;
}
main.purchasemanage article.detail .stp.master .master-btns .master-doDisable {
  color: orangered;
}
main.purchasemanage article.detail .stp.master .master-btns .master-doDisable::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.purchasemanage article.detail .stp.master .master-btns .master-doEvaluation {
  color: #274a78;
}
main.purchasemanage article.detail .stp.master .master-btns .master-doEvaluation:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
main.purchasemanage article.detail .stp.master .master-btns .master-doEvaluation::before {
  content: "\f52d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  main.purchasemanage article.detail .stp.master .master-remarksEvaluation {
    margin-top: -2em;
  }
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation td {
  text-align: left;
}
@media (min-width: 600px) {
  main.purchasemanage article.detail .stp.master .master-remarksEvaluation td > div {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation dl {
  padding: 1.5em;
}
@media (min-width: 600px) {
  main.purchasemanage article.detail .stp.master .master-remarksEvaluation dl {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation dt {
  background: whitesmoke;
  margin-bottom: 0.5em;
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation dt span {
  display: inline-block;
  font-size: 0.85em;
  padding: 0.25em 2em;
  line-height: 2;
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation dt .master-score {
  display: inline-block;
  color: orange;
  font-size: 1.2em;
  line-height: 2;
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation p {
  padding: 1em;
}
main.purchasemanage article.detail .stp.master .master-remarksEvaluation .master-footer {
  font-size: 0.85em;
  color: dimgray;
  text-align: right;
  margin-top: 0.5em;
}
/* ↓common↓ */
main.purchasemanage article.detail .str.master .price {
  white-space: nowrap;
  text-align: right;
}
/* ↑common↑ */
main.purchasemanage article.detail .str.master .planContent {
  text-align: left;
}
main.purchasemanage article.detail .str.master .planContent b {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  word-break: break-all;
  overflow-wrap: break-word;
}
main.purchasemanage article.detail .str.master .planContent em {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  word-break: break-all;
  overflow-wrap: break-word;
}
main.purchasemanage article.detail .str.master .planContent p {
  line-height: 1.5;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 0.75em;
  margin-top: 0.5em;
}
main.purchasemanage article.detail .str.master .period {
  white-space: nowrap;
}
main.purchasemanage article.detail .str.master .plan span {
  display: block;
  white-space: nowrap;
}
main.purchasemanage article.detail .str.master .plan a[href*='/changeAmountForReserve/'] {
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.35em 1em;
  margin-top: 0.35em;
}
main.purchasemanage article.detail .str.master .plan a[href*='/changeAmountForReserve/']::before {
  content: "\f044";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.purchasemanage article.detail .str.master .optionContent {
  text-align: left;
}
main.purchasemanage article.detail .str.master .toApplicationInfo {
  display: table;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  text-align: center;
  padding: 0.75em 3em;
}
main.purchasemanage article.listofdigital .global-colTable.master td > i {
  word-break: keep-all;
}
main.purchasemanage article.listofdigital .global-colTable.master td > b {
  white-space: nowrap;
}
main.purchasemanage article.listofdigital .titleColumn.master {
  text-align: left;
}
@media (min-width: 600px) {
  main.purchasemanage article.listofdigital .titleColumn.master {
    width: 35%;
    padding-right: 1em;
    padding-left: 1em;
  }
}
main.purchasemanage article.listofdigital .deadline.master {
  white-space: nowrap;
}
main.purchasemanage article.listofdigital .deadline.master > * {
  display: inline-block;
  line-height: 1.25;
}
main.purchasemanage article.listofdigital .deadline.master dt {
  color: gray;
  font-size: x-small;
}
main.purchasemanage article.listofdigital .deadline.master dt::after {
  content: "：";
}

/* questionnaire */
.questionnaire-header {
  padding: 1em;
  padding-bottom: 0;
}
.questionnaire-header dl {
  padding: 1em;
}
.questionnaire-header dl.period dt::before {
  content: "\f133";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.questionnaire-header dl.count dt::before {
  content: "\f4ad";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.questionnaire-header dt {
  font-size: 0.85em;
  margn-bottom: 0.5em;
}

/* questionnaire */
[class|=questionnaire] {
  /* block */
}
@media (min-width: 800px) {
  [class|=questionnaire][class*=_tpl_result] .results {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* for old browser */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    /* for old browser */
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
[class|=questionnaire][class*=_tpl_result] section.master {
  padding: 2em 1em;
}
@media (min-width: 800px) {
  [class|=questionnaire][class*=_tpl_result] section.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
[class|=questionnaire][class*=_tpl_result] section.master header {
  margin-bottom: 2em;
}
[class|=questionnaire][class*=_tpl_result] section.master h3 {
  font-size: 1.3em;
  padding: 0.5em;
  padding-bottom: 0;
}
[class|=questionnaire][class*=_tpl_result] section.master p {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
  margin-bottom: 1em;
}
[class|=questionnaire][class*=_tpl_result] section.master canvas {
  padding: 1em;
}
[class|=questionnaire][class*=_tpl_result] section.master li {
  background-color: whitesmoke;
  border-radius: 3px;
  word-break: break-all;
  padding: 1em;
  margin: 0.5em 0;
}
[class|=questionnaire][class*=_tpl_result] section.master footer {
  font-size: 0.9em;
  color: gray;
  text-align: right;
  padding: 1em;
}
[class|=questionnaire][class*=_tpl_result] section.master footer small::before {
  content: "\203B ";
}
[class|=questionnaire][class*=_tpl_result] section.master span {
  display: block;
  background-color: bisque;
  border-radius: 3px;
  text-align: center;
  padding: 1em;
}
[class|=questionnaire][class*=_tpl_result] section.master span::before {
  content: "\f070";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}

main.questionnaire {
  /* component */
  /* common namespace */
  /* each */
}
main.questionnaire article {
  /* article */
  /* common namespace */
  /* each */
}
main.questionnaire article.list tbody th a {
  color: #274a78;
}
main.questionnaire article.list tbody th a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.questionnaire article.list tbody .private {
  font-weight: normal;
}
main.questionnaire article.answer form.master {
  padding: 1rem;
}
main.questionnaire article.answer form.master fieldset {
  padding: 2em 0;
}
main.questionnaire article.answer form.master legend {
  font-size: 1.3em;
  padding: 1em;
  padding-bottom: 0.5em;
}
main.questionnaire article.answer form.master legend.required label {
  margin-right: 0.5em;
}
main.questionnaire article.answer form.master legend.required::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: orangered;
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
main.questionnaire article.answer form.master p {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
  margin: 1em 0;
}
main.questionnaire article.answer form.master img {
  display: table;
  margin: 0 auto;
}
main.questionnaire article.answer form.master .input {
  padding: 1em 0;
}
main.questionnaire article.answer form.master .input div {
  padding: 0 1em;
}
main.questionnaire article.answer form.master [type=text] {
  width: 100%;
}
main.questionnaire article.answer form.master [name*='[name]'] {
  width: 100%;
  max-width: 30em;
}
main.questionnaire article.answer form.master textarea {
  min-height: 7em;
}
main.questionnaire article.answer form.master .global-rowTable {
  margin-top: 3em;
}

/* register */
/* register */
[class|=register-register] {
  /* block */
}

main.register {
  /* component */
  /* common namespace */
  /* each */
}
main.register article {
  /* article */
  /* common namespace */
  /* each */
}
main.register article h2.default {
  text-align: center;
}
main.register article .global-explain {
  margin: 1em;
}
@media (min-width: 600px) {
  main.register article[class^=add_user] [name*='[nickName]'] {
    min-width: 23em;
  }
}
main.register article.identify ._macro {
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
main.register article.identify ._macro dd {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
main.register article.identify ._macro [name*=email] {
  width: 100%;
}
@media (min-width: 600px) {
  main.register article.identify ._macro [name*=email] {
    width: 20em;
  }
}
main.register article.new fieldset.master .mase-validation {
  text-align: center;
}
main.register article.new fieldset.master legend {
  font-size: 1.4em;
  text-align: center;
}
main.register article.new .freespace-register-new.master {
  width: 90%;
  max-width: 900px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(245, 245, 245, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
}
main.register article.new .freespace-register-new.master.limited {
  max-height: 25em;
  overflow-y: auto;
}

/* sale */
.sale-tab span.stc {
  color: white;
  background-color: #296b73;
}
.sale-tab span.stp {
  color: white;
  background-color: #d93b3b;
}
.sale-tab span.str {
  color: white;
  background-color: #02547d;
}
.sale-tab a:hover {
  opacity: 1;
}
.sale-tab a[href$='/salemanage']:hover {
  color: white;
  background-color: #d93b3b;
}
.sale-tab a[href*='/caseEntryList']:hover {
  color: white;
  background-color: #296b73;
}
.sale-tab a[href$='/indexForReserve']:hover {
  color: white;
  background-color: #02547d;
}

/* salemanage */
main.salemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.salemanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.salemanage article.case_entry_list .global-colTable.master .id {
  word-break: keep-all;
}
main.salemanage article.case_entry_list .global-colTable.master .status .commencedAt::before {
  content: "/";
}
main.salemanage article.case_entry_list .global-colTable.master .status time {
  display: block;
  font-size: 0.85em;
}
main.salemanage article.detail > section.master {
  margin-top: 4em;
}
main.salemanage article.detail .global-colTable.master tr.disabled > * {
  background: #eeeeee;
  border-color: #cccccc;
}
@media (max-width: 599px) {
  main.salemanage article.detail .global-colTable.master tr.disabled th {
    background: slategray;
  }
}
main.salemanage article.detail .global-colTable.master tr.disabled td {
  background: #eeeeee;
}
@media (max-width: 599px) {
  main.salemanage article.detail .global-colTable.master td:not(:last-of-type) {
    border-bottom: 1px solid white;
  }
}
@media (min-width: 600px) {
  main.salemanage article.detail .global-colTable.master td:nth-of-type(even) {
    background: none;
  }
}
main.salemanage article.detail .global-colTable.master .global-currency {
  color: #f15a2d;
}
main.salemanage article.detail .global-colTable.master .price span {
  display: inline-block;
  white-space: nowrap;
}
main.salemanage article.detail .global-colTable.master .price dl {
  font-size: 0.85em;
}
main.salemanage article.detail .global-colTable.master .price dl::before {
  content: "(";
  vertical-align: baseline;
}
main.salemanage article.detail .global-colTable.master .price dl::after {
  content: ")";
  vertical-align: baseline;
}
@media (max-width: 599px) {
  main.salemanage article.detail .global-colTable.master .shippingColumn {
    text-align: right;
  }
}
main.salemanage article.detail .global-colTable.master .unpaid {
  display: block;
  color: slategray;
}
main.salemanage article.detail .global-colTable.master .canceled {
  display: block;
  color: slategray;
}
main.salemanage article.detail .global-colTable.master .shipped {
  display: block;
  color: #296b73;
}
main.salemanage article.detail .global-colTable.master .noticeShipped {
  display: inline-block;
  color: #274a78;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
}
main.salemanage article.detail .global-colTable.master .noticeShipped:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
main.salemanage article.detail .global-colTable.master .noticeShipped::before {
  content: "\f0f3";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  main.salemanage article.detail .master-remarksEvaluation {
    margin-top: -2em;
  }
}
main.salemanage article.detail .master-remarksEvaluation td {
  text-align: left;
}
@media (min-width: 600px) {
  main.salemanage article.detail .master-remarksEvaluation td > div {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.salemanage article.detail .master-remarksEvaluation dl {
  padding: 1.5em;
}
@media (min-width: 600px) {
  main.salemanage article.detail .master-remarksEvaluation dl {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
main.salemanage article.detail .master-remarksEvaluation dt {
  background: rgba(41, 107, 115, 0.2);
  margin-bottom: 0.5em;
}
main.salemanage article.detail .master-remarksEvaluation dt span {
  display: inline-block;
  background: rgba(41, 107, 115, 0.2);
  padding: 0.25em 2em;
  line-height: 2;
}
main.salemanage article.detail .master-remarksEvaluation dt .master-score {
  display: inline-block;
  color: orange;
  font-size: 1.2em;
  line-height: 2;
}
main.salemanage article.detail .master-remarksEvaluation p {
  padding: 1em;
}
main.salemanage article.detail .master-remarksEvaluation .master-footer {
  color: slategray;
  text-align: right;
  margin-top: 0.5em;
}
main.salemanage article.detail .global-rowTable.master .global-userName, main.salemanage article.detail .global-rowTable.master .global-user {
  font-weight: normal;
}
main.salemanage article.index .global-colTable.master .id {
  word-break: keep-all;
}
main.salemanage article.index .global-colTable.master .price {
  text-align: right;
}
main.salemanage article.index .global-colTable.master .status time {
  display: block;
  font-size: 0.85em;
}
main.salemanage article.reserve_index .global-colTable.master .id {
  word-break: keep-all;
}
main.salemanage article.reserve_index .global-colTable.master .total {
  white-space: nowrap;
  text-align: right;
}
main.salemanage article.reserve_index .global-colTable.master .status time {
  display: block;
  font-size: 0.85em;
}
main.salemanage article.reserve_index .global-colTable.master .status .paid::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  color: #375a7d;
}
main.salemanage article.reserve_index .global-colTable.master .status .canceled {
  color: gray;
}
main.salemanage article.reserve_index .global-colTable.master .status .canceled time {
  display: block;
}

/* serveicetypecase */
[class|=stc][class*=case-][class*=censorWrap].master a {
  display: inline-block;
  border-radius: 2px;
  padding: 0.35em 1em;
}
[class|=stc][class*=case-][class*=censorWrap].master a.status-submission {
  padding: 0.5em 1em;
}
[class|=stc][class*=case-][class*=censorWrap].master b {
  font-size: 1.2em;
  font-weight: normal;
}
[class|=stc][class*=case-][class*=censorWrap].master b.status-submission {
  display: block;
  background: rgba(255, 140, 0, 0.05);
  text-align: center;
  padding: 0.75em;
}
[class|=stc][class*=case-][class*=censorWrap].master b.status-failed {
  display: inline-block;
  background: white;
  padding: 0.5em 1em;
  margin-left: 1em;
}
[class|=stc][class*=case-][class*=censorWrap].master b.status-failed + p {
  border: 1px solid rgba(255, 69, 0, 0.5);
  border-radius: 3px;
  padding: 1em;
  padding-top: 1.5em;
  margin-top: -1.7em;
  margin-bottom: 1em;
}
[class|=stc][class*=case-][class*=censorWrap].master a.status-submission {
  display: block;
  color: white;
  text-align: center;
}
[class|=stc][class*=case-][class*=censorWrap].master .editBtn {
  color: white;
  background-color: #193441;
}
[class|=stc][class*=case-][class*=censorWrap].master .applicationcensorBtn {
  color: white;
  background-color: #375a7d;
}
[class|=stc] .global-dlForm dt {
  color: #296b73;
  border-color: #296b73;
}

.stc-case-entryBtn {
  display: block;
  width: 50%;
  color: white;
  background-color: #375a7d;
  border-radius: 5px;
  text-align: center;
  padding: 2em;
  margin: 2em auto;
}
.stc-case-menu {
  text-align: right;
}
.stc-case-imagesA {
  text-align: center;
  margin: 2em 0;
}
.stc-case-imagesA li:first-of-type {
  margin-bottom: 1em;
}
.stc-case-imagesA li:not(:first-of-type) {
  display: inline-block;
  width: 10em;
  height: 7em;
  margin: 0.25em;
}
.stc-case-imagesA li:not(:first-of-type):hover {
  opacity: 0.8;
}
.stc-case-imagesB {
  padding: 0.5em;
  margin: 1em 0;
}
.stc-case-imagesB::after {
  content: "";
  display: block;
  clear: both;
}
.stc-case-imagesB div {
  text-align: center;
  padding: 0.5em;
}
@media (min-width: 800px) {
  .stc-case-imagesB div {
    display: block;
    width: 60%;
    float: left;
  }
}
.stc-case-imagesB ul {
  text-align: center;
  padding: 0.5em;
}
@media (min-width: 800px) {
  .stc-case-imagesB ul {
    display: block;
    width: 40%;
    float: left;
  }
}
.stc-case-imagesB .global-imgBg {
  display: inline-block;
  width: 10em;
  height: 7em;
  margin: 0.25em;
}
.stc-case-pr {
  margin: 1em;
  margin-bottom: 3em;
}
.stc-case-pr dt {
  display: inline-block;
  color: white;
  background-color: #296b73;
  padding: 0.3em 0.75em;
}
.stc-case-pr dd {
  background: rgba(41, 107, 115, 0.05);
  border: 10px solid rgba(41, 107, 115, 0.25);
  border-radius: 0.5em;
  border-top-left-radius: 0;
  padding: 1em;
}
.stc-case-postTypeA {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  background: white;
}
.stc-case-postTypeA > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.stc-case-postTypeA > *:last-child:not(:only-of-type) {
  margin-top: auto;
}
.stc-case-postTypeA .global-postList {
  background: none;
  padding: 0.75em;
}
.stc-case-postTypeA .tpl-summary header {
  margin-bottom: 0.75em;
}
.stc-case-postTypeA .tpl-summary h3 {
  font-size: 1.3em;
  margin-bottom: 0.25em;
}
.stc-case-postTypeA .tpl-summary h3 a {
  display: block;
}
.stc-case-postTypeA .tpl-summary dl {
  font-size: 0.9em;
}
.stc-case-postTypeA .tpl-summary dl::after {
  content: "";
  display: block;
  clear: both;
}
.stc-case-postTypeA .tpl-summary dl > * {
  float: left;
}
.stc-case-postTypeA .tpl-summary dl dt {
  clear: both;
}
.stc-case-postTypeA .tpl-summary dt {
  font-weight: bold;
  line-height: 1.5rem;
  margin-right: 1em;
}
.stc-case-postTypeA .tpl-summary dt::after {
  content: ":";
  margin-left: 0.25em;
}
.stc-case-postTypeA .tpl-summary dd {
  line-height: 1.5rem;
}
.stc-case-postTypeA .tpl-summary .global-currency {
  display: inline-block;
  color: #f15a2d;
  font-size: 1.1em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.stc-case-postTypeA .tpl-footer {
  padding: 0.5em;
  padding-top: 0;
  margin-top: auto;
}
.stc-case-postTypeA .tpl-footer dl {
  color: gray;
  padding: 0 0.5em;
}
.stc-case-postTypeA .tpl-footer dt {
  color: slategray;
  margin-right: 0.5em;
}
.stc-case-postTypeA .tpl-footer a {
  color: white;
  background-color: #296b73;
  font-size: 0.85em;
  border-radius: 2px;
  white-space: nowrap;
  padding: 0.5em 0.75em;
  margin: 0;
}

._tpl_mase_stc_header {
  color: white;
  background-color: #296b73;
}

/* case */
[class|=stc-case] {
  /* block */
  /* common namespace */
  /* each */
  /* component */
  /* common namespace */
  /* each */
}
[class|=stc-case][class*=left-index_type] .global-sideTitle {
  margin-bottom: 0;
}
[class|=stc-case][class*=left-search_type] .global-submit {
  background-color: #296b73;
}
[class|=stc-case][class$=search_type02] .global-submit {
  width: 80%;
}
[class|=stc-case][class*=_tpl_post_type] .global-inlineDl {
  font-size: 0.95em;
  margin: 0;
}
[class|=stc-case][class*=_tpl_changeApprove] {
  text-align: right;
}
[class|=stc-case][class*=_tpl_changeApprove] a {
  font-size: 0.9em;
}
[class|=stc-case][class*=_tpl_caseApplicant] {
  text-align: center;
  padding: 1em;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-profWrap .global-personImg {
  width: 6em;
  height: 6em;
  margin: 0 auto 0.5em;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav {
  font-size: 0.9em;
  margin-top: 1em;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav a {
  display: block;
  background: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  text-align: center;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav a:hover {
  color: white;
  background-color: #296b73;
  opacity: 1;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav a[href*='/ownerCaseList/']::before {
  content: "\f03a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav a[href*='/offerFormUser/']::before {
  content: "\f27a";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_caseOwner] {
  text-align: center;
  padding: 1em;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-profWrap .global-personImg {
  width: 6em;
  height: 6em;
  margin: 0 auto 0.5em;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav {
  font-size: 0.9em;
  margin-top: 1em;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav a {
  display: block;
  background: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  text-align: center;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav a:hover {
  color: white;
  background-color: #296b73;
  opacity: 1;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav a[href*='/ownerCaseList/']::before {
  content: "\f03a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav a[href*='/offerFormUser/']::before {
  content: "\f27a";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_censor] > *:last-child {
  margin-bottom: 1.5em;
}
[class|=stc-case][class*=_tpl_post_type02] .global-postList > div:first-of-type {
  max-width: 8em;
}
[class|=stc-case][class*=_tpl_post_type02] .global-category, [class|=stc-case][class*=_tpl_post_type02] main.case article.index_type06 .master-header address, main.case article.index_type06 .master-header [class|=stc-case][class*=_tpl_post_type02] address, [class|=stc-case][class*=_tpl_post_type02] main.case article.index_type07 .master-header address, main.case article.index_type07 .master-header [class|=stc-case][class*=_tpl_post_type02] address {
  font-size: 0.9em;
  padding: 0.5em 0;
}
[class|=stc-case][class*=_tpl_post_type03] .global-postList > *:first-child {
  -webkit-flex-basis: 15%;
  flex-basis: 15%;
  width: 15%;
  max-width: 15%;
}
[class|=stc-case][class*=_tpl_post_type03] .tpl-summary {
  padding-bottom: 2em;
  position: relative;
}
[class|=stc-case][class*=_tpl_post_type03] .tpl-summary h3 {
  font-size: 1.3em;
}
[class|=stc-case][class*=_tpl_post_type03] .tpl-summary .global-btn, [class|=stc-case][class*=_tpl_post_type03] .tpl-summary .global-btns a[href], .global-btns [class|=stc-case][class*=_tpl_post_type03] .tpl-summary a[href] {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: x-small;
  background-color: #296b73;
}
[class|=stc-case][class*=_tpl_post_type04] .tpl-summary .global-category, [class|=stc-case][class*=_tpl_post_type04] .tpl-summary main.case article.index_type06 .master-header address, main.case article.index_type06 .master-header [class|=stc-case][class*=_tpl_post_type04] .tpl-summary address, [class|=stc-case][class*=_tpl_post_type04] .tpl-summary main.case article.index_type07 .master-header address, main.case article.index_type07 .master-header [class|=stc-case][class*=_tpl_post_type04] .tpl-summary address {
  padding: 0.5em 0;
}
[class|=stc-case][class*=_tpl_post_type04] .global-rowTable {
  font-size: 0.9em;
  margin-top: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type04] .global-rowTable tr:nth-of-type(even) {
  background-color: transparent;
}
[class|=stc-case][class*=_tpl_post_type05] .global-postList > *:first-child {
  -webkit-flex-basis: 15%;
  flex-basis: 15%;
  width: 15%;
  max-width: 15%;
}
[class|=stc-case][class*=_tpl_post_type05] .tpl-summary {
  padding-bottom: 2em;
  position: relative;
}
[class|=stc-case][class*=_tpl_post_type05] .tpl-summary h3 {
  font-size: 1.3em;
}
[class|=stc-case][class*=_tpl_post_type05] .tpl-summary .global-btn, [class|=stc-case][class*=_tpl_post_type05] .tpl-summary .global-btns a[href], .global-btns [class|=stc-case][class*=_tpl_post_type05] .tpl-summary a[href] {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: x-small;
  background-color: #296b73;
}
[class|=stc-case][class*=_tpl_post_type06] .global-postList > div:first-of-type {
  max-width: 8em;
}
[class|=stc-case][class*=_tpl_post_type06] .tpl-summary a {
  padding-left: 0;
}
[class|=stc-case][class*=_tpl_post_type06] .global-currency {
  font-size: 1.3em;
}
[class|=stc-case][class*=_tpl_post_type06] .global-colTable {
  margin-bottom: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type06] .global-colTable thead {
  font-size: 0.8em;
  text-align: center;
}
[class|=stc-case][class*=_tpl_post_type07] .global-postList > div:first-of-type {
  max-width: 8em;
}
[class|=stc-case][class*=_tpl_post_type07] .tpl-summary a {
  padding-left: 0;
}
[class|=stc-case][class*=_tpl_post_type07] .global-currency {
  font-size: 1.3em;
}
[class|=stc-case][class*=_tpl_post_type07] .global-colTable {
  margin-bottom: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type07] .global-colTable thead {
  font-size: 0.8em;
  text-align: center;
}
[class|=stc-case][class*=_tpl_post_type07] .global-colTable th:last-of-type {
  width: 25%;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-header {
  margin-bottom: 0;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-header em {
  display: inline-block;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 0.75em;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-header h3 {
  padding: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-price {
  text-align: right;
  padding: 0.75em;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-price > * {
  display: inline-block;
  vertical-align: text-bottom;
  float: none !important;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-price dd {
  font-size: 1.5em;
}
[class|=stc-case][class*=_tpl_post_type08] .tpl-text {
  font-size: 0.9em;
  background: rgba(211, 211, 211, 0.05);
  border-top: 3px solid rgba(211, 211, 211, 0.5);
  padding: 1em 1.5em;
}
[class|=stc-case][class*=_tpl_post_type09] .global-imgBg {
  padding-top: 75%;
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-summary h3 {
  font-size: 1.5em;
  margin: 0.5rem 0;
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-summary p {
  font-size: 0.95em;
  background: rgba(211, 211, 211, 0.1);
  padding: 1em;
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-summary .tpl-dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5rem;
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-summary .tpl-dl dt {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 20%;
  flex: 0 1 20%;
  width: 20%;
  max-width: 20%;
  white-space: nowrap;
  margin-right: 0;
  float: none;
}
@media (min-width: 800px) {
  [class|=stc-case][class*=_tpl_post_type09] .tpl-summary .tpl-dl dt {
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
    width: 15%;
    max-width: 15%;
  }
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-summary .tpl-dl dd {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 80%;
  flex: 0 1 80%;
  width: 80%;
  max-width: 80%;
  float: none;
}
@media (min-width: 800px) {
  [class|=stc-case][class*=_tpl_post_type09] .tpl-summary .tpl-dl dd {
    -webkit-flex-basis: 85%;
    flex-basis: 85%;
    width: 85%;
    max-width: 85%;
  }
}
[class|=stc-case][class*=_tpl_post_type09] .tpl-footer {
  color: white;
  background-color: #333333;
}
@media (max-width: 499px) {
  [class|=stc-case][class*=_tpl_post_type09] .tpl-footer {
    padding-top: 0.5em;
  }
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type09] .tpl-footer {
    padding: 0;
  }
}
[class|=stc-case][class*=_tpl_post_type10] {
  height: 100%;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-wrap {
  padding: 1em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-wrap a[href*='/favorite/'] {
  display: table;
  color: white;
  background-color: tomato;
  font-size: 0.9em;
  border-radius: 2px;
  padding: 0.35em 1em;
  margin-left: auto;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-header .taxonomy {
  color: #296b73;
  font-size: 0.9em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-header .taxonomy b {
  display: inline-block;
  margin: 0.15em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-header .taxonomy b:not(:first-of-type)::before {
  content: "\f054";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin: 0.35em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-header .taxonomy span {
  display: inline-block;
  border: 1px solid rgba(41, 107, 115, 0.5);
  border-radius: 3px;
  padding: 0.25em 1em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-header h3 {
  font-size: 1.3em;
  padding: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-characteristics {
  font-size: 0.9em;
  padding: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-price {
  padding: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-price > * {
  display: inline-block;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-price dt {
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_post_type10] .tpl-price b {
  font-size: 1.4em;
  color: #296b73;
}
[class|=stc-case][class*=_tpl_post_type11] {
  height: 100%;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master {
  height: 100%;
  padding: 1em;
  padding-bottom: 0.5em;
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master > *:first-child {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 20%;
    flex: 0 1 20%;
    width: 20%;
    max-width: 20%;
  }
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master > *:last-child {
  padding: 0.5em;
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master > *:last-child {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 80%;
    flex: 0 1 80%;
    width: 80%;
    max-width: 80%;
    padding-left: 1em;
  }
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-postList.master .global-imgBg {
  padding-top: 70%;
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master > * {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media (min-width: 500px) {
  [class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master > *:last-child {
    margin-top: auto;
  }
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .attr b {
  display: inline-block;
  font-size: 0.9em;
  font-weight: normal;
  border: 1px solid lightgray;
  border-radius: 2px;
  padding: 0.3em 0.7em;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .attr b.category {
  color: #ef999a;
  border-color: #ef999a;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .attr b.area {
  color: #cba87a;
  border-color: #cba87a;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .attr b.area span:not(:first-of-type)::before {
  content: ">";
  margin: 0 0.25em;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .termFavorite {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .termFavorite > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .global-inlineDl {
  padding: 0.25em 0;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master .global-inlineDl > * {
  color: gray;
  font-size: 0.85rem;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master a[href*='/favorite/'] {
  display: inline-block;
  font-size: 0.8em;
  color: white;
  background-color: tomato;
  border-radius: 2px;
  white-space: nowrap;
  padding: 0.5em 1.5em;
  margin-left: auto;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master h3 {
  font-size: 1.3em;
  margin-bottom: 0.3em;
}
[class|=stc-case][class*=_tpl_post_type11] .tpl-summary.master h3 a {
  display: block;
  padding: 0.5em 0;
}
[class|=stc-case][class*=_tpl_post_typeA9_small] .tpl-image .global-imgBg {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 75%;
}
[class|=stc-case][class*=_tpl_post_typeA9_small] .tpl-title {
  font-size: 1.1em;
  padding: 0.5em 0.25em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap {
  padding: 0 0.5em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap li {
  background: rgba(211, 211, 211, 0.2);
  border: 1px solid lightgray;
  border-radius: 3px;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap li:not(:last-of-type) {
  margin-bottom: 1em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap header {
  margin-bottom: 1em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap p {
  padding: 1em;
}
@media (min-width: 800px) {
  [class|=stc-case][class*=_tpl_postscript] .tpl-wrap p {
    padding-right: 2em;
    padding-left: 2em;
  }
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap .global-attachments {
  padding: 1em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap .global-contentFooter {
  padding: 1.5em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap .global-contentFooter a[href*='/addOtherLangPostscript/'] {
  display: inline-block;
  color: white;
  background-color: #555555;
  border-radius: 5px;
  padding: 0.35em 1.5em;
  margin: 0 0.5em;
}
[class|=stc-case][class*=_tpl_postscript] .tpl-wrap .global-contentFooter a[href*='/addOtherLangPostscript/']::before {
  content: "\f303";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_qa] {
  margin-top: 1em;
}
[class|=stc-case][class*=_tpl_qa] .global-menuHeader h3 {
  font-size: inherit;
}
[class|=stc-case][class*=_tpl_qa] .global-menuHeader a::before {
  content: "\f4ad";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap {
  padding: 0 0.5em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap li {
  background: rgba(211, 211, 211, 0.2);
  border: 1px solid lightgray;
  border-radius: 3px;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap li:not(:last-of-type) {
  margin-bottom: 1em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap header {
  padding: 1em;
  margin-bottom: 0;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap header > * {
  display: inline-block;
  line-height: 2rem;
  vertical-align: middle;
  padding: 0.5em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap header h4 {
  font-size: 1.2em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap header h4::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap .tpl-content {
  padding: 1em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-wrap .tpl-content p {
  padding: 1em;
}
[class|=stc-case][class*=_tpl_qa] .tpl-q header {
  background: rgba(112, 128, 144, 0.1);
}
[class|=stc-case][class*=_tpl_qa] .tpl-q header h4::before {
  content: "\f059";
}
[class|=stc-case][class*=_tpl_qa] .tpl-a header {
  background: rgba(55, 90, 125, 0.2);
}
[class|=stc-case][class*=_tpl_qa] .tpl-a header h4::before {
  content: "\f4ad";
}
[class|=stc-case][class*=_tpl_qa] .tpl-answerBtn {
  display: table;
  color: white;
  background-color: #375a7d;
  border-radius: 5px;
  padding: 0.5em 1.5em;
  margin: 1em;
  margin-left: auto;
}
[class|=stc-case][class*=_tpl_qa] .tpl-answerBtn::before {
  content: "\f4ad";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stc-case][class*=_tpl_save_search_condition] a {
  display: table;
  color: white;
  background-color: #296b73;
  border-radius: 2px;
  padding: 0.5em 2em;
}
[class|=stc-case] [class$=_recommend_info_typeA9] .global-componentTitle {
  color: #296b73;
}
[class|=stc-case] [class$=_recommend_info_typeA9] .global-componentTitle::after {
  background-color: #296b73;
}
[class|=stc-case][class*=-left-] [class$=_recommend_info_typeA9] {
  margin-top: 2em;
}
@media (max-width: 599px) {
  [class|=stc-case][class*=-left-] [class$=_recommend_info_typeA9] .wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
[class|=stc-case][class*=-left-] [class$=_recommend_info_typeA9] .wrap > li {
  padding: 0.5em;
}
@media (max-width: 599px) {
  [class|=stc-case][class*=-left-] [class$=_recommend_info_typeA9] .wrap > li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}

[class|=stc-case][class*=-under-] [class$=_recommend_info_typeA9] {
  margin-top: 3em;
}
[class|=stc-case][class*=-under-] [class$=_recommend_info_typeA9] .wrap {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
[class|=stc-case][class*=-under-] [class$=_recommend_info_typeA9] .wrap > li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  width: 50%;
  max-width: 50%;
  padding: 0.5em;
}
@media (min-width: 800px) {
  [class|=stc-case][class*=-under-] [class$=_recommend_info_typeA9] .wrap > li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
[class|=stc-case][class*=-under-] [class$=_recommend_info_typeA9] .wrap [class*=_tpl_post_typeA9] {
  height: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em;
}

main.case article {
  /* article */
  /* common namespace */
  /* each */
}
main.case article[class^=entry_type] > header {
  margin-bottom: 2em;
}
main.case article[class^=index_type] > section {
  margin-top: 2em;
}
main.case article[class^=owner_case_list_type] .global-counter {
  text-align: right;
}
main.case article[class^=search_type] .master-header::after {
  content: "";
  display: block;
  clear: both;
}
main.case article[class^=search_type] .master-header h2 {
  margin-bottom: 0.5em;
}
main.case article[class^=search_type] .master-header .global-counter {
  display: block;
  float: right;
  line-height: 1.75rem;
  padding: 0.45em 1em;
  margin-right: 1em;
}
main.case article[class^=search_type] .master-header [class*=_tpl_save_search_condition] {
  display: block;
  float: right;
  line-height: 1.75rem;
  margin-right: 1em;
}
main.case article[class^=search_type] .pageHeader.master::after {
  content: "";
  display: block;
  clear: both;
}
main.case article[class^=search_type] .pageHeader.master h2 {
  margin-bottom: 0.5em;
}
main.case article[class^=search_type] .pageHeader.master .global-counter {
  display: block;
  float: right;
  line-height: 1.75rem;
  padding: 0.45em 1em;
  margin-right: 1em;
}
main.case article[class^=search_type] .pageHeader.master [class*=_tpl_save_search_condition] {
  display: block;
  float: right;
  line-height: 1.75rem;
  margin-right: 1em;
}
main.case article[class*=answer] .question.master {
  background-color: rgba(211, 211, 211, 0.1);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  margin: 0 1em 1em;
}
main.case article[class*=answer] .question.master h3 {
  font-size: 0.9em;
  background-color: rgba(211, 211, 211, 0.5);
  padding: 0.5em 1em;
}
main.case article[class*=answer] .question.master h3::before {
  content: "\f059";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.case article[class*=answer] .question.master .global-attachments .image {
  max-width: 10em;
}
main.case article[class*=answer] .question.master p {
  padding: 1em;
}
@media (min-width: 800px) {
  main.case article[class*=answer] .question.master p {
    padding-right: 2em;
    padding-left: 2em;
  }
}
main.case article.answer {
  /* → [class*=answer] */
}
main.case article.answer .answerBody.master textarea {
  min-height: 15em;
}
main.case article.conf_answer {
  /* → [class*=answer] */
}
main.case article.conf_answer .answerBody.master {
  padding: 1em;
}
main.case article.conf_offer .body.master {
  padding: 1em;
}
main.case article.conf_question .questionBody.master {
  padding: 1em;
}
main.case article.entry_complete > a {
  display: table;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #296b73;
  word-break: break-all;
  overflow-wrap: break-word;
  border-radius: 3px;
  padding: 1em 3em;
}
main.case article.entry_conf_type04 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_conf_type05 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_conf_type06 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_conf_type07 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_type04 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_type05 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_type06 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_type07 .global-rowTable + .global-explain {
  text-align: center;
}
main.case article.entry_type10 .global-rowTable.master input[type=text] {
  width: 100%;
  max-width: 30em;
}
main.case article.entry_type10 .global-rowTable.master textarea[name*='[itemStrText01]'] {
  min-height: 20em;
}
main.case article.entry_type11 .global-rowTable.master small {
  display: block;
  color: #296b73;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 0.25em;
}
main.case article.entry_type11 .global-rowTable.master i {
  display: block;
  font-style: italic;
}
main.case article.entry_type11 .global-rowTable.master span {
  display: block;
  text-indent: 1em;
}
main.case article.entry_type11 .global-rowTable.master [type=text] {
  width: 20em;
}
main.case article.entry_type11 [type=submit] {
  background-color: #296b73;
  padding: 1em 6em;
}
main.case article.index_type02 .master-header .global-category, main.case article.index_type02 article.index_type06 .master-header address, main.case article.index_type06 article.index_type02 .master-header address, main.case article.index_type02 article.index_type07 .master-header address, main.case article.index_type07 article.index_type02 .master-header address {
  margin-bottom: 0.5em;
}
main.case article.index_type02 .master-header h2.default {
  font-size: 2em;
}
main.case article.index_type02 .master-term {
  text-align: right;
  padding: 0.5em 1em;
}
main.case article.index_type02 .stc-case-menu {
  padding-top: 0;
}
main.case article.index_type02 .master-summary {
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
  margin: 1em;
}
main.case article.index_type02 .master-summary dt {
  margin-left: 1em;
}
main.case article.index_type02 .master-summary .global-currency {
  color: #f15a2d;
  font-size: 1.3em;
}
main.case article.index_type03 .master-images {
  text-align: center;
  padding: 1em;
}
main.case article.index_type03 .master-images li {
  display: inline-block;
  width: 15em;
  height: 15em;
  margin: 0.25em;
}
main.case article.index_type04 .master-header em {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding: 0.5em;
}
main.case article.index_type04 .master-header p {
  padding: 0.5em 1em;
}
main.case article.index_type04 .master-term {
  text-align: right;
  padding: 0.5em 1em;
}
main.case article.index_type04 .master-summary {
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
  margin: 1em;
}
main.case article.index_type04 .master-summary::after {
  content: "";
  display: block;
  clear: both;
}
main.case article.index_type04 .master-summary > * {
  float: left;
}
main.case article.index_type04 .master-summary dt {
  clear: both;
}
main.case article.index_type04 .master-summary dt::after {
  content: "：";
  margin: 0 0.5em;
}
main.case article.index_type04 .stc-case-pr dt {
  background: #274a78;
}
main.case article.index_type04 .stc-case-pr dd {
  background-color: rgba(39, 74, 120, 0.05);
  border-color: rgba(39, 74, 120, 0.25);
}
main.case article.index_type04 .master-images {
  text-align: center;
  padding: 1em;
  margin-bottom: 1em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 499px) {
  main.case article.index_type04 .master-images {
    white-space: nowrap;
  }
}
main.case article.index_type04 .master-images li {
  display: inline-block;
  width: 15em;
  height: 15em;
  margin: 0.25em;
}
main.case article.index_type05 .master-header h2 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
main.case article.index_type05 .master-header p {
  padding: 0 0.5em;
}
main.case article.index_type05 .master-header p span:not(:last-of-type)::after {
  content: "/";
  margin-left: 0.5em;
}
main.case article.index_type05 .master-header dl {
  font-size: 0.9em;
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
  margin-top: 0.5em;
}
main.case article.index_type05 .master-header dl::after {
  content: "";
  display: block;
  clear: both;
}
main.case article.index_type05 .master-header dl > * {
  float: left;
}
main.case article.index_type05 .master-header dl dt {
  clear: both;
}
main.case article.index_type05 .master-header dl dt {
  width: 6em;
}
main.case article.index_type05 .master-header dl dd::before {
  content: "：";
  margin: 0 0.5em;
}
main.case article.index_type05 .stc-case-pr dt {
  background: #274a78;
}
main.case article.index_type05 .stc-case-pr dd {
  background-color: rgba(39, 74, 120, 0.05);
  border-color: rgba(39, 74, 120, 0.25);
}
main.case article.index_type06 .master-header address {
  margin-bottom: 0.5em;
}
main.case article.index_type06 .master-header small {
  font-size: 1rem;
  color: rgba(39, 74, 120, 0.5);
  vertical-align: middle;
}
main.case article.index_type06 .master-summary {
  border: 1px solid rgba(41, 107, 115, 0.5);
  border-radius: 3px;
  padding: 1em;
  margin: 0 1em;
}
main.case article.index_type06 .master-summary dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em;
}
main.case article.index_type06 .master-summary dl:not(:last-of-type) {
  border-bottom: 1px dotted #296b73;
}
main.case article.index_type06 .master-summary dl > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.25em;
}
main.case article.index_type06 .master-summary dt {
  display: inline-block;
  font-size: 0.85em;
  background: rgba(41, 107, 115, 0.2);
  padding: 0.2em 0.4em;
  margin-left: 2em;
}
main.case article.index_type06 .master-summary dd {
  display: inline-block;
}
main.case article.index_type06 .master-summary .master-rent {
  white-space: nowrap;
}
main.case article.index_type06 .master-summary .master-rent small::before {
  content: "/";
  color: gray;
  font-weight: normal;
  font-size: 1rem;
  margin-right: 0.5em;
}
main.case article.index_type06 .master-summary .global-currency b {
  color: #f15a2d;
  font-size: 1.3em;
}
main.case article.index_type06 .master-term {
  color: slategray;
  text-align: right;
  padding: 0.5em 1em;
}
main.case article.index_type07 .master-header address {
  margin-bottom: 0.5em;
}
main.case article.index_type07 .master-header small {
  font-size: 1rem;
  color: rgba(39, 74, 120, 0.5);
  vertical-align: middle;
}
main.case article.index_type07 .master-summary {
  border: 1px solid rgba(41, 107, 115, 0.5);
  border-radius: 3px;
  padding: 1em;
  margin: 0 1em;
}
main.case article.index_type07 .master-summary dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em;
}
main.case article.index_type07 .master-summary dl:not(:last-of-type) {
  border-bottom: 1px dotted #296b73;
}
main.case article.index_type07 .master-summary dl > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.25em;
}
main.case article.index_type07 .master-summary dt {
  display: inline-block;
  font-size: 0.85em;
  background: rgba(41, 107, 115, 0.2);
  padding: 0.2em 0.4em;
  margin-left: 2em;
}
main.case article.index_type07 .master-summary dd {
  display: inline-block;
}
main.case article.index_type07 .master-summary .master-rent {
  white-space: nowrap;
}
main.case article.index_type07 .master-summary .master-rent small::before {
  content: "/";
  color: gray;
  font-weight: normal;
  font-size: 1rem;
  margin-right: 0.5em;
}
main.case article.index_type07 .master-summary .global-currency b {
  color: #f15a2d;
  font-size: 1.3em;
}
main.case article.index_type07 .master-term {
  color: slategray;
  text-align: right;
  padding: 0.5em 1em;
}
main.case article.index_type08 .master-header em {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 0.75em;
  margin-bottom: 0.5em;
}
main.case article.index_type08 .master-term {
  text-align: right;
}
main.case article.index_type08 .master-wrap {
  margin: 0.5em 0 2em;
}
@media (min-width: 800px) {
  main.case article.index_type08 .master-wrap {
    display: table;
    width: 100%;
  }
  main.case article.index_type08 .master-wrap > * {
    display: table-cell;
    vertical-align: top;
  }
}
main.case article.index_type08 .master-summary {
  padding: 2.5em 1.5em;
  margin-bottom: 2em;
}
@media (min-width: 800px) {
  main.case article.index_type08 .master-summary {
    width: 40%;
  }
}
main.case article.index_type08 .master-price {
  display: table;
  width: auto;
  text-align: center;
  padding: 0.5em;
  margin: 0 auto;
}
main.case article.index_type08 .master-price > * {
  display: table-cell;
  vertical-align: middle;
}
main.case article.index_type08 .master-price dd {
  padding-left: 1em;
}
main.case article.index_type08 .master-price.main {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.index_type08 .master-price.main dd {
  color: #f15a2d;
  font-size: 1.5em;
}
main.case article.index_type08 .master-price.option dt {
  font-size: 0.9em;
}
main.case article.index_type08 .master-point {
  margin-top: 2em;
}
main.case article.index_type08 .master-point dt {
  border-bottom: 2px solid #296b73;
}
main.case article.index_type08 .master-point dt span {
  display: inline-block;
  background: rgba(41, 107, 115, 0.1);
  padding: 0.25em 0.75em;
}
main.case article.index_type08 .master-point dd {
  padding: 1em;
}
main.case article.index_type08 .stc-case-_tpl_postscript {
  margin-top: 2em;
}
main.case article.index_type09 .master-header .master-title {
  font-size: 2em;
}
main.case article.index_type09 .master-header dl {
  margin-top: 1em;
}
main.case article.index_type09 .master-header dt::after {
  content: "：";
  margin-right: 0.5em;
}
main.case article.index_type09 .master-header dt:not(:first-of-type) {
  margin-left: 1em;
}
main.case article.index_type09 .master-wrap::after {
  content: "";
  display: block;
  clear: both;
}
main.case article.index_type09 .master-wrap > * {
  padding: 1em;
}
@media (min-width: 800px) {
  main.case article.index_type09 .master-wrap > * {
    display: block;
    width: 50%;
    float: left;
  }
}
main.case article.index_type09 .master-slider {
  position: relative;
}
main.case article.index_type09 .master-slider ul {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
main.case article.index_type09 .master-slider li {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  padding-top: 80%;
  position: relative;
}
main.case article.index_type09 .master-slider span {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: rgba(41, 107, 115, 0.5);
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
main.case article.index_type09 .master-slider .prev {
  left: 2rem;
}
main.case article.index_type09 .master-slider .prev::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-25%, -50%) rotate(45deg);
  transform: translate(-25%, -50%) rotate(45deg);
}
main.case article.index_type09 .master-slider .next {
  right: 2rem;
}
main.case article.index_type09 .master-slider .next::after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 0 1rem 1rem 0;
  border-color: transparent white transparent transparent;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(25%, -50%) rotate(45deg);
  transform: translate(25%, -50%) rotate(45deg);
}
main.case article.index_type09 .master-navWrap {
  text-align: center;
  padding: 3em 0;
}
main.case article.index_type09 .master-navWrap a {
  display: inline-block;
  color: white;
  background-color: #375a7d;
  border-radius: 3px;
  padding: 1.5em 5em;
  margin: 0.5em 1em;
}
main.case article.index_type09 .master-rowTable {
  width: 100%;
  table-layout: fixed;
}
main.case article.index_type09 .master-rowTable th {
  color: white;
  background-color: #296b73;
  font-weight: normal;
  padding: 0.5em;
}
main.case article.index_type09 .master-rowTable td {
  border: 1px solid rgba(128, 128, 128, 0.25);
  text-align: center;
}
main.case article.index_type10 .manageMenus.master {
  text-align: right;
  margin-bottom: 0.5em;
}
main.case article.index_type10 .manageMenus.master a {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.25em 1em;
}
main.case article.index_type10 .manageMenus.master a:hover {
  color: white;
  background-color: #111111;
}
main.case article.index_type10 .pageHeader.master {
  margin-bottom: 0.5em;
}
main.case article.index_type10 .pageHeader.master .global-imgBg {
  padding-top: 50%;
  margin-bottom: 2em;
}
main.case article.index_type10 .pageHeader.master .taxonomy {
  color: #296b73;
  margin-bottom: 0.5em;
}
main.case article.index_type10 .pageHeader.master .taxonomy b:not(:first-of-type)::before {
  content: "\f054";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin: 0.35em;
}
main.case article.index_type10 .pageHeader.master .taxonomy span {
  display: inline-block;
  border: 1px solid rgba(41, 107, 115, 0.5);
  border-radius: 3px;
  padding: 0.25em 1em;
}
main.case article.index_type10 .pageHeader.master h2 {
  margin: 1em;
}
main.case article.index_type10 .btns.master {
  text-align: center;
  padding: 1.5em 0.5em;
}
main.case article.index_type10 .btns.master a {
  display: inline-block;
  color: white;
  background-color: #296b73;
  font-size: 1.1em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
}
@media (min-width: 500px) {
  main.case article.index_type10 .btns.master a {
    padding-right: 2em;
    padding-left: 2em;
  }
}
main.case article.index_type10 .btns.master a[href*='/entry/'] {
  background-color: #274a78;
}
main.case article.index_type10 .btns.master a[href*='/favorite/'] {
  background-color: tomato;
}
main.case article.index_type10 .wrap.master {
  margin-top: 1.5em;
}
main.case article.index_type10 .characteristics.master span {
  display: inline-block;
  color: #296b73;
  padding: 0.1em 0.5em;
  margin: 0.2em 0.1em;
}
main.case article.index_type10 .characteristics.master span::before {
  content: "\f292";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  font-size: 0.9em;
}
main.case article.index_type10 .price.master {
  white-space: nowrap;
  padding: 2em;
}
main.case article.index_type10 .price.master > * {
  display: inline-block;
}
main.case article.index_type10 .price.master dt {
  margin-right: 0.5em;
}
main.case article.index_type10 .price.master b {
  font-size: 2em;
  color: #296b73;
}
main.case article.index_type10 .pr.master {
  padding: 1em;
}
main.case article.index_type11 .hero.master {
  position: relative;
}
main.case article.index_type11 .hero.master .mainImg {
  min-height: 400px;
  min-height: 40vw;
}
main.case article.index_type11 .imgList.master {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
}
@media (min-width: 800px) {
  main.case article.index_type11 .imgList.master {
    position: absolute;
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
main.case article.index_type11 .imgList.master li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 7em;
  flex: 0 1 7em;
  width: 7em;
  max-width: 7em;
  height: 4em;
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px 2px white;
  -ms-box-shadow: 0 0 8px 2px white;
  box-shadow: 0 0 8px 2px white;
  margin: 0.5em;
}
main.case article.index_type11 .pageHeader.master {
  color: white;
  background-color: #296b73;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  border-top: 1px solid white;
  padding: 1em;
}
main.case article.index_type11 .pageHeader.master h2 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.5em;
  padding: 0.5em;
}
main.case article.index_type11 .pageHeader.master > div {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.index_type11 .pageHeader.master > div {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
main.case article.index_type11 .tourData.master {
  font-size: 1.1em;
}
@media (max-width: 499px) {
  main.case article.index_type11 .tourData.master {
    text-align: center;
    padding: 0 2em 1em;
  }
}
@media (min-width: 500px) {
  main.case article.index_type11 .tourData.master {
    display: table;
  }
  main.case article.index_type11 .tourData.master > * {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 799px) {
  main.case article.index_type11 .tourData.master {
    margin: 1em auto;
  }
}
@media (min-width: 800px) {
  main.case article.index_type11 .tourData.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media (max-width: 499px) {
  main.case article.index_type11 .tourData.master > * {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding: 0.5em;
  }
}
@media (min-width: 500px) {
  main.case article.index_type11 .tourData.master > * {
    padding: 0 1em;
  }
}
@media (min-width: 500px) {
  main.case article.index_type11 .tourData.master > *:not(:last-of-type) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
}
main.case article.index_type11 .tourData.master .conductor > * {
  display: inline-block;
  vertical-align: middle;
}
main.case article.index_type11 .tourData.master .conductor .global-personImg {
  width: 3em;
  height: 3em;
  margin-right: 0.5em;
}
@media (max-width: 499px) {
  main.case article.index_type11 .tourData.master .place span {
    margin: 0 0.5em;
  }
}
@media (min-width: 500px) {
  main.case article.index_type11 .tourData.master .place span {
    display: block;
  }
}
@media (max-width: 799px) {
  main.case article.index_type11 .btns.master {
    text-align: center;
  }
}
@media (min-width: 800px) {
  main.case article.index_type11 .btns.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto;
  }
}
main.case article.index_type11 .btns.master a {
  display: inline-block;
  color: white;
  font-weight: bold;
  font-size: 1.3em;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px 0.5px white;
  -ms-box-shadow: 0 0 1px 0.5px white;
  box-shadow: 0 0 1px 0.5px white;
  padding: 0.5em 2em;
  margin: 0.5em;
}
main.case article.index_type11 .btns.master a[href*='/question/'] {
  background-color: #188389;
}
main.case article.index_type11 .btns.master a[href*='/entry/'] {
  background-color: tomato;
}
main.case article.index_type11 .term.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: gray;
  text-align: right;
  padding: 0.5em;
}
main.case article.index_type11 .term.master dt {
  font-size: 0.9em;
}
main.case article.index_type11 .caseMenus.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}
main.case article.index_type11 .caseMenus.master a {
  display: inline-block;
  color: white;
  background-color: #111111;
  border-radius: 2px;
  padding: 0.5em 1em;
  margin: 0.25em;
}
@media (min-width: 500px) {
  main.case article.index_type11 .caseMenus.master a {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
}
main.case article.index_type11 .caseMenus.master a[href*='/offerFormCase'] {
  background-color: #296b73;
}
main.case article.index_type11 .caseMenus.master a[href*='/favorite/'] {
  background-color: tomato;
}
/* ↓common use↓ */
main.case article.index_type11 .sections.master > section {
  margin-top: 4em;
}
main.case article.index_type11 .sections.master h3:not(.smallTitle) {
  font-size: 1.3em;
  text-align: center;
  padding: 1em;
}
main.case article.index_type11 .sections.master h3:not(.smallTitle) i {
  display: block;
  color: #111111;
  font-size: 2em;
}
main.case article.index_type11 .sections.master h3.smallTitle {
  font-size: 1.3em;
  padding: 0.5em 1em;
}
main.case article.index_type11 .sections.master h3.smallTitle::after {
  content: "";
  display: table;
  width: 3em;
  height: 2px;
  margin-top: 0.5em;
}
/* ↑common use↑ */
main.case article.index_type11 .sections.master .overview.master p {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  line-height: 2.5;
  padding: 1.5em;
}
main.case article.index_type11 .sections.master .detail.master {
  background-color: rgba(211, 211, 211, 0.3);
  padding: 1em;
  padding-bottom: 3em;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .detail.master {
    padding: 2em 1em;
  }
}
main.case article.index_type11 .sections.master .detail.master > div {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.index_type11 .sections.master .detail.master ol {
  border: 1px solid rgba(128, 128, 128, 0.25);
  margin-top: 2em;
}
main.case article.index_type11 .sections.master .detail.master li {
  border-bottom: 3px solid;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(even) .text {
  -webkit-order: 2;
  order: 2;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(1) {
  border-bottom-color: #296b73;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(1) .text span::before {
  background-color: #296b73;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(2) {
  border-bottom-color: #b39523;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(2) .text span::before {
  background-color: #b39523;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(3) {
  border-bottom-color: #cb5040;
}
main.case article.index_type11 .sections.master .detail.master li:nth-of-type(3) .text span::before {
  background-color: #cb5040;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .detail.master section {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.case article.index_type11 .sections.master .detail.master .text {
  background-color: white;
  padding: 1.5em;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .detail.master .text {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  main.case article.index_type11 .sections.master .detail.master .text {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    width: 40%;
    max-width: 40%;
  }
}
main.case article.index_type11 .sections.master .detail.master .text span {
  display: block;
  color: gray;
  margin-bottom: 0.5em;
}
main.case article.index_type11 .sections.master .detail.master .text span::before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 3px;
  border-raius: 3px;
  background: slategray;
  margin-right: 0.5em;
}
main.case article.index_type11 .sections.master .detail.master .text h4 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
main.case article.index_type11 .sections.master .detail.master .img {
  min-height: 300px;
  background-color: rgba(211, 211, 211, 0.4);
  border: 1px solid rgba(211, 211, 211, 0.8);
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .detail.master .img {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  main.case article.index_type11 .sections.master .detail.master .img {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    width: 60%;
    max-width: 60%;
  }
}
main.case article.index_type11 .sections.master .point.master {
  background-color: rgba(211, 211, 211, 0.3);
  padding: 5em 1em;
  margin-top: 0;
}
main.case article.index_type11 .sections.master .point.master > div {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.5);
  border: 10px double #296b73;
  padding: 1em;
}
main.case article.index_type11 .sections.master .point.master > div p {
  text-align: center;
  padding: 1em;
}
main.case article.index_type11 .sections.master .conductor.master {
  background-color: #fcdc8f;
  padding: 2em 1em 4em;
}
main.case article.index_type11 .sections.master .conductor.master > div {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .conductor.master > div {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.case article.index_type11 .sections.master .conductor.master .profile {
  padding: 1em;
  padding-top: 0;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .conductor.master .profile {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
    border-right: 2px solid white;
  }
}
main.case article.index_type11 .sections.master .conductor.master .profile .introWrap {
  max-width: 500px;
  text-align: right;
  margin-top: 0.5em;
  margin-left: auto;
}
main.case article.index_type11 .sections.master .conductor.master .presentation {
  padding: 1em;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .conductor.master .presentation {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.case article.index_type11 .sections.master .conductor.master .presentation em {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
/* ↓specific↓ */
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  background: none;
  text-align: center;
  padding: 0;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media (min-width: 800px) {
  main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap {
    margin-left: auto;
  }
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap .global-personImg {
  width: 5em;
  height: 5em;
  margin: 0;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap .global-userName, main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] .tpl-profWrap .global-user {
  font-size: 1.3em;
  margin-left: 0.5em;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] nav {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: x-small;
  padding: 0 1em;
  margin-top: 0;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] nav a {
  display: inline-block;
  color: white;
  background-color: #111111;
  font-weight: bold;
  margin-top: 0;
  margin: 0.25em;
}
main.case article.index_type11 .sections.master .profile.master [class*=_tpl_caseOwner] nav a:hover {
  color: white;
  background-color: tomato;
}
/* ↑specific↑ */
main.case article.index_type11 .sections.master .priceNotes.master {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1.5em 1em;
}
main.case article.index_type11 .sections.master .priceNotes.master section {
  padding: 1em 0.5em;
}
main.case article.index_type11 .sections.master .priceNotes.master h4 {
  font-size: 1.3em;
  border-left: 3px solid #296b73;
  padding: 0.1em 0.5em;
}
main.case article.index_type11 .sections.master .priceNotes.master p {
  padding: 1em;
}
main.case article.index_type11 .sections.master .price.master .smallTitle::after {
  background-color: #b39523;
}
main.case article.index_type11 .sections.master .notes.master .smallTitle::after {
  background-color: #cb5040;
}
main.case article.index_type11 [class*=_tpl_postscript] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 4em;
}
main.case article.index_type11 [class*=_tpl_qa] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 4em;
}
main.case article.offer .global-selectboxWrap.master select {
  max-width: 50em;
  padding: 1em;
}
main.case article.offer .body.master textarea {
  min-height: 15em;
}
main.case article.owner_case_list_type02 .master-wrap li {
  padding: 1em;
}
main.case article.owner_case_list_type02 .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type04 .master-wrap li {
  padding: 1em;
}
main.case article.owner_case_list_type04 .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type06 .master-wrap li {
  padding: 1em;
}
main.case article.owner_case_list_type06 .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type07 .master-wrap li {
  padding: 1em;
}
main.case article.owner_case_list_type07 .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type08 .master-wrap li {
  padding: 1em;
}
main.case article.owner_case_list_type08 .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type10 .wrap.master > li {
  padding: 1em 0;
}
main.case article.owner_case_list_type10 .wrap.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.owner_case_list_type11 .wrap.master > li {
  padding: 1em 0;
}
main.case article.owner_case_list_type11 .wrap.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.question .questionBody.master textarea {
  min-height: 15em;
}
main.case article.search_type02 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type02 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type03 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type03 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type04 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type04 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type05 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type05 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type06 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type06 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type07 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type07 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type08 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type08 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type09 .master-header {
  margin-bottom: unset;
}
main.case article.search_type09 .master-wrap > li {
  padding: 1em 0;
}
main.case article.search_type09 .master-wrap > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type10 .pageHeader.master {
  margin-bottom: unset;
}
main.case article.search_type10 .wrap.master > li {
  padding: 1em 0;
}
main.case article.search_type10 .wrap.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.search_type11 .master-header {
  margin-bottom: unset;
}
main.case article.search_type11 .wrap.master > li {
  padding: 1em 0;
}
main.case article.search_type11 .wrap.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class*=app-web-frontend][class$=serveicetypecase-masecase-top] .outer-contents {
  max-width: 100%;
}
[class*=app-web-frontend][class$=serveicetypecase-masecase-top] .outer-main-wrapper {
  padding: 0;
}
main.case article.top .master-header {
  color: white;
  background-color: #296b73;
  padding: 5em 1em;
}
main.case article.top .master-header h1 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  border: none;
}
main.case article.top .master-header h1 em {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.5em;
}
main.case article.top .master-header h1 small {
  font-weight: normal;
  font-size: 1rem;
}
main.case article.top .master-pageNav {
  max-width: 1200px;
  margin: 2em auto 5em;
}
main.case article.top .master-pageNav dt {
  display: inline-block;
  background: white;
  padding: 0.5em 1em;
  margin-bottom: -2em;
  -webkit-transform: translate(2em, 20%);
  transform: translate(2em, 20%);
}
main.case article.top .master-pageNav dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em;
}
main.case article.top .master-pageNav li {
  display: inline-block;
  padding: 0.25em 0.5em;
  margin: 0.25em 0;
}
main.case article.top .master-pageNav li:not(:last-of-type) {
  border-right: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.top .master-pageNav a {
  color: #296b73;
  cursor: pointer;
}
main.case article.top .master-sections > section {
  padding: 3em 0;
  margin-top: 2em;
}
main.case article.top .master-sections > section:nth-of-type(n+2) .master-contents-wrap {
  background-color: rgba(41, 107, 115, 0.1);
}
main.case article.top .master-sections > section:nth-of-type(n+2) .master-toList {
  background-color: #296b73;
}
main.case article.top .master-sections > section:nth-of-type(n+2) .master-budget {
  background-color: #296b73;
}
main.case article.top .master-sections > section:nth-of-type(n+2) h2::before {
  background-image: url("\2F image\2F mase\2F piece\2F green\2E png\3F 0");
}
main.case article.top .master-sections > section > header {
  text-align: center;
}
main.case article.top .master-sections > section > header h2 {
  position: relative;
}
main.case article.top .master-sections > section > header h2::before {
  background: no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 7em;
  height: 7em;
  opacity: 0.2;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  top: -2.33333em;
  left: 50%;
  z-index: -1;
}
main.case article.top .master-sections > section > header em {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2em;
  margin-bottom: 0.3em;
}
main.case article.top .master-sections > section > header p {
  padding: 1em;
}
main.case article.top .master-contents-wrap {
  background-color: rgba(112, 128, 144, 0.05);
  padding: 3em 0.5em;
}
@media (min-width: 500px) {
  main.case article.top .master-contents-wrap {
    padding-right: 1em;
    padding-left: 1em;
  }
}
main.case article.top [class*=_tpl_post_type] {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(128, 128, 128, 0.25);
}
main.case article.top [class^=_latest_info][class*=type0] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class*=type0] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.case article.top [class^=_latest_info][class*=type0] > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class*=type0] > li {
    display: inline-block;
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.case article.top [class^=_latest_info][class$=type10] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class$=type10] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.case article.top [class^=_latest_info][class$=type10] > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class$=type10] > li {
    display: inline-block;
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.case article.top [class^=_latest_info][class$=type11] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class$=type11] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.case article.top [class^=_latest_info][class$=type11] > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class$=type11] > li {
    display: inline-block;
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.case article.top [class^=_latest_info][class*=typeA9] .global-componentTitle {
  display: none;
}
main.case article.top [class^=_latest_info][class*=typeA9] .wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class*=typeA9] .wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.case article.top [class^=_latest_info][class*=typeA9] .wrap > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.case article.top [class^=_latest_info][class*=typeA9] .wrap > li {
    display: inline-block;
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.case article.top .master-toList {
  display: table;
  margin: 2em auto 3em;
  color: white;
  background-color: slategray;
  border: 2px solid white;
  border-radius: 2px;
  padding: 1em 4em;
}

/* casecustomizable */
[class|=stc-casecustomizable] {
  /* block */
}

main.casecustomizable {
  /* component */
  /* common namespace */
  /* each */
}
main.casecustomizable article {
  /* article */
  /* common namespace */
  /* each */
}
main.casecustomizable article.top_business .master-navWrap {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 2em;
}
main.casecustomizable article.top_business .master-navWrap::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 499px) {
  main.casecustomizable article.top_business .master-navWrap nav {
    padding: 1em;
  }
}
@media (min-width: 500px) {
  main.casecustomizable article.top_business .master-navWrap nav {
    display: block;
    width: 48%;
    float: left;
    margin: 1%;
  }
}
main.casecustomizable article.top_business .master-navWrap nav:first-of-type {
  background: rgba(0, 153, 68, 0.1);
}
main.casecustomizable article.top_business .master-navWrap nav:first-of-type h3 {
  background: #009944;
}
main.casecustomizable article.top_business .master-navWrap nav:last-of-type {
  background: rgba(39, 74, 120, 0.1);
}
main.casecustomizable article.top_business .master-navWrap nav:last-of-type h3 {
  background: #274a78;
}
main.casecustomizable article.top_business .master-navWrap h3 {
  color: white;
  background-color: #009944;
  font-size: 1.3em;
  text-align: center;
  padding: 1em;
}
@media (min-width: 500px) {
  main.casecustomizable article.top_business .master-navWrap h3 {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
}
main.casecustomizable article.top_business .master-navWrap a {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  background: rgba(0, 153, 68, 0.1);
  padding: 1em;
}
main.casecustomizable article.top_business .master-navWrap a:not(:last-of-type) {
  border-bottom: 1px solid white;
}
main.casecustomizable article.top_business .master-navWrap a::before {
  content: "●";
  margin-right: 0.25em;
}
main.casecustomizable article.top_business .master-navWrap a:hover {
  color: white;
  background-color: #111111;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_business [class^=_latest_info] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.casecustomizable article.top_business [class^=_latest_info] > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_business [class^=_latest_info] > li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 800px) {
  main.casecustomizable article.top_business [class^=_recommend_info] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.casecustomizable article.top_business [class^=_recommend_info] > li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_business [class^=_recommend_info] > li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.casecustomizable article.top_residence a:hover path {
  fill: #296b73 !important;
}
main.casecustomizable article.top_residence a:hover text {
  fill: #296b73 !important;
}
main.casecustomizable article.top_residence .master-nav {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 2em;
}
main.casecustomizable article.top_residence .master-nav::after {
  content: "";
  display: block;
  clear: both;
}
main.casecustomizable article.top_residence .master-nav a {
  display: block;
  width: 48%;
  float: left;
  color: white;
  text-align: center;
  border-radius: 5px;
  padding: 2em;
  margin: 1%;
}
main.casecustomizable article.top_residence .master-nav a:first-of-type {
  background: #009944;
}
main.casecustomizable article.top_residence .master-nav a:last-of-type {
  background: #274a78;
}
main.casecustomizable article.top_residence .master-switchSectionWrap {
  padding: 1.5em;
  margin-bottom: 3em;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .SP {
  display: none;
}
@media (max-width: 799px) {
  main.casecustomizable article.top_residence .master-switchSectionWrap .SP {
    display: block;
  }
}
main.casecustomizable article.top_residence .master-switchSectionWrap .SP section:not(:first-of-type) {
  margin-top: 2em;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .SP h4 {
  background: rgba(41, 107, 115, 0.1);
  padding: 0.5em 1em;
  margin-bottom: 0.3em;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .SP a {
  display: inline-block;
  padding: 0.25em 0.5em;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .SP a:hover {
  color: #296b73;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .PC {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  display: none;
  position: relative;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_residence .master-switchSectionWrap .PC {
    display: block;
  }
}
main.casecustomizable article.top_residence .master-switchSectionWrap .PC img[src*=map_dummy] {
  width: 100%;
  height: auto;
  opacity: 0;
}
main.casecustomizable article.top_residence .master-switchSectionWrap .PC svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
main.casecustomizable article.top_work .global-tabSwitch li:nth-of-type(1) {
  background: #34759d;
}
main.casecustomizable article.top_work .global-tabSwitch li:nth-of-type(2) {
  background: #d15f5f;
}
main.casecustomizable article.top_work .global-tabSwitch li:nth-of-type(3) {
  background: #0b8e45;
}
main.casecustomizable article.top_work .global-tabSwitch li:nth-of-type(4) {
  background: #745ca0;
}
main.casecustomizable article.top_work .global-tabSwitch li:nth-of-type(5) {
  background: #ecb81a;
}
main.casecustomizable article.top_work .global-tabSwitch li {
  word-break: break-all;
  overflow-wrap: break-word;
  color: white;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  padding: 1.5em 0.5em;
}
main.casecustomizable article.top_work .global-tabSwitch li.active {
  color: #333333;
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: none;
}
main.casecustomizable article.top_work .master-switchSectionWrap > section {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-top: none;
}
main.casecustomizable article.top_work .master-switchSectionWrap .master-section {
  padding: 1em;
}
main.casecustomizable article.top_work .master-switchSectionWrap li:nth-of-type(even) {
  background: rgba(211, 211, 211, 0.15);
}
main.casecustomizable article.top_work .master-switchSectionWrap a {
  display: block;
  transition: 0s;
  padding: 0.25em 0.5em;
  position: relative;
  left: 0;
}
main.casecustomizable article.top_work .master-switchSectionWrap a:hover {
  color: #296b73;
  left: 2px;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_work .master-sectionsWrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.casecustomizable article.top_work .master-sectionsWrap .master-section {
  padding: 1em;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_work .master-sectionsWrap .master-section {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  main.casecustomizable article.top_work .master-sectionsWrap .master-section {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
main.casecustomizable article.top_work .master-sectionsWrap ul {
  padding-top: 0.5em;
}
main.casecustomizable article.top_work .master-sectionsWrap h4 {
  background: rgba(41, 107, 115, 0.1);
  padding: 0.5em 1em;
}
@media (min-width: 800px) {
  main.casecustomizable article.top_work .master-flexWrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 800px) {
  main.casecustomizable article.top_work .master-flexWrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  main.casecustomizable article.top_work .master-flexWrap li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}

/* casemanage */
[class|=stc-casemanage] {
  /* block */
}
[class|=stc-casemanage][class*=left-applied_entry_type] [class$=_recommend_info_typeA9] {
  margin-top: 2em;
}
@media (max-width: 599px) {
  [class|=stc-casemanage][class*=left-applied_entry_type] [class$=_recommend_info_typeA9] .wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
[class|=stc-casemanage][class*=left-applied_entry_type] [class$=_recommend_info_typeA9] .wrap > li {
  padding: 0.5em;
}
@media (max-width: 599px) {
  [class|=stc-casemanage][class*=left-applied_entry_type] [class$=_recommend_info_typeA9] .wrap > li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
[class|=stc-casemanage][class*=_tpl_messages] li {
  padding: 1em 0;
}
[class|=stc-casemanage][class*=_tpl_messages] li.is_owner h4 {
  -webkit-order: 1;
  order: 1;
}
[class|=stc-casemanage][class*=_tpl_messages] li.is_owner .tpl-content::after {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-right: 1px solid rgba(128, 128, 128, 0.25);
  -webkit-transform: rotate(45deg) translateX(0);
  transform: rotate(45deg) translateX(0);
  position: absolute;
  top: 1.5em;
  right: -0.45em;
}
[class|=stc-casemanage][class*=_tpl_messages] li.not_owner h4 {
  -webkit-order: -1;
  order: -1;
}
[class|=stc-casemanage][class*=_tpl_messages] li.not_owner .tpl-content::after {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-left: 1px solid rgba(128, 128, 128, 0.25);
  -webkit-transform: rotate(-45deg) translateX(-1px);
  transform: rotate(-45deg) translateX(-1px);
  position: absolute;
  top: 1.5em;
  left: -0.45em;
}
[class|=stc-casemanage][class*=_tpl_messages] section {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
}
[class|=stc-casemanage][class*=_tpl_messages] section h4 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 16%;
  flex: 0 1 16%;
  width: 16%;
  max-width: 16%;
  background-color: whitesmoke;
  border-radius: 3px;
  text-align: center;
  padding: 1.5em 0.5em;
  margin: 0 2%;
}
@media (min-width: 600px) {
  [class|=stc-casemanage][class*=_tpl_messages] section h4 {
    padding: 1.5em;
  }
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 80%;
  flex: 0 1 80%;
  width: 80%;
  max-width: 80%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1em;
  padding: 1em;
  position: relative;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  background-color: white;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content p {
  padding: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content .global-attachments {
  margin-top: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content footer {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content footer > * {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content footer > *:first-child {
  margin-left: auto;
}
[class|=stc-casemanage][class*=_tpl_messages] section .tpl-content time {
  color: gray;
}
[class|=stc-casemanage][class*=_tpl_messages] section .readStatus {
  width: 2.8em;
  font-size: 0.75em;
  border-radius: 100%;
  line-height: 2.8em;
  text-align: center;
  margin-left: 1em;
}
[class|=stc-casemanage][class*=_tpl_messages] section .readStatus[data-status=yet] {
  background-color: rgba(211, 211, 211, 0.5);
}
[class|=stc-casemanage][class*=_tpl_messages] section .readStatus[data-status=done] {
  background-color: rgba(135, 206, 250, 0.2);
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master dd b {
  display: inline-block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid lightgray;
  border-radius: 2px;
  letter-spacing: 0.1em;
  padding: 0.75em 2.5em;
  margin: 0.25em 0.5em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master dd b:first-of-type {
  background-color: white;
}
[class|=stc-casemanage][class*=_tpl_proposal] .tpl-status.master dd b.status-still {
  background-color: rgba(112, 128, 144, 0.2);
}
/* ↓common↓ */
[class|=stc-casemanage][class*=_tpl_proposal] .global-rowTable.master time {
  display: block;
  color: slategray;
  text-align: right;
  margin-top: 0.5em;
}
/* ↑common↑ */
[class|=stc-casemanage][class*=_tpl_proposal] .global-rowTable.master a {
  display: inline-block;
  color: #296b73;
  font-size: 0.9em;
  border: 1px solid rgba(41, 107, 115, 0.5);
  border-radius: 2px;
  padding: 0.5em 1em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-rowTable.master a:hover {
  color: white;
  background-color: #296b73;
}
[class|=stc-casemanage][class*=_tpl_proposal] .evaluation.master .score {
  display: inline-block;
  color: orange;
  font-size: 1.2em;
  line-height: 2;
}
[class|=stc-casemanage][class*=_tpl_proposal] .evaluation.master p {
  padding: 0.5em 1em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 2em;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a[class]:hover {
  color: white;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.agreeproposal {
  color: #375a7d;
  border-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.agreeproposal:hover {
  background-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.disagreeproposal {
  color: slategray;
  border-color: slategray;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.disagreeproposal:hover {
  background-color: slategray;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.settlement {
  color: #375a7d;
  border-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.settlement:hover {
  background-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.agreecontract {
  color: #375a7d;
  border-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.agreecontract:hover {
  background-color: #375a7d;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.evaluatefrompayer {
  color: darkorange;
  border-color: darkorange;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.evaluatefrompayer:hover {
  background-color: darkorange;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.disableentry {
  color: orangered;
  border-color: orangered;
}
[class|=stc-casemanage][class*=_tpl_proposal] .global-submitWrap a.disableentry:hover {
  background-color: orangered;
}

main.casemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.casemanage [class$=_form_postscript] .body.master textarea {
  min-height: 15em;
}
main.casemanage [class$=_form_postscript] .attachments.master {
  padding: 1em 0;
}
main.casemanage [class$=_form_postscript] .attachments.master:first-of-type {
  padding-top: 0;
}
main.casemanage [class$=_form_postscript] .attachments.master:last-of-type {
  padding-bottom: 0;
}
main.casemanage [class$=_form_postscript] .attachments.master:not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
}
main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 {
  font-size: 0.95em;
}
/* ↓HACK↓ */
@media (min-width: 400px) {
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br {
    display: none;
  }
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br:nth-of-type(2n) {
    display: inline;
  }
}
@media (min-width: 600px) {
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br:nth-of-type(2n) {
    display: none;
  }
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br:nth-of-type(3n) {
    display: inline;
  }
}
@media (min-width: 1000px) {
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br:nth-of-type(3n) {
    display: none;
  }
  main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 br:nth-of-type(4n) {
    display: inline;
  }
}
main.casemanage [class$=_form_type02] #mase_case_type02_itemCodeVarchar06 label {
  width: 12em;
  font-size: 0.95em;
}
/* ↑HACK↑ */
main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 {
  font-size: 0.95em;
}
/* ↓HACK↓ */
@media (min-width: 400px) {
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br {
    display: none;
  }
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br:nth-of-type(2n) {
    display: inline;
  }
}
@media (min-width: 600px) {
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br:nth-of-type(2n) {
    display: none;
  }
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br:nth-of-type(3n) {
    display: inline;
  }
}
@media (min-width: 1000px) {
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br:nth-of-type(3n) {
    display: none;
  }
  main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 br:nth-of-type(4n) {
    display: inline;
  }
}
main.casemanage [class$=_form_type03] #mase_case_type03_itemCodeVarchar08 label {
  width: 12em;
  font-size: 0.95em;
}
/* ↑HACK↑ */
main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 {
  font-size: 0.95em;
}
/* ↓HACK↓ */
@media (min-width: 400px) {
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br {
    display: none;
  }
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br:nth-of-type(2n) {
    display: inline;
  }
}
@media (min-width: 600px) {
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br:nth-of-type(2n) {
    display: none;
  }
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br:nth-of-type(3n) {
    display: inline;
  }
}
@media (min-width: 1000px) {
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br:nth-of-type(3n) {
    display: none;
  }
  main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 br:nth-of-type(4n) {
    display: inline;
  }
}
main.casemanage [class$=_form_type04] #mase_case_type04_itemCodeVarchar10 label {
  width: 12em;
  font-size: 0.95em;
}
/* ↑HACK↑ */
main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 {
  font-size: 0.95em;
}
/* ↓HACK↓ */
@media (min-width: 400px) {
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br {
    display: none;
  }
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br:nth-of-type(2n) {
    display: inline;
  }
}
@media (min-width: 600px) {
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br:nth-of-type(2n) {
    display: none;
  }
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br:nth-of-type(3n) {
    display: inline;
  }
}
@media (min-width: 1000px) {
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br:nth-of-type(3n) {
    display: none;
  }
  main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 br:nth-of-type(4n) {
    display: inline;
  }
}
main.casemanage [class$=_form_type05] #mase_case_type05_itemCodeVarchar08 label {
  width: 12em;
  font-size: 0.95em;
}
/* ↑HACK↑ */
main.casemanage [class$=_form_type10] .global-rowTable.master input[name*='[itemStrVarchar01]'] {
  width: 100%;
  max-width: 30em;
}
main.casemanage [class$=_form_type10] .global-rowTable.master textarea[name*='[itemStrText01]'] {
  min-height: 15em;
}
main.casemanage [class$=_form_type11] fieldset.master {
  padding: 2em 0.5em;
  margin-bottom: 3em;
}
@media (min-width: 500px) {
  main.casemanage [class$=_form_type11] fieldset.master {
    padding-right: 1em;
    padding-left: 1em;
  }
}
main.casemanage [class$=_form_type11] fieldset.master legend {
  max-width: 20em;
  font-size: 1.5em;
  background: rgba(211, 211, 211, 0.3);
  text-align: center;
  padding: 1em 3em;
  margin: 0 auto;
  float: none;
  position: relative;
}
main.casemanage [class$=_form_type11] fieldset.master legend::before {
  content: "";
  display: inline-block;
  width: 25%;
  height: 2px;
  background-color: #296b73;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (min-width: 800px) {
  main.casemanage [class$=_form_type11] fieldset.master .global-rowTable {
    background-color: #fafafa;
  }
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable + table {
  margin-top: 2em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable caption {
  font-size: 1.2em;
  text-align: left;
  padding: 0.25em 0.75em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable tr:nth-of-type(even) {
  background: none;
}
@media (max-width: 799px) {
  main.casemanage [class$=_form_type11] fieldset.master .global-rowTable th {
    background: rgba(211, 211, 211, 0.5);
  }
}
@media (min-width: 800px) {
  main.casemanage [class$=_form_type11] fieldset.master .global-rowTable th {
    color: white;
    background-color: #296b73;
  }
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [type=text] {
  width: 100%;
  font-size: 16px;
}
/* ↓each↓ */
@media (max-width: 799px) {
  main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .images {
    text-align: center;
  }
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .images > div {
  padding: 0.5em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .images > div > div {
  display: inline-block;
}
@media (max-width: 799px) {
  main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .image {
    text-align: center;
  }
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .image > div {
  display: inline-block;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable img {
  max-width: 10em;
  padding: 0.5em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[delete]'] {
  margin: 0.5em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[itemNumUint01]'] {
  width: 3em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[itemNumUint02]'] {
  width: 3em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[itemStrText01]'] {
  min-height: 15em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[itemStrText05]'] {
  min-height: 15em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable [name*='[itemStrText06]'] {
  min-height: 15em;
}
main.casemanage [class$=_form_type11] fieldset.master .global-rowTable .days div {
  display: inline-block;
}
/* ↑each↑ */
main.casemanage [class$=_form_type11] [type=submit] {
  background-color: #296b73;
  padding: 1em 6em;
}
main.casemanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.casemanage article[class^=applied_entry_type] > section {
  margin-top: 2em;
}
main.casemanage article[class^=received_entry_type] > section {
  margin-top: 2em;
}
main.casemanage article[class^=received_entry_type] .master-img {
  text-align: center;
  padding: 1em;
}
main.casemanage article[class^=received_entry_type] .global-userName, main.casemanage article[class^=received_entry_type] .global-user {
  font-weight: normal;
}
main.casemanage article.add_other_lang_type10 .global-rowTable.master input[name*='[itemStrVarchar01]'] {
  width: 100%;
  max-width: 30em;
}
main.casemanage article.add_other_lang_type10 .global-rowTable.master textarea[name*='[itemStrText01]'] {
  min-height: 15em;
}
main.casemanage article.add_other_lang_type11 fieldset.master {
  padding: 2em 1em;
  margin-bottom: 3em;
}
main.casemanage article.add_other_lang_type11 fieldset.master legend {
  max-width: 20em;
  font-size: 1.5em;
  background: rgba(211, 211, 211, 0.3);
  text-align: center;
  padding: 1em 3em;
  margin: 0 auto;
  float: none;
  position: relative;
}
main.casemanage article.add_other_lang_type11 fieldset.master legend::before {
  content: "";
  display: inline-block;
  width: 25%;
  height: 2px;
  background-color: #296b73;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (min-width: 800px) {
  main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable {
    background-color: #fafafa;
  }
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable + table {
  margin-top: 2em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable caption {
  font-size: 1.2em;
  text-align: left;
  padding: 0.25em 0.75em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable tr:nth-of-type(even) {
  background: none;
}
@media (max-width: 799px) {
  main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable th {
    background: rgba(211, 211, 211, 0.5);
  }
}
@media (min-width: 800px) {
  main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable th {
    color: white;
    background-color: #296b73;
  }
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable [type=text] {
  width: 100%;
  font-size: 16px;
}
/* ↓each↓ */
@media (max-width: 799px) {
  main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable .images {
    text-align: center;
  }
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable .images > div {
  padding: 0.5em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable .images > div > div {
  display: inline-block;
}
@media (max-width: 799px) {
  main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable .image {
    text-align: center;
  }
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable .image > div {
  display: inline-block;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable img {
  max-width: 10em;
  padding: 0.5em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable [name*='[delete]'] {
  margin: 0.5em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable [name*='[itemStrText01]'] {
  min-height: 15em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable [name*='[itemStrText05]'] {
  min-height: 15em;
}
main.casemanage article.add_other_lang_type11 fieldset.master .global-rowTable [name*='[itemStrText06]'] {
  min-height: 15em;
}
/* ↑each↑ */
main.casemanage article.add_other_lang_type11 [type=submit] {
  background-color: #296b73;
  padding: 1em 6em;
}
main.casemanage article.add_type06 .global-rowTable,
main.casemanage article.add_type06 .master-formFiles {
  margin-bottom: 1.5em;
}
main.casemanage article.add_type07 .global-rowTable,
main.casemanage article.add_type07 .master-formFiles {
  margin-bottom: 1.5em;
}
@media (min-width: 800px) {
  main.casemanage article.applied_entry_type08 .master-images {
    display: table;
    width: 100%;
  }
  main.casemanage article.applied_entry_type08 .master-images > * {
    display: table-cell;
    vertical-align: middle;
  }
}
main.casemanage article.applied_entry_type08 .master-images div {
  text-align: center;
  padding: 1em;
}
main.casemanage article.conf_contract .global-rowTable {
  margin-top: 3em;
}
main.casemanage article.conf_contract_receive .global-rowTable {
  margin-top: 3em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master {
  padding: 2em 1em;
  margin-bottom: 3em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master legend {
  max-width: 20em;
  font-size: 1.5em;
  background: rgba(211, 211, 211, 0.3);
  text-align: center;
  padding: 1em 3em;
  margin: 0 auto;
  float: none;
  position: relative;
}
main.casemanage article.conf_other_lang_type11 fieldset.master legend::before {
  content: "";
  display: inline-block;
  width: 25%;
  height: 2px;
  background-color: #296b73;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (min-width: 800px) {
  main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable {
    background-color: #fafafa;
  }
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable + table {
  margin-top: 2em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable caption {
  font-size: 1.2em;
  text-align: left;
  padding: 0.25em 0.75em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable tr:nth-of-type(even) {
  background: none;
}
@media (max-width: 799px) {
  main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable th {
    background: rgba(211, 211, 211, 0.5);
  }
}
@media (min-width: 800px) {
  main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable th {
    color: white;
    background-color: #296b73;
  }
}
/* ↓each↓ */
@media (max-width: 799px) {
  main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable .images {
    text-align: center;
  }
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable .images > div {
  padding: 0.5em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable .images > div > div {
  display: inline-block;
}
@media (max-width: 799px) {
  main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable .image {
    text-align: center;
  }
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable .image > div {
  display: inline-block;
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable img {
  max-width: 10em;
  padding: 0.5em;
}
main.casemanage article.conf_other_lang_type11 fieldset.master .global-rowTable [name*='[delete]'] {
  margin: 0.5em;
}
/* ↑each↑ */
main.casemanage article.conf_postscript .body.master {
  padding: 1em;
}
main.casemanage article.conf_postscript .global-attachments.master {
  padding: 1em 0;
}
main.casemanage article.conf_postscript .global-attachments.master:first-of-type {
  padding-top: 0;
}
main.casemanage article.conf_postscript .global-attachments.master:last-of-type {
  padding-bottom: 0;
}
main.casemanage article.conf_postscript .global-attachments.master:not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
}
main.casemanage article.conf_type11 fieldset.master {
  padding: 2em 1em;
  margin-bottom: 3em;
}
main.casemanage article.conf_type11 fieldset.master legend {
  max-width: 20em;
  font-size: 1.5em;
  background: rgba(211, 211, 211, 0.3);
  text-align: center;
  padding: 1em 3em;
  margin: 0 auto;
  float: none;
  position: relative;
}
main.casemanage article.conf_type11 fieldset.master legend::before {
  content: "";
  display: inline-block;
  width: 25%;
  height: 2px;
  background-color: #296b73;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (min-width: 800px) {
  main.casemanage article.conf_type11 fieldset.master .global-rowTable {
    background-color: #fafafa;
  }
}
main.casemanage article.conf_type11 fieldset.master .global-rowTable + table {
  margin-top: 2em;
}
main.casemanage article.conf_type11 fieldset.master .global-rowTable caption {
  font-size: 1.2em;
  text-align: left;
  padding: 0.25em 0.75em;
}
main.casemanage article.conf_type11 fieldset.master .global-rowTable tr:nth-of-type(even) {
  background: none;
}
@media (min-width: 800px) {
  main.casemanage article.conf_type11 fieldset.master .global-rowTable th {
    color: white;
    background-color: #296b73;
  }
}
/* ↓each↓ */
main.casemanage article.conf_type11 fieldset.master .global-rowTable .images {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.casemanage article.conf_type11 fieldset.master .global-rowTable .images > * {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 10em;
  flex: 0 1 10em;
  width: 10em;
  max-width: 10em;
  margin: 0.5em;
}
main.casemanage article.conf_type11 fieldset.master .global-rowTable .days div {
  display: inline-block;
}
/* ↑each↑ */
main.casemanage article.conf_type11 fieldset.master [type=submit] {
  background-color: #296b73;
}
[class*=stc-casemanage-cont_post_message_to_entry] .body.master {
  padding: 0.5em;
}
[class*=stc-casemanage-conf_settlement] .price.master {
  font-size: 16px;
}
main.casemanage article.contract .global-rowTable {
  margin-top: 3em;
}
main.casemanage article.contract .master-nav {
  text-align: center;
}
main.casemanage article.contract .master-nav a {
  color: #274a78;
  text-decoration: underline;
}
main.casemanage article.contract_receive .global-rowTable {
  margin-top: 3em;
}
main.casemanage article.contract_receive .master-nav {
  text-align: center;
}
main.casemanage article.contract_receive .master-nav a {
  color: #274a78;
  text-decoration: underline;
}
main.casemanage article.contract_view .master-wrap {
  padding: 1em;
  margin-top: 3em;
}
main.casemanage article.contract_view .master-remarks {
  margin-bottom: 2em;
}
main.casemanage article.contract_view .master-remarks p {
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
}
main.casemanage article.contract_view .master-signatures {
  width: 300px;
  margin-left: auto;
  padding: 0.5em 0;
}
main.casemanage article.contract_view .master-signatures section {
  padding: 1em 0;
}
main.casemanage article.contract_view .master-signatures h3 {
  display: inline-block;
  border-left: 3px solid rgba(55, 90, 125, 0.2);
  padding: 0.1em 0.25em;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
main.casemanage article.contract_view .master-signatures dl {
  padding-left: 1.5em;
}
main.casemanage article.contract_view .master-signatures dl::after {
  content: "";
  display: block;
  clear: both;
}
main.casemanage article.contract_view .master-signatures dl > * {
  float: left;
}
main.casemanage article.contract_view .master-signatures dl dt {
  clear: both;
}
main.casemanage article.contract_view .master-signatures dt {
  color: gray;
  width: 4em;
}
main.casemanage article.contract_view .master-dateTime {
  width: 300px;
  margin-left: auto;
  padding: 0.5em 0;
  margin-top: 1em;
  margin-bottom: 2em;
}
main.casemanage article.contract_view .master-dateTime > * {
  display: inline-block;
}
main.casemanage article.contract_view .master-dateTime h3 {
  margin-right: 1em;
  margin-bottom: 0;
}
main.casemanage article.contract_view .master-nav {
  text-align: center;
}
main.casemanage article.contract_view .master-nav a {
  color: #274a78;
  text-decoration: underline;
}
[class*=stc-casemanage-edit_settlement] .price.master {
  font-size: 16px;
}
[class*=stc-casemanage-edit_settlement] [name*='email'] {
  width: 100%;
  max-width: 30em;
}
@media (min-width: 1000px) {
  main.casemanage article.list .master-labelWrap {
    white-space: nowrap;
  }
}
main.casemanage article.offer_list .global-colTable.master .to {
  width: auto;
}
main.casemanage article.offer_list .global-colTable.master .to a[href*='/offerView/'] {
  margin-top: 1em;
  margin-bottom: 1em;
}
main.casemanage article.offer_list .global-colTable.master .to a[href*='/offerView/']::before {
  content: "\f107";
}
main.casemanage article.offer_list article.offer_view h2.default {
  display: none;
}
main.casemanage article.offer_view .global-dl.master, main.casemanage article.offer_view .master.global-dlForm {
  text-align: left;
  margin-top: 1em;
}
main.casemanage article.offer_view .global-attachments.master a {
  color: #222222;
  color: unset;
  border: none;
}
main.casemanage article.offer_view .global-attachments.master a:hover {
  color: #375a7d;
  background-color: transparent;
  background-color: unset;
}
[class*=stc-casemanage-post_message_to_entry] [name*='[body]'] {
  min-height: 10em;
}
main.casemanage article.received_entry_list .pageHeader.master {
  margin-bottom: 2em;
}
main.casemanage article.received_entry_list .stc-casemanage-_tpl_labels {
  margin-bottom: 1em;
}

/* serveicetypeproduct */
[class|=stp] .global-dlForm dt {
  border-color: #d93b3b;
}

.stp-favoriteBtn {
  display: table;
  color: white;
  background-color: #d93b3b;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  padding: 0.75em 3em;
}

._tpl_mase_stp_header {
  color: white;
  background-color: #d93b3b;
}

/* product */
[class|=stp-product] {
  /* block */
}
[class|=stp-product][class$=search_type02] .master-sideTitle {
  border-bottom: 2px solid slategray;
  padding: 0.3em;
}
[class|=stp-product][class$=search_type02] .global-submit {
  width: 80%;
}
[class|=stp-product][class$=search_type03] .master-putBtn {
  display: block;
  color: white;
  background-color: #d93b3b;
  border-radius: 2px;
  text-align: center;
  padding: 1em;
  margin-bottom: 2em;
}
[class|=stp-product][class$=search_type03] .master-priceRange {
  display: table;
  table-layout: fixed;
  width: 100%;
}
[class|=stp-product][class$=search_type03] .master-priceRange > * {
  display: table-cell;
}
[class|=stp-product][class$=search_type03] .master-priceRange .mase-validation {
  font-size: 0.8rem;
}
[class|=stp-product][class$=search_type03] .master-priceRange span {
  width: 10%;
  vertical-align: middle;
  text-align: center;
}
[class|=stp-product][class$=search_type04] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  max-width: 15em;
}
[class|=stp-product][class*=_tpl_item_type02] .global-imgBg {
  display: block;
  height: 0;
  text-indent: -9999px;
  padding-top: 75%;
  margin-bottom: 1em;
}
[class|=stp-product][class*=_tpl_item_type02] h3 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
[class|=stp-product][class*=_tpl_item_type02] a {
  color: #274a78;
}
[class|=stp-product][class*=_tpl_item_type02] .tpl-detail {
  text-align: right;
}
[class|=stp-product][class*=_tpl_item_type03] .global-imgBg {
  display: block;
  height: 0;
  text-indent: -9999px;
  padding-top: 75%;
  margin-bottom: 1em;
}
[class|=stp-product][class*=_tpl_item_type03] h3 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
[class|=stp-product][class*=_tpl_item_type03] a {
  color: #274a78;
}
[class|=stp-product][class*=_tpl_item_type03] .tpl-detail {
  text-align: right;
}
[class|=stp-product][class*=_tpl_item_type04] {
  height: 100%;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-wrap {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  background: whitesmoke;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 3px solid rgba(128, 128, 128, 0.75);
  padding-bottom: 1em;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-header {
  position: relative;
  overflow: hidden;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-header:hover .global-imgBg.tpl {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-header:hover .tpl-category {
  opacity: 0;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-category {
  display: table;
  font-size: x-small;
  color: white;
  background-color: rgba(85, 85, 85, 0.75);
  transition: 0.3s;
  padding: 0.35em 0.75em;
  position: absolute;
  top: 0;
  right: 0;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-category span:not(:first-of-type)::before {
  content: ">";
  margin-left: 0.25em;
}
[class|=stp-product][class*=_tpl_item_type04] .global-imgBg.tpl {
  display: block;
  font-size: 0;
  padding-top: 60%;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-title {
  font-size: 1.2em;
  background: white;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.75rem 1rem;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl {
  font-size: 0.9em;
  padding: 0.5rem 1rem;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl::after {
  content: "";
  display: block;
  clear: both;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl > * {
  float: left;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl dt {
  clear: both;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl dt {
  font-size: 0.9em;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-dl dt::after {
  content: "：";
  margin-right: 0.25em;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-favoriteBtn {
  display: table;
  margin: 0 auto 0.75em;
  -webkit-align-self: center;
  align-self: center;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  text-align: center;
  padding: 0.5em 1em;
  margin-top: auto;
  margin-bottom: 0.25em;
}
[class|=stp-product][class*=_tpl_item_type04] .tpl-favoriteBtn:hover {
  color: white;
  background-color: #d93b3b;
}

main.product {
  /* component */
  /* common namespace */
  /* each */
}
main.product [class$=_evaluation_list] .master-header {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em 1em;
}
main.product [class$=_evaluation_list] .master-header h3 {
  font-size: 1.2em;
}
main.product [class$=_evaluation_list] .master-header > div {
  display: table;
  margin-left: auto;
}
main.product [class$=_evaluation_list] .master-header > div > * {
  display: table-cell;
  vertical-align: middle;
}
main.product [class$=_evaluation_list] .master-header .master.global-scoreAvg {
  color: orange;
  font-size: 1.5em;
  text-shadow: 0 0 2px orange;
  padding-right: 1em;
}
main.product [class$=_evaluation_list] .master-header .master.global-counter {
  background: rgba(255, 165, 0, 0.2);
  border-radius: 1em;
  padding: 0.25em 1em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
main.product [class$=_evaluation_list] .master-wrap {
  max-height: 25em;
  overflow-y: auto;
}
main.product [class$=_evaluation_list] .master-wrap li {
  padding: 2em 1em 1em;
}
main.product [class$=_evaluation_list] .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.product [class$=_evaluation_list] .master-wrap p {
  padding: 1em;
}
main.product [class$=_evaluation_list] .master-wrap .master-score {
  color: orange;
  font-size: 1.5em;
  text-shadow: 0 0 2px orange;
}
main.product [class$=_evaluation_list] .master-wrap .master-footer {
  text-align: right;
}
main.product [class$=_evaluation_list] .master-wrap .master-footer time {
  color: slategray;
}
main.product [class$=_evaluation_list] .master-wrap .master-footer b {
  color: #296b73;
  margin-left: 1em;
}
main.product [class$=_info] {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
main.product [class$=_info] .metaWrap.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.product [class$=_info] .metaWrap.master > *:first-child {
  margin-left: auto;
}
main.product [class$=_info] .metaWrap.master a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  font-weight: bold;
  color: white;
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.5em;
}
main.product [class$=_info] .metaWrap.master .edit {
  background-color: #333333;
}
main.product [class$=_info] .metaWrap.master .edit::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.product [class$=_info] .infoWrap.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.product [class$=_info] .infoWrap.master > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.5rem;
}
main.product [class$=_info] .owner.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.product [class$=_info] .owner.master dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  padding: 0.5em 1em;
}
main.product [class$=_info] .owner.master dt * {
  vertical-align: middle;
}
main.product [class$=_info] .owner.master dt .global-personImg {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 3.5em;
  height: 3.5em;
}
main.product [class$=_info] .owner.master dt .global-userName, main.product [class$=_info] .owner.master dt .global-user {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 0.5em;
}
main.product [class$=_info] .owner.master dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.product [class$=_info] .owner.master dd span {
  display: inline-block;
}
@media (max-width: 399px) {
  main.product [class$=_info] .owner.master dd span {
    display: block;
  }
}
main.product [class$=_info] .owner.master dd span.toProfile a::before {
  content: "\f007";
}
main.product [class$=_info] .owner.master dd span.toProductList a::before {
  content: "\f03a";
}
main.product [class$=_info] .owner.master dd span a {
  display: inline-block;
  padding: 0.5em 1em;
}
main.product [class$=_info] .owner.master dd span a:hover {
  color: #d93b3b;
}
main.product [class$=_info] .owner.master dd span a::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.product [class$=_info] .master-isAdult {
  color: white;
  background-color: lightcoral;
  font-size: 0.95em;
  border-radius: 2px;
  padding: 0.5em 1em;
}
main.product [class$=_info] .global-btn[class], main.product [class$=_info] .global-btns a[class][href], .global-btns main.product [class$=_info] a[class][href] {
  margin-left: auto;
}
main.product [class$=_info] .master-salesPeriod {
  padding: 0.25em;
}
main.product [class$=_info] .master-salesPeriod[class] {
  margin-left: auto;
}
main.product [class$=_info] .master-salesPeriod > * {
  display: inline-block;
}
main.product [class$=_info_delivery] .master-deliveryMethod h4 {
  padding: 1em;
  padding-left: 0;
}
main.product [class$=_info_delivery] .master-deliveryMethod .global-colTable thead {
  color: white;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn {
  position: relative;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-showDeliveryArea.master {
  cursor: pointer;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-hideDeliveryArea {
  display: none;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-hideDeliveryArea.master {
  max-height: 10em;
  background: #fafafa;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.5);
  padding: 0.5em;
  position: absolute;
  left: 0;
  z-index: 1;
  overflow-y: auto;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-hideDeliveryArea.master dl {
  font-size: 0.9em;
  text-align: center;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-hideDeliveryArea.master dt {
  font-weight: bold;
  color: white;
  background-color: slategray;
  padding: 0.25em 1em;
  margin: 0.5em;
}
main.product [class$=_info_delivery] .master-deliveryAreaColumn .js-hideDeliveryArea.master dd {
  padding: 0.1em;
}
main.product article {
  /* article */
  /* common namespace */
  /* each */
}
main.product article[class^=search_type] h2.default {
  margin-bottom: 0.5em;
}
main.product article[class^=search_type] .global-counter {
  display: table;
  line-height: 1.75rem;
  padding: 0.5em 1em;
  margin-left: auto;
  margin-right: 1em;
}
/* ↓form stc↓ */
/* ↑form stc↑ */
main.product article.info_type02 {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
main.product article.info_type02 .stp-favoriteBtn {
  margin-left: auto;
}
main.product article.info_type02 .master-category {
  margin: 0.5em;
}
main.product article.info_type02 .master-intro {
  padding: 1em;
  margin-bottom: 3em;
}
main.product article.info_type02 .master-intro img {
  display: block;
  padding: 1em;
  margin: 1em auto;
}
@media (min-width: 800px) {
  main.product article.info_type02 .master-intro p {
    padding: 0 2em;
  }
}
main.product article.info_type02 .master-wrap::after {
  content: "";
  display: block;
  clear: both;
}
main.product article.info_type02 .master-wrap > ul {
  display: block;
  width: 20%;
  float: left;
}
@media (max-width: 799px) {
  main.product article.info_type02 .master-wrap > ul {
    display: none;
  }
}
main.product article.info_type02 .master-wrap > ul li {
  text-align: center;
}
main.product article.info_type02 .master-wrap > ul li:not(:last-of-type) {
  margin-bottom: 1em;
}
@media (min-width: 800px) {
  main.product article.info_type02 .master-wrap > div {
    display: block;
    width: 80%;
    float: left;
    padding-left: 1em;
  }
}
main.product article.info_type02 .master-wrap strong {
  font-weight: bold;
  font-size: 1.2em;
}
main.product article.info_type02 .master-wrap .master-putinWrap {
  margin-top: 2em;
}
@media (min-width: 500px) {
  main.product article.info_type02 .master-wrap .master-putinWrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.info_type02 .master-wrap .master-putinWrap li {
  padding: 1em;
}
@media (min-width: 500px) {
  main.product article.info_type02 .master-wrap .master-putinWrap li {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
main.product article.info_type02 .master-wrap .master-putinWrap div {
  background: rgba(217, 59, 59, 0.05);
  padding: 2em;
}
main.product article.info_type02 .master-wrap .master-price {
  display: table;
  width: 100%;
  padding: 0.5em;
}
main.product article.info_type02 .master-wrap .master-price > * {
  display: table-cell;
  vertical-align: middle;
}
main.product article.info_type02 .master-wrap .master-price dd {
  font-size: 1.25em;
  text-align: right;
  padding-left: 2em;
}
main.product article.info_type02 .master-wrap .master-counter {
  display: table;
  width: false;
  padding: 0.5em;
  margin-left: auto;
}
main.product article.info_type02 .master-wrap .master-counter > * {
  display: table-cell;
  vertical-align: middle;
}
main.product article.info_type02 .master-wrap .master-counter dd {
  padding: 0 0.5em;
}
main.product article.info_type02 .master-wrap .master-cartBtn {
  display: block;
  color: white;
  background-color: #f15a2d;
  border-radius: 5px;
  text-align: center;
  padding: 1em;
}
main.product article.info_type02 .master-wrap .master-detailWrap > section {
  padding: 1em;
}
main.product article.info_type02 .master-wrap .master-detailWrap > section:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
main.product article.info_type02 .master-wrap .master-detailWrap h3 {
  display: inline-block;
  font-size: 1.1em;
  background: rgba(55, 90, 125, 0.5);
  padding: 0.25em 0.5em;
}
main.product article.info_type02 .master-wrap .master-detailWrap ._info_delivery table {
  margin-bottom: 2em;
}
main.product article.info_type02 .master-wrap .master-detailWrap .master-tags {
  margin-bottom: 2em;
}
main.product article.info_type02 .master-wrap .master-detailWrap .master-tags li {
  display: inline-block;
  border-radius: 1.5em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  color: #274a78;
  padding: 0.25em 0.75em;
}
main.product article.info_type02 .master-wrap .master-detailWrap .master-tags li:before {
  content: "#";
  display: inline-block;
}
main.product article.info_type03 > .master-header {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em;
}
main.product article.info_type03 > .master-header .master-category {
  font-size: 0;
  margin: 0.5rem;
}
main.product article.info_type03 > .master-header .master-category span {
  color: slategray;
  font-size: 0.9rem;
}
main.product article.info_type03 > .master-header .master-category span:not(:last-of-type)::after {
  content: ">";
  margin: 0.5em;
}
main.product article.info_type03 > .master-header .master-sup {
  padding: 1em;
}
main.product article.info_type03 > .master-header .master-newOrSecond {
  display: inline-block;
  color: #d93b3b;
  font-size: 0.9em;
  border: 1px solid #d93b3b;
  border-radius: 2px;
  padding: 0.25em 1em;
  margin-right: 0.5em;
}
main.product article.info_type03 .master-intro {
  padding: 0 2em 4em;
  margin-bottom: 2em;
}
main.product article.info_type03 .master-intro img {
  display: block;
  padding: 1em;
  margin: 1em auto;
}
main.product article.info_type03 .master-intro p {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-intro p {
    padding: 0 2em;
  }
}
main.product article.info_type03 .master-images {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-bottom: 2em;
}
main.product article.info_type03 .master-images img {
  display: inline-block;
  padding: 0.5em;
}
main.product article.info_type03 .master-bottomWrap {
  background: rgba(211, 211, 211, 0.5);
  padding: 3em 0;
}
main.product article.info_type03 .master-bottomWrap > div {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
main.product article.info_type03 .master-bottomWrap > div::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 799px) {
  main.product article.info_type03 .master-imageList {
    display: none;
  }
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-imageList {
    display: block;
    width: 25%;
    float: left;
    padding: 0 2em 1em 1em;
  }
}
main.product article.info_type03 .master-imageList li {
  text-align: center;
}
main.product article.info_type03 .master-imageList li:not(:last-of-type) {
  margin-bottom: 0.5em;
}
main.product article.info_type03 .master-detailWrap {
  background: white;
  padding: 1em;
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-detailWrap {
    display: block;
    width: 75%;
    float: left;
    padding: 2em;
  }
}
main.product article.info_type03 .master-detailWrap .stp-favoriteBtn {
  margin-left: auto;
}
main.product article.info_type03 .master-detailWrap strong {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}
main.product article.info_type03 .master-detailWrap .master-putinWrap {
  padding: 1em;
  margin-top: 2em;
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-detailWrap .master-putinWrap {
    padding: 2em;
  }
}
main.product article.info_type03 .master-detailWrap .master-putinWrap div {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.product article.info_type03 .master-detailWrap .master-putinWrap dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.product article.info_type03 .master-detailWrap .master-putinWrap .master-counter {
  margin-left: auto;
}
main.product article.info_type03 .master-detailWrap .master-price {
  display: table;
  padding: 0.5em;
}
main.product article.info_type03 .master-detailWrap .master-price > * {
  display: table-cell;
  vertical-align: baseline;
}
main.product article.info_type03 .master-detailWrap .master-price dd {
  color: #f15a2d;
  font-size: 1.5em;
  text-align: right;
  padding-left: 1em;
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-detailWrap .master-price dd {
    padding-left: 1.5em;
  }
}
main.product article.info_type03 .master-detailWrap .master-counter {
  display: table;
  width: false;
  padding: 0.5em;
  margin-left: auto;
}
main.product article.info_type03 .master-detailWrap .master-counter > * {
  display: table-cell;
  vertical-align: middle;
}
main.product article.info_type03 .master-detailWrap .master-counter dd {
  padding: 0 0.5em;
}
main.product article.info_type03 .master-detailWrap .master-cartBtn {
  display: block;
  background: -webkit-linear-gradient(top, #f48361 5%, #f15a2d 95%, #fbd5ca 100%);
  background: linear-gradient(to bottom, #f48361 5%, #f15a2d 95%, #fbd5ca 100%);
  color: white;
  border: 1px solid #f15a2d;
  border-radius: 2px;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #c4370d;
  text-align: center;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3em;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  padding: 1.5em;
}
main.product article.info_type03 .master-detailWrap .master-cartBtn:hover {
  background: #f15a2d;
  border: 1px solid #ad300b;
}
main.product article.info_type03 .master-detailWrap .master-sections {
  margin-top: 2em;
}
main.product article.info_type03 .master-detailWrap .master-sections > section {
  padding: 2em 0.5em;
}
@media (min-width: 800px) {
  main.product article.info_type03 .master-detailWrap .master-sections > section {
    padding: 2em 1em;
  }
}
main.product article.info_type03 .master-detailWrap .master-sections h3 {
  display: inline-block;
  font-size: 1.1em;
  padding: 0.25em 0.5em;
}
main.product article.info_type03 .master-detailWrap .master-sections h3::before {
  content: "◎";
  margin-right: 0.25em;
}
main.product article.info_type03 .master-detailWrap .master-sections ._info_delivery .global-colTable.master {
  margin-bottom: 2em;
}
main.product article.info_type03 .master-detailWrap .master-sections ._info_delivery .global-colTable.master thead {
  background: rgba(41, 107, 115, 0.75);
}
main.product article.info_type04 .master.wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 800px) {
  main.product article.info_type04 .master.wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.info_type04 .master.contents {
  padding: 1em;
  padding-top: 0;
}
@media (min-width: 800px) {
  main.product article.info_type04 .master.contents {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    width: 70%;
    max-width: 70%;
  }
}
main.product article.info_type04 .master.contents .master.header {
  padding: 0 1em;
}
main.product article.info_type04 .master.contents .master.header h2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 1.7em;
  word-break: break-all;
  overflow-wrap: break-word;
}
main.product article.info_type04 .master.contents .master.header h2 > * {
  display: table-cell;
  vertical-align: middle;
}
main.product article.info_type04 .master.contents .master.header span {
  width: 3em;
  vertical-align: top;
  text-align: center;
}
main.product article.info_type04 .master.contents .master.header em {
  text-align: left;
  padding-left: 1em;
}
main.product article.info_type04 .master.contents .master.category {
  font-size: 0;
  margin: 0.5rem;
}
main.product article.info_type04 .master.contents .master.category span {
  color: slategray;
  font-size: 0.9rem;
}
main.product article.info_type04 .master.contents .master.category span:not(:first-of-type)::before {
  content: ">";
  margin: 0.5em;
}
main.product article.info_type04 .master.contents .master.content {
  text-align: center;
  padding: 1em;
  padding-top: 2em;
}
main.product article.info_type04 .master.contents .master.content div {
  max-width: 100%;
}
main.product article.info_type04 .master.contents .master.content h3 {
  display: table;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  line-height: 1.25;
  text-align: left;
  padding: 0.3em 0.8em;
}
main.product article.info_type04 .master.contents .master.content p {
  text-align: left;
  line-height: 2;
  padding: 2em;
  margin-bottom: 2em;
}
main.product article.info_type04 .master.aside {
  background: rgba(211, 211, 211, 0.5);
  padding: 1.5em;
  padding-top: 3em;
}
@media (min-width: 800px) {
  main.product article.info_type04 .master.aside {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    width: 30%;
    max-width: 30%;
  }
}
main.product article.info_type04 .master.aside > p {
  font-size: 0.9em;
  text-align: right;
}
main.product article.info_type04 .master.aside > p small {
  display: block;
  color: gray;
}
main.product article.info_type04 .master.aside strong {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}
main.product article.info_type04 .master.aside .master.priceWrap {
  max-width: 30em;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  margin-top: 2em;
}
main.product article.info_type04 .master.aside .master.priceWrap dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.product article.info_type04 .master.aside .master.price {
  display: table;
  padding: 0.5em;
}
main.product article.info_type04 .master.aside .master.price > * {
  display: table-cell;
  vertical-align: baseline;
}
main.product article.info_type04 .master.aside .master.price dd {
  color: #f15a2d;
  font-size: 1.5em;
  text-align: right;
  padding-left: 1em;
}
@media (min-width: 800px) {
  main.product article.info_type04 .master.aside .master.price dd {
    padding-left: 1.5em;
  }
}
main.product article.info_type04 .master.aside .master.counter {
  display: table;
  width: false;
  padding: 0.5em;
  margin-left: auto;
}
main.product article.info_type04 .master.aside .master.counter > * {
  display: table-cell;
  vertical-align: middle;
}
main.product article.info_type04 .master.aside .master.counter dd {
  padding: 0 0.5em;
}
main.product article.info_type04 .master.aside .master.cartBtn {
  display: block;
  max-width: 30em;
  margin-right: auto;
  margin-left: auto;
  background: -webkit-linear-gradient(top, #f48361 5%, #f15a2d 95%, #fbd5ca 100%);
  background: linear-gradient(to bottom, #f48361 5%, #f15a2d 95%, #fbd5ca 100%);
  color: white;
  border: 1px solid #f15a2d;
  border-radius: 2px;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #c4370d;
  text-align: center;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  padding: 1em;
}
main.product article.info_type04 .master.aside .master.cartBtn:hover {
  background: #f15a2d;
  border: 1px solid #ad300b;
}
main.product article.info_type04 .master.aside .stp-favoriteBtn {
  font-size: 0.9em;
  margin: 2em auto 0;
}
main.product article.info_type04 .master.aside [class$=_evaluation_list] {
  margin-top: 4em;
}
main.product article.info_type04 .master.aside [class$=_evaluation_list] .master-header {
  font-size: 0.9em;
  padding-right: 0;
  padding-left: 0;
}
main.product article.info_type04 .master.aside [class$=_evaluation_list] .master-wrap li {
  background: white;
}
[class|=stp-product][class$=left-owner_list] {
  text-align: center;
  padding: 2em 1em;
}
[class|=stp-product][class$=left-owner_list] .profWrap .global-personImg {
  width: 6em;
  height: 6em;
  margin: 0 auto 0.5em;
}
[class|=stp-product][class$=left-owner_list] nav {
  font-size: 0.9em;
  margin: 1em 0;
}
[class|=stp-product][class$=left-owner_list] nav a {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=stp-product][class$=left-owner_list] nav a:hover {
  color: #d93b3b;
}
[class|=stp-product][class$=left-owner_list] nav a::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=stp-product][class$=left-owner_list] .global-dlBox:not(:first-of-type) {
  margin-top: 0.5em;
}
[class|=stp-product][class$=left-owner_list] .global-dlBox dt {
  max-width: 100%;
  max-width: initial;
  text-align: left;
}
@media (min-width: 600px) {
  main.product article.owner_list .master-wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.owner_list .master-wrap li {
  padding: 0.5em;
}
@media (min-width: 600px) {
  main.product article.owner_list .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 900px) {
  main.product article.owner_list .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 600px) {
  main.product article.search_type02 .master-wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.search_type02 .master-wrap li {
  padding: 0.5em;
  padding-bottom: 2em;
}
@media (min-width: 600px) {
  main.product article.search_type02 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 900px) {
  main.product article.search_type02 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 600px) {
  main.product article.search_type03 .master-wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.search_type03 .master-wrap li {
  padding: 0.5em;
  padding-bottom: 2em;
}
@media (min-width: 600px) {
  main.product article.search_type03 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 900px) {
  main.product article.search_type03 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 1200px) {
  main.product article.search_type03 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
  }
}
@media (min-width: 800px) {
  main.product article.search_type04 .master-wrap {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.product article.search_type04 .master-wrap li {
  padding: 0.5em;
  padding-bottom: 2em;
}
@media (max-width: 799px) {
  main.product article.search_type04 .master-wrap li {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media (min-width: 800px) {
  main.product article.search_type04 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  main.product article.search_type04 .master-wrap li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
[class*=app-web-frontend][class$=serveicetypeproduct-maseproduct-top] .outer-contents {
  max-width: 100%;
}
[class*=app-web-frontend][class$=serveicetypeproduct-maseproduct-top] .outer-main-wrapper {
  padding: 0;
}
main.product article.top .master-header {
  color: white;
  background-color: #d93b3b;
  padding: 5em 1em;
}
main.product article.top .master-header h1 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  border: none;
}
main.product article.top .master-header h1 em {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.5em;
}
main.product article.top .master-header h1 small {
  font-weight: normal;
  font-size: 1rem;
}
main.product article.top .master-pageNav {
  max-width: 1200px;
  margin: 2em auto 5em;
}
main.product article.top .master-pageNav dt {
  display: inline-block;
  background: white;
  padding: 0.5em 1em;
  margin-bottom: -2em;
  -webkit-transform: translate(2em, 20%);
  transform: translate(2em, 20%);
}
main.product article.top .master-pageNav dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em;
}
main.product article.top .master-pageNav li {
  display: inline-block;
  margin: 0.3em 0.5em;
}

/* productmanage */
[class^=stp-productmanage] {
  /* block */
}

main.productmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.productmanage [class^=_form_type] .collection-rescue-add {
  color: white;
  background-color: #375a7d;
  border-radius: 2px;
  padding: 0.5em 3em;
  margin: 1em;
}
main.productmanage [class$=_product_class] .master-widgetWrap {
  background: white;
  border: 2px solid #eeeeee;
  margin: 1em;
}
main.productmanage [class$=_product_class] .master-header {
  background: #555555;
  padding: 0.25em 0.5em;
}
main.productmanage [class$=_product_class] .master-header .btn {
  color: white;
  background-color: #555555;
  border-radius: 2px;
  cursor: pointer;
  padding: 0.25em 1.5em;
  margin: 0.5em;
}
main.productmanage [class$=_product_class] .master-header .btn:hover {
  color: #555555;
  background: white;
}
main.productmanage [class$=_product_class] .global-dlForm.master {
  padding: 1em;
}
main.productmanage [class$=_product_class] .global-dlForm.master dt {
  display: inline-block;
  padding-right: 1.5em;
}
main.productmanage [class$=_form_type03_product_class] .master-widgetWrap {
  background: none;
  border: none;
  margin: 0;
}
main.productmanage [class$=_form_type03_product_class] .master-header {
  display: none;
}
main.productmanage [class$=_form_type04] form > div.master {
  background: rgba(211, 211, 211, 0.2);
  padding: 1em;
}
main.productmanage [class$=_form_type04] form > div.master:not(:first-of-type) {
  margin-top: 2em;
}
main.productmanage [class$=_form_type04] form > div.master dl {
  padding: 1em;
}
main.productmanage [class$=_form_type04] form > div.master dt {
  font-weight: bold;
  border-left: 2px solid gray;
  line-height: 1.25;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
main.productmanage [class$=_form_type04] form > div.master dt:not(:first-of-type) {
  margin-top: 1.5em;
}
main.productmanage [class$=_form_type04] .public.master::after {
  content: "";
  display: block;
  clear: both;
}
main.productmanage [class$=_form_type04] .public.master dl {
  float: left;
}
main.productmanage [class$=_form_type04] .basic.master::after {
  content: "";
  display: block;
  clear: both;
}
main.productmanage [class$=_form_type04] .basic.master dl:not(:last-of-type) {
  float: left;
}
@media (min-width: 1000px) {
  main.productmanage [class$=_form_type04] .basic.master dl:not(:last-of-type) {
    width: 50%;
  }
}
main.productmanage [class$=_form_type04] .basic.master dl:last-of-type {
  clear: both;
}
main.productmanage [class$=_form_type04] .basic.master .category.master dt {
  font-size: 0.9em;
}
main.productmanage [class$=_form_type04] .basic.master .category.master div {
  padding-left: 0.5em;
}
main.productmanage [class$=_form_type04] .basic.master .category.master div:not(:first-of-type) {
  margin-top: 1em;
}
main.productmanage [class$=_form_type04] .basic.master [type=text] {
  width: 100%;
  max-width: 30em;
}
@media (max-width: 399px) {
  main.productmanage [class$=_form_type04] .basic.master select {
    width: 100%;
  }
}
main.productmanage [class$=_form_type04] .basic.master textarea {
  min-height: 15em;
}
main.productmanage [class$=_form_type04] .content.master dl {
  padding: 1em;
}
main.productmanage [class$=_form_type04] .content.master .img.master div {
  padding-left: 0.5em;
}
main.productmanage [class$=_form_type04] .content.master .img.master label {
  margin-right: 1em;
}
main.productmanage [class$=_form_type04_product_class] .updload.master {
  background: rgba(211, 211, 211, 0.5);
}
@media (min-width: 600px) {
  main.productmanage [class$=_form_type04_product_class] .updload.master {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  main.productmanage [class$=_form_type04_product_class] .updload.master > * {
    display: table-cell;
    vertical-align: middle;
  }
}
main.productmanage [class$=_form_type04_product_class] .updload.master:not(:first-of-type) {
  margin-top: 1em;
}
main.productmanage [class$=_form_type04_product_class] .updload.master dt {
  width: 15em;
  border: none;
}
main.productmanage [class$=_form_type04_product_class] .updload.master button {
  display: inline-block;
  font-size: 0.9em;
  color: white;
  background-color: #375a7d;
  border-radius: 3px;
  padding: 0.5em 2em;
}
main.productmanage [class$=_form_type04_product_class] .price.master[class] {
  padding-right: 0;
  padding-left: 0;
  margin-top: 1em;
}
main.productmanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.productmanage article.conf_type04 .priceColumn.master td {
  text-align: left;
}
main.productmanage article.favorite_list .master-typeSelect {
  font-size: 0.9em;
  margin-bottom: 1em;
}
main.productmanage article.favorite_list .master-typeSelect ul {
  display: table;
  width: auto;
  margin-bottom: 1.5em;
}
main.productmanage article.favorite_list .master-typeSelect ul > * {
  display: table-cell;
  vertical-align: middle;
}
main.productmanage article.favorite_list .master-typeSelect li {
  border-right: 1px solid white;
}
main.productmanage article.favorite_list .master-typeSelect li > * {
  display: block;
  border-radius: 2px;
  background: lightgray;
  padding: 0.75em 1.25em;
}
main.productmanage article.favorite_list .master-typeSelect li > *:hover {
  background: #d93b3b;
}
main.productmanage article.favorite_list .master-typeSelect li > *.active {
  background: #d93b3b;
}
main.productmanage article.favorite_list .master-typeSelect li span {
  color: white;
  background-color: #d93b3b;
}
main.productmanage article.favorite_list .master-typeSelect li a:hover {
  color: white;
  background-color: #d93b3b;
}
@media (min-width: 800px) {
  main.productmanage article.favorite_list .wrap.type04.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.productmanage article.favorite_list .wrap.type04.master li {
  padding: 0.5em;
  padding-bottom: 2em;
}
@media (max-width: 799px) {
  main.productmanage article.favorite_list .wrap.type04.master li {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media (min-width: 800px) {
  main.productmanage article.favorite_list .wrap.type04.master li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  main.productmanage article.favorite_list .wrap.type04.master li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
main.productmanage article.index .global-menuBtns a {
  background-color: #d93b3b;
}
main.productmanage article.index .global-menuBtns a:hover {
  color: #d93b3b;
  background-color: white;
  border-color: #d93b3b;
}

/* serveicetypereserve */
.serveicetypereserve-wrapper .global-tags > *::before {
  color: #02547d;
}

[class|=str][class*=reservemanage-][class$=eachDay] {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2em 1em;
}
[class|=str][class*=reservemanage-][class$=eachDay]:not(:first-of-type) {
  margin-top: 2em;
}
[class|=str][class*=reservemanage-][class$=eachDay] header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding-right: 3em;
  position: relative;
}
@media (max-width: 599px) {
  [class|=str][class*=reservemanage-][class$=eachDay] header {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* for old browser */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
[class|=str][class*=reservemanage-][class$=eachDay] header h4 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #02547d;
  font-size: 1.3em;
  white-space: nowrap;
  padding: 0.5em;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachDay] header h4 {
    font-size: 1.4em;
  }
}
[class|=str][class*=reservemanage-][class$=eachDay] header h4::before {
  content: "\f073";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  white-space: nowrap;
  margin-right: 0.5em;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border: none;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.3em 0.8em;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.initial {
  background-color: rgba(112, 128, 144, 0.5);
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.proposal {
  color: white;
  background-color: #296b73;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.accept {
  color: white;
  background-color: #02547d;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.contract {
  color: white;
  background-color: #274a78;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.rejection {
  color: white;
  background-color: orangered;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.cancel_buyer {
  color: #555555;
  background-color: #cccccc;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .status b.cancel_seller {
  color: #555555;
  background-color: #cccccc;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .rejectInfo {
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .dayWrapToggle {
  display: inline-block;
  color: #02547d;
  font-size: 1.5em;
  cursor: pointer;
  padding: 0.5em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[class|=str][class*=reservemanage-][class$=eachDay] header .dayWrapToggle:hover {
  opacity: 0.8;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .dayWrapToggle.active::before {
  animation: rotate180 0.2s ease-out;
  animation-fill-mode: forwards;
}
[class|=str][class*=reservemanage-][class$=eachDay] header .dayWrapToggle::before {
  content: "\f13a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
[class|=str][class*=reservemanage-][class$=eachDay] .dayWrapToggleTarget {
  margin-top: 1em;
}
[class|=str][class*=reservemanage-][class$=eachField] legend {
  padding: 0.5em;
  padding-left: 1em;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] legend {
    padding-left: 2em;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex {
  padding: 1em 0;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    padding: 1em;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div {
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 1em;
  position: relative;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 49.5%;
    flex: 0 1 49.5%;
    width: 49.5%;
    max-width: 49.5%;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div::before {
  display: inline-block;
  font-size: x-small;
  border: 1px solid rgba(128, 128, 128, 0.25);
  line-height: 0;
  text-align: center;
  padding: 1em 0.5em;
  position: absolute;
  top: -2.2em;
  right: 0;
  left: 0;
}
@media (max-width: 599px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type {
    margin-top: 1em;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type::before {
  content: "\7533 \8FBC \5185 \5BB9 ";
  color: white;
  background-color: slategray;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type::before {
    left: auto;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type::after {
  display: inline-block;
  color: #02547d;
  font-size: 1.5em;
}
@media (max-width: 599px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type::after {
    content: "\f103";
    font-family: "FontAwesome solid";
    vertical-align: baseline;
    position: absolute;
    right: 50%;
    bottom: -1.5em;
    z-index: 1;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:first-of-type::after {
    content: "\f101";
    font-family: "FontAwesome solid";
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    right: -1em;
    z-index: 1;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div:last-of-type {
  margin-left: auto;
}
@media (max-width: 599px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:last-of-type {
    margin-top: 3.5em;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div:last-of-type::before {
  content: "\63D0 \6848 \5185 \5BB9 ";
  color: white;
  background-color: #296b73;
}
@media (min-width: 600px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex > div:last-of-type::before {
    right: auto;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex > div.initial {
  background-color: rgba(112, 128, 144, 0.5);
}
@media (max-width: 599px) {
  [class|=str][class*=reservemanage-][class$=eachField] .flex [type=text] {
    width: 100%;
  }
}
[class|=str][class*=reservemanage-][class$=eachField] .flex textarea {
  height: 100%;
}
[class|=str][class*=reservemanage-][class$=eachField] .flex p {
  line-height: inherit;
}
[class|=str][class*=reservemanage-][class$=eachField] .flex p:not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 1em;
  margin-top: 1em;
}
[class|=str][class*=reservemanage-][class$=eachOptions] {
  border-top: 2px dashed rgba(2, 84, 125, 0.2);
  border-bottom: 2px dashed rgba(2, 84, 125, 0.2);
  padding-top: 2em;
  padding-bottom: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
[class|=str][class*=reservemanage-][class$=eachOptions] .each:not(:first-of-type) {
  margin-top: 1em;
}
[class|=str][class*=reservemanage-][class$=eachOptions] .each::before {
  content: "・";
  margin-right: 0.2em;
}
[class|=str][class*=reservemanage-][class$=eachPlans] {
  border-top: 2px dashed rgba(2, 84, 125, 0.2);
  padding-top: 2em;
  margin-top: 2em;
}
[class|=str][class*=reservemanage-][class$=eachPlans] .each {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em 0;
}
[class|=str][class*=reservemanage-][class$=eachPlans] .each:not(:first-of-type) {
  margin-top: 2em;
}
[class|=str][class*=reservemanage-][class$=eachTarget] {
  background-color: rgba(2, 84, 125, 0.1);
  border-bottom: 10px dashed white;
  padding: 2em 1em;
}
[class|=str][class*=reservemanage-][class$=eachTarget]:not(:first-of-type) {
  margin-top: 3em;
}
[class|=str][class*=reservemanage-][class$=total] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 2em 1em;
}
[class|=str][class*=reservemanage-][class$=total] h4 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=str][class*=reservemanage-][class$=total] dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1em;
}
[class|=str][class*=reservemanage-][class$=total] dl:first-of-type {
  padding-right: 2em;
  margin-left: auto;
  position: relative;
}
[class|=str][class*=reservemanage-][class$=total] dl:first-of-type::after {
  content: "\f101";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  color: #02547d;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  right: -0.5em;
  z-index: 1;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}
[class|=str][class*=reservemanage-][class$=total] dl:first-of-type .global-currency {
  font-size: 1.5em;
}
[class|=str][class*=reservemanage-][class$=total] dl:last-of-type .global-currency {
  font-size: 2em;
}
[class|=str][class*=reservemanage-][class$=total] dl dt {
  color: gray;
  font-size: smaller;
  text-align: center;
}
[class|=str][class*=reservemanage-][class$=total] dl dd {
  text-align: right;
}
[class|=str][class*=reservemanage-][class$=total] dl .initialOrRejection {
  display: inline-block;
  width: 4em;
  background-color: rgba(112, 128, 144, 0.5);
  padding-top: 2em;
  margin-top: 0.25em;
}

.str-count em {
  word-break: break-all;
  overflow-wrap: break-word;
}
.str-count i {
  margin: 0 0.5em;
}
.str-left {
  background-color: rgba(0, 153, 68, 0.1);
  white-space: nowrap;
  padding: 0 1em;
  margin-left: 1em;
}
.str-left i {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 0.2em;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
.str-manageBtn {
  display: inline-block;
  font-weight: bold;
  color: white;
  background-color: #3e606f;
  border-radius: 1.5em;
  padding: 0.5em 2em;
}
.str-manageBtn.add::before {
  content: "\f055";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.str-manageBtn.list::before {
  content: "\f03a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.str-manageBtn.setPlan::before {
  content: "\f271";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (min-width: 600px) {
  .str-planTimeLine {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
.str-planTimeLine ul {
  padding: 0 0.5em;
}
@media (min-width: 600px) {
  .str-planTimeLine ul {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  .str-planTimeLine ul {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1200px) {
  .str-planTimeLine ul {
    padding: 0 1em;
  }
}
.str-planTimeLine ul:nth-of-type(1) {
  -webkit-order: 1;
  order: 1;
}
@media (min-width: 600px) {
  .str-planTimeLine ul:nth-of-type(2) {
    -webkit-order: 3;
    order: 3;
  }
}
@media (min-width: 1000px) {
  .str-planTimeLine ul:nth-of-type(2) {
    -webkit-order: 2;
    order: 2;
  }
}
@media (min-width: 600px) {
  .str-planTimeLine ul:nth-of-type(3) {
    -webkit-order: 2;
    order: 2;
  }
}
@media (min-width: 1000px) {
  .str-planTimeLine ul:nth-of-type(3) {
    -webkit-order: 3;
    order: 3;
  }
}
.str-planTimeLine ul:nth-of-type(4) {
  -webkit-order: 4;
  order: 4;
}
.str-pricePerUnit {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  white-space: nowrap;
  padding: 0.5em;
}
.str-pricePerUnit dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  -webkit-align-self: baseline;
  flex: 0 1 auto;
  align-self: baseline;
  padding-left: 0.5em;
}
.str-pricePerUnit dt::before {
  content: "/";
  margin: 0 0.3em;
}
.str-pricePerUnit dt small {
  margin: 0.5em;
}
.str-pricePerUnit dt b {
  font-size: 1.3em;
}
.str-pricePerUnit dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  -webkit-align-self: baseline;
  flex: 0 1 auto;
  align-self: baseline;
  -webkit-order: -1;
  order: -1;
  margin-left: auto;
}
.str-pricePerUnit dd b {
  font-size: 2em;
}
.str-reserve-sectionHeader {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  margin: 0.5em;
  margin-bottom: 1.5em;
}
.str-reserve-sectionHeader > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.str-reserve-sectionHeader > *:last-child {
  margin: 0.25em;
  margin-left: auto;
}
.str-reserve-sectionHeader h3 {
  font-size: 1.4em;
  margin-right: 1em;
}
.str-reserve-sectionHeader h3::before {
  content: "\f46d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  color: #3e606f;
}
.str-reserve-sectionHeader .addBtns {
  text-align: right;
}
.str-reserve-sectionHeader .addBtns a {
  margin: 0.25em;
}
.str-reservemanage-evaluation {
  padding: 1em;
}
.str-reservemanage-evaluation dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  padding: 1em;
}
.str-reservemanage-evaluation dl.point {
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.str-reservemanage-evaluation dl.comment {
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background-color: white;
  border: 3px dotted rgba(2, 84, 125, 0.2);
}
.str-reservemanage-evaluation dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: slategray;
  font-size: 0.9em;
  white-space: nowrap;
  margin-right: 1em;
}
.str-reservemanage-evaluation dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.str-reservemanage-evaluation dd p {
  line-height: 1.5;
}
.str-reservemanage-menuList li {
  padding: 1em;
}
.str-reservemanage-menuList li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.str-reservemanage-menuList section {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
/* ↓common↓ */
.str-reservemanage-menuList a[title] {
  display: inline-block;
  color: #274a78;
}
.str-reservemanage-menuList a[title]::before {
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.str-reservemanage-menuList a[title][href*='/edit'] {
  font-size: 0.9rem;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  transition: 0s;
  padding: 0.1em 0.5em;
}
.str-reservemanage-menuList a[title][href*='/edit']:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.str-reservemanage-menuList a[title][href*='/edit']::before {
  font-size: 0.9em;
  margin-right: 0.25em;
}
.str-reservemanage-menuList a[title][href*='/edit']::before {
  content: "\f044";
}
.str-reservemanage-menuList a[title][href*='/delete'] {
  font-size: 0.9rem;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  transition: 0s;
  padding: 0.1em 0.5em;
}
.str-reservemanage-menuList a[title][href*='/delete']:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.str-reservemanage-menuList a[title][href*='/delete']::before {
  font-size: 0.9em;
  margin-right: 0.25em;
}
.str-reservemanage-menuList a[title][href*='/delete']::before {
  content: "\f057";
}
.str-reservemanage-menuList a[title].active {
  font-size: 0.9rem;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  transition: 0s;
  padding: 0.1em 0.5em;
}
.str-reservemanage-menuList a[title].active:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.str-reservemanage-menuList a[title].active::before {
  font-size: 0.9em;
  margin-right: 0.25em;
}
.str-reservemanage-menuList a[title].active::before {
  content: "\f06e";
}
.str-reservemanage-menuList a[title].inactive {
  font-size: 0.9rem;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  transition: 0s;
  padding: 0.1em 0.5em;
}
.str-reservemanage-menuList a[title].inactive:hover {
  color: white;
  background-color: #274a78;
  opacity: 1;
}
.str-reservemanage-menuList a[title].inactive::before {
  font-size: 0.9em;
  margin-right: 0.25em;
}
.str-reservemanage-menuList a[title].inactive::before {
  content: "\f070";
}
.str-reservemanage-menuList a[title][href*='/list']::before {
  content: "\f022";
}
.str-reservemanage-menuList a[title][href*='/set']::before {
  content: "\f271";
}
.str-reservemanage-menuList a[title][href*='/create']::before {
  content: "\f055";
}
/* ↑common↑ */
.str-reservemanage-menuList header {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5em;
  margin-bottom: 0;
}
.str-reservemanage-menuList header small {
  color: gray;
  font-size: smaller;
}
.str-reservemanage-menuList header h3 {
  display: inline;
  font-size: 1.3em;
  margin: 0 1em;
}
.str-reservemanage-menuList header h3.toDetail {
  display: inline-block;
}
.str-reservemanage-menuList header h3.toDetail a {
  color: #274a78;
}
.str-reservemanage-menuList header h3.toDetail a::before {
  content: "\f46c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.str-reservemanage-menuList header h3 a:hover {
  color: #02547d;
}
.str-reservemanage-menuList header span {
  display: inline-block;
}
.str-reservemanage-menuList div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  margin-left: auto;
}
.str-reservemanage-menuList dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
}
.str-reservemanage-menuList dl:not(:first-of-type) {
  border-left: 1px solid rgba(128, 128, 128, 0.25);
}
.str-reservemanage-menuList dl.global-inlineDl dt {
  margin-right: 0.5em;
}
.str-reservemanage-menuList dl dt {
  color: gray;
  font-size: smaller;
  text-align: center;
}
.str-reservemanage-menuList dl a {
  padding: 0 0.25em;
}
.str-reservemanage-menuList dl a:hover {
  opacity: 1;
}
.str-reservemanage-menuList dl a:hover b {
  color: white;
  background-color: #274a78;
}
.str-reservemanage-menuList dl b {
  display: inline-block;
  font-weight: normal;
  font-size: 0.9rem;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0 0.5em;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.str-reservemanage-menuList dl span:not(:first-of-type) {
  margin-left: 0.75em;
}
.str-reservemanage-submitWrap {
  text-align: center;
  margin: 2em auto;
}
.str-reservemanage-submitWrap a {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 1em;
  margin: 0.3em;
}
.str-reservemanage-submitWrap a[href*='/proposal'] {
  color: white;
  background-color: #296b73;
  padding-right: 2em;
  padding-left: 2em;
}
.str-reservemanage-submitWrap a[href*='/accept'] {
  color: white;
  background-color: #02547d;
  padding-right: 2em;
  padding-left: 2em;
}
.str-reservemanage-submitWrap a[href*='/contract'] {
  color: white;
  background-color: #274a78;
}
.str-reservemanage-submitWrap a[href*='/rejection'] {
  background-color: rgba(128, 128, 128, 0.3);
}
.str-reservemanage-submitWrap a[href*='/cancel'] {
  background-color: rgba(128, 128, 128, 0.3);
}
.str-reservemanage-selectboxWidgets {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em;
}
.str-reservemanage-selectboxWidgets * {
  vertical-align: middle;
}
.str-reservemanage-selectboxWidgets div {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0.5em;
}
.str-reservemanage-selectboxWidgets select {
  width: 100%;
}
.str-reservemanage-selectboxWidgets [name*='[show]'] {
  dislay: block;
  color: white;
  background-color: #02547d;
  width: 100%;
  transition: 0.2s;
  text-algin: center;
}
.str-reservemanage-selectboxWidgets [name*='[show]']:hover {
  opacity: 0.8;
}
@media (min-width: 800px) {
  .str-reservemanage-timeLine {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
.str-reservemanage-timeLine ul {
  padding: 0 0.5em;
}
@media (min-width: 800px) {
  .str-reservemanage-timeLine ul {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
.str-reservemanage-timeLine li {
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  font-size: 0.9rem;
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin: 0.225rem;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
.str-reservemanage-timeLine li.selected {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
.str-reservemanage-timeLine li.selected::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
._tpl_mase_str_header {
  color: white;
  background-color: #02547d;
}

/* reserve */
main.reserve {
  /* component */
  /* common namespace */
  /* each */
}
[class*=str-reserve-over-] [class$=_info_manage] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0 1em;
}
[class*=str-reserve-over-] [class$=_info_manage] > *:first-child {
  margin-left: auto;
}
[class*=str-reserve-over-] [class$=_info_manage] a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  font-weight: bold;
  color: white;
  border-radius: 2px;
  padding: 0.5em 1em;
  margin: 0.5em;
}
[class*=str-reserve-over-] [class$=_info_manage] .edit.master {
  background-color: #333333;
}
[class*=str-reserve-over-] [class$=_info_manage] .edit.master::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.reserve [class$=_info_manage_option_list] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.reserve [class$=_info_manage_option_list] .str-reserve-sectionHeader {
  font-size: 1em;
}
main.reserve [class$=_info_manage_option_list] .options.master > li {
  padding: 1em;
}
main.reserve [class$=_info_manage_option_list] .option.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
  position: relative;
}
main.reserve [class$=_info_manage_option_list] .option.master .image {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 25%;
  flex: 0 1 25%;
  width: 25%;
  max-width: 25%;
}
main.reserve [class$=_info_manage_option_list] .option.master .image .global-coverImage {
  padding-top: 75%;
  margin-bottom: 0.5em;
}
main.reserve [class$=_info_manage_option_list] .option.master .text {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 75%;
  flex: 0 1 75%;
  width: 75%;
  max-width: 75%;
  padding-left: 1em;
  padding-bottom: 1em;
}
main.reserve [class$=_info_manage_option_list] .option.master .text h4 {
  font-size: 1.5em;
  padding: 0.5em 0;
}
main.reserve [class$=_info_manage_option_list] .option.master .text .price {
  text-align: right;
  padding: 0.5em;
}
main.reserve [class$=_info_manage_option_list] .option.master .text .price .global-currency {
  font-size: 1.5em;
}
main.reserve [class$=_info_manage_option_list] .option.master .text p {
  font-size: 0.9em;
  padding: 0.5em;
}
main.reserve [class$=_info_manage_option_list] .option.master .edit.master {
  display: inline-block;
  color: #02547d;
  font-size: 0;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
main.reserve [class$=_info_manage_option_list] .option.master .edit.master::before {
  content: "\f303";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1rem;
}
main.reserve [class$=_info_manage_option_list] .str-manageBtn.alone {
  display: table;
  margin: 0.5em auto;
}
main.reserve [class$=_info_manage_target_list] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.reserve [class$=_info_manage_target_list] .str-reserve-sectionHeader {
  font-size: 1em;
}
main.reserve [class$=_info_manage_target_list] .targets.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
main.reserve [class$=_info_manage_target_list] .targets.master > li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 33.33333%;
  flex: 0 1 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
  padding: 1em;
}
main.reserve [class$=_info_manage_target_list] .target.master {
  position: relative;
  padding-bottom: 1em;
}
main.reserve [class$=_info_manage_target_list] .target.master .toTarget {
  display: block;
  overflow: hidden;
}
main.reserve [class$=_info_manage_target_list] .target.master .toTarget:hover {
  opacity: 1;
}
main.reserve [class$=_info_manage_target_list] .target.master .toTarget:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
main.reserve [class$=_info_manage_target_list] .target.master .toTarget img {
  transition: 0.2s;
}
main.reserve [class$=_info_manage_target_list] .target.master .global-coverImage {
  padding-top: 75%;
  margin-bottom: 0.5em;
}
main.reserve [class$=_info_manage_target_list] .target.master h4 {
  font-size: 1.2em;
  padding: 0.5em 0.25em;
}
main.reserve [class$=_info_manage_target_list] .target.master p {
  font-size: 0.9em;
}
main.reserve [class$=_info_manage_target_list] .target.master .edit.master {
  display: inline-block;
  color: #02547d;
  font-size: 0;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
main.reserve [class$=_info_manage_target_list] .target.master .edit.master::before {
  content: "\f303";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1rem;
}
main.reserve [class$=_info_manage_target_list] .str-manageBtn.alone {
  display: table;
  margin: 0.5em auto;
}
[class*=str-reserve-over-] [class$=_info_target] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0 1em;
}
[class*=str-reserve-over-] [class$=_info_target] > *:first-child {
  margin-left: auto;
}
[class*=str-reserve-over-] [class$=_info_target] a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  font-weight: bold;
  color: white;
  border-radius: 2px;
  padding: 0.5em 1em;
  margin: 0.5em;
}
[class*=str-reserve-over-] [class$=_info_target] .edit.master {
  background-color: #333333;
}
[class*=str-reserve-over-] [class$=_info_target] .edit.master::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.reserve [class$=_info_target_manage_info_type01] .master h3 {
  font-size: 1.2em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
  margin-bottom: 1em;
}
main.reserve [class$=_info_target_manage_info_type01] .master img {
  display: block;
  width: 100%;
  margin: 0.5em 0;
}
main.reserve [class$=_info_target_manage_info_type01] .master p {
  line-height: 1.5;
  padding: 1em 0;
}
main.reserve [class$=_info_target_plan_info_type01] .setPlan {
  display: table;
  margin: 2em auto;
  font-size: 1.2em;
  padding-right: 3em;
  padding-left: 3em;
}
main.reserve [class$=_info_target_plan_info_type01] .str-reserve-sectionHeader {
  font-size: 1em;
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlans.master {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  margin: 1em;
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlans.master li {
  padding: 1em;
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlans.master li:not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master {
  position: relative;
}
@media (min-width: 400px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .image {
  padding: 0.5em;
}
@media (min-width: 400px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .image {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
  }
}
@media (min-width: 600px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .image {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .image .global-imgBg {
  padding-top: 50%;
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .text {
  padding: 0.5em 1em;
}
@media (min-width: 400px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .text {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .text h3 {
  font-size: 1.5em;
  margin: 0.5em 0;
}
@media (min-width: 400px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .text h3 {
    margin-top: 0;
  }
}
@media (min-width: 400px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .str-pricePerUnit {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 100%;
    -webkit-align-self: center;
    flex: 1 1 100%;
    align-self: center;
  }
}
@media (min-width: 600px) {
  main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .str-pricePerUnit {
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: unset;
    max-width: unset;
    margin-left: auto;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .edit.master {
  display: inline-block;
  color: #02547d;
  font-size: 0;
  padding: 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
}
main.reserve [class$=_info_target_plan_info_type01] .reservePlan.master .edit.master::before {
  content: "\f303";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1rem;
}
main.reserve [class$=_info_target_plan_info_type01] .calendar.master {
  padding: 1em;
  margin-top: 3em;
}
main.reserve [class$=_info_target_plan_info_type01] .apply.master {
  display: block;
  width: 100%;
  max-width: 30em;
  color: white;
  background-color: #02547d;
  border: 3px solid rgba(41, 107, 115, 0.5);
  border-radius: 3px;
  transition: 0.2s;
  padding: 1em;
  margin: 2em auto;
}
main.reserve [class$=_info_target_plan_info_type01] .apply.master:hover {
  border-color: #faed00;
  opacity: 0.9;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master {
  border: 2px solid rgba(112, 128, 144, 0.1);
  border-radius: 3px;
  padding: 1em;
  margin: 1em;
  position: relative;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master h4 {
  font-size: 1.5em;
  padding: 0.5em;
  padding-bottom: 0;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox] {
  display: none;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox]:checked + label {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox]:checked + label::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox]:checked + label .str-left {
  color: #222222;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox]:disabled + label {
  background-color: rgba(112, 128, 144, 0.3);
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master [type=checkbox]:not(:disabled) + label:hover {
  background-color: rgba(2, 84, 125, 0.1);
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master label {
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  padding: 1em;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master label::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: transparent;
  line-height: 1;
}
/* ↓extend over↓ */
/* ↑extend over↑ */
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master b {
  display: inline-block;
  white-space: nowrap;
}
main.reserve [class$=_info_target_plan_info_type01] .hourlyPlan.master span {
  display: block;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master li {
  padding: 1em;
  position: relative;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox] {
  display: none;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox]:checked + label + section {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox]:checked + label + section::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox]:checked + label + section .str-left {
  color: #222222;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox]:disabled + label + section {
  background-color: rgba(112, 128, 144, 0.3);
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master [type=checkbox]:not(:disabled) + label:hover + section {
  background-color: rgba(2, 84, 125, 0.1);
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlans.master label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlan.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  border: 2px solid rgba(112, 128, 144, 0.1);
  border-radius: 3px;
  padding: 1em;
  position: relative;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlan.master::before {
  content: "\f14a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  color: transparent;
  font-size: 2em;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlan.master h4 {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  font-size: 1.5em;
  padding: 0.5em;
  padding-bottom: 0;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlan.master dl {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: auto;
}
main.reserve [class$=_info_target_plan_info_type01] .dailyPlan.master .str-left {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
main.reserve [class$=_info_target_plan_info_type01] .options.master {
  padding: 1em 0.5em;
}
@media (min-width: 800px) {
  main.reserve [class$=_info_target_plan_info_type01] .options.master ul {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .options.master li {
  padding: 0.5em;
}
@media (min-width: 800px) {
  main.reserve [class$=_info_target_plan_info_type01] .options.master li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  main.reserve [class$=_info_target_plan_info_type01] .options.master li {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
main.reserve [class$=_info_target_plan_info_type01] .option.master {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em;
  position: relative;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master h4 {
  font-size: 1.3em;
  padding: 0.5em;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master .priceSelect {
  text-align: right;
  padding-right: 0.5em;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master .priceSelect * {
  vertical-align: middle;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master .price {
  display: inline-block;
  white-space: nowrap;
  padding: 0.5em;
  padding-right: 1em;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master .price .global-currency {
  font-size: 1.7em;
}
main.reserve [class$=_info_target_plan_info_type01] .option.master select {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
main.reserve [class$=_info_target_plan_info_type01] .addBtns.alone.master {
  text-align: center;
  padding: 1em;
}
main.reserve [class$=_info_target_plan_info_type01] .addBtns.alone.master a {
  margin: 0.25em;
}
main.reserve [class$=_input_application_list] .eachTarget.master {
  background-color: rgba(201, 188, 156, 0.1);
  padding: 2em 0;
}
main.reserve [class$=_input_application_list] .eachTarget.master:not(:first-of-type) {
  margin-top: 5em;
}
main.reserve [class$=_input_application_list] .total.master {
  max-width: 1200px;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 3px solid rgba(2, 84, 125, 0.1);
  text-align: right;
  padding: 2em;
}
main.reserve [class$=_input_application_list] .total.master dt {
  margin-right: 1em;
}
main.reserve [class$=_input_application_list] .total.master .global-currency {
  font-size: 2em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  margin-bottom: 3em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master dt {
  color: gray;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  position: relative;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master dt::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(128, 128, 128, 0.3);
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master dt span {
  dislay: inline-block;
  background-color: #f9f8f5;
  padding: 0 1em;
  margin-left: 2em;
  position: relative;
  z-index: 1;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master dd {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  padding: 0.5em;
  padding-bottom: 1em;
}
@media (min-width: 600px) {
  main.reserve [class$=_input_application_list_reserve_target_type01] .target.master dd {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .image {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 7em;
  flex: 0 1 7em;
  width: 7em;
  max-width: 7em;
  min-width: 7em;
  padding-top: 7em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1em;
}
@media (max-width: 599px) {
  main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text strong {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5em;
  word-break: break-all;
  overflow-wrap: break-word;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text b {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text b::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  font-size: 0.9em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .text p {
  line-height: 1.5;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .remove {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  -webkit-align-self: center;
  flex: 0 1 auto;
  align-self: center;
  white-space: nowrap;
  padding: 0.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .remove a {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 1.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .target.master .remove a:hover {
  color: white;
  background-color: orangered;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .plansWrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachDay.master {
  padding: 3em 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachDay.master h4 {
  color: #02547d;
  font-size: 1.5em;
  padding: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachDay.master h4::before {
  content: "\f073";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .planOptionsWrap.master {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
}
/* ↓common↓ */
main.reserve [class$=_input_application_list_reserve_target_type01] .planOptionsWrap.master .calc {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: baseline;
  align-items: baseline;
  padding: 0.5em 1em;
  margin-left: auto;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .planOptionsWrap.master .calc.subTotal {
  background-color: rgba(2, 84, 125, 0.1);
  padding: 1em 2em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .planOptionsWrap.master .calc dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: auto;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .planOptionsWrap.master .calc dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 10em;
  flex: 0 1 10em;
  width: 10em;
  max-width: 10em;
  white-space: nowrap;
  text-align: right;
  padding: 0 1em;
}
/* ↑common↑ */
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master {
  padding: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master .each {
  padding: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master .each:not(:first-of-type) {
  border-top: 3px dashed rgba(2, 84, 125, 0.2);
  margin-top: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master header h5 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master header h5::before {
  content: "\f46d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master header .pricePerUnit {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  white-space: nowrap;
  padding: 0.5em;
  margin-left: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master header .pricePerUnit * {
  vertical-align: baseline;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master ul {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachPlans.master li {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  white-space: nowrap;
  padding: 0.25em 0.5em;
  margin: 0.1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master {
  padding: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master .each {
  padding: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master .each:not(:first-of-type) {
  border-top: 2px dotted rgba(2, 84, 125, 0.2);
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5em 1em;
  margin-bottom: 0;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master header h5 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.2em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .eachOptions.master header .price {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  white-space: nowrap;
  padding: 0.5em;
  margin-left: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .daysTotal.master {
  background-color: rgba(2, 84, 125, 0.2);
  padding: 1em 2em;
  margin-top: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .daysTotal.master dt {
  margin-right: 1em;
}
main.reserve [class$=_input_application_list_reserve_target_type01] .daysTotal.master .global-currency {
  font-size: 1.5em;
}
main.reserve article {
  /* article */
  /* common namespace */
  /* each */
}
main.reserve article.conf_input_application_info h2.default.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.reserve article.conf_input_application_info .applicant.master {
  max-width: 1200px;
  margin-top: 5em;
  margin-bottom: 5em;
  margin-right: auto;
  margin-left: auto;
}
main.reserve article.info_manage_type01 .mainImg.master {
  padding-top: 35%;
}
main.reserve article.info_manage_type01 .pageHeader.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  margin-bottom: 1em;
}
main.reserve article.info_manage_type01 .pageHeader.master .global-tags span {
  color: gray;
}
main.reserve article.info_manage_type01 .wrap.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
}
@media (min-width: 600px) {
  main.reserve article.info_manage_type01 .wrap.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
@media (min-width: 600px) {
  main.reserve article.info_manage_type01 .side.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
  }
}
@media (min-width: 600px) {
  main.reserve article.info_manage_type01 .content.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 70%;
    flex: 0 1 70%;
    width: 70%;
    max-width: 70%;
    padding-left: 2em;
  }
}
/* ↓common↓ */
main.reserve article.info_manage_type01 .content.master > section {
  padding: 2em 1em;
}
main.reserve article.info_manage_type01 .content.master h3 {
  font-size: 1.2em;
  border-bottom: 3px dashed rgba(2, 84, 125, 0.2);
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
/* ↑common↑ */
main.reserve article.info_manage_type01 .content.master .hierarchy {
  padding: 1em 0;
}
main.reserve article.info_manage_type01 .content.master .hierarchy span {
  margin: 0.5em;
}
main.reserve article.info_manage_type01 .content.master .global-coverImage {
  padding-top: 75%;
}
main.reserve article.info_manage_type01 .content.master .meta ul {
  padding-left: 1em;
}
main.reserve article.info_manage_type01 .content.master .meta li {
  list-style-type: disc;
  padding: 0.25em;
}
main.reserve article.info_manage_type01 .addBtns.master {
  text-align: center;
  padding: 1em;
}
main.reserve article.info_manage_type01 .addBtns.master a {
  margin: 0.25em;
}
main.reserve article.info_target_type01 .pageHeader.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  margin-bottom: 1em;
}
main.reserve article.info_target_type01 .pageHeader.master .global-tags span {
  color: gray;
}
main.reserve article.info_target_type01 .pageHeader.master .global-tags span::before {
  color: #02547d;
}
main.reserve article.info_target_type01 .wrap.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
}
@media (min-width: 600px) {
  main.reserve article.info_target_type01 .wrap.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
main.reserve article.info_target_type01 .side.master {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 1em;
}
@media (min-width: 600px) {
  main.reserve article.info_target_type01 .side.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
  }
}
main.reserve article.info_target_type01 .side.master .favorite {
  display: block;
  color: tomato;
  border: 1px solid rgba(255, 99, 71, 0.5);
  text-align: center;
  padding: 0.5em 1em;
  margin: 1em;
}
main.reserve article.info_target_type01 .side.master .favorite:hover {
  color: white;
  background-color: tomato;
}
@media (max-width: 599px) {
  main.reserve article.info_target_type01 .content.master {
    margin-top: 3em;
  }
}
@media (min-width: 600px) {
  main.reserve article.info_target_type01 .content.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 70%;
    flex: 0 1 70%;
    width: 70%;
    max-width: 70%;
    padding-left: 2em;
  }
}
/* ↓common↓ */
main.reserve article.info_target_type01 .content.master > section {
  padding: 2em 1em;
}
main.reserve article.info_target_type01 .content.master h3 {
  font-size: 1.2em;
  border-bottom: 3px dashed rgba(2, 84, 125, 0.2);
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
/* ↑common↑ */
main.reserve article.info_target_type01 .content.master .hierarchy {
  padding: 1em 0;
}
main.reserve article.info_target_type01 .content.master .hierarchy span {
  margin: 0.5em;
}
main.reserve article.info_target_type01 .content.master .global-coverImage {
  padding-top: 75%;
}
main.reserve article.info_target_type01 .content.master .global-coverImage:not(:first-of-type) {
  margin-top: 1em;
}
main.reserve article.info_target_type01 .content.master .meta ul {
  padding-left: 1em;
}
main.reserve article.info_target_type01 .content.master .meta li {
  list-style-type: disc;
  padding: 0.25em;
}
main.reserve article.input_application_info h2.default.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.reserve article.input_application_info .applicant.master {
  max-width: 1200px;
  margin-top: 5em;
  margin-bottom: 5em;
  margin-right: auto;
  margin-left: auto;
}
main.reserve article.input_application_info .applicant.master .global-rowTable [name*='[name]'] {
  width: 100%;
  max-width: 30em;
}
main.reserve article.input_application_info .applicant.master .global-rowTable [name*='[email]'] {
  width: 100%;
  max-width: 30em;
}
[class^=str-reserve][class$=left-search_type01] .global-dlForm.master {
  padding-top: 1em;
}
[class^=str-reserve][class$=left-search_type01] .global-dlForm.master .form-checkboxes {
  padding-left: 1em;
}
main.reserve article.search_type01 .pageHeader.master h2.default {
  padding-bottom: 0;
}
main.reserve article.search_type01 .pageHeader.master .global-counter {
  text-align: right;
}
main.reserve article.search_type01 .target.master {
  padding: 1em;
}
main.reserve article.search_type01 .target.master section {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 1.5em 1em;
}
main.reserve article.search_type01 .target.master .image {
  display: block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 30%;
  flex: 0 1 30%;
  width: 30%;
  max-width: 30%;
}
main.reserve article.search_type01 .target.master .image .global-imgBg {
  padding-top: 75%;
}
@media (max-width: 499px) {
  main.reserve article.search_type01 .target.master .image .noImage::after {
    font-size: 1em;
  }
}
main.reserve article.search_type01 .target.master .text {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 70%;
  flex: 0 1 70%;
  width: 70%;
  max-width: 70%;
  padding-left: 1em;
}
main.reserve article.search_type01 .target.master a {
  color: #274a78;
}
main.reserve article.search_type01 .target.master h3 {
  margin-bottom: 0.75em;
}
main.reserve article.search_type01 .target.master h3 small {
  color: gray;
  font-size: 0.85em;
}
main.reserve article.search_type01 .target.master h3 em {
  display: block;
  font-size: 1.5em;
  margin-top: 0.1em;
}
main.reserve article.search_type01 .target.master .global-inlineDl dt {
  margin-right: 1em;
}
main.reserve article.search_type01 .target.master dt {
  color: gray;
  font-size: 0.85em;
  padding: 0.5em 0;
}
main.reserve article.search_type01 .target.master p {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
  margin-top: 0.5em;
}
[class*=app-web-frontend][class$=serveicetypereserve-masereserve-top] .outer-contents {
  max-width: 100%;
}
main.reserve article.top header.master {
  color: white;
  background-color: #02547d;
  padding: 5em 1em;
}
main.reserve article.top header.master h1 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  border: none;
}
main.reserve article.top header.master h1 em {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.5em;
}
main.reserve article.top header.master h1 small {
  font-weight: normal;
  font-size: 1rem;
}
main.reserve article.top nav.master {
  max-width: 1200px;
  margin: 2em auto 5em;
}
main.reserve article.top nav.master dt {
  display: inline-block;
  background: white;
  padding: 0.5em 1em;
  margin-bottom: -2em;
  -webkit-transform: translate(2em, 20%);
  transform: translate(2em, 20%);
}
main.reserve article.top nav.master dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em;
}
main.reserve article.top nav.master li {
  display: inline-block;
  margin: 0.3em 0.5em;
}

/* reservemanage */
[class^=str-reservemanage] {
  /* block */
}
[class^=str-reservemanage][class*=_tpl_apply_target] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 1em 0.5em;
}
@media (min-width: 500px) {
  [class^=str-reservemanage][class*=_tpl_apply_target] {
    padding: 1em;
  }
}
[class^=str-reservemanage][class*=_tpl_apply_target] .image {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 10em;
  flex: 0 0 10em;
  width: 10em;
  max-width: 10em;
}
[class^=str-reservemanage][class*=_tpl_apply_target] .image .global-coverImage {
  padding-top: 100%;
}
[class^=str-reservemanage][class*=_tpl_apply_target] .text {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1em;
}
[class^=str-reservemanage][class*=_tpl_apply_target] .text h4 {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3em;
  word-break: break-all;
  overflow-wrap: break-word;
}
[class^=str-reservemanage][class*=_tpl_apply_target] .text b {
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.2em 0 0.5em;
}
[class^=str-reservemanage][class*=_tpl_apply_target] .text p {
  line-height: 1.5;
  margin-top: 1em;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master {
  margin-top: 1em;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li {
  padding: 1em;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li.is_owner h4 {
  -webkit-order: -1;
  order: -1;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li.is_owner .message::after {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-left: 1px solid rgba(128, 128, 128, 0.25);
  -webkit-transform: rotate(-45deg) translateX(-1px);
  transform: rotate(-45deg) translateX(-1px);
  position: absolute;
  top: 1.5em;
  left: -0.5em;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li.not_owner h4 {
  -webkit-order: 1;
  order: 1;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li.not_owner .message {
  margin-left: auto;
}
[class^=str-reservemanage][class*=_tpl_messages] .messages.master li.not_owner .message::after {
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-right: 1px solid rgba(128, 128, 128, 0.25);
  -webkit-transform: rotate(45deg) translateX(0);
  transform: rotate(45deg) translateX(0);
  position: absolute;
  top: 1.5em;
  right: -0.5em;
}
[class^=str-reservemanage][class*=_tpl_messages] .messageWrap.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: start;
  align-items: flex-start;
}
[class^=str-reservemanage][class*=_tpl_messages] .messageWrap.master h4 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 8em;
  background: rgba(211, 211, 211, 0.5);
  text-align: center;
  padding: 1.5em 0.5em;
  margin: 0 2%;
}
@media (max-width: 599px) {
  [class^=str-reservemanage][class*=_tpl_messages] .messageWrap.master h4 {
    font-size: 0.9em;
  }
}
@media (min-width: 600px) {
  [class^=str-reservemanage][class*=_tpl_messages] .messageWrap.master h4 {
    padding: 1.5em;
  }
}
[class^=str-reservemanage][class*=_tpl_messages] .message.master {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1em;
  padding: 1em;
  position: relative;
}
[class^=str-reservemanage][class*=_tpl_messages] .message.master::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  background: white;
}
[class^=str-reservemanage][class*=_tpl_messages] .message.master p {
  padding: 0.5em;
}
[class^=str-reservemanage][class*=_tpl_messages] .message.master .global-attachments {
  margin-top: 0.5em;
}
[class^=str-reservemanage][class*=_tpl_messages] .message.master time {
  display: block;
  color: gray;
  text-align: right;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class^=str-reservemanage][class*=_tpl_messages] .send.master {
  display: table;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.75em 2.5em;
}

main.reservemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.reservemanage [class*=_conf_meta].master {
  font-size: 0.95em;
  padding-left: 1.5em;
}
main.reservemanage [class*=_conf_meta].master li {
  list-style-type: disc;
}
main.reservemanage [class$=_conf_plan_timeLine] .str-planTimeLine .oneUnit {
  margin: 0.25em;
}
main.reservemanage [class$=_conf_plan_timeLine] .str-planTimeLine .oneUnit.checked div {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
main.reservemanage [class$=_conf_plan_timeLine] .str-planTimeLine .oneUnit.checked div::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
main.reservemanage [class$=_conf_plan_timeLine] .str-planTimeLine .oneUnit div {
  font-size: 0.9em;
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
main.reservemanage [class*=_conf_target_selectable_options].master {
  padding-left: 1.5em;
}
main.reservemanage [class*=_conf_target_selectable_options].master li {
  list-style-type: disc;
}
main.reservemanage [class$=_form_manage_type01] .global-rowTable.master .form-selectboxes select {
  min-width: 10em;
}
main.reservemanage [class$=_form_manage_type01] .global-rowTable.master .map td > label {
  display: none;
}
main.reservemanage [class$=_form_manage_type01] .global-rowTable.master [name*='[itemStrVarchar01]'] {
  width: 100%;
}
main.reservemanage [class$=_form_manage_type01] .global-rowTable.master [name*='[itemStrText01]'] {
  min-height: 25em;
}
main.reservemanage [class$=_form_manage_type01] .global-rowTable.master [name*='[dispOrder]'] {
  width: 5em;
}
main.reservemanage [class$=_form_option_type01] .global-rowTable.master .form-selectboxes select {
  min-width: 10em;
}
main.reservemanage [class$=_form_option_type01] .global-rowTable.master [name*='[itemStrVarchar01]'] {
  width: 100%;
}
main.reservemanage [class$=_form_option_type01] .global-rowTable.master [name*='[itemStrText01]'] {
  min-height: 25em;
}
main.reservemanage [class$=_form_option_type01] .global-rowTable.master [name*='[dispOrder]'] {
  width: 5em;
}
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit {
  margin: 0.25em;
}
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit br {
  display: none;
}
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit label {
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit [type=checkbox] {
  display: none;
}
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit [type=checkbox]:checked + label {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
main.reservemanage [class$=_form_plan_timeLine] .str-planTimeLine .oneUnit [type=checkbox]:checked + label::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
main.reservemanage [class$=_form_plan_type01] .global-rowTable.master .form-selectboxes select {
  min-width: 10em;
}
main.reservemanage [class$=_form_plan_type01] .global-rowTable.master [name*='[itemStrVarchar01]'] {
  width: 100%;
}
main.reservemanage [class$=_form_plan_type01] .global-rowTable.master [name*='[itemStrText01]'] {
  min-height: 25em;
}
main.reservemanage [class$=_form_plan_type01] .global-rowTable.master [name*='[timeUnit]'] {
  width: 5em;
}
main.reservemanage [class$=_form_plan_type01] .global-rowTable.master [name*='[dispOrder]'] {
  width: 5em;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master .form-selectboxes select {
  min-width: 10em;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master [name*='[itemStrVarchar01]'] {
  width: 100%;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master [name*='[itemStrText01]'] {
  min-height: 25em;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master [name*='[minReservableDays]'] {
  width: 5em;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master [name*='[maxReservableDays]'] {
  width: 5em;
}
main.reservemanage [class$=_form_plan_type01_daily] .global-rowTable.master [name*='[dispOrder]'] {
  width: 5em;
}
main.reservemanage [class*=_form_target_selectable_options].master s::before {
  content: "-";
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master .form-selectboxes select {
  min-width: 10em;
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master .datetime td div {
  display: inline-block;
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master .map td > label {
  display: none;
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master [name*='[itemStrVarchar01]'] {
  width: 100%;
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master [name*='[itemStrText01]'] {
  min-height: 25em;
}
main.reservemanage [class$=_form_target_type01] .global-rowTable.master [name*='[dispOrder]'] {
  width: 5em;
}
@media (min-width: 800px) {
  main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master ul {
  padding: 0 0.5em;
}
@media (min-width: 800px) {
  main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master ul {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit {
  font-size: 0.9rem;
}
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit br {
  display: none;
}
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit label {
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  font-size: 0.9rem;
  text-decoration: none !important;
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin: 0.225rem;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit [type=checkbox] {
  display: none;
}
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit [type=checkbox]:checked + label {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border-color: rgba(2, 84, 125, 0.5);
}
/* ↓+oneUnit-checked↓ */
main.reservemanage [class$=_receptionist_info_timeLine] .timeLine.master .oneUnit [type=checkbox]:checked + label::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #02547d;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
main.reservemanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.reservemanage article[class^=create_] .global-navMenu a {
  color: white;
}
[class*=str-reservemanage-accept] .price.master {
  font-size: 16px;
}
main.reservemanage article.applied_info .global-sectionTitle {
  margin-bottom: 1em;
}
main.reservemanage article.applied_info .reserveInfo.master {
  margin-top: 3em;
}
main.reservemanage article.applied_info .sellerToggle.master dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.reservemanage article.applied_info .sellerToggle.master dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: gray;
  white-space: nowrap;
  padding: 1em;
}
main.reservemanage article.applied_info .sellerToggle.master dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
main.reservemanage article.applied_info .sellerToggle.master a {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 1.3em;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  padding: 1em;
}
main.reservemanage article.applied_info .sellerToggle.master a.notNull::before {
  content: "\f007";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
main.reservemanage article.applied_info .sellerToggle.master a.isNull::before {
  content: "\f235";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 0.9em;
}
main.reservemanage article.applied_info .sellerToggle.master a.active {
  color: #02547d;
  background-color: rgba(2, 84, 125, 0.1);
  border: none !important;
  cursor: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
main.reservemanage article.applied_info .sellerToggle.master a:not(.active):hover {
  color: #02547d;
}
main.reservemanage article.applied_info .sellerToggle.master a:not(:only-of-type) {
  border-right: 1px solid rgba(128, 128, 128, 0.25);
}
main.reservemanage article.applied_info .purchaseDetail.master {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 1em;
  margin: 0.5em 1em;
}
@media (min-width: 600px) {
  main.reservemanage article.applied_info .purchaseDetail.master {
    border-left: 5px dotted rgba(211, 211, 211, 0.7);
  }
}
main.reservemanage article.applied_info .purchaseDetail.master a {
  display: inline-block;
  font-weight: bold;
  color: #3e606f;
  border: 1px solid rgba(62, 96, 111, 0.3);
  border-radius: 2px;
  padding: 0.3em 0.8em;
}
main.reservemanage article.applied_info .purchaseDetail.master a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
main.reservemanage article.applied_info .purchaseDetail.master a::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.reservemanage article.applied_info .str-reservemanage-evaluation.master {
  margin-top: 2em;
}
main.reservemanage article.applied_info .str-reservemanage-evaluation.master i::before, main.reservemanage article.applied_info .str-reservemanage-evaluation.master i::after {
  font-size: 1.5rem;
}
main.reservemanage article.applied_info .evaluate.master {
  display: table;
  color: white;
  background-color: #02547d;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 2em;
  margin: 2em auto;
}
[class*=str-reservemanage-conf_accept] .price.master {
  font-size: 16px;
}
main.reservemanage article.conf_import_setting .global-rowTable.master {
  padding: 1em;
}
main.reservemanage article.conf_manage_type01 .global-rowTable.master .form-selectboxes dt {
  color: gray;
  margin-bottom: 0.25em;
}
main.reservemanage article.conf_manage_type01 .global-rowTable.master .form-selectboxes dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
main.reservemanage article.conf_option_type01 .global-rowTable.master .form-selectboxes dt {
  color: gray;
  margin-bottom: 0.25em;
}
main.reservemanage article.conf_option_type01 .global-rowTable.master .form-selectboxes dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
main.reservemanage article.conf_plan_type01 .global-rowTable.master .form-selectboxes dt {
  color: gray;
  margin-bottom: 0.25em;
}
main.reservemanage article.conf_plan_type01 .global-rowTable.master .form-selectboxes dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
main.reservemanage article.conf_plan_type01_daily .global-rowTable.master .form-selectboxes dt {
  color: gray;
  margin-bottom: 0.25em;
}
main.reservemanage article.conf_plan_type01_daily .global-rowTable.master .form-selectboxes dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
main.reservemanage article.conf_target_type01 .global-rowTable.master .form-selectboxes dt {
  color: gray;
  margin-bottom: 0.25em;
}
main.reservemanage article.conf_target_type01 .global-rowTable.master .form-selectboxes dd {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
[class*=str-reservemanage-cont_send_message] .dialog-dl {
  margin-bottom: 1em;
}
[class*=str-reservemanage-evaluation] .dialog-dl {
  display: block;
}
[class*=str-reservemanage-evaluation] .dialog-dl dt {
  color: white;
}
main.reservemanage article.export_setting .url.master {
  padding: 1em 1.5em;
  margin-top: 2em;
}
main.reservemanage article.export_setting .url.master dt {
  color: gray;
  font-size: 0.9em;
  padding: 0.5em;
}
main.reservemanage article.export_setting .url.master dd {
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 1em;
}
main.reservemanage article.favorite_list .favorite.master {
  display: inline-block;
  color: tomato;
  font-size: 0.8em;
  border: 1px solid rgba(255, 99, 71, 0.5);
  border-radius: 2px;
  padding: 0.35em 1em;
}
main.reservemanage article.favorite_list .favorite.master:hover {
  color: white;
  background-color: tomato;
  opacity: 1;
}
main.reservemanage article.import_setting .global-rowTable.master {
  padding: 1.5em;
  margin: 1em 0;
}
main.reservemanage article.index .global-menuBtns a {
  background-color: #02547d;
}
main.reservemanage article.index .global-menuBtns a:hover {
  color: #02547d;
  background-color: white;
  border-color: #02547d;
}
main.reservemanage article.proposal .global-sectionTitle {
  margin-bottom: 1em;
}
main.reservemanage article.proposal .reserveInfo.master {
  margin-top: 3em;
}
main.reservemanage article.receptionist_info .global-sectionTitle {
  margin-bottom: 1em;
}
main.reservemanage article.receptionist_info .reserveInfo.master {
  margin-top: 3em;
}
main.reservemanage article.search_availability .reservedAt.master {
  padding: 0 1em;
}
main.reservemanage article.search_availability .reservedAt.master span {
  display: inline-block;
  padding: 0.5em;
}
main.reservemanage article.search_availability .reservedAt.master span:first-of-type::after {
  content: "/";
  margin-left: 0.75em;
}
main.reservemanage article.search_availability .str-reservemanage-selectboxWidgets.master {
  padding-top: 0;
}
main.reservemanage article.search_availability .calendar.master {
  margin-top: 3em;
}
@media (max-width: 599px) {
  main.reservemanage article.set_plan_to_target .calendarWrap.master {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
main.reservemanage article.set_plan_to_target .global-calendarNav .current {
  color: #02547d;
  cursor: pointer;
}
main.reservemanage article.set_plan_to_target .global-calendarNav .current:hover {
  color: #3e606f;
  opacity: 1;
}
main.reservemanage article.set_plan_to_target .global-calendarNav .current::after {
  content: "\f14a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
}
@media (max-width: 599px) {
  main.reservemanage article.set_plan_to_target .global-calendar.master {
    min-width: 600px;
  }
}
main.reservemanage article.set_plan_to_target .global-calendar.master thead th:first-of-type {
  width: 3em;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-day] {
  cursor: pointer;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-day]:hover {
  color: #02547d;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-day]::after {
  content: "\f103";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 0.9rem;
  margin-left: 0.5em;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-week] {
  font-size: 0;
  border: none;
  cursor: pointer;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-week]:hover {
  color: #02547d;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-week]::before {
  content: "\f101";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 0.9rem;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-dd] {
  cursor: pointer;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-dd]:hover {
  color: white;
  background-color: #02547d;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-dd]:hover * {
  color: white;
}
main.reservemanage article.set_plan_to_target .global-calendar.master [data-dd]:hover .datePlan {
  border-color: rgba(255, 255, 255, 0.5);
}
main.reservemanage article.set_plan_to_target .global-calendar.master .datePlan {
  max-width: 100%;
  color: #02547d;
  font-size: x-small;
  border: 1px solid rgba(2, 84, 125, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.3em;
  margin: 0.3em;
}
main.reservemanage article.set_plan_to_target .global-submitWrap.master .save {
  color: white;
  background-color: #02547d;
}
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .span {
  text-align: left;
  padding-left: 1em;
}
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan:not(:first-of-type) {
  margin-top: 0.5em;
}
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan [type=checkbox] {
  display: none;
}
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan [type=checkbox]:checked + label {
  color: #faed00;
  background-color: rgba(250, 237, 0, 0.1);
  border-color: rgba(250, 237, 0, 0.5);
}
/* ↓+oneUnit-checked↓ */
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan [type=checkbox]:checked + label::before {
  content: "\f00c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.3em;
  color: #faed00;
  line-height: 1;
}
/* ↑+oneUnit-checked↑ */
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan label {
  display: block;
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  text-align: center;
  padding: 0.5em 1em;
  border-color: rgba(128, 128, 128, 0.2);
  text-align: left;
}
/* ↓+oneUnit-default↓ */
/* ↑+oneUnit-default↑ */
article[class^=str-reservemanage-set_plan_to_target][class*=choicePlan] .dialog-dl.master .plan br {
  display: none;
}

/* shipping */
/* shippingmanage */
main.shippingmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.shippingmanage [class$=_add_typeetc] .global-rowTable.master [name*='[name]'] {
  width: 100%;
  max-width: 30em;
}
main.shippingmanage [class$=_add_typejpn] .global-rowTable.master [name*='[name]'] {
  width: 100%;
  max-width: 30em;
}
main.shippingmanage [class$=_add_typejpn] .global-rowTable.master [name*='[generalItem1]'] {
  width: 100%;
  max-width: 30em;
}
main.shippingmanage [class$=_add_typejpn] .global-rowTable.master [name*='[addressEtcText]'] {
  width: 100%;
  max-width: 30em;
}
main.shippingmanage article {
  /* article */
  /* common namespace */
  /* each */
}
main.shippingmanage article.list .global-colTable.master .name {
  text-align: left;
}
main.shippingmanage article.list .global-colTable.master .name small {
  display: block;
}
main.shippingmanage article.list .global-colTable.master .address {
  word-break: keep-all;
  text-align: left;
}
main.shippingmanage article.list .global-colTable.master .address div {
  padding: 0.5em;
}
main.shippingmanage article.list .global-colTable.master .address .postNo {
  display: block;
}
@media (max-width: 599px) {
  main.shippingmanage article.list .global-colTable.master .address .postNo {
    text-align: right;
  }
}
main.shippingmanage article.list .global-colTable.master .address .generalItem2 {
  display: block;
}
@media (max-width: 599px) {
  main.shippingmanage article.list .global-colTable.master .address .generalItem2 {
    text-align: right;
  }
}

/* sitetop */
/* sitetop */
[class|=sitetop] {
  /* block */
  /* tpl */
}

main.sitetop {
  /* component */
  /* common namespace */
  /* each */
  /* ! parts directory */
}
main.sitetop [class|=parts][class*=case_list].master .swiper-slide {
  padding: 1em;
}
main.sitetop [class|=parts][class*=case_list].master a {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  max-width: 350px;
  height: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  margin: 0 auto;
}
main.sitetop [class|=parts][class*=case_list].master .global-coverImage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
main.sitetop [class|=parts][class*=case_list].master .global-coverImage:hover {
  opacity: 1;
}
main.sitetop [class|=parts][class*=case_list].master .global-coverImage:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
main.sitetop [class|=parts][class*=case_list].master .global-coverImage img {
  transition: 0.2s;
}
main.sitetop [class|=parts][class*=case_list].master .content {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 10em;
  padding: 1em;
}
main.sitetop [class|=parts][class*=case_list].master .content > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.sitetop [class|=parts][class*=case_list].master .content em {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
main.sitetop [class|=parts][class*=case_list].master .content dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
main.sitetop [class|=parts][class*=case_list].master .content dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  color: gray;
  margin-right: 1em;
}
main.sitetop [class|=parts][class*=case_list].master .content dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.sitetop [class|=parts][class*=case_list].master .content i {
  display: block;
  font-size: 0.8em;
  text-align: right;
  margin-top: auto;
}
main.sitetop [class|=parts][class*=case_list].master .content i::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.sitetop [class|=parts][class*=user_list].master .swiper-slide {
  padding: 1em;
  text-align: center;
  padding: 1em;
}
main.sitetop [class|=parts][class*=user_list].master .global-coverImage {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  margin: 0 auto;
}
main.sitetop [class|=parts][class*=user_list].master .userName {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.5em;
  margin-top: 0.5em;
}
main.sitetop [class|=parts][class*=knowledge_list] li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
@media (min-width: 500px) {
  main.sitetop [class|=parts][class*=knowledge_list] li {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
main.sitetop [class|=parts][class*=knowledge_list] time {
  display: block;
}
@media (max-width: 499px) {
  main.sitetop [class|=parts][class*=knowledge_list] time {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 500px) {
  main.sitetop [class|=parts][class*=knowledge_list] time {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1em;
  }
}
main.sitetop [class|=parts][class*=knowledge_list] time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.sitetop [class|=parts][class*=knowledge_list] a {
  display: block;
}
@media (min-width: 500px) {
  main.sitetop [class|=parts][class*=knowledge_list] a {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
main.sitetop [class|=parts][class*=knowledge_list] a[href] {
  color: #274a78;
  text-decoration: underline;
}
main.sitetop article {
  /* article */
  /* common namespace */
  /* each */
}
[class*=app-web-frontend][class$=sitetop-index] .outer-contents {
  max-width: 100%;
  padding: 0;
}
[class*=app-web-frontend][class$=sitetop-index] .outer-main-wrapper {
  padding: 0;
  margin: 0;
}
main.sitetop article.index .mv.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  aspect-ratio: 2/3;
  overflow: hidden;
  position: relative;
}
@media (min-width: 500px) {
  main.sitetop article.index .mv.master {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 700px) {
  main.sitetop article.index .mv.master {
    aspect-ratio: 3/2;
  }
}
@media (min-width: 900px) {
  main.sitetop article.index .mv.master {
    aspect-ratio: 3/1;
  }
}
main.sitetop article.index .mv.master .swiper-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
main.sitetop article.index .mv.master .swiper-slide {
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
}
main.sitetop article.index .mv.master.mvVideo {
  background: none !important;
  overflow: hidden;
  position: relative;
}
main.sitetop article.index .mv.master.mvVideo video {
  min-width: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
main.sitetop article.index header.master {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1em;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 600px) {
  main.sitetop article.index header.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* for old browser */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    /* for old browser */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    /* for old browser */
    -webkit-box-pack: center;
    justify-content: center;
    /* for old browser */
    -webkit-box-align: center;
    align-items: center;
  }
}
main.sitetop article.index header.master h1 {
  padding: 1rem 2rem;
}
main.sitetop article.index header.master h1[style*='font-family'] {
  font-size: 4em;
  color: whitesmoke;
  letter-spacing: 0.2em;
  text-shadow: 0 5px 5px black;
}
@media (max-width: 599px) {
  main.sitetop article.index header.master h1 {
    text-align: center;
  }
}
@media (min-width: 600px) {
  main.sitetop article.index header.master h1 {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
main.sitetop article.index header.master form {
  padding: 1rem 2rem;
}
@media (min-width: 600px) {
  main.sitetop article.index header.master form {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 22em;
    flex: 1 1 22em;
    width: 22em;
    max-width: 22em;
  }
}
main.sitetop article.index header.master form .flex {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
main.sitetop article.index header.master form fieldset {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 0.5em;
}
main.sitetop article.index header.master form dl:not(:last-of-type) {
  margin-bottom: 0.5em;
}
main.sitetop article.index header.master form dt {
  display: none;
}
main.sitetop article.index header.master form [type=text] {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
main.sitetop article.index header.master form select {
  width: 100%;
  color: #555555;
  background-color: rgba(255, 255, 255, 0.9);
}
main.sitetop article.index header.master form [type=submit] {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  font-size: 0;
  color: white;
  background-color: #333333;
}
main.sitetop article.index header.master form [type=submit]::before {
  content: "\f002";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1rem;
  padding: 1em 0.75em;
}
main.sitetop article.index .components.master {
  padding: 5em 0;
}
main.sitetop article.index .components.master > section {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5em;
}
main.sitetop article.index .components.master h2.master {
  text-align: center;
}
main.sitetop article.index .components.master h2.master i {
  display: block;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
main.sitetop article.index .components.master h2.master b {
  display: block;
  font-size: 0.9em;
}
main.sitetop article.index .components.master .more {
  display: table;
  font-size: 1.1em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 2em;
  margin: 2em auto 0;
}
main.sitetop article.index .latestUserList.master .swiper-container[data-length] {
  max-width: 250px;
}
@media (min-width: 500px) {
  main.sitetop article.index .latestUserList.master .swiper-container:not([data-length="1"]) {
    max-width: 500px;
  }
}
@media (min-width: 900px) {
  main.sitetop article.index .latestUserList.master .swiper-container[data-length="3"] {
    max-width: 750px;
  }
  main.sitetop article.index .latestUserList.master .swiper-container[data-length="4"] {
    max-width: 1000px;
  }
  main.sitetop article.index .latestUserList.master .swiper-container[data-length="5"] {
    max-width: 1250px;
  }
  main.sitetop article.index .latestUserList.master .swiper-container[data-length="6"] {
    max-width: 1500px;
  }
}
main.sitetop article.index .notificationList.master[class] {
  max-width: 900px;
}
main.sitetop article.index .notificationList.master [class*=_tpl_list] {
  padding: 1em;
}
main.sitetop article.index .knowledgeList.master[class] {
  max-width: 900px;
}
main.sitetop article.index .knowledgeList.master [class*=_tpl_list] {
  padding: 1em;
}

/* special */
/* special */
[class|=special-special] {
  /* block */
}

main.special {
  /* component */
  /* common namespace */
  /* each */
}
main.special article {
  /* article */
  /* common namespace */
  /* each */
}
main.special article.login {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3em;
}
main.special article.login h2.master-title {
  font-size: 1.75em;
  padding: 0 0.5em;
}
main.special article.login form {
  padding: 2em;
  margin-top: 1em;
}
main.special article.login dl {
  margin-bottom: 3em;
}
main.special article.login dt:not(:first-of-type) {
  margin-top: 1em;
}
main.special article.login dd {
  padding: 0.5em;
}
main.special article.login input {
  width: 100%;
}

/* user */
._embed_showProfile section {
  padding: 1em 0;
}
._embed_showProfile h3 {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1em;
}
._embed_showProfile h3::after {
  content: "";
  display: block;
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
}
._embed_showProfile h3 span {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  color: gray;
  padding-right: 1em;
}
._embed_showProfile aside {
  display: table;
  background-color: whitesmoke;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
  margin-left: auto;
}
._embed_showProfile aside dt {
  display: inline-block;
  width: 1rem;
  font-size: 0;
}
._embed_showProfile aside dt::after {
  font-size: 1rem;
}
._embed_showProfile aside dd {
  display: inline-block;
}
._embed_showProfile aside dd::before {
  content: "・・・";
}
._embed_showProfile aside .private::after {
  position: static;
}
._embed_showProfile aside .member::after {
  position: static;
}
._embed_showProfile .private {
  position: relative;
}
._embed_showProfile .private::after {
  content: "\f070";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  font-size: x-small;
  color: tomato;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
}
._embed_showProfile .member {
  position: relative;
}
._embed_showProfile .member::after {
  content: "\f069";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  font-size: x-small;
  color: darkseagreen;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
}
._embed_showProfile dl.private::after {
  top: 0.5em;
}
._embed_showProfile dl.member::after {
  top: 0.5em;
}
._embed_showProfile .top.master {
  margin-bottom: 1em;
}
@media (min-width: 600px) {
  ._embed_showProfile .top.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
._embed_showProfile .topLeft.master {
  padding: 1em;
}
._embed_showProfile .topLeft.master:empty {
  display: none;
}
@media (min-width: 600px) {
  ._embed_showProfile .topLeft.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 599px) {
  ._embed_showProfile .topLeft.master .global-imgBg {
    height: 30vh;
  }
}
@media (min-width: 600px) {
  ._embed_showProfile .topLeft.master .global-imgBg {
    padding-top: 100%;
  }
}
._embed_showProfile .topRight.master {
  padding: 1em;
}
@media (min-width: 600px) {
  ._embed_showProfile .topRight.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
._embed_showProfile .topRight.master header {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
._embed_showProfile .topRight.master header h2 {
  font-size: 2em;
  margin-right: 1em;
}
._embed_showProfile .topRight.master header b {
  display: block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: normal;
  color: gray;
}
._embed_showProfile .topRight.master header b::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
  color: orangered;
}
._embed_showProfile .topRight.master header i {
  display: block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  color: gray;
}
._embed_showProfile .topRight.master header span {
  display: inline-block;
  padding: 0.25em 0.1em;
}
._embed_showProfile .topRight.master address {
  padding: 1em 0;
}
._embed_showProfile .topRight.master address span {
  display: inline-block;
}
._embed_showProfile .topRight.master address span.zip::before {
  content: "\3012 ";
  vertical-align: baseline;
  margin-right: -0.1em;
}
._embed_showProfile .topRight.master .meta {
  font-weight: bold;
  color: #3e606f;
}
._embed_showProfile .topRight.master .meta span {
  display: inline-block;
  padding: 0.25em 0.1em;
}
._embed_showProfile .topRight.master p {
  background-color: rgba(211, 211, 211, 0.1);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 0.5em;
  padding: 1.5em;
  margin-top: 1em;
}
@media (min-width: 600px) {
  ._embed_showProfile .bottom.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
._embed_showProfile .bottom.master [href] {
  color: #274a78;
}
._embed_showProfile .bottom.master [href]::after {
  content: "\f35d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.35em;
}
._embed_showProfile .bottomLeft.master {
  padding: 1em;
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomLeft.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
}
._embed_showProfile .bottomLeft.master li {
  list-style-type: disc;
  list-style-position: inside;
  padding: 0.1em;
}
._embed_showProfile .bottomLeft.master .detail ._macro dt {
  -webkit-flex-basis: 10.5em;
  flex-basis: 10.5em;
  width: 10.5em;
  max-width: 10.5em;
}
._embed_showProfile .bottomRight.master {
  padding: 1em;
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomRight.master {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomRight.master .profile ._macro dt {
    -webkit-flex-basis: 7em;
    flex-basis: 7em;
    width: 7em;
    max-width: 7em;
  }
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomRight.master .about ._macro dt {
    -webkit-flex-basis: 14em;
    flex-basis: 14em;
    width: 14em;
    max-width: 14em;
  }
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomRight.master .pr .props dt {
    -webkit-flex-basis: 14em;
    flex-basis: 14em;
    width: 14em;
    max-width: 14em;
  }
}
@media (max-width: 599px) {
  ._embed_showProfile .bottomRight.master .pr .texts dt {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  ._embed_showProfile .bottomRight.master .recruiter ._macro dt {
    -webkit-flex-basis: 10.5em;
    flex-basis: 10.5em;
    width: 10.5em;
    max-width: 10.5em;
  }
}
._embed_showProfile .master dl._macro {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
  padding: 1em 0;
}
._embed_showProfile .master dl._macro dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.9em;
  color: gray;
  padding: 0.25em 0.5em;
}
._embed_showProfile .master dl._macro dd {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.25em 0.5em;
  padding-left: 1.5em;
}

/* user */
[class|=user] {
  /* block */
}
[class|=user][class*=_tpl_user] .global-coverImage {
  width: 4em;
  height: 4em;
  border-radius: 100%;
}
[class|=user][class*=_tpl_user] .name {
  display: block;
  font-weight: normal;
  word-break: break-all;
  overflow-wrap: break-word;
}
[class|=user][class*=_tpl_user] .name.withdraw {
  color: gray;
}
[class|=user][class*=_tpl_user] .name.withdraw::before {
  content: "\f506";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 100%;
  line-height: 4em;
  text-align: center;
}
[class|=user][class*=_tpl_user].horizontal {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=user][class*=_tpl_user].horizontal .iconName {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=user][class*=_tpl_user].horizontal .global-coverImage {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 0.5em;
}
[class|=user][class*=_tpl_user].horizontal .name {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class|=user][class*=_tpl_user].horizontal .follow {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 1em;
}

main.user {
  /* component */
  /* common namespace */
  /* each */
}
main.user article {
  /* article */
  /* common namespace */
  /* each */
}
[class*=user-left-search] .checkboxes dt {
  position: relative;
}
[class*=user-left-search] .checkboxes dt::after {
  content: "";
  display: block;
  background-color: lightgray;
  height: 1px;
  position: absolute;
  top: 0.65em;
  right: 0;
  left: 0;
  z-index: -1;
}
[class*=user-left-search] .checkboxes dt label {
  background-color: white;
  padding-right: 1em;
  position: relative;
  z-index: 1;
}
[class*=user-left-search] .checkboxes li {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: baseline;
  align-items: baseline;
}
[class*=user-left-search] .checkboxes li input {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
[class*=user-left-search] .checkboxes li label {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
main.user article[class^=info_] .pageHeader.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.user article[class^=info_] .pageHeader.master h2 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
}
main.user article[class^=info_] .pageHeader.master [href*='_switch_user='] {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: bold;
}
main.user article[class^=info_] .pageHeader.master [href*='_switch_user=']::before {
  content: "\f362";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class*=left-search] dt {
  font-size: 0.9em;
  margin-bottom: 0.25em;
}
[class*=left-search] dd {
  margin-bottom: 1em;
}
[class*=left-search] [type=text] {
  width: 100%;
}
[class*=left-search] select {
  width: 100%;
}
[class*=left-search] .radioboxes li {
  display: inline-block;
}
[class*=left-search] .toeic dd {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class*=left-search] .toeic dd > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
[class*=left-search] .toeic dd span {
  padding: 0.25em;
}
[class*=left-search] .toeic dd input {
  width: 100%;
}
[class*=left-search] .toeic dd small {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  padding: 0.25em;
}
[class*=left-search] [type=submit] {
  display: table;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  margin-top: 1.5em;
}
main.user article[class^=search_] .pageHeader.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
main.user article[class^=search_] .pageHeader.master h2 {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 1em;
}
main.user article[class^=search_] .pageHeader.master div {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.user article[class^=search_] .user.master {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
main.user article[class^=search_] .user.master [href*='/user/info'] {
  min-height: 150px;
}
@media (min-width: 450px) {
  main.user article[class^=search_] .user.master [href*='/user/info'] {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (max-width: 449px) {
  main.user article[class^=search_] .user.master .global-coverImage {
    height: 50vw;
  }
}
@media (min-width: 450px) {
  main.user article[class^=search_] .user.master .global-coverImage {
    /* for old browser */
    -webkit-box-flex: 0;
    /* for old browser */
    -webkit-box-flex-group: 0;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 449px) {
  main.user article[class^=search_] .content.master {
    margin-top: 1em;
  }
}
@media (min-width: 450px) {
  main.user article[class^=search_] .content.master {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 1em;
  }
}
main.user article[class^=search_] .content.master h3 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}
main.user article[class^=search_] .content.master p {
  margin-bottom: 0.5em;
}
main.user article[class^=search_] .content.master dl {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  padding: 0.25em 0.5em;
  padding-left: 0;
}
main.user article[class^=search_] .content.master dl.industry dd {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  -webkit-transform: translateY(-0.2em);
  transform: translateY(-0.2em);
}
main.user article[class^=search_] .content.master dl.industry ul {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.user article[class^=search_] .content.master dl.industry li {
  display: inline-block;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.15em 0.5em;
  margin: 0.1em;
}
main.user article[class^=search_] .content.master dl.industry li.etc {
  border: none;
}
main.user article[class^=search_] .content.master dl.industry span {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
main.user article[class^=search_] .content.master dt {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0.9em;
  color: gray;
  margin-right: 1em;
}
main.user article[class^=search_] .content.master dd {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}