@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;
}

/* default */
h2.default {
  font-size: 1.7em;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

h3.default {
  font-size: 1.3em;
  padding: 0.5em;
}
[class^=outer-main] h3.default {
  margin-bottom: 0.5em;
}
[class^=outer-sub] h3.default {
  font-size: 1.2em;
  padding: 0.5em 0;
}

/* class */
.global-acceptance {
  color: white;
  text-align: center;
  margin: 0.5em;
}
.global-acceptance > * {
  display: block;
  border-radius: 2px;
  padding: 1em;
}
.global-annotation-required {
  display: table;
  border-radius: 3px;
  padding: 1em;
  margin: 0 1em;
}
.global-annotation-required i {
  color: crimson;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.35em;
}
.global-btn, .global-btns a {
  display: inline-block;
  font-size: x-small;
  background: rgba(39, 74, 120, 0.1);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
}
.global-btns a:not(:last-of-type) {
  margin-right: 0.5em;
}
.global-cancel {
  color: white;
  background-color: gray;
  display: inline-block;
  font-size: x-small;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  line-height: 2rem;
  padding: 0 1em;
}
.global-capacity {
  display: inline-block;
}
.global-capacity * {
  line-height: 1rem;
}
.global-capacity i::before {
  content: "/";
  margin: 0 0.3em;
}
.global-category {
  display: inline-block;
  color: gray;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1px;
  padding: 0 0.5em;
}
.global-circleImgBg {
  background: no-repeat center center;
  background-size: cover;
  border-radius: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.global-close {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: gray;
  line-height: 2rem;
  padding: 0 1em;
}
.global-close[href] {
  color: white;
}
.global-colTable {
  width: 100%;
  width: calc(100% - 1px);
  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: bold;
  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: rgba(211, 211, 211, 0.2);
    border-top: none;
    margin-top: -3em;
  }
}
.global-colTable tbody tr.colspan:nth-of-type(even) {
  background: rgba(211, 211, 211, 0.2);
}
.global-colTable tbody th {
  min-width: 10em;
  word-break: break-all;
  overflow-wrap: break-word;
}
.global-colTable tbody td {
  word-break: keep-all;
}
.global-colTable tbody td:nth-of-type(even) {
  background: rgba(211, 211, 211, 0.2);
}
@media (max-width: 599px) {
  .global-colTable tbody td[data-label] {
    width: 100%;
    text-align: left;
  }
}
.global-colTable tbody td.to {
  font-size: 0.9em;
  text-align: center;
  padding: 0.5em 2em;
}
@media (max-width: 599px) {
  .global-colTable tbody td.to {
    padding-top: 0;
  }
}
@media (min-width: 600px) {
  .global-colTable tbody td.to {
    width: 1%;
  }
}
.global-colTable tbody td.to a {
  display: inline-block;
  color: #274a78;
  white-space: nowrap;
  padding: 0.25em 1em;
  margin: 0.25em;
}
.global-colTable tbody td.to a:hover {
  opacity: 1;
}
.global-colTable tbody td.to a:hover::before {
  left: 1px;
}
.global-colTable tbody td.to a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  transition: 0.2s;
  position: relative;
}
.global-colTable tfoot {
  background-color: rgba(62, 96, 111, 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;
  }
}
.global-commentCount::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  display: inline-block;
  content: "";
  font-style: normal;
  margin-right: 0.3em;
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
}
.global-contentFooter {
  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;
  font-size: small;
  padding: 0.5em 0;
  margin-top: 0.5em;
}
.global-contentFooter > * {
  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.25em 0.5em;
}
.global-contentFooter > *:first-child {
  margin-left: auto;
}
.global-contentFooter a {
  color: #3e606f;
}
.global-contentFooter a[href$='#commentList']::before {
  content: "\f4ad";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.global-contentFooter a[href*='/edit/']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentFooter a[href*='/update/']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentFooter a[href*='/commentUpdate']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentFooter a[href*='/delete/']::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentFooter a[href*='/commentDelete']::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentFooter a[href$='#trackbackList']::before {
  content: "\f024";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.global-contentFooter time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.global-contentHeader {
  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: 1em;
}
[class^=outer-sub] .global-contentHeader {
  margin-bottom: 0;
}
.global-contentHeader > * {
  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;
}
.global-contentHeader > *:last-child {
  margin-left: auto;
}
.global-contentHeader h2:last-child, .global-contentHeader h3:last-child, .global-contentHeader h4:last-child {
  margin-left: 0;
}
.global-count, .global-capacity b, .global-commentCount {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: baseline;
}
.global-coverImage {
  display: block;
  height: 0;
  background: #fafafa;
  border: 1px solid rgba(211, 211, 211, 0.75);
  border-radius: 3px;
  padding-top: 75%;
  overflow: hidden;
  position: relative;
}
.global-coverImage.noImage::after {
  content: "No image";
  color: #dddddd;
  font-size: 2em;
  white-space: nowrap;
  text-shadow: -1px -1px 1px #aaaaaa, 1px 1px white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.global-coverImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (-ms-high-contrast: none) {
  .global-coverImage img {
    height: auto;
  }
}
.global-create {
  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;
  color: #3e606f;
}
.global-create:hover {
  color: #193441;
  opacity: 1;
}
.global-create:hover::before {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.global-create::before {
  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;
  content: attr(title);
  font-size: smaller;
  opacity: 0;
  padding-right: 0.5em;
  transition: 0.3s;
  -webkit-transform: translateX(3em);
  transform: translateX(3em);
}
.global-create::after {
  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;
  content: "\f055";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1.5em;
}
.global-dialogClose {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: slategray;
  text-decoration: underline;
}
.global-dl, .global-dlForm {
  padding: 0.5em;
}
@media (min-width: 800px) {
  .global-dl, .global-dlForm {
    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-dl > *, .global-dlForm > * {
  padding: 0.75em;
}
.global-dl > *:nth-of-type(even), .global-dlForm > *:nth-of-type(even) {
  background: rgba(245, 245, 245, 0.75);
}
.global-dl dt, .global-dlForm 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-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;
  font-size: 0.9em;
  word-break: keep-all;
}
@media (max-width: 799px) {
  .global-dl dt, .global-dlForm dt {
    font-weight: bold;
    padding-bottom: 0.5em;
  }
}
@media (min-width: 800px) {
  .global-dl dt, .global-dlForm dt {
    /* 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%;
  }
}
.global-dl dt > *, .global-dlForm 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: 799px) {
  .global-dl dd, .global-dlForm dd {
    padding-left: 1.5em;
    margin-bottom: 1em;
  }
}
@media (min-width: 800px) {
  .global-dl dd, .global-dlForm dd {
    /* 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%;
  }
}
.global-dl dd input[type=file], .global-dlForm dd input[type=file] {
  width: 100%;
  font-size: 0.8em;
}
.global-dlBox {
  background: rgba(211, 211, 211, 0.5);
  text-align: center;
  padding: 0.5em;
  margin: 0.5em;
}
.global-dlBox dd {
  color: #111111;
  padding-bottom: 0.25rem;
}
.global-dlBox dt {
  font-size: xx-small;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 0.25rem;
}
.global-dlForm dt.required label::after {
  content: "＊";
  color: crimson;
  margin-left: 0.5em;
}
.global-dlForm dt > * {
  display: block;
}
.global-dlForm dt label {
  padding: 0.25em 0;
}
.global-dlForm dt i {
  color: gray;
  font-size: 0.9em;
}
.global-dlForm dd label[for$=_img] {
  display: none;
}
.global-dlForm dd label[for$=_file] {
  display: none;
}
.global-dlForm dd select:not(:only-of-type) {
  margin: 0.3em;
}
.global-dlForm dd textarea {
  width: 100%;
}
.global-dlForm dd [type=file] {
  margin: 0.5em 0;
}
.global-dlForm dd [name*='[name]'] {
  width: 100%;
}
.global-dlForm dd [name*='[title]'] {
  width: 100%;
}
.global-dlForm dd small {
  display: block;
  padding: 0.2em;
}
.global-dlForm dd small br {
  display: none;
}
.global-dlForm dd img {
  padding: 0.5em;
}
.global-dlForm dd ul.checkbox_list li {
  display: inline-block;
  margin: 0 0.5em;
}
.global-dlForm dd + dd {
  /* 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%;
}
.global-dlList {
  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;
  padding: 0.5em;
}
.global-dlList:nth-of-type(even) {
  background: rgba(211, 211, 211, 0.2);
}
.global-dlList > * {
  /* 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;
}
.global-dlList dt {
  margin-right: auto;
}
@media (max-width: 399px) {
  .global-dlList dt {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
.global-dlList dd {
  text-align: center;
}
.global-dlList dd a {
  color: #274a78;
}
.global-explain {
  font-size: small;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 1em;
  margin: 1em;
}
.global-explain li {
  padding: 0.5em;
}
.global-fancy {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: bold;
  padding: 0.2em 0.4em;
  background-color: rgba(255, 255, 255, 0.66);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.33);
}
.global-flexbox {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.global-imgBg {
  background: no-repeat center center;
  background-size: cover;
  display: inline-block;
}
.global-inlineDl > * {
  display: inline-block;
}
.global-inlineDl dt::after {
  content: "：";
  margin-right: 0.3em;
}
.global-layoutSwitch [class*=Icon] {
  display: inline-block;
  font-size: 1.5em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.2em 0.5em;
  margin: 0 0.3rem;
}
.global-layoutSwitch [class*=Off] {
  color: slategray;
  cursor: pointer;
}
.global-layoutSwitch [class*=Off]:hover {
  color: white;
  background-color: #274a78;
}
.global-list {
  padding: 1em;
}
.global-list:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.global-listTable {
  width: 100%;
  background: lightgray;
  border-collapse: separate;
  border-spacing: 1px;
}
.global-listTable thead th {
  color: white;
  background-color: rgba(17, 17, 17, 0.8);
  white-space: nowrap;
  padding: 0.5em;
}
.global-listTable tbody {
  background: white;
}
.global-listTable tbody th {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  background: rgba(211, 211, 211, 0.2);
  text-align: left;
  padding: 0.5em 1em;
}
.global-listTable tbody td {
  font-size: 0.9em;
  text-align: center;
  padding: 0.5em;
}
.global-manage {
  font-size: 0.9rem;
  text-align: right;
  padding: 0.5em;
}
.global-manage > * {
  display: inline-block;
}
.global-manage > *:not(:first-child)::before {
  content: "|";
  margin: 0 0.5em;
}
.global-manage span {
  font-style: italic;
}
.global-manage a {
  color: #274a78;
}
.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 {
  display: inline-block;
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 48.8%;
  flex: 0 1 48.8%;
  width: 48.8%;
  max-width: 48.8%;
  color: white;
  background-color: #3e606f;
  border: 2px solid transparent;
  border-radius: 3px;
  box-shadow: 0 5px 10px -5px slategray;
  text-align: center;
  padding: 2em 1em;
  margin: 0.4%;
}
@media (-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: 24%;
    flex-basis: 24%;
  }
}
@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: #3e606f;
  background-color: white;
  border-color: #3e606f;
  box-shadow: none;
}
.global-menuHeader {
  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-menuHeader > * {
  /* 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-menuHeader [class*=_tpl_menu] {
  margin-left: auto;
}
.global-more {
  color: white;
  background-color: #3e606f;
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.9em;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1.5em;
  padding: 0.5em 2.5em;
}
[class^=outer-sub] .global-more {
  font-size: x-small;
}
.global-myMenu {
  font-size: x-small;
}
.global-myMenu > * {
  display: table;
  width: auto;
  padding: 0.25em;
}
.global-myMenu > * > * {
  display: table-cell;
  vertical-align: middle;
}
.global-myMenu > *::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  display: table-cell;
  content: "";
  width: 1.2em;
  vertical-align: top;
}
.global-myMenu a[href] {
  color: #274a78;
}
.global-none {
  display: none;
}
.global-notice {
  color: salmon;
  padding: 1em;
}
.global-noResult {
  padding: 1em;
}
.global-operate {
  text-align: right;
  padding: 0.5em;
}
.global-operate > * {
  color: white;
  background-color: #009944;
  display: inline-block;
  padding: 0.3em;
}
.global-pager {
  text-align: center;
  padding: 1em;
}
.global-pager a {
  display: inline-block;
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1px;
  padding: 0.2em 0.5em;
}
.global-pager a.selfPage {
  color: white;
  background-color: #3e606f;
}
.global-plusHeader {
  position: relative;
}
.global-plusHeader h2:not([class]),
.global-plusHeader h3:not([class]) {
  display: block;
  margin-bottom: 0;
  padding-right: 3em;
}
.global-plusHeader .global-plusBtn {
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.global-plusHeader .global-plusBtn:hover {
  opacity: 1;
}
.global-plusHeader .global-plusBtn:hover::before {
  background: white;
  padding: 0.2em 1em;
}
.global-qaForm dt {
  padding: 0.5em;
}
.global-qaForm dt:not(:first-of-type) {
  margin-top: 2em;
}
.global-qaForm dt i {
  color: white;
  background-color: salmon;
  display: inline-block;
  border-radius: 2px;
  padding: 0.2em 1em;
}
.global-qaForm dt p {
  padding: 0.5em;
  margin-top: 0.5em;
}
.global-qaForm dd {
  background: rgba(211, 211, 211, 0.2);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
}
.global-qaForm dd li {
  display: inline-block;
  margin: 0.3em 0.5em;
}
.global-qaForm dd img {
  display: table;
  margin: 0.5em auto;
  padding: 1em;
}
.global-qaForm dd input[type=text],
.global-qaForm dd textarea {
  width: 100%;
}
.global-ranking {
  color: white;
  background-color: #2479ad;
  position: absolute;
  top: -0.2em;
  left: -0.2em;
  display: inline-block;
  font-family: "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
  font-weight: bold;
  border: 1px solid white;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  padding: 0.25em 0.35em;
}
.global-ranking[data-rank='1'] {
  background: gold;
}
.global-ranking[data-rank='2'] {
  background: silver;
}
.global-ranking[data-rank='3'] {
  background: rosybrown;
}
.global-ranking::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "\f091";
  font-size: 0.85em;
  vertical-align: baseline;
  margin-right: 0.25em;
}
.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(112, 128, 144, 0.05);
}
@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;
  background: rgba(112, 128, 144, 0.05);
  text-align: left;
  padding: 1em;
}
@media (max-width: 799px) {
  .global-rowTable th {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .global-rowTable th {
    font-size: 0.9em;
    border-left: 1px solid #eaeaea;
  }
}
.global-rowTable th:not(:first-of-type) {
  border-left: none;
}
.global-rowTable th label {
  font-size: 1em;
}
.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-searchForm {
  overflow: hidden;
}
.global-searchForm select {
  margin: 0.25em;
}
.global-searchForm [type=text] {
  display: block;
  width: 100%;
  margin: 0.25em 0;
}
.global-searchForm [name=cat] {
  display: block;
  width: 100%;
  margin: 0.25em 0;
}
.global-searchResult {
  margin-top: 1em;
}
.global-searchResult.gridList {
  overflow: hidden;
}
.global-searchResult.gridList section {
  float: left;
  width: 33.333%;
  padding-right: 1em;
}
.global-searchResult.gridList section > figure {
  margin-bottom: 1em;
}
.global-searchResult.gridList section .itemExcerpt {
  display: none;
}
.global-searchResult.gridList section:nth-child(3n+1) {
  clear: left;
}
.global-searchResult.rowList section {
  overflow: hidden;
  margin-bottom: 1em;
}
.global-searchResult.rowList section > figure {
  float: left;
  width: 30%;
  padding-right: 1em;
}
.global-searchResult.rowList section > .itemInfo {
  overflow: hidden;
}
.global-searchResult .itemInfo {
  overflow: hidden;
}
.global-searchResult .itemInfo > * {
  overflow: hidden;
}
.global-searchResult .itemInfo .userIcon {
  float: left;
  display: block;
  width: 4em;
  height: 4em;
  margin-right: 0.5em;
}
.global-searchResult .itemInfo time,
.global-searchResult .itemInfo .itemExcerpt {
  font-size: 0.8em;
}
.global-searchResult .itemInfo .itemExcerpt {
  clear: both;
}
.global-separate {
  display: table;
  width: 100%;
}
.global-separate > * {
  display: table-cell;
  vertical-align: top;
}
.global-status {
  display: inline-block;
  font-size: 0.8em;
  padding: 0.3em 1.5em;
}
.global-status[data-status=close] {
  color: white;
  background-color: #555555;
}
.global-status[data-status=open] {
  color: white;
  background-color: #349c97;
}
.global-smallSubmit {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #3e606f;
  font-size: smaller;
  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;
  line-height: 2rem;
  padding: 0 2em;
}
.global-submitWrap {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.ui-widget .global-submitWrap {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.global-submitWrap * {
  display: inline-block;
  font-size: 0.9em;
  vertical-align: middle;
  line-height: 2rem;
  padding: 0 1em;
  margin: 0.25em auto;
}
.ui-widget .global-submitWrap * {
  font-size: 0.9rem;
  padding: 0.35em 0.75em;
}
.global-submitWrap [type=submit] {
  width: auto;
  padding-right: 1.5em;
  padding-left: 1.5em;
}
.global-submitWrap [type=submit]:not([class]) {
  color: white;
  background-color: #3e606f;
}
.global-submitWrap [type=submit][name=confirm] {
  color: white;
  background-color: #3e606f;
}
.global-submitWrap [type=submit][name=reset] {
  font-size: smaller;
  background-color: rgba(128, 128, 128, 0.5);
}
.global-submitWrap [type=submit][name=back] {
  background-color: gray;
}
.global-submitWrap .global-cancel {
  font-size: smaller;
  background-color: rgba(128, 128, 128, 0.5);
}
.global-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  margin-bottom: 2em;
}
.global-tab > * {
  display: table-cell;
  vertical-align: middle;
}
.global-tab li {
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.75em 0.5em;
}
.global-tab li.active {
  color: white;
  background-color: #3e606f;
}
.global-tabSwitch {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin-bottom: 2em;
}
.global-tabSwitch > * {
  display: table-cell;
  vertical-align: middle;
}
.global-tabSwitch li.active > * {
  color: white;
  background-color: #3e606f;
}
.global-tabSwitch li > * {
  display: block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.75em 0.5em;
}
.global-tabSwitch li a {
  cursor: pointer;
}
.global-tabSwitch li a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
.global-tagList {
  font-size: 0.8rem;
}
.global-tagList a {
  display: inline-block;
  padding: 0.2em 0.3em;
}
.global-tagList a::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
  margin-right: 0.5em;
}
.global-to {
  display: table;
  color: #274a78;
  margin: 1em;
  margin-left: auto;
}
.global-to::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
  margin-right: 0.5em;
}
.global-unit b {
  font-size: 1.3em;
}
.global-unit small {
  margin-left: 0.5em;
}
.global-do {
  background-color: #274a78;
}
.global-undo {
  background-color: #555555;
}
.global-end {
  background-color: #555555;
}
.global-ng {
  background-color: #bf0c2b;
}
.global-unavailable {
  color: #bf0c2b;
}

/* ↓js↓ */
@keyframes ajaxLoading {
  0% {
    background-color: #3e606f;
  }

  50% {
    background-color: #91aa9d;
  }

  100% {
    background-color: #3e606f;
  }
}
.js-ajaxLoading {
  width: 100%;
  color: white;
  background-color: #3e606f;
  font-size: small;
  font-weight: bold;
  transition: opacity 0.5s;
  text-align: center;
  padding: 1em;
  animation: ajaxLoading 2s infinite;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.js-ajaxLoading.js-hide {
  opacity: 0;
}
.js-ajaxLoading.js-hideEnd {
  display: none;
}
.js-ajaxLoading.js-show {
  opacity: 1;
}
.js-hide {
  display: none;
}
.js-hideBox {
  display: none;
}
.js-msg {
  position: fixed;
  top: 25%;
  right: 0;
  left: 0;
  z-index: 100;
  color: white;
  background-color: #3e606f;
  display: none;
  text-align: center;
  padding: 2em;
}
.js-scrollTop {
  display: none;
  font-size: 0;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 99;
  padding: 0.5rem;
}
.js-scrollTop::before {
  content: "\f35b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #3e606f;
  font-weight: bold;
  font-size: 3rem;
}
.js-setNow {
  color: #274a78;
  cursor: pointer;
  white-space: nowrap;
  margin: 0 1em;
}
.js-setNow span::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}
.js-sortParts li {
  padding: 0.5em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.js-sortRParts li {
  padding: 0.5em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* ↑js↑ */
/* ↓system name space↓ */
.error_list {
  color: crimson;
  font-size: 0.9em;
  padding: 0.5em;
}

.checkbox_list li {
  white-space: nowrap;
}
.checkbox_list li label {
  white-space: normal;
}

.cke_contents {
  height: 20em !important;
}

/* ↑system name space↑ */
/* ↓swiper↓ */
@media (max-width: 599px) {
  [class^=swiper-button] {
    display: none;
  }
}
[class^=swiper-button][class] {
  display: inline-block;
  width: auto;
  height: auto;
  height: unset;
  color: #3e606f;
  font-size: 2em;
  background: none;
  background: unset;
  background-color: rgba(211, 211, 211, 0.5);
  border-radius: 3px;
  transition: 0.2s;
  text-align: center;
  padding: 0 0.5em;
  margin: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
[class^=swiper-button]:hover {
  color: white;
  background-color: rgba(62, 96, 111, 0.75);
}
[class^=swiper-button][class*=prev] {
  left: 0;
}
[class^=swiper-button][class*=prev]::before {
  content: "\f104";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-weight: bold;
  vertical-align: middle;
}
[class^=swiper-button][class*=next] {
  right: 0;
}
[class^=swiper-button][class*=next]::after {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-weight: bold;
  vertical-align: middle;
}

.swiper-pagination-bullets[class] {
  text-align: center;
  padding: 1em;
  position: static;
}
@media (max-width: 599px) {
  .swiper-pagination-bullets[class] {
    display: none;
  }
}
.swiper-pagination-bullet[class] {
  border: 6px dashed gray;
  outline: none;
  margin: 0 3px;
}
@media (min-width: 600px) {
  .swiper-pagination-bullet[class] {
    margin: 0 5px;
  }
}
.swiper-pagination-bullet[class][class*=active] {
  border-color: #3e606f;
  background: unset;
}

/* ↑swiper↑ */
/* layout */
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: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 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;
  overflow-x: hidden;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  max-width: 1200px;
  margin: 0 auto auto;
  width: 100%;
}
@media (max-width: 799px) {
  .outer-contents {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.outer-sub1 {
  width: 100%;
  padding: 3rem 0;
}
@media (max-width: 799px) {
  .outer-sub1 {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 800px) {
  .outer-sub1 {
    /* 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 (min-width: 800px) {
  .outer-sub1 {
    -webkit-order: 1;
    order: 1;
    padding-left: 1rem;
  }
}
@media (min-width: 1000px) {
  .outer-sub1 {
    padding-left: 1.5rem;
  }
}

.outer-main-wrapper {
  max-width: 100%;
  /* for old browser */
  -webkit-box-flex: 3;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 3 1 auto;
  flex: 3 1 auto;
  padding: 3em 0;
}
@media (-ms-high-contrast: none) {
  .outer-main-wrapper {
    width: 100%;
  }
}

.outer-sub2 {
  width: 100%;
  padding: 3rem 0;
}
@media (max-width: 799px) {
  .outer-sub2 {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 800px) {
  .outer-sub2 {
    /* 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 (min-width: 800px) {
  .outer-sub2 {
    -webkit-order: -1;
    order: -1;
    padding-right: 1rem;
  }
}
@media (min-width: 1000px) {
  .outer-sub2 {
    padding-right: 1.5rem;
  }
}

.outer-footer {
  /* 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-height: 0%;
  margin-top: auto;
}

/* common */
legend {
  font-size: 1.3em;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

time {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Consolas", "Menlo", "Courier New", "Courier", "メイリオ", "Meiryo", monospace;
}

img[src*='/emoji/'] {
  box-sizing: content-box;
  min-width: 1em;
  margin: 0 0.25em;
}

[class|=outer][class*=sub] > [class*=-wrapper] {
  margin-bottom: 3rem;
}
[class|=outer][class*=over] > [class*=-wrapper] {
  margin-bottom: 3rem;
}
[class|=outer][class*=under] > [class*=-wrapper] {
  margin-bottom: 3rem;
}

.cm-breadcrumb {
  padding: 0.5em;
  margin-bottom: 1em;
}
.cm-breadcrumb > *:not(:first-child)::before {
  content: "\f054";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #3c3c3c;
  cursor: text;
  margin: 0 0.5em;
}
.cm-breadcrumb a {
  color: #3e606f;
  text-decoration: underline;
}
.cm-breadcrumb b {
  font-weight: normal;
}
.cm-breadcrumb small {
  font-size: inherit;
}
.cm-content {
  word-break: break-all;
  overflow-wrap: break-word;
  line-height: 2;
  margin: 1em 0;
}
.cm-content img:not([src*='/emoji/']) {
  display: block;
  padding: 0.5em;
}
.cm-content em {
  font-style: italic;
}
.cm-notice {
  color: crimson;
}

.common-flexList {
  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;
}
.common-flexList > li {
  /* 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%;
  padding: 0.5em;
}
@media (min-width: 600px) {
  .common-flexList > li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  .common-flexList > li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
.common-indexTitle {
  text-align: center;
  padding: 1em;
}
.common-indexTitle b {
  display: block;
  font-size: 2em;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.common-indexTitle em {
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  padding: 0.5em 0 1.5em;
}
.common-maseList.swiper-wrapper .swiper-slide {
  height: auto;
}
.common-maseList.noscript {
  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;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
}
.common-maseList.noscript li {
  display: inline-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%;
}
@media (min-width: 400px) {
  .common-maseList.noscript li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 800px) {
  .common-maseList.noscript li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
.common-maseList li.master {
  padding: 0.5em;
}
.common-maseList li.master .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%;
  border: 1px solid rgba(211, 211, 211, 0.5);
}
.common-maseList li.master .wrap > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.common-maseList li.master .wrap:hover {
  color: white;
  background-color: #193441;
  transition: 0.5s;
  opacity: 1;
}
.common-maseList li.master .global-coverImage {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding-top: 60%;
  overflow: hidden;
}
.common-maseList li.master .global-coverImage:hover {
  opacity: 1;
}
.common-maseList li.master .global-coverImage:hover img {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}
.common-maseList li.master .global-coverImage img {
  transition: 0.2s;
}
.common-maseList li.master .content {
  padding: 1em;
}
.common-maseList li.master .content em {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  word-break: break-all;
  overflow-wrap: break-word;
  margin-bottom: 0.5em;
}
.common-maseList li.master .content dl {
  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;
}
.common-maseList li.master .content dl.startAt dt::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-maseList li.master .content dl.price dt {
  margin-left: auto;
}
.common-maseList li.master .content dl.price dd {
  color: orange;
  font-weight: bold;
  font-size: 1.5em;
}
.common-maseList li.master .content dl.price dd::before {
  content: "\f157";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  font-size: smaller;
}
.common-maseList li.master .content dt {
  color: gray;
  font-size: 0.9em;
  padding-right: 0.75em;
}
.common-maseList li.master .more {
  display: block;
  color: white;
  background-color: #3e606f;
  transition: 0.3s;
  text-align: center;
  padding: 0.5em;
  margin-top: auto;
  position: relative;
}
.common-maseList li.master .more::after {
  content: "\f105";
  font-family: "FontAwesome";
  vertical-align: baseline;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.common-post .image .global-imgBg {
  display: block;
  padding-top: 70%;
}
.common-post .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;
}
.common-post .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;
}
.common-post .content > *:last-child {
  margin-top: auto;
}
.common-post .content header {
  margin-bottom: 0.5em;
}
.common-post .content h3, .common-post .content h4, .common-post .content h5 {
  font-size: 1.2em;
}
.common-post .content h3:last-child, .common-post .content h4:last-child, .common-post .content h5:last-child {
  margin-top: 0;
}
.common-post .content a:hover {
  color: #3e606f;
}
.common-post .content p {
  padding: 0.5em;
}
.common-post .content footer {
  margin-top: 0.5em;
}
.common-post.grid {
  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%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em;
}
.common-post.grid > * {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.common-post.grid > *:last-child {
  margin-top: auto;
}
.common-post.grid .image .global-status {
  margin-left: 2em;
}
.common-post.grid .content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 1em;
}
.common-post.row {
  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;
}
.common-post.row .image {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 25%;
  -webkit-align-self: flex-start;
  flex: 0 1 25%;
  align-self: flex-start;
  width: 25%;
  max-width: 25%;
}
.common-post.row .content {
  /* 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;
}
[class^=outer-sub] .common-post.row .content {
  padding-left: 0.5em;
}
.common-post .slotHeader {
  /* 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;
  -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-post .slotHeader > * {
  /* 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;
}
.common-post .slotFooter {
  /* 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;
  -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-post .slotFooter > * {
  /* 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 0.5em;
}
.common-post .slotFooter > *:first-child {
  margin-left: auto;
}
.common-post .slotFooter a[href$='#commentList']::before {
  content: "\f4ad";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.common-post .slotFooter a[href*='/edit/']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-post .slotFooter a[href*='/update/']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-post .slotFooter a[href*='/commentUpdate']::before {
  content: "\f304";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-post .slotFooter a[href*='/delete/']::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-post .slotFooter a[href*='/commentDelete']::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-post .slotFooter a[href$='#trackbackList']::before {
  content: "\f024";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.common-post .slotFooter time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-profForm {
  padding: 1em;
  margin: 1em 0;
}
.common-profForm section {
  padding: 1rem;
}
.common-profForm fieldset:not(:first-of-type) {
  margin-top: 2em;
}
.common-profForm p {
  padding: 1em;
}
.common-profForm dd small {
  display: block;
  padding: 0.5em;
}
.common-profForm dd small:empty {
  display: none;
}
.common-profForm dd small.notice {
  color: crimson;
}
.common-profForm dd small::before {
  content: "※";
}
.common-profForm aside {
  font-size: smaller;
  padding: 0.5em 0;
  margin: 0.5em 0;
}
.common-profForm aside ul {
  padding-left: 2em;
}
.common-profForm aside li {
  list-style-type: disc;
  list-style-position: outside;
}
.common-profForm aside dl {
  padding: 0.5em 1em;
}
.common-profForm aside dt {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: unset;
  max-width: unset;
}
.common-profForm aside dd {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: unset;
  max-width: unset;
}

/* overwrite for system */
body #editorMapNew {
  display: inline-block;
  color: #274a78;
  background-color: transparent;
  border: none;
}
body #editorMapNew::before {
  content: "\f5a0";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
body #editorMapDel {
  display: inline-block;
  color: crimson;
  background-color: transparent;
  border: none;
}
body #editorMapDel::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 499px) {
  body #fancybox-title {
    display: none !important;
  }
}
body .ui-dialog {
  background: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}
body .ui-dialog * {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body .ui-dialog-titlebar {
  background: none;
  border: none;
}
body .ui-dialog-content {
  color: #111111;
}
body .ui-dialog h2 {
  font-size: 1.3em;
}
body .ui-dialog .ui-dialog-titlebar {
  background-color: #3e606f;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: white;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  border: 0;
}
body .ui-dialog .ui-dialog-content {
  padding: 1em;
}
body .ui-dialog .global-cancel {
  color: white;
  background-color: gray;
}
body .ui-widget [type=submit] {
  font-size: 0.9em;
}
body .mypage-scheduleSuccess .fc-header .fc-state-default {
  border: 0;
}
body .mypage-scheduleSuccess .fc-header .fc-state-default a {
  width: 2.5em;
  text-align: center;
}
body .mypage-scheduleSuccess .fc-header a {
  border: 1px solid rgba(128, 128, 128, 0.25);
}
body .mypage-scheduleSuccess .fc-header a span {
  border: 0;
}
body .mypage-scheduleSuccess .fc-header .fc-header-title {
  margin-top: 0.25em;
}
body .mypage-scheduleSuccess .fc-event,
body .mypage-scheduleSuccess .fc-agenda.fc-event-time,
body .mypage-scheduleSuccess .fc-event a {
  background-color: #274a78;
  border-color: #274a78;
}

/* _block */
[class|=_block][class*=Main].master > * {
  padding: 2em 0;
}
[class|=_block][class*=Sub].master > * {
  margin-bottom: 2em;
}
[class|=_block][class*=_indexTop].master {
  background: no-repeat center center;
  background-size: cover;
  padding: 5em 1em;
  position: relative;
}
@media (min-width: 500px) {
  [class|=_block][class*=_indexTop].master {
    padding: 7em 1em;
  }
}
@media (min-width: 800px) {
  [class|=_block][class*=_indexTop].master {
    padding: 13em 1em;
  }
}
[class|=_block][class*=_indexTop] .wrap.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  min-height: 300px;
  position: relative;
  z-index: 1;
}
@media (min-width: 800px) {
  [class|=_block][class*=_indexTop] .wrap.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;
  }
}
[class|=_block][class*=_indexTop] .left.master {
  padding: 1em;
}
@media (max-width: 799px) {
  [class|=_block][class*=_indexTop] .left.master {
    text-align: center;
    padding-bottom: 3em;
  }
}
@media (min-width: 800px) {
  [class|=_block][class*=_indexTop] .left.master {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    width: 60%;
    max-width: 60%;
  }
}
[class|=_block][class*=_indexTop] .left.master h2 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(255, 255, 255, 0.5);
}
[class|=_block][class*=_indexTop] .left.master h2 strong {
  display: block;
  color: #193441;
  font-size: 1.5em;
}
[class|=_block][class*=_indexTop] .left.master h2 i {
  color: #349c97;
  letter-spacing: 0.3em;
}
@media (max-width: 799px) {
  [class|=_block][class*=_indexTop] .right.master {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 800px) {
  [class|=_block][class*=_indexTop] .right.master {
    /* 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%;
    margin-left: auto;
  }
}
[class|=_block][class*=_indexTop] .right.master .box {
  background: rgba(255, 255, 255, 0.2);
  padding: 2em 2em 3em;
  margin-bottom: 1em;
}
[class|=_block][class*=_indexTop] .right.master h3 {
  color: #3e606f;
  font-size: 1.5em;
  border-bottom: 1px solid white;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5);
  padding: 0.5em;
  margin-bottom: 1em;
}
[class|=_block][class*=_indexTop] .right.master form > *:first-child {
  margin-bottom: 1em;
}
[class|=_block][class*=_indexTop] .right.master [type=text] {
  width: 100%;
  padding: 1em;
}
[class|=_block][class*=_indexTop] .right.master .selectBox {
  display: block;
  background: white;
  position: relative;
}
[class|=_block][class*=_indexTop] .right.master .selectBox::before {
  content: "";
  width: 2.7rem;
  height: 100%;
  background-color: #3e606f;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
[class|=_block][class*=_indexTop] .right.master .selectBox::after {
  content: "\f0d7";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: white;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  right: 1.35rem;
  z-index: 2;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
[class|=_block][class*=_indexTop] .right.master .selectBox select {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 4em;
  color: darkslategray;
  background: transparent;
  position: relative;
  z-index: 1;
  padding-right: 3em;
  padding-left: 1em;
}
[class|=_block][class*=_indexTop] .right.master .selectBox select::-ms-expand {
  display: none;
  margin-bottom: 1em;
}
[class|=_block][class*=_indexTop] .right.master .selectBox select::-ms-expand select {
  color: #444444;
}
[class|=_block][class*=_indexTop] .right.master .checkboxWrap {
  color: #3e606f;
  font-weight: bold;
}
[class|=_block][class*=_indexTop] .right.master .checkboxWrap label {
  padding: 0.5em;
}
[class|=_block][class*=_indexTop] .right.master .submitWrap {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: white;
  margin-top: 1em;
}
[class|=_block][class*=_indexTop] .right.master .submitWrap > * {
  display: table-cell;
  vertical-align: middle;
}
[class|=_block][class*=_indexTop] .right.master .submitWrap:hover [type=submit] {
  color: white;
  background-color: #3e606f;
}
[class|=_block][class*=_indexTop] .right.master .submitWrap::after {
  content: "\f002";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: table-cell;
  width: 2.7rem;
  color: white;
  background-color: #3e606f;
  vertical-align: middle;
  text-align: center;
}
[class|=_block][class*=_indexTop] .right.master .submitWrap [type=submit] {
  width: 100%;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  background-color: rgba(62, 96, 111, 0.3);
  border: none;
  border-radius: 0;
  transition: 0.2s;
  text-align: center;
  padding: 1em;
}
[class|=_block][class*=_indexTop] .bgSlider.master {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
[class|=_block][class*=_indexTop] .bgSlider.master .swiper-wrapper {
  height: 100%;
}
[class|=_block][class*=_indexTop] .bgSlider.master .swiper-slide {
  height: 100%;
}
[class|=_block][class*=_indexTop] .bgSlider.master .swiper-pagination {
  position: relative;
  bottom: 4em;
}
[class|=_block][class*=_indexTop] .bgSlider.master .swiper-pagination-bullet {
  opacity: 0.8;
}
[class|=_block][class*=_myMenu].master {
  padding: 0.5em;
  margin-bottom: 1em;
}
[class|=_block][class*=_myMenu].master a {
  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;
  color: #3e606f;
  border: 0.5px solid rgba(62, 96, 111, 0.5);
  border-radius: 1.5em;
  text-align: center;
}
[class|=_block][class*=_myMenu].master a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
[class|=_block][class*=_myMenu].master a:not(:last-of-type) {
  margin-bottom: 0.35em;
}
[class|=_block][class*=_myMenu].master a.favorite::before {
  content: "\f004";
}
[class|=_block][class*=_myMenu].master a.write::before {
  content: "\f044";
}
[class|=_block][class*=_myMenu].master a.conf::before {
  content: "\f013";
}
[class|=_block][class*=_myMenu].master a.create::before {
  content: "\f067";
}
[class|=_block][class*=_myMenu].master a.list::before {
  content: "\f03a";
}
[class|=_block][class*=_myMenu].master a.photo::before {
  content: "\f03e";
}
[class|=_block][class*=_myMenu].master a::before {
  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-family: "FontAwesome solid";
  vertical-align: baseline;
  padding: 0.5em;
  padding-left: 1.5em;
}
[class|=_block][class*=_myMenu].master a 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;
  font-size: smaller;
  padding: 0.5em;
}
[class|=_block][class*=_ranking].master h2 {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 1em;
}
[class|=_block][class*=_ranking].master > section {
  margin-bottom: 2em;
}
[class|=_block][class*=_siteInformation].master {
  color: gray;
  font-size: 0.9em;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 2em 1em;
}
[class|=_block][class*=_siteInformation].master a {
  display: block;
  padding: 0.25em;
}

/* _partial */
[class|=_partial][class*=_tpl_calender] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  table-layout: fixed;
  text-align: center;
}
[class|=_partial][class*=_tpl_calender] caption {
  padding-bottom: 0.5em;
}
[class|=_partial][class*=_tpl_calender] caption b {
  white-space: nowrap;
  margin: 0 1em;
}
[class|=_partial][class*=_tpl_calender] caption a {
  display: inline-block;
}
[class|=_partial][class*=_tpl_calender] caption a:first-of-type {
  border-style: solid;
  border-width: 0.7em 0.7em 0 0;
  border-color: #274a78 transparent transparent transparent;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
[class|=_partial][class*=_tpl_calender] caption a:last-of-type {
  border-style: solid;
  border-width: 0 0.7em 0.7em 0;
  border-color: transparent #274a78 transparent transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
[class|=_partial][class*=_tpl_calender] td {
  font-size: 0.9em;
}
[class|=_partial][class*=_tpl_calender] td a {
  display: block;
  color: white;
  background-color: #274a78;
}
[class|=_partial][class*=_tpl_commentList].master {
  font-size: 0.9em;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 1em;
  margin-top: 1em;
}
[class|=_partial][class*=_tpl_commentList].master .global-contentHeader {
  background: rgba(211, 211, 211, 0.1);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 1em;
}
[class|=_partial][class*=_tpl_commentList].master .global-contentHeader h4 {
  font-size: 1.2em;
}
[class|=_partial][class*=_tpl_commentList] ol.master li {
  padding: 1em 0;
}
[class|=_partial][class*=_tpl_commentList] ol.master li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=_partial][class*=_tpl_commentList] ol.master .global-separate > *:first-child {
  width: 15%;
  text-align: center;
  padding-top: 0.5em;
}
[class|=_partial][class*=_tpl_commentList] ol.master .global-circleImgBg {
  display: inline-block;
  width: 4.5em;
  height: 4.5em;
}
@media (min-width: 600px) {
  [class|=_partial][class*=_tpl_commentList] ol.master .global-circleImgBg {
    width: 5.5em;
    height: 5.5em;
  }
}
[class|=_partial][class*=_tpl_commentList] ol.master .content {
  padding-left: 1em;
}
[class|=_partial][class*=_tpl_commentList] ol.master .content 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-top: 0.5em;
  margin-bottom: 0.5em;
}
[class|=_partial][class*=_tpl_commentList] ol.master .content header > * {
  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.25em 0.5em;
}
[class|=_partial][class*=_tpl_commentList] ol.master .content header h4, [class|=_partial][class*=_tpl_commentList] ol.master .content header h5 {
  font-size: 1.2em;
  margin-right: auto;
}
[class|=_partial][class*=_tpl_commentList] ol.master .content header time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=_partial][class*=_tpl_commentList] ol.master .content header a[target=_blank] {
  color: #274a78;
}
[class|=_partial][class*=_tpl_commentList] ol.master .cm-content {
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 2;
}
[class|=_partial][class*=_tpl_fileExplain].master {
  font-size: 0.9em;
  background: rgba(211, 211, 211, 0.1);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  padding: 1em 2em;
  margin: 1em 0;
}
[class|=_partial][class*=_tpl_fileExplain].master h4 {
  font-size: 1.1em;
  margin-bottom: 1em;
}
[class|=_partial][class*=_tpl_fileExplain].master .size {
  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|=_partial][class*=_tpl_fileExplain].master .size 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;
}
[class|=_partial][class*=_tpl_fileExplain].master .size 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;
  color: #3e606f;
  padding-left: 1em;
}
[class|=_partial][class*=_tpl_fileExplain].master .types {
  margin-top: 1em;
}
[class|=_partial][class*=_tpl_fileExplain].master .types ul {
  padding: 0.5em 1em;
}
[class|=_partial][class*=_tpl_fileExplain].master .types li {
  display: inline-block;
  font-size: smaller;
  padding: 0.25em 0.5em;
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.docx::before {
  content: "\f1c2";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.xlsx::before {
  content: "\f1c3";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.pptx::before {
  content: "\f1c4";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.pdf::before {
  content: "\f1c1";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.jpg::before, [class|=_partial][class*=_tpl_fileExplain].master .types li.gif::before, [class|=_partial][class*=_tpl_fileExplain].master .types li.png::before {
  content: "\f1c5";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li.zip::before {
  content: "\f1c6";
}
[class|=_partial][class*=_tpl_fileExplain].master .types li::before {
  content: "\f15c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=_partial][class*=_tpl_gMap] {
  margin: 1em 0;
  position: relative;
}
[class|=_partial][class*=_tpl_gMap] .master-search {
  margin-bottom: 1em;
}
/* ↓system name space↓ */
[class|=_partial][class*=_tpl_gMap] .master-search #address {
  width: auto;
  padding: 0.5em;
}
[class|=_partial][class*=_tpl_gMap] .master-search [type=button] {
  color: white;
  background-color: #009944;
}
/* ↑system name space↑ */
[class|=_partial][class*=_tpl_imageList] {
  /* 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.3em;
}
/* ↓default↓ */
/* ↑default↑ */
[class|=_partial][class*=_tpl_imageList] a {
  display: block;
}
[class|=_partial][class*=_tpl_imageList] .global-imgBg {
  display: block;
  padding-top: 100%;
}
[class|=_partial][class*=_tpl_imageList] b {
  display: block;
  font-size: x-small;
  margin-top: 0.5em;
}
[class|=_partial][class*=_tpl_linkList] {
  font-size: 0.9em;
}
[class|=_partial][class*=_tpl_linkList].row li {
  padding: 0.25em 0;
}
[class|=_partial][class*=_tpl_linkList].row li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=_partial][class*=_tpl_linkList].row a {
  display: block;
  padding: 0.25em;
}
[class|=_partial][class*=_tpl_linkList].row a:hover::before {
  margin-right: 0.4em;
}
[class|=_partial][class*=_tpl_linkList].row a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=_partial][class*=_tpl_linkList].inline {
  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|=_partial][class*=_tpl_linkList].inline 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.25em;
}
[class|=_partial][class*=_tpl_linkList].inline li a {
  display: block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1px;
  line-height: 1.5;
  padding: 0 0.5em;
}
[class|=_partial][class*=_tpl_linkList].inline li a:hover {
  color: white;
  background-color: #3e606f;
}
[class|=_partial][class*=_tpl_manage] {
  text-align: right;
}
[class|=_partial][class*=_tpl_menu] {
  position: relative;
}
[class|=_partial][class*=_tpl_menu] .boxOpenClose {
  display: inline-block;
  color: #3e606f;
  cursor: pointer;
  padding: 0.5em 1em;
}
[class|=_partial][class*=_tpl_menu] .boxOpenClose:hover {
  color: #193441;
}
[class|=_partial][class*=_tpl_menu] .boxOpenClose.active {
  color: #193441;
}
[class|=_partial][class*=_tpl_menu] .boxOpenClose::before {
  content: "\f141";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.25em;
  font-size: 1.5em;
}
[class|=_partial][class*=_tpl_menu] .hideBox {
  -webkit-box-shadow: 0 0 2px lightgray;
  -ms-box-shadow: 0 0 2px lightgray;
  box-shadow: 0 0 2px lightgray;
  position: absolute;
  right: 0;
  z-index: 1;
}
[class|=_partial][class*=_tpl_menu] .hideBox li {
  color: white;
  background-color: #193441;
  transition: 0.3s;
  padding: 1px;
}
[class|=_partial][class*=_tpl_menu] .hideBox li:hover {
  background-color: #3e606f;
}
[class|=_partial][class*=_tpl_menu] .hideBox li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
[class|=_partial][class*=_tpl_menu] .hideBox li:not(:last-of-type) a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
[class|=_partial][class*=_tpl_menu] .hideBox li:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
[class|=_partial][class*=_tpl_menu] .hideBox a {
  display: block;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.5em 1em;
}
[class|=_partial][class*=_tpl_menu] .hideBox a::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=_partial][class*=_tpl_person] {
  display: inline-block;
}
[class|=_partial][class*=_tpl_person] .global-circleImgBg {
  display: inline-block;
  width: 2em;
  height: 2em;
}
[class|=_partial][class*=_tpl_person] b {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.row [class|=_partial][class*=_tpl_postListA] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.row [class|=_partial][class*=_tpl_postListA] > *:first-child {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
.row [class|=_partial][class*=_tpl_postListA] .global-imgBg {
  display: block;
  padding-top: 100%;
}
.row [class|=_partial][class*=_tpl_postListA] .master-content {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
  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-top: 0.25em;
  padding-left: 0.75em;
}
.row [class|=_partial][class*=_tpl_postListA] .master-content footer {
  margin-top: auto;
}

.grid [class|=_partial][class*=_tpl_postListA] .global-imgBg {
  display: block;
  padding-top: 100%;
  margin-bottom: 0.5em;
}
[class|=_partial][class*=_tpl_postListA] .master-content h4 {
  font-size: 1.2em;
}
[class|=_partial][class*=_tpl_postListA] .master-content h4 a {
  display: block;
}
[class|=_partial][class*=_tpl_postListA] .master-content h4 {
  margin-bottom: 0.5em;
}
[class|=_partial][class*=_tpl_postListA] .master-content p {
  font-size: 0.9em;
  padding: 0.5em 0;
}
[class|=_partial][class*=_tpl_postListA] .master-content time {
  text-align: right;
}
[class|=_partial][class*=_tpl_postListB] {
  font-size: small;
}
[class|=_partial][class*=_tpl_postListB] a {
  color: #274a78;
}
[class|=_partial][class*=_tpl_postListB] h4 {
  font-size: 1.2em;
}
[class|=_partial][class*=_tpl_postListB] p {
  margin-top: 0.5em;
}
[class|=_partial][class*=_tpl_postListB] footer {
  text-align: right;
  margin-top: 1em;
}
[class|=_partial][class*=_tpl_postListB] footer > * {
  padding: 0 0.5em;
}
[class|=_partial][class*=_tpl_postListB] .global-count::before, [class|=_partial][class*=_tpl_postListB] .global-capacity b::before, .global-capacity [class|=_partial][class*=_tpl_postListB] b::before, [class|=_partial][class*=_tpl_postListB] .global-commentCount::before {
  content: "\f075";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.row [class|=_partial][class*=_tpl_postListC] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.row [class|=_partial][class*=_tpl_postListC] > *:first-child {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
.row [class|=_partial][class*=_tpl_postListC] .global-imgBg {
  display: block;
  padding-top: 100%;
}
.row [class|=_partial][class*=_tpl_postListC] .master-content {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
  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-top: 0.25em;
  padding-left: 0.75em;
}
.row [class|=_partial][class*=_tpl_postListC] .master-content footer {
  margin-top: auto;
}

.grid [class|=_partial][class*=_tpl_postListC] .global-imgBg {
  display: block;
  padding-top: 100%;
  margin-bottom: 0.5em;
}
[class|=_partial][class*=_tpl_postListC] .master-content h4 {
  font-size: 1.2em;
}
[class|=_partial][class*=_tpl_postListC] .master-content h4 a {
  display: block;
}
[class|=_partial][class*=_tpl_postListC] .global-status {
  display: block;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 1px;
}
[class|=_partial][class*=_tpl_postListC] .global-status.open {
  background: #2479ad;
}
[class|=_partial][class*=_tpl_postListC] .global-status.close {
  background: slategray;
}
[class|=_partial][class*=_tpl_postListC] .master-content .global-category {
  display: table;
  margin: 0.2em;
  margin-left: auto;
}
[class|=_partial][class*=_tpl_postListC] .master-content p {
  font-size: 0.85em;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
  margin: 0.5em 0;
}
[class|=_partial][class*=_tpl_postListC] .master-footer {
  background: rgba(211, 211, 211, 0.2);
  padding: 0.5em;
}
[class|=_partial][class*=_tpl_postListC] .master-footer dl::after {
  content: "";
  display: block;
  clear: both;
}
[class|=_partial][class*=_tpl_postListC] .master-footer dl > * {
  float: left;
}
[class|=_partial][class*=_tpl_postListC] .master-footer dl dt {
  clear: both;
}
[class|=_partial][class*=_tpl_postListC] .master-footer dt {
  font-size: 0.9em;
  margin-right: 0.5em;
}
[class|=_partial][class*=_tpl_postListC] .master-footer time {
  font-size: 1rem;
  font-weight: bold;
}
[class|=_partial][class*=_tpl_postListD] {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
[class|=_partial][class*=_tpl_postListD] > *:first-child {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  width: 20%;
  max-width: 20%;
  text-align: center;
  padding: 0.5em;
}
[class|=_partial][class*=_tpl_postListD] > *:last-child {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  width: 80%;
  max-width: 80%;
}
[class|=_partial][class*=_tpl_postListD] .global-circleImgBg {
  display: inline-block;
  width: 5em;
  height: 5em;
}
[class|=_partial][class*=_tpl_postListD] .master-content {
  padding: 0.5em;
  padding-top: 1em;
}
[class|=_partial][class*=_tpl_postListD] .master-content 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;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em;
}
[class|=_partial][class*=_tpl_postListD] .master-content header > * {
  /* 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;
}
[class|=_partial][class*=_tpl_postListD] .master-content header time {
  display: block;
  text-align: right;
}
[class|=_partial][class*=_tpl_postListD] .master-content footer {
  text-align: right;
  margin-top: 1em;
}
[class|=_partial][class*=_tpl_referenceFiles] {
  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;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0 1em;
  margin: 1em 0;
}
[class|=_partial][class*=_tpl_referenceFiles] 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;
  font-size: smaller;
  margin-right: 1em;
}
[class|=_partial][class*=_tpl_referenceFiles] dt::before {
  content: "\f15b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=_partial][class*=_tpl_referenceFiles] 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;
  color: #3e606f;
}
[class|=_partial][class*=_tpl_referenceFiles] dd li {
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.5em;
  margin: 0.5em 0;
}
[class|=_partial][class*=_tpl_referenceFiles] dd a::before {
  content: "\f019";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=_partial][class*=_tpl_trackbackList] {
  font-size: 0.9em;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  padding-top: 1em;
  margin-top: 1em;
}
[class|=_partial][class*=_tpl_trackbackList] .global-contentHeader {
  background: rgba(211, 211, 211, 0.1);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 1em;
}
[class|=_partial][class*=_tpl_trackbackList] .global-contentHeader h4 {
  font-size: 1.2em;
}
[class|=_partial][class*=_tpl_trackbackList] ol.master li {
  padding: 1em;
}
[class|=_partial][class*=_tpl_trackbackList] ol.master li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=_partial][class*=_tpl_trackbackList] ol.master em {
  font-size: 1.3em;
  padding: 0.5em;
}
[class|=_partial][class*=_tpl_trackbackList] ol.master p {
  padding: 0.5em;
}
[class|=_partial][class*=_tpl_userStatus] {
  text-align: center;
}
[class|=_partial][class*=_tpl_userStatus] .master-header {
  padding: 0.5em;
  padding-bottom: 0;
}
[class|=_partial][class*=_tpl_userStatus] [class*=_tpl_person] .global-circleImgBg {
  width: 6em;
  height: 6em;
}
[class|=_partial][class*=_tpl_userStatus] [class*=_tpl_person] b {
  display: block;
  font-size: 1.25em;
  margin-top: 0.3em;
}
[class|=_partial][class*=_tpl_userStatus] .master-ownerMenu {
  font-size: 0.85em;
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=_partial][class*=_tpl_userStatus] .master-ownerMenu a {
  color: #274a78;
  display: inline-block;
  width: 50%;
  padding: 0.2em 0.75em;
  margin: 0.2em 0;
}
[class|=_partial][class*=_tpl_userStatus] .master-ownerMenu a:not(:last-of-type):nth-of-type(odd) {
  border-right: 1px solid #274a78;
  text-align: right;
}
[class|=_partial][class*=_tpl_userStatus] .master-ownerMenu a:nth-of-type(even) {
  text-align: left;
}
[class|=index] [class|=_partial][class*=_tpl_userStatus] .master-ownerMenu a {
  color: #faed00;
}
[class|=index] [class|=_partial][class*=_tpl_userStatus] .master-ownerMenu a:nth-of-type(odd) {
  border-right-color: #faed00;
}
[class|=_partial][class*=_tpl_userStatus] .master-countWrap {
  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;
}
[class|=_partial][class*=_tpl_userStatus] .master-countWrap a {
  /* 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;
  padding: 0.2em;
}
[class|=_partial][class*=_tpl_userStatus] .master-countWrap dl {
  padding: 0.2em;
}
[class|=_partial][class*=_tpl_userStatus] .master-countWrap dt {
  font-size: xx-small;
}
[class|=_partial][class*=_tpl_userStatus] .index-_ssl {
  padding: 0.2rem 0.5rem;
}
[class|=_partial][class*=_tpl_userStatus] .global-inlineDl {
  padding: 0.2rem 0.5rem;
}
[class|=_partial][class*=_tpl_userStatus] .global-inlineDl dt {
  font-size: 0.9em;
}
[class|=_partial][class*=_tpl_userStatus] .global-inlineDl time {
  font-size: 1em;
  font-weight: bold;
}

/* album */
[class|=album][class*=_tpl_itemForm] .global-dlForm a {
  color: #274a78;
  font-size: 0.9em;
  margin: 0 1em;
}
[class|=album][class*=_tpl_postList] {
  padding: 0.3em;
  position: relative;
}
@media (min-width: 350px) {
  [class|=album][class*=_tpl_postList] {
    /* 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|=album][class*=_tpl_postList] [class*=_tpl_manage] {
  text-align: right;
  padding: 0.5em;
}
@media (min-width: 1000px) {
  .outer-main-wrapper [class|=album][class*=_tpl_postList] {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
[class|=album][class$=_search] select, [class|=album][class$=_search] [type=text] {
  margin: 1%;
}
@media (min-width: 350px) {
  [class|=album][class$=_userNewItem] ol.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;
  }
}
[class|=album][class$=_userNewItem] li[class*=_tpl_postList] .master-content {
  font-size: 0.9em;
}
[class|=album][class$=itemListSuccess] ul.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;
}
[class|=album][class$=itemListSuccess] li[class*=_tpl_postList] .master-content {
  font-size: 0.9em;
}
[class|=album][class$=itemShowSuccess] .master-content > img {
  display: table;
  margin: auto;
  padding: 0.5em;
}
[class|=album][class$=itemShowSuccess] .master-content p {
  line-height: 2;
  padding: 1em;
}
[class|=album][class$=itemShowSuccess] .master-content nav {
  display: table;
  margin-top: 0.5em 0.5em;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em 2em;
}
[class|=album][class$=itemShowSuccess] .master-content nav a:not(:first-of-type):hover::before {
  opacity: 1;
}
[class|=album][class$=itemShowSuccess] .master-content nav a:not(:first-of-type)::before {
  content: "|";
  margin: 0 1em;
}
[class|=album][class$=itemShowSuccess] .master-content nav a .global-circleImgBg {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin: 0 0.5em;
}
[class|=album][class$=itemShowSuccess] .master-content footer {
  font-size: small;
  text-align: right;
  padding: 0.5em;
}
[class|=album][class$=itemShowSuccess] .master-content footer a {
  color: #274a78;
}
[class|=album][class$=myItemListSuccess] .global-colTable tbody th a {
  display: block;
  width: 100%;
  min-width: 7em;
  padding-top: 100%;
}

/* auth */
[class|=auth][class$=_changeSignin] {
  margin: 0.5em;
}
[class|=auth][class$=_changeSignin] a {
  display: inline-block;
  background: -webkit-linear-gradient(top, #fafafa 0%, #5a9ac1 5%, #2479ad 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #5a9ac1 5%, #2479ad 100%);
  color: white;
  border: 1px solid #2479ad;
  border-radius: 2px;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #174d6e;
  text-align: center;
  width: 10em;
  padding: 0.5em;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.9em;
}
[class|=auth][class$=_signin] .wrap.master {
  padding: 1em;
}
[class|=auth][class$=_signin] .wrap.master h3 {
  font-size: 1.3em;
  padding: 1em 0.5em;
}
[class|=auth][class$=_signin] form.master {
  margin-bottom: 1em;
}
[class|=auth][class$=_signin] form.master .cm-notice {
  font-size: 0.9em;
  padding: 0.5em;
}
[class|=auth][class$=_signin] form.master .cm-notice br {
  display: none;
}
[class|=auth][class$=_signin] form.master .g-recaptcha {
  margin: 0 auto 0.5em;
  -webkit-transform: translateX(-15px) scale(0.9);
  transform: translateX(-15px) scale(0.9);
}
[class|=auth][class$=_signin] form.master .g-recaptcha > div {
  margin: 0 auto;
}
[class|=auth][class$=_signin] form.master .inputs label {
  display: block;
}
[class|=auth][class$=_signin] form.master .inputs label:not(:first-of-type) {
  margin-top: 1em;
}
[class|=auth][class$=_signin] form.master .inputs input {
  width: 100%;
}
[class|=auth][class$=_signin] form.master .remember {
  text-align: center;
  padding: 0.5em;
}
[class|=auth][class$=_signin] form.master .remember dt {
  display: inline-block;
  margin-right: 0.5em;
}
[class|=auth][class$=_signin] form.master .remember dd {
  display: inline-block;
}
[class|=auth][class$=_signin] form.master [type=submit] {
  display: block;
  width: 100%;
  color: white;
  background-color: #3e606f;
  padding: 0.25em 0.75em;
}
[class|=auth][class$=_signin] .sslRepwd.master {
  font-size: 0.9em;
  text-align: center;
}
/* ↓common↓ */
[class|=auth][class$=_signin] .sslRepwd.master a {
  color: #3e606f;
}
/* ↑common↑ */
[class|=auth][class$=_signin] .sslRepwd.master [class$=_ssl] {
  margin-bottom: 0.5em;
}
[class|=auth][class$=_signin] .sso.master {
  text-align: center;
  padding: 1.5em 1em;
  margin-top: 2em;
}
[class|=auth][class$=_signin] .sso.master dt {
  font-size: 0.9em;
  color: #555555;
  text-align: center;
}
[class|=auth][class$=_signin] .sso.master a {
  display: inline-block;
  font-size: 0;
  padding: 0.5rem;
}
[class|=auth][class$=_signin] .sso.master a[href*=facebook]::before {
  content: "\f082";
  color: #3b5998;
}
[class|=auth][class$=_signin] .sso.master a[href*=twitter]::before {
  content: "\f081";
  color: #55acee;
}
[class|=auth][class$=_signin] .sso.master a[href*=google]::before {
  content: "\f0d4";
  color: #db4a39;
}
[class|=auth][class$=_signin] .sso.master a::before {
  font-family: "FontAwesome brands";
  vertical-align: baseline;
  display: inline-block;
  font-size: 2rem;
}
[class|=auth][class$=repwdSuccess] .global-dlForm.master dt.email {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: unset;
  max-width: unset;
}

/* banner */
[class|=banner][class$=_disp] a.master {
  display: block;
  text-align: center;
}

/* blog */
[class|=blog][class*=_tpl_postHeader] {
  padding: 0.5em;
}
[class|=blog][class*=_tpl_postHeader] .global-tagList {
  display: inline-block;
  padding: 0 1em;
}
[class|=blog][class$=_tpl_trackbackList] .jsTrackbackUrl {
  width: 100%;
}
[class|=blog][class$=_tpl_trackbackList] .master-wrap {
  margin-top: 2rem;
}
[class|=blog][class$=_tpl_trackbackList] .master-wrap > li {
  margin-bottom: 1rem;
}
[class|=blog][class$=_tpl_trackbackList] .master-wrap > li .master-trackbackTitle {
  font-weight: bold;
}
[class|=blog][class$=_tpl_trackbackList] .master-wrap > li .master-trackbackBody {
  font-size: 0.9rem;
}
[class|=blog][class$=_access] .wrap.master {
  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;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-between;
}
[class|=blog][class$=_access] .wrap.master dl {
  /* for old browser */
  -webkit-box-flex: 1;
  /* for old browser */
  -webkit-box-flex-group: 0;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
[class|=blog][class$=_access] .wrap.master dd {
  color: #3e606f;
}
[class|=blog][class$=_addfavorite] {
  max-width: 15em;
  margin-right: auto;
  margin-left: auto;
  font-size: small;
  text-align: center;
}
[class|=blog][class$=_addfavorite] a {
  display: block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 1em;
}
[class|=blog][class$=_addfavorite] a:hover {
  color: white;
  background-color: #274a78;
}
[class|=blog][class$=_addfavorite] a::before {
  content: "＋";
  font-weight: bold;
  margin-right: 0.3em;
}
[class|=blog][class$=_archive] .wrap.master [class*=_tpl_linkList] {
  padding: 0 1em;
}
[class|=blog][class$=_archive] .wrap.master [class*=_tpl_linkList] li:nth-child(n+13) {
  display: none;
}
[class|=blog][class$=_archive] .wrap.master .blogArchivesShowAll {
  display: block;
  color: #274a78;
  cursor: pointer;
  text-align: center;
}
[class|=blog][class$=_comment] .wrap.master [class*=_tpl_linkList] {
  padding: 0 1em;
}
/* ↓system name space↓ */
[class|=blog][class*=_form] .global-dlForm.master .tagList .group_name {
  display: block;
  color: #009944;
  padding: 0.5em 0;
}
[class|=blog][class*=_form] .global-dlForm.master .tagList .group_name::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
  margin-right: 0.5em;
}
[class|=blog][class*=_form] .global-dlForm.master .tagList .showHide-Tag {
  background: rgba(0, 153, 68, 0.05);
  padding: 1em;
}
/* ↑system name space↑ */
[class|=blog][class*=_form] .global-dlForm.master .addTag {
  display: block;
  color: #3e606f;
  padding: 0.5em;
  margin: 0.5em 0;
}
[class|=blog][class*=_form] .global-dlForm.master .addTag::before {
  content: "\f02b";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=blog][class*=_form] .global-dlForm.master .oneColumn {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}
[class|=blog][class$=_headerImg] header.master {
  display: block;
  box-shadow: 0 5px 5px -5px rgba(112, 128, 144, 0.5);
  text-align: center;
  padding: 3em 1em;
}
[class|=blog][class$=_headerImg] header.master h1 {
  font-size: 2em;
  text-shadow: 1px 1px 2px rgba(211, 211, 211, 0.5), 1px 1px 2px rgba(211, 211, 211, 0.5);
}
[class|=blog][class$=_headerImg] header.master p {
  text-shadow: 1px 1px 1px rgba(211, 211, 211, 0.5), 1px 1px 1px rgba(211, 211, 211, 0.5);
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=blog][class$=_myFriendBlog] ol.master > li {
  padding: 0.5em;
}
[class|=blog][class$=_myFriendBlog] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=blog][class$=_myFriendBlog] ol.master > li h4 {
  font-size: 0.9em;
}
[class|=blog][class$=_recent] ol.master > li {
  padding: 0.5em;
}
[class|=blog][class$=_recent] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=blog][class$=_recent] ol.master h4 {
  font-size: 1em;
}
[class|=blog][class$=_rss] .wrap.master [class*=_tpl_linkList] {
  padding: 0 1em;
}
[class|=blog][class$=_tags] .master-wrap {
  font-size: 0.9em;
  padding: 0 0.5em;
}
[class|=blog][class$=_tags] .master-wrap dl:not(:first-of-type) {
  margin-top: 0.5em;
}
[class|=blog][class$=_tags] .master-wrap dt {
  display: inline-block;
  color: #274a78;
  padding: 0.2em 0;
}
[class|=blog][class$=_tags] .master-wrap dt::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
}
[class|=blog][class$=_tags] .master-wrap dd {
  background: rgba(211, 211, 211, 0.2);
  border-radius: 2px;
  padding: 0.5em;
}
[class|=blog][class$=_tags] .master-wrap a {
  background: white;
}
[class|=blog][class$=_trackback] .wrap.master [class*=_tpl_linkList] {
  padding: 0 1em;
}
[class|=blog][class$=indexSuccess] .global-contentHeader.master b::before {
  content: "\f2bd";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=blog][class$=indexSuccess] ol.master > li {
  padding: 2em 1em;
}
[class|=blog][class$=indexSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=blog][class$=indexSuccess] .full.master h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}
[class|=blog][class$=mailEntrySuccess] .global-notice {
  display: inline-block;
  text-decoration: underline;
}
[class|=blog][class$=showSuccess] .master-footer {
  text-align: right;
  padding: 1em;
}

/* blog_conf */
[class|=blog_conf][class$=blogDesignSuccess] form.master fieldset {
  padding: 2em 0;
}
[class|=blog_conf][class$=blogDesignSuccess] form.master .global-dlForm .global-none {
  display: none;
}

/* blog_tag */
[class|=blog_tag][class*=_tpl_explain] .global-explain {
  font-size: 0.95em;
  margin-top: 1em;
}
[class|=blog_tag][class*=_tpl_explain] .global-explain li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
[class|=blog_tag][class$=indexSuccess] .wrap.master {
  min-height: 2em;
  margin: 1em;
  position: relative;
}
@media (max-width: 799px) {
  [class|=blog_tag][class$=indexSuccess] .wrap.master [class*=_tpl_create] {
    display: table;
    margin-top: 0.5em;
    margin-left: auto;
  }
}
@media (min-width: 800px) {
  [class|=blog_tag][class$=indexSuccess] .wrap.master [class*=_tpl_create] {
    position: absolute;
    top: 0;
    right: 0;
  }
}
[class|=blog_tag][class$=indexSuccess] .wrap.master [type=submit] {
  color: white;
  background-color: #009944;
}
[class|=blog_tag][class$=indexSuccess] .global-explain {
  margin-top: 1rem;
  text-align: right;
}
[class|=blog_tag][class$=indexSuccess] .global-explain span {
  font-size: x-small;
}
[class|=blog_tag][class$=indexSuccess] .global-explain span::before {
  content: "※";
}
[class|=blog_tag][class$=indexSuccess] .global-explain [name=set_order] {
  color: white;
  background-color: #3e606f;
  font-size: x-small;
  margin-left: 0.5em;
}
[class|=blog_tag][class$=indexSuccess] .global-inlineDl {
  display: inline-block;
}

/* blog_tag_group */
[class|=blog_tag_group][class$=indexSuccess] .wrap.master {
  min-height: 2em;
  margin: 1em;
  position: relative;
}
@media (max-width: 799px) {
  [class|=blog_tag_group][class$=indexSuccess] .wrap.master [class*=_tpl_create] {
    display: table;
    margin-top: 0.5em;
    margin-left: auto;
  }
}
@media (min-width: 800px) {
  [class|=blog_tag_group][class$=indexSuccess] .wrap.master [class*=_tpl_create] {
    position: absolute;
    top: 0;
    right: 0;
  }
}
[class|=blog_tag_group][class$=indexSuccess] .wrap.master [type=submit] {
  color: white;
  background-color: #009944;
}
[class|=blog_tag_group][class$=indexSuccess] .global-explain {
  margin-top: 1rem;
  text-align: right;
}
[class|=blog_tag_group][class$=indexSuccess] .global-explain span {
  font-size: x-small;
}
[class|=blog_tag_group][class$=indexSuccess] .global-explain span::before {
  content: "※";
}
[class|=blog_tag_group][class$=indexSuccess] .global-explain [name=set_order] {
  color: white;
  background-color: #3e606f;
  font-size: x-small;
  margin-left: 0.5em;
}

/* chat */
[class|=chat][class$=indexSuccess] .global-dl, [class|=chat][class$=indexSuccess] .global-dlForm {
  cursor: pointer;
}

/* rchat */
[class|=rchat][class$=roomSuccess] .master-wrap {
  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-around;
  /* no prefix */
  display: flex;
  /* for old browser */
  -webkit-box-pack: justify;
  justify-content: space-around;
  padding: 1em;
}
@media (max-width: 599px) {
  [class|=rchat][class$=roomSuccess] .master-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
[class|=rchat][class$=roomSuccess] .master-wrap > div {
  padding: 1em;
}
[class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] {
  /* for old browser */
  -webkit-box-flex: 0;
  /* for old browser */
  -webkit-box-flex-group: 1;
  -webkit-flex: 0 1 auto;
  -webkit-align-self: flex-end;
  flex: 0 1 auto;
  align-self: flex-end;
  background: rgba(211, 211, 211, 0.2);
  text-align: center;
}
@media (max-width: 599px) {
  [class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] {
    order: 2;
  }
}
[class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] b {
  display: none;
  background: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1px;
  padding: 0.25em 0.5em;
}
[class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] span {
  display: block;
  padding: 1em;
}
[class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] img {
  width: auto;
  height: 5em;
}
[class|=rchat][class$=roomSuccess] .master-wrap > div[class^=js] em {
  display: block;
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding: 0 0.5em;
}
[class|=rchat][class$=roomSuccess] .master-wrap > div.master-exchange {
  /* 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|=rchat][class$=roomSuccess] .master-wrap .global-listTable th {
  font-size: x-small;
  font-weight: normal;
  white-space: nowrap;
}
[class|=rchat][class$=roomSuccess] .master-wrap .global-listTable td:first-of-type {
  text-align: left;
}
[class|=rchat][class$=roomSuccess] .master-wrap .global-listTable td:last-of-type {
  font-size: x-small;
}
[class|=rchat][class$=roomSuccess] .master-form [type=text] {
  font-size: 1.2em;
  padding: 0.5em 1em;
}
/* ↓sysmtem name space↓ */
/* ↑sysmtem name space↑ */
/* comment_list */
[class|=comment_list][class$=indexSuccess] .global-listTable tbody th {
  min-width: 50%;
}
[class|=comment_list][class$=indexSuccess] .global-listTable tbody td:last-of-type {
  white-space: nowrap;
}

/* common */
[class|=common][class$=_culture] div.master {
  font-weight: bold;
  text-align: center;
  position: relative;
}
[class|=common][class$=_culture] div.master .boxOpenClose {
  display: block;
  min-width: 5em;
  cursor: pointer;
  padding: 0.5em 0.75em;
}
[class|=common][class$=_culture] div.master .boxOpenClose:hover {
  color: #349c97;
  opacity: 1;
}
[class|=common][class$=_culture] div.master .boxOpenClose::after {
  content: "\f0d7";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  margin-left: 0.5em;
}
[class|=common][class$=_culture] div.master .hideBox {
  display: none;
  color: white;
  background-color: #193441;
  border-top: 3px solid rgba(112, 128, 144, 0.5);
  padding: 0.5em;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 8;
}
[class|=common][class$=_culture] div.master .hideBox li {
  margin: 0.1em;
}
[class|=common][class$=_culture] div.master .hideBox a {
  display: block;
  background: rgba(211, 211, 211, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 0.5em 0.25em;
}
[class|=common][class$=_culture] div.master .hideBox a:hover {
  color: #193441;
  background-color: #91aa9d;
}
[class|=common][class$=_reportToAdmin] div.master {
  font-size: x-small;
}
[class|=common][class$=_reportToAdmin] div.master a {
  display: table;
  color: crimson;
  padding: 0.5em;
  margin-left: auto;
}
[class|=common][class$=error404Success] a.master {
  max-width: 20em;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: auto;
  margin-left: auto;
  display: block;
  font-size: small;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  text-align: center;
  padding: 0.5em 1em;
}
[class|=common][class$=reportToAdminSuccess] .note.master {
  margin-bottom: 1em;
}
[class|=common][class$=reportToAdminSuccess] .note.master span {
  display: block;
  font-size: smaller;
  text-align: center;
}
[class|=common][class$=reportToAdminSuccess] .global-annotation-required {
  background-color: transparent;
  margin-right: 0.5em;
}

/* community */
[class|=community][class*=_tpl_formAutoJoin] form.master fieldset {
  padding: 2em 0;
}
[class|=community][class$=_comHeader] div.master {
  width: 100%;
  box-shadow: 0 5px 5px -5px rgba(112, 128, 144, 0.5);
}
[class|=community][class$=_comHeader] div.master h1 {
  font-size: 2em;
  text-shadow: 1px 1px 2px rgba(211, 211, 211, 0.5), 1px 1px 2px rgba(211, 211, 211, 0.5);
  padding: 3em 1em;
  margin-right: auto;
}
[class|=community][class$=_comHeader] nav {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: right;
  padding: 1em;
}
[class|=community][class$=_comHeader] nav a {
  color: #274a78;
  font-weight: bold;
  padding: 0.5em;
}
[class|=community][class$=_comHeader] nav a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=community][class$=_comInfo] div.master h2, [class|=community][class$=_comInfo] div.master h3, [class|=community][class$=_comInfo] div.master h4 {
  font-size: 1.2em;
  padding: 0.5em 0;
}
[class|=community][class$=_comInfo] div.master .global-imgBg {
  display: block;
  width: 100%;
}
[class|=community][class$=_comInfo] div.master .global-dl, [class|=community][class$=_comInfo] div.master .global-dlForm {
  font-size: 0.9em;
}
[class|=community][class$=_joinMember] ul.master > li {
  padding: 0.5em;
}
[class|=community][class$=_joinMember] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=_questionnaire] ul.master > li {
  padding: 0.5em;
}
[class|=community][class$=_questionnaire] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community][class$=forceJoinSuccess] .global-inlineDl {
  padding: 1em;
}
[class|=community][class$=joinMemberListSuccess] ul.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;
}
[class|=community][class$=joinMemberListSuccess] ul.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;
  background: rgba(211, 211, 211, 0.1);
  border-radius: 3px;
  padding: 0.5em;
  margin: 1%;
}
[class|=community][class$=showSuccess] .comDescription.master {
  background-color: rgba(211, 211, 211, 0.1);
  padding: 1em;
  margin-bottom: 1em;
}

/* community_event */
[class|=community_event][class$=_eventList] ul.master > li {
  padding: 1em;
}
[class|=community_event][class$=_eventList] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_event][class$=entryEventSuccess] ul.master > li {
  padding: 1em;
}
[class|=community_event][class$=entryEventSuccess] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_event][class$=indexSuccess] ul.master > li {
  padding: 1em;
}
[class|=community_event][class$=indexSuccess] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_event][class$=memberListSuccess] ul.master::after {
  content: "";
  display: block;
  clear: both;
}
[class|=community_event][class$=memberListSuccess] ul.master li {
  display: block;
  width: 50%;
  float: left;
  padding: 1em;
}
[class|=community_event][class$=memberListSuccess] ul.master .global-circleImgBg {
  width: 3em;
  height: 3em;
}
[class|=community_event][class$=memberListSuccess] ul.master .global-btn, [class|=community_event][class$=memberListSuccess] ul.master .global-btns a, .global-btns [class|=community_event][class$=memberListSuccess] ul.master a {
  display: table;
  margin-top: 0.3em;
  margin-left: auto;
}
[class|=community_event][class$=showSuccess] .global-dl .global-btns, [class|=community_event][class$=showSuccess] .global-dlForm .global-btns {
  display: inline-block;
  margin-left: 1em;
}
[class|=community_event][class$=showSuccess] [class*=_tpl_manage] {
  text-align: right;
  padding: 1em;
}

/* community_questionnaire */
[class|=community_questionnaire][class$=_form_q] .global-dlForm {
  border: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_questionnaire][class$=_form_q] .global-dlForm:not(:last-of-type) {
  margin-bottom: 3em;
}
[class|=community_questionnaire][class$=questionListSuccess] .global-explain {
  margin-top: 1em;
}
[class|=community_questionnaire][class$=showResultSuccess] .global-inlineDl {
  text-align: right;
}
[class|=community_questionnaire][class$=showResultSuccess] form {
  margin-top: 3em;
}
[class|=community_questionnaire][class$=showResultSuccess] legend {
  margin: 0 auto;
}
[class|=community_questionnaire][class$=showResultSuccess] .global-qaForm * {
  max-width: 100%;
}
[class|=community_questionnaire][class$=showResultSuccess] .global-qaForm dd {
  overflow: hidden;
}

/* community_topic */
[class|=community_topic][class*=_tpl_postList].master .commentCount::before {
  content: "\f4ad";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=community_topic][class$=_myCommunityNewInfo] ul.master > li {
  padding: 1em;
}
[class|=community_topic][class$=_myCommunityNewInfo] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_topic][class$=_myRecentTopicList] ul.master li {
  padding: 1em;
}
[class|=community_topic][class$=_topicList] ul.master > li {
  padding: 1em;
}
[class|=community_topic][class$=_topicList] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_topic][class$=indexSuccess] ul.master > li {
  padding: 1em;
}
[class|=community_topic][class$=indexSuccess] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=community_topic][class$=showSuccess] .global-contentFooter > * {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
[class|=community_topic][class$=showSuccess] [class*=_tpl_manage] {
  text-align: right;
}

/* config */
[class|=config][class$=Success] .global-dlForm.master [name*='[login_name]'] {
  width: 100%;
  max-width: 30em;
}
[class|=config][class$=Success] .mailForm.master dl {
  font-size: 0.9em;
  padding: 1em;
  margin: 1em 0;
}
[class|=config][class$=Success] .mailForm.master dt:not(:first-of-type) {
  margin-top: 1em;
}
[class|=config][class$=Success] .mailForm.master dt::before {
  content: "\f05a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  color: #3e606f;
}
[class|=config][class$=Success] .mailForm.master dd {
  padding: 0.5em 1em;
}
[class|=config][class$=Success] .mailForm.master div {
  text-align: center;
}
[class|=config][class$=Success] .mailForm.master div span {
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 1.5em;
  padding: 0.5em 2em;
}
[class|=config][class$=Success] .mailForm.master div i {
  display: inline-block;
  font-size: 0;
  margin: 0 1rem;
}
[class|=config][class$=Success] .mailForm.master div i::after {
  content: "\f061";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1.2rem;
}
[class|=config][class$=Success] .mailForm.master div [type=submit] {
  display: inline-block;
  font-size: 16px;
  color: white;
  background-color: #274a78;
  border: 1px solid white;
  border-radius: 1.5em;
  transition: 0.2s;
  padding: 0.5em 2em;
}
[class|=config][class$=Success] .mailForm.master div [type=submit]:hover {
  opacity: 0.8;
}
[class|=config][class*=Account] section.master 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: 0.5rem;
}
[class|=config][class*=Account] section.master header h3 {
  font-size: 1.3em;
}
[class|=config][class*=Account] section.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;
  font-weight: bold;
  color: #3e606f;
  margin-left: 1.5em;
}
[class|=config][class*=Account] section.master header a::before {
  content: "\f234";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=config][class*=childAccountListSuccess] section.master header a::before {
  content: "\f234";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=config][class$=createChildAccountSuccess] section.master header a::before {
  content: "\f234";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=config][class$=createChildAccountSuccess] section.master .dlForm {
  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;
}
[class|=config][class$=createChildAccountSuccess] section.master .dlForm > * {
  /* 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|=config][class$=createChildAccountSuccess] section.master .dlForm dt {
  font-weight: bold;
  margin-right: 1em;
}
[class|=config][class$=createChildAccountSuccess] section.master .dlForm [name*='[login_name]'] {
  width: 20em;
}
[class|=config][class$=createChildAccountSuccess] section.master .note {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
}
[class|=config][class$=loginIdSuccess] .global-dlForm.master small {
  display: inline-block;
}

/* event */
[class|=event][class*=_tpl_postList].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.25em;
}
[class|=event][class*=_tpl_postList].master header h3, [class|=event][class*=_tpl_postList].master header h4 {
  margin-right: 0.5em;
}
[class|=event][class*=_tpl_postList].master header .global-category {
  margin-left: auto;
}
[class|=event][class*=_tpl_postList].master footer {
  background-color: rgba(145, 170, 157, 0.1);
  padding: 0.5em;
}
[class|=event][class*=_tpl_postList].master footer dl {
  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;
}
[class|=event][class*=_tpl_postList].master footer dt {
  color: gray;
  margin-right: 0.5em;
}
[class|=event][class*=_tpl_postList].master footer dt::before {
  content: "\f073";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=event][class*=_tpl_postList].master footer time {
  font-weight: bold;
  vertical-align: middle;
}
[class|=event][class*=_tpl_postList].master footer time:not(:first-of-type)::before {
  content: "～";
  margin-right: 0.25em;
}
[class|=event][class*=_tpl_postList].master.row .image {
  position: relative;
}
[class^=outer-sub] [class|=event][class*=_tpl_postList].master.row .image .global-status {
  display: block;
  text-align: center;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
@media (max-width: 599px) {
  [class|=event][class*=_tpl_postList].master.row .image .global-status {
    display: block;
    text-align: center;
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
}
@media (min-width: 600px) {
  [class|=event][class*=_tpl_postList].master.row .image .global-status {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
[class|=event][class*=_tpl_postList].master.row .content footer dt {
  margin-left: auto;
}
[class|=event][class$=_form] .editorMap.master > div {
  width: 100% !important;
}
[class|=event][class$=_recent] ol.master > li {
  padding: 0.5em 0;
}
[class|=event][class$=_recent] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=event][class$=_recent] ol.master > li [class*=_tpl_postList] .global-status[class] {
  display: block;
  text-align: center;
  padding: 0.25em;
  position: static;
}
[class|=event][class$=_recent] ol.master > li [class*=_tpl_postList] .content {
  font-size: 0.9em;
}
[class|=event][class$=_recent] ol.master > li [class*=_tpl_postList] footer {
  font-size: 0.9em;
}
[class|=event][class$=indexSuccess] ol.master > li {
  padding: 1em;
}
[class|=event][class$=indexSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=event][class$=memberListSuccess] ul.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;
}
[class|=event][class$=memberListSuccess] ul.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;
  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-color: rgba(211, 211, 211, 0.1);
  padding: 0.5em 1em;
  margin: 0.5em;
}
[class|=event][class$=memberListSuccess] ul.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;
}
[class|=event][class$=memberListSuccess] ul.master a[href*='/memberDelete/'] {
  margin-left: 2em;
}
[class|=event][class$=memberListSuccess] ul.master a[href*='/memberDelete/']::before {
  content: "\f057";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=event][class$=showSuccess] header .global-category {
  margin-top: 1em;
}
[class|=event][class$=showSuccess] .global-dl > *:last-of-type, [class|=event][class$=showSuccess] .global-dlForm > *:last-of-type {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=event][class$=showSuccess] div[class*=_tpl_manage] {
  text-align: right;
  padding: 0.5em;
}

/* follow */
[class|=follow] .followWrap.master .followBox {
  padding: 1em;
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* for old browser */
  -webkit-justify-content: flex-end;
  /* for old browser */
  -webkit-box-align: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  justify-content: flex-end;
  /* for old browser */
  -webkit-box-align: center;
  align-items: center;
}
[class|=follow] .followWrap.master .followBox:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=follow] .followWrap.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;
}
[class|=follow] .followWrap.master .person {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  background: rgba(211, 211, 211, 0.2);
  padding: 0.5em 1.5em;
  margin-bottom: 0.5em;
}
[class|=follow] .followWrap.master .person .global-circleImgBg {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
}
[class|=follow] .followWrap.master .counter {
  font-size: 0.7rem;
  font-weight: bold;
  padding: 0.5em;
  margin-right: auto;
}
[class|=follow] .followWrap.master .counter > * {
  display: inline-block;
}
[class|=follow] .followWrap.master .counter dt {
  background-color: lightgray;
  text-transform: uppercase;
  padding-left: 1em;
  padding-right: 0.5em;
  margin-left: 0.5rem;
}
[class|=follow] .followWrap.master .counter dd {
  color: white;
  background-color: salmon;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  padding-left: 0.75em;
  padding-right: 1em;
}
[class|=follow] .followWrap.master .status {
  display: inline-block;
  font-size: 0.7rem;
}
[class|=follow] .followWrap.master .status .global-btn, [class|=follow] .followWrap.master .status .global-btns a, .global-btns [class|=follow] .followWrap.master .status a {
  margin-left: 0.5rem;
}
[class|=follow] .followWrap.master [class*=_tpl_menu] {
  display: inline-block;
  margin-left: 1rem;
}
[class|=follow] .followWrap.master [class*=_tpl_menu] .js-boxOpen {
  padding: 0;
}
[class|=follow] .followWrap.master [class*=_tpl_menu] .followOpenRange {
  z-index: 1;
}
[class|=follow] .followWrap.master [class*=_tpl_menu] .followOpenRange .active {
  background-color: #009944;
}

/* freespace */
/* friend */
.friend-S-ul.master > li {
  padding: 1em;
}
.friend-S-ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
.friend-S-ul.master dl.master {
  font-size: 0.9em;
  padding: 1em 0;
}
.friend-S-ul.master dl.master dt {
  padding: 0.5em;
}
.friend-S-ul.master dl.master dt:not(:first-of-type) {
  margin-top: 1em;
}
.friend-S-ul.master dl.master dt::before {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
  margin-right: 0.3em;
}
.friend-S-ul.master dl.master dd {
  background: rgba(211, 211, 211, 0.2);
  padding: 0.5em;
}

[class|=friend][class*=_tpl_request].master {
  padding: 1em;
}
[class|=friend][class*=_tpl_request].master header {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}
[class|=friend][class*=_tpl_request].master time {
  margin-left: 1em;
}
[class|=friend][class*=_tpl_request].master [class*=_tpl_person] {
  font-size: 1.5em;
}
[class|=friend][class*=_tpl_request].master h4 {
  font-size: 1.3em;
  padding: 0.5em;
}
[class|=friend][class*=_tpl_request].master p {
  padding: 1em;
}
[class|=friend][class*=_tpl_request].master footer {
  display: table;
  width: 100%;
  margin-top: 1em;
}
[class|=friend][class*=_tpl_request].master footer > * {
  display: table-cell;
  vertical-align: middle;
}
[class|=friend][class*=_tpl_request].master footer a {
  color: white;
  text-align: center;
  padding: 1em;
}
[class|=friend][class$=_newIntroduction] ul.master > li {
  padding: 1em;
}
[class|=friend][class$=_newIntroduction] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=friend][class$=requestCreateSuccess] a {
  display: table;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  color: #274a78;
  text-decoration: underline;
}

/* index */
[class|=index][class*=_tpl_about].master {
  text-align: center;
  padding: 3em 0;
}
@media (min-width: 800px) {
  [class|=index][class*=_tpl_about].master {
    padding: 5em 0;
  }
}
[class|=index][class*=_tpl_about] .flex.master {
  padding: 1em;
}
@media (min-width: 600px) {
  [class|=index][class*=_tpl_about] .flex.master {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
[class|=index][class*=_tpl_about] .flex.master li {
  padding: 0.5em;
}
@media (min-width: 600px) {
  [class|=index][class*=_tpl_about] .flex.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%;
  }
}
[class|=index][class*=_tpl_about] .flex.master li img {
  width: 250px;
}
[class|=index][class*=_tpl_about] .flex.master li p {
  font-size: 1.1em;
  word-break: keep-all;
  padding: 2em 1em;
}
@media (-ms-high-contrast: none) {
  [class|=index][class*=_tpl_about] .flex.master li wbr {
    display: block;
  }
}
[class|=index][class*=_tpl_cmHeader] .wrapper.master {
  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;
}
/* ↓common↓ */
[class|=index][class*=_tpl_cmHeader] .wrapper.master .menuOpen {
  display: block;
  cursor: pointer;
  padding: 1em 0.75em;
}
@media (max-width: 399px) {
  [class|=index][class*=_tpl_cmHeader] .wrapper.master .menuOpen {
    padding: 1em 0.25em;
  }
}
[class|=index][class*=_tpl_cmHeader] .wrapper.master .menuOpen:hover {
  color: tomato;
  opacity: 1;
}
[class|=index][class*=_tpl_cmHeader] .wrapper.master .hideMenu {
  min-width: 250px;
  max-width: 300px;
  height: 100vh;
  background-color: whitesmoke;
  box-shadow: -1px 0 1px 0 dimgray;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  z-index: 8;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[class|=index][class*=_tpl_cmHeader] .wrapper.master .menuClose {
  display: block;
  color: #91aa9d;
  font-size: 1.5em;
  background-color: #193441;
  cursor: pointer;
  text-align: right;
  padding: 0.25rem 1rem;
}
[class|=index][class*=_tpl_cmHeader] .wrapper.master .menuClose::before {
  content: "\f00d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
/* ↑common↑ */
[class|=index][class*=_tpl_cmHeader] h1.master {
  /* 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;
}
[class|=index][class*=_tpl_cmHeader] h1.master [class*=_tpl_siteTitle] {
  max-width: 12em;
  padding: 0.75em;
}
[class|=index][class*=_tpl_cmHeader] .infoWrap.master {
  /* 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;
  margin-left: 1em;
}
@media (max-width: 899px) {
  [class|=index][class*=_tpl_cmHeader] .infoWrap.master {
    display: none;
  }
}
[class|=index][class*=_tpl_cmHeader] .infoWrap.master a {
  display: inline-block;
  color: #3e606f;
  font-size: 0.9em;
  border: 1px solid rgba(62, 96, 111, 0.3);
  border-radius: 2px;
  padding: 0.25em 0.75em;
  margin: 0 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .infoWrap.master a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
[class|=index][class*=_tpl_cmHeader] .infoWrap.master a::after {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 1em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.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;
  display: table;
  margin-left: auto;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master > * {
  display: table-cell;
  vertical-align: middle;
}
/* ↓common↓ */
[class|=index][class*=_tpl_cmHeader] .navWrap.master > a {
  cursor: pointer;
  padding: 1em 0.75em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master > a:hover {
  color: tomato;
  opacity: 1;
}
@media (max-width: 599px) {
  [class|=index][class*=_tpl_cmHeader] .navWrap.master > a {
    font-size: 0;
  }
  [class|=index][class*=_tpl_cmHeader] .navWrap.master > a::before {
    font-size: 1rem;
    padding: 1em 0.5em;
    margin-right: 0;
  }
}
/* ↑common↑ */
[class|=index][class*=_tpl_cmHeader] .navWrap.master [class$=_registration]::before {
  content: "\f234";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  [class|=index][class*=_tpl_cmHeader] .navWrap.master .signinWrap .menuOpen {
    font-size: 0;
  }
  [class|=index][class*=_tpl_cmHeader] .navWrap.master .signinWrap .menuOpen::before {
    font-size: 1rem;
    padding: 1em 0.5em;
    margin-right: 0;
  }
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master .signinWrap .menuOpen::before {
  content: "\f2f6";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master a[href$='/cart/showInside']::before {
  content: "\f07a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master a[href$='/mypage']::before {
  content: "\f007";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master a[href$='/logout']::before {
  content: "\f2f5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master .menuWrap.master .menuOpen::before {
  content: "\f0c9";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master .menuWrap.master .hideMenu {
  color: white;
  background-color: #3e606f;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master .menuWrap.master .hideMenu a[href] {
  display: block;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  text-align: left;
  padding: 1em;
}
[class|=index][class*=_tpl_cmHeader] .navWrap.master .menuWrap.master .hideMenu a[href]::before {
  content: "\f105";
  font-family: "FontAwesome";
  vertical-align: baseline;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .wrapper.master {
  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;
}
/* ↓common↓ */
[class|=index][class*=_tpl_maseHeader] .wrapper.master .menuOpen {
  display: block;
  cursor: pointer;
  padding: 1em 0.75em;
}
@media (max-width: 399px) {
  [class|=index][class*=_tpl_maseHeader] .wrapper.master .menuOpen {
    padding: 1em 0.25em;
  }
}
[class|=index][class*=_tpl_maseHeader] .wrapper.master .menuOpen:hover {
  color: tomato;
  opacity: 1;
}
[class|=index][class*=_tpl_maseHeader] .wrapper.master .hideMenu {
  min-width: 250px;
  max-width: 300px;
  height: 100vh;
  background-color: whitesmoke;
  box-shadow: -1px 0 1px 0 dimgray;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  z-index: 8;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[class|=index][class*=_tpl_maseHeader] .wrapper.master .menuClose {
  display: block;
  color: #91aa9d;
  font-size: 1.5em;
  background-color: #193441;
  cursor: pointer;
  text-align: right;
  padding: 0.25rem 1rem;
}
[class|=index][class*=_tpl_maseHeader] .wrapper.master .menuClose::before {
  content: "\f00d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
/* ↑common↑ */
[class|=index][class*=_tpl_maseHeader] h1.master {
  /* 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;
}
[class|=index][class*=_tpl_maseHeader] h1.master [class*=_tpl_siteTitle] {
  max-width: 12em;
  padding: 0.75em;
}
[class|=index][class*=_tpl_maseHeader] .infoWrap.master {
  /* 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;
  margin-left: 1em;
}
@media (max-width: 899px) {
  [class|=index][class*=_tpl_maseHeader] .infoWrap.master {
    display: none;
  }
}
[class|=index][class*=_tpl_maseHeader] .infoWrap.master a {
  display: inline-block;
  color: #3e606f;
  font-size: 0.9em;
  border: 1px solid rgba(62, 96, 111, 0.3);
  border-radius: 2px;
  padding: 0.25em 0.75em;
  margin: 0 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .infoWrap.master a:hover {
  color: white;
  background-color: #3e606f;
  opacity: 1;
}
[class|=index][class*=_tpl_maseHeader] .infoWrap.master a::after {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 1em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.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;
  display: table;
  margin-left: auto;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master > * {
  display: table-cell;
  vertical-align: middle;
}
/* ↓common↓ */
[class|=index][class*=_tpl_maseHeader] .navWrap.master > a {
  cursor: pointer;
  padding: 1em 0.75em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master > a:hover {
  color: tomato;
  opacity: 1;
}
@media (max-width: 599px) {
  [class|=index][class*=_tpl_maseHeader] .navWrap.master > a {
    font-size: 0;
  }
  [class|=index][class*=_tpl_maseHeader] .navWrap.master > a::before {
    font-size: 1rem;
    padding: 1em 0.5em;
    margin-right: 0;
  }
}
/* ↑common↑ */
[class|=index][class*=_tpl_maseHeader] .navWrap.master [class$=_registration]::before {
  content: "\f234";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  [class|=index][class*=_tpl_maseHeader] .navWrap.master .signinWrap .menuOpen {
    font-size: 0;
  }
  [class|=index][class*=_tpl_maseHeader] .navWrap.master .signinWrap .menuOpen::before {
    font-size: 1rem;
    padding: 1em 0.5em;
    margin-right: 0;
  }
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master .signinWrap .menuOpen::before {
  content: "\f2f6";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master a[href$='/cart/showInside']::before {
  content: "\f07a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master a[href$='/mypage']::before {
  content: "\f007";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master a[href$='/logout']::before {
  content: "\f2f5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master .menuWrap.master .menuOpen::before {
  content: "\f0c9";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master .menuWrap.master .hideMenu {
  color: white;
  background-color: #3e606f;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master .menuWrap.master .hideMenu a[href] {
  display: block;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  text-align: left;
  padding: 1em;
}
[class|=index][class*=_tpl_maseHeader] .navWrap.master .menuWrap.master .hideMenu a[href]::before {
  content: "\f105";
  font-family: "FontAwesome";
  vertical-align: baseline;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
[class|=index][class*=_tpl_siteTitle].master {
  display: block;
  padding: 1em;
}
[class|=index][class*=_tpl_siteTitle].master img {
  width: 100%;
}
[class|=index][class$=_footer] div.master {
  color: white;
  background-color: #193441;
  color: lightgray;
  text-align: center;
  padding-top: 1em;
}
[class|=index][class$=_footer] div.master nav {
  padding: 1em;
}
[class|=index][class$=_footer] div.master nav a {
  display: inline-block;
  padding: 0.25em;
}
[class|=index][class$=_footer] div.master p {
  padding: 0.5em;
}
[class|=index][class$=_header] .changeOrgUser.master {
  color: white;
  background-color: #111111;
  text-align: center;
}
[class|=index][class$=_header] .changeOrgUser.master a {
  display: block;
  padding: 1em;
}
[class|=index][class$=_newTwitter] ol.master > li {
  padding: 0.5em;
}
[class|=index][class$=_newTwitter] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=index][class$=_newTwitter] ol.master p {
  background: none !important;
}
[class|=index][class$=_ssl] div.master a {
  color: #274a78;
}
[class|=index][class$=_ssl] div.master span:first-child::after {
  content: "|";
  margin: 0 0.5em;
}
[class|=index][class$=_ssl] div.master span:last-child::before {
  content: "|";
  margin: 0 0.5em;
}

/* inquiry */
[class|=inquiry][class$=siteSuccess] .wrap.master {
  max-width: 40em;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
}
[class|=inquiry][class$=siteSuccess] .wrap.master [name*='[content]'] {
  width: 100%;
  min-height: 20em;
}

/* keyword */
.keyword-keywords.master {
  font-size: 0.9em;
  padding: 0.5em 0;
}
.keyword-keywords li {
  display: inline-block;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  padding: 0.2em 0.5em;
}
.keyword-keywords li:not(:first-of-type) {
  margin-left: 0.5em;
}
.keyword-keywords li::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}

[class|=keyword][class$=_index] ul.master > li {
  padding: 1em 0;
}
[class|=keyword][class$=_index] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=keyword][class$=_index] ul.master .keywords {
  margin-bottom: 0.5em;
}
[class|=keyword][class$=listSuccess] ul.master > li {
  padding: 1em 0;
}
[class|=keyword][class$=listSuccess] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=keyword][class$=listSuccess] ul.master .keywords {
  margin-bottom: 0.5em;
}

/* manual */
[class|=manual][class$=_index] h3.master {
  color: dimgray;
  font-size: 1.2em;
  text-align: center;
  padding: 1em;
}
[class|=manual][class$=_index] .wrap.master {
  max-height: 30em;
  font-size: 0.9em;
  background-color: rgba(211, 211, 211, 0.1);
  padding: 1em;
  margin: 1em;
  overflow-y: auto;
}
/* ↓overwrite↓ */
[class|=manual][class$=_index] .wrap.master hr {
  display: none;
}
/* ↑overwrite↑ */
[class|=manual][class$=_index] .wrap.master > p {
  padding: 1em;
}
[class|=manual][class$=_index] .wrap.master section {
  padding: 1em;
  margin-bottom: 2em;
}
[class|=manual][class$=_index] .wrap.master section:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=manual][class$=_index] .wrap.master h4 {
  font-size: 1.3em;
  padding: 0.5em;
}
[class|=manual][class$=_index] .wrap.master h4::before {
  content: "\f621";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=manual][class$=_index] .wrap.master div {
  padding: 1em;
}
[class|=manual][class$=indexSuccess] ul.master h3 {
  margin-bottom: 1em;
}
[class|=manual][class$=indexSuccess] .content.master {
  font-size: 0.9em;
  padding-left: 1.5em;
}
/* ↓system overwrite common↓ */
[class|=manual][class$=indexSuccess] .content.master hr {
  display: none;
}
[class|=manual][class$=indexSuccess] .content.master > span {
  display: block;
  padding: 0.5em;
  margin-top: 1em;
  margin-left: -1.5em;
}
[class|=manual][class$=indexSuccess] .content.master > span + br {
  display: none;
}
[class|=manual][class$=indexSuccess] .content.master span[style] {
  color: #009944 !important;
}
/* ↑system overwrite common↑ */
/* ↓system overwrite company profile↓ */
[class|=manual][class$=indexSuccess] .content.master table {
  width: 100%;
}
[class|=manual][class$=indexSuccess] .content.master table ~ hr {
  display: block;
  margin: 0.5em 0;
}
/* ↑system overwrite company profile↑ */
/* mase_collaboration */
[class|=mase_collaboration][class$=_ownerCaseList] ul.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;
}
[class|=mase_collaboration][class$=_ownerCaseList] ul.master li {
  display: inline-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%;
  padding: 0.25em;
}
@media (min-width: 400px) {
  [class|=mase_collaboration][class$=_ownerCaseList] ul.master li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 800px) {
  [class|=mase_collaboration][class$=_ownerCaseList] ul.master li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
[class|=mase_collaboration][class$=_ownerCaseList] ul.master a {
  display: block;
  height: 100%;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em;
}
[class|=mase_collaboration][class$=_ownerCaseList] ul.master em {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.5em;
}

/* message */
.message-S-detail.master .person {
  position: relative;
}
.message-S-detail.master .person span,
.message-S-detail.master .person a {
  font-weight: bold;
}
.message-S-detail.master .person .global-circleImgBg {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5em;
}
.message-S-detail.master .person h4 {
  font-size: 1.2em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 1em;
  margin-bottom: 1em;
}
.message-S-detail.master [class*=_tpl_menu] {
  position: absolute;
  right: 0;
  top: 0;
}
.message-S-detail.master .cm-content {
  margin: 1em;
}
.message-S-detail.master .global-menuToggleMailMenu {
  position: absolute;
  top: 0.25rem;
  right: 0;
}

[class|=message] .cm-system {
  color: crimson;
}
[class|=message][class$=indexSuccess] form.master .global-colTable input {
  display: inline;
}
[class|=message][class$=indexSuccess] form.master .btnWrp {
  margin: 0.5rem 0;
  text-align: right;
}
[class|=message][class$=indexSuccess] form.master .btnWrp input {
  line-height: 2rem;
  padding: 0 1em;
}

/* mypage */
[class|=mypage][class*=_tpl_cmMenu].master {
  margin-bottom: 3em;
}
[class|=mypage][class$=_myCommunityList] ul.master > li {
  padding: 0.5em 0;
}
[class|=mypage][class$=_myCommunityList] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=mypage][class$=_myCommunityList] ul.master h4 {
  font-size: 1em;
}
[class|=mypage][class$=_myFriendList] ul.master > li {
  padding: 0.5em 0;
}
[class|=mypage][class$=_myFriendList] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=mypage][class$=_userStatus] .setLoginId.master {
  font-size: 0.9em;
  padding: 1em 0;
}
[class|=mypage][class$=_userStatus] .setLoginId.master h4 {
  color: #2479ad;
  font-size: smaller;
  cursor: pointer;
  text-align: center;
}
[class|=mypage][class$=_userStatus] .setLoginId.master h4::before {
  content: "\f05a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-size: 1.5em;
}
[class|=mypage][class$=_userStatus] .setLoginId.master .hideBox {
  padding: 1em;
}
[class|=mypage][class$=_userStatus] .setLoginId.master .hideBox p {
  font-size: 0.9em;
}
[class|=mypage][class$=_userStatus] .setLoginId.master .hideBox a {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #2479ad;
  border-radius: 2px;
  padding: 0.5em;
}
[class|=mypage][class$=scheduleSuccess] .global-tabSwitch {
  font-size: 0.9em;
}
[class|=mypage][class$=scheduleSuccess] .master-legend {
  background-color: rgba(211, 211, 211, 0.3);
  border: 1px solid lightgray;
  border-radius: 2px;
  padding: 1em;
  margin: 1em 0;
}
[class|=mypage][class$=scheduleSuccess] .master-legend li {
  display: inline-block;
  padding: 0.5em;
}

/* new */
[class|=new][class$=Success] {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
[class|=new][class$=Success] h2.default {
  text-align: center;
}
@media (max-width: 449px) {
  [class|=new][class$=Success] .global-tab {
    font-size: 0.8em;
  }
}
[class|=new][class$=step2Success] .dlForm {
  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;
}
[class|=new][class$=step2Success] .dlForm > * {
  /* 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|=new][class$=step2Success] .dlForm dt {
  font-weight: bold;
  margin-right: 1em;
}
[class|=new][class$=step2Success] .dlForm [name*='[login_name]'] {
  width: 20em;
}
[class|=new][class$=step2Success] .note {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
}
[class|=new][class$=step3Success] .notice {
  display: block;
  color: crimson;
  padding: 0.5em 1em;
  margin-top: 0.5em;
}
[class|=new][class$=step3Success] .notice::before {
  content: "※";
}

/* new_comment */
[class|=new_comment][class*=_tpl_list] {
  padding: 1em;
}
[class|=new_comment][class*=_tpl_list]:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* new_news */
[class|=new_news][class*=_tpl_postList].master {
  padding: 0.5em;
}
[class|=new_news][class*=_tpl_postList].master a:hover {
  color: #3e606f;
}
@media (min-width: 500px) {
  [class|=new_news][class*=_tpl_postList].master a {
    display: -ms-flexbox;
    /* for old browser */
    display: -webkit-box;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
[class|=new_news][class*=_tpl_postList].master time {
  display: block;
  font-size: 1em;
  padding: 0.5em;
}
@media (min-width: 500px) {
  [class|=new_news][class*=_tpl_postList].master time {
    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;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    padding: 1.1em 0.5em;
  }
}
[class|=new_news][class*=_tpl_postList].master div {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 0.5em;
}
@media (min-width: 500px) {
  [class|=new_news][class*=_tpl_postList].master div {
    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: 1em 0.5em;
    margin-left: 2em;
  }
}
[class|=new_news][class*=_tpl_postList].master h4 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
[class|=new_news][class$=showSuccess] .global-contentHeader.master time {
  font-weight: bold;
  letter-spacing: 0.1em;
}
[class|=new_news][class$=showSuccess] .cm-content.master {
  text-align: center;
}
[class|=new_news][class$=showSuccess] .cm-content.master .mainImage {
  padding: 1em;
}
[class|=new_news][class$=showSuccess] .cm-content.master p {
  text-align: left;
  padding: 1em;
}
[class|=new_news][class$=showSuccess] .cm-content.master img {
  display: inline-block;
  padding: 1em;
}

/* paygent_cooperation */
/* plg_sson */
[class|=plg_sson] .master-explain {
  font-size: 1rem;
  text-align: center;
}
[class|=plg_sson] .global-btns {
  margin-top: 3rem;
}
@media (min-width: 500px) {
  [class|=plg_sson] .global-btns {
    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|=plg_sson] .global-btns li {
  text-align: center;
  padding: 0.5em;
}
@media (min-width: 500px) {
  [class|=plg_sson] .global-btns li {
    /* for old browser */
    -webkit-box-flex: 1;
    /* for old browser */
    -webkit-box-flex-group: 1;
    -webkit-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%;
  }
}
[class|=plg_sson] .global-btns li a {
  display: block;
  color: white;
  font-size: 1.3em;
  font-weight: bold;
}
[class|=plg_sson] .global-btns li.fb a {
  background-color: #3b5998;
}
[class|=plg_sson] .global-btns li.tw a {
  background-color: #55acee;
}
[class|=plg_sson] .global-btns li.gp a {
  background-color: #db4a39;
}
[class|=plg_sson] .global-submitWrp {
  text-align: center;
  margin: 1rem;
}
[class|=plg_sson][class$=callbackSuccess] .global-btns a {
  background: #2479ad;
}
[class|=plg_sson][class$=cancelSuccess] .master-new {
  margin-top: 3rem;
  text-align: center;
}
[class|=plg_sson][class$=cancelSuccess] .master-new .global-btn, [class|=plg_sson][class$=cancelSuccess] .master-new .global-btns a, .global-btns [class|=plg_sson][class$=cancelSuccess] .master-new a {
  font-size: 1rem;
}
[class|=plg_sson][class$=link2userSuccess] .master-explain {
  text-align: center;
}
[class|=plg_sson][class$=link2userSuccess] .master-wrap {
  max-width: 30em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
}
[class|=plg_sson][class$=link2userSuccess] .master-wrap label {
  display: block;
}
[class|=plg_sson][class$=link2userSuccess] .master-wrap label:not(:first-of-type) {
  margin-top: 1em;
}
[class|=plg_sson][class$=link2userSuccess] .master-wrap input {
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
[class|=plg_sson][class$=link2userSuccess] .master-repassword {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: #274a78;
  text-decoration: underline;
}
[class|=plg_sson][class$=select2valueSuccess] ul {
  max-width: 300px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
}
[class|=plg_sson][class$=setLoginIdSuccess] .global-explain {
  margin-bottom: 1em;
}
[class|=plg_sson][class$=updateLoginIdFixSuccess] .global-btn, [class|=plg_sson][class$=updateLoginIdFixSuccess] .global-btns a, .global-btns [class|=plg_sson][class$=updateLoginIdFixSuccess] a {
  display: table;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  font-size: 1rem;
}
[class|=plg_sson][class$=updateLoginIdSuccess] .global-explain {
  margin-bottom: 1em;
}

/* profile */
[class|=profile][class$=_communityList] ol.master > li {
  padding: 0.5em 0;
}
[class|=profile][class$=_communityList] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=profile][class$=_friendList] ul.master li {
  padding: 0.5em 0;
}
[class|=profile][class$=_friendList] ul.master li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=profile][class$=_introduction] ul.master li {
  padding: 0.5em 0;
}
[class|=profile][class$=_introduction] ul.master li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=profile][class$=communityListSuccess] ol.master > li {
  padding: 1em;
}
[class|=profile][class$=communityListSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=profile][class$=friendListSuccess] ul.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;
}
[class|=profile][class$=friendListSuccess] ul.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;
  padding: 0.5em;
}
[class|=profile][class$=showSuccess] nav.master {
  padding: 1em;
}
[class|=profile][class$=showSuccess] nav.master a {
  color: #274a78;
  font-weight: bold;
  padding: 0.5em;
}
[class|=profile][class$=showSuccess] nav.master a::before {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
[class|=profile][class$=showSuccess] .blog.master {
  margin-top: 2em;
}
[class|=profile][class$=showSuccess] .blog.master ol {
  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|=profile][class$=showSuccess] .blog.master ol > 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: 0.25em;
}

/* promotion */
[class|=promotion][class$=_applyKengen] {
  font-size: 0.9em;
  text-align: center;
  padding: 0.5em;
}
[class^=outer-sub] [class|=promotion][class$=_applyKengen] {
  margin-bottom: 1rem;
}
[class|=promotion][class$=_applyKengen] a {
  display: table;
  margin: auto;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 3px;
  padding: 0.5em 2.5em;
}
[class|=promotion][class$=_applyKengen] em {
  display: inline-block;
  font-weight: 900;
  padding: 0.5em 1em;
}
[class|=promotion][class$=_applyKengen] em.master-applying {
  color: #009944;
  border-right: 2px solid #009944;
  border-left: 2px solid #009944;
}
[class|=promotion][class$=_applyKengen] em.master-noapproval {
  color: crimson;
}
[class|=promotion][class$=confSuccess] .global-explain {
  margin-bottom: 1em;
}
[class|=promotion][class$=confSuccess] .master-reason {
  padding: 1em;
}
[class|=promotion][class$=confSuccess] .master-reason h3 {
  display: inline-block;
  font-size: 1.1em;
  border-bottom: 2px solid slategray;
  padding: 0.25em 0.5em;
}
[class|=promotion][class$=confSuccess] .global-annotation-required {
  margin-bottom: 1em;
}
[class|=promotion][class$=confSuccess] .global-rowTable th {
  width: 30%;
}
[class|=promotion][class$=confSuccess] .global-rowTable i.required {
  color: crimson;
}
[class|=promotion][class$=confSuccess] .global-rowTable small {
  display: block;
}
[class|=promotion][class$=editSuccess] .global-explain {
  margin-bottom: 1em;
}
[class|=promotion][class$=editSuccess] .master-reason {
  padding: 1em;
}
[class|=promotion][class$=editSuccess] .master-reason h3 {
  display: inline-block;
  font-size: 1.1em;
  border-bottom: 2px solid slategray;
  padding: 0.25em 0.5em;
}
[class|=promotion][class$=editSuccess] .global-annotation-required {
  margin-bottom: 1em;
}
[class|=promotion][class$=editSuccess] .global-rowTable th {
  width: 30%;
}
[class|=promotion][class$=editSuccess] .global-rowTable i.required {
  color: crimson;
}
[class|=promotion][class$=editSuccess] .global-rowTable small {
  display: block;
}

/* questionnaire */
[class|=questionnaire][class*=_tpl_list] footer.master {
  font-size: 0;
  text-align: right;
  margin-top: 0.5rem;
}
[class|=questionnaire][class*=_tpl_list] footer.master > * {
  display: inline-block;
  font-size: small;
}
[class|=questionnaire][class*=_tpl_list] footer.master > *:not(:first-child)::before {
  content: "|";
  margin: 0 0.25em;
}
[class|=questionnaire][class*=_tpl_list] footer.master a {
  color: #274a78;
}
[class|=questionnaire][class*=_tpl_list] footer.master a::before {
  content: "\f46c";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=questionnaire][class$=_new] h2.master {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 1em;
}
[class|=questionnaire][class$=_new] ul.master > li {
  padding: 1em;
}
[class|=questionnaire][class$=_new] ul.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* rchat */
/* schedule */
[class|=schedule][class$=_form] .global-rowTable {
  table-layout: fixed;
}
[class|=schedule][class$=showSuccess] .global-rowTable.master caption {
  font-family: "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  text-align: left;
  padding: 1em;
}
[class|=schedule][class$=showSuccess] .master-editBtn {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: #274a78;
  border-radius: 2px;
  padding: 0.35em 0.75em;
}

/* search_album */
@media (min-width: 350px) {
  [class|=search_album][class$=_new] ol.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;
  }
}
@media (min-width: 350px) {
  [class|=search_album][class$=_ranking] ol.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;
  }
}
[class|=search_album][class$=_ranking] ol.master-wrap li[class*=_tpl_postList] h4 {
  font-size: 1em;
}
@media (min-width: 350px) {
  [class|=search_album][class$=newSuccess] ol.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;
  }
}
@media (min-width: 350px) {
  [class|=search_album][class$=newSuccess] ol.master-wrap li[class*=_tpl_postList] {
    /* 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: 500px) {
  [class|=search_album][class$=newSuccess] ol.master-wrap li[class*=_tpl_postList] {
    /* 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%;
  }
}

/* search_blog */
[class|=search_blog][class$=_ranking] .global-contentHeader.master .global-more {
  padding: 0.35em 1em;
  margin-top: 0;
  margin-right: 0.5em;
}
[class|=search_blog][class$=_ranking] ol.master > li {
  padding: 0.5em;
}
[class|=search_blog][class$=_ranking] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=search_blog][class$=_ranking] ol.master > li h4 {
  font-size: 1em;
}
[class|=search_blog][class$=newSuccess] ol.master > li {
  padding: 1em;
}
[class|=search_blog][class$=newSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=search_blog][class$=rankingSuccess] ol.master > li {
  padding: 1em;
}
[class|=search_blog][class$=rankingSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* search_community */
[class|=search_community][class$=_new] ol.master {
  display: -ms-flexbox;
  /* for old browser */
  display: -webkit-box;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
[class|=search_community][class$=_new] ol.master > li {
  /* 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%;
  padding: 0.5em;
}
@media (min-width: 600px) {
  [class|=search_community][class$=_new] ol.master > li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  [class|=search_community][class$=_new] ol.master > li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
[class|=search_community][class$=_ranking] .master-wrap li {
  padding: 0.5em 0;
  position: relative;
}
[class|=search_community][class$=_ranking] .master-wrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=search_community][class$=_ranking] .master-wrap h4 {
  font-size: 1em;
}
[class|=search_community][class$=newSuccess] ol.master > li {
  padding: 1em;
}
[class|=search_community][class$=newSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* search_event */
[class|=search_event][class$=_search] .period.master {
  margin-top: 0.5em;
}
[class|=search_event][class$=_search] .period.master dt {
  color: gray;
  font-size: smaller;
  padding: 0.5em;
}
[class|=search_event][class$=_search] .period.master dt::before {
  content: "\f073";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
}
[class|=search_event][class$=_search] .period.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;
}
[class|=search_event][class$=_search] .period.master div:not(:first-of-type) {
  margin-top: 0.5em;
}
[class|=search_event][class$=_search] .period.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;
  margin: 0 0.25em;
}
[class|=search_event][class$=_search] .period.master span {
  font-size: smaller;
}
[class|=search_event][class$=newSuccess] ol.master > li {
  padding: 1em;
}
[class|=search_event][class$=newSuccess] ol.master > li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* search_map */
[class|=search_map][class$=_new] .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;
}
[class|=search_map][class$=_new] .master-wrap li[class*=_tpl_postList] {
  /* 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: 0.3em;
}
[class|=search_map][class$=newSuccess] .master-wrap li[class*=_tpl_postList].row {
  padding: 1em;
}
[class|=search_map][class$=newSuccess] .master-wrap li[class*=_tpl_postList].row:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* search_member */
[class|=search_member][class*=_tpl_list].master [class*=_tpl_person] {
  display: block;
  text-align: center;
}
[class|=search_member][class*=_tpl_list].master [class*=_tpl_person] .global-circleImgBg {
  width: 10em;
  height: 10em;
}
[class|=search_member][class*=_tpl_list].master [class*=_tpl_person] b {
  display: block;
  color: #193441;
  font-size: 1.5em;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.5em;
}
[class|=search_member][class*=_tpl_list].master .detail {
  margin: 0 auto;
}
[class|=search_member][class*=_tpl_list].master .detail td {
  padding-left: 0.5em;
}
[class|=search_member][class$=_new] ol.master {
  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;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /* for old browser */
  -webkit-box-pack: center;
  justify-content: center;
}
[class|=search_member][class$=_new] ol.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;
  padding: 1em;
}
[class|=search_member][class$=newSuccess] .global-unit.master {
  text-align: right;
  padding: 0.5em 1em;
}
[class|=search_member][class$=newSuccess] ol.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;
}
[class|=search_member][class$=newSuccess] ol.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%;
  padding: 2em 1em;
}
@media (min-width: 600px) {
  [class|=search_member][class$=newSuccess] ol.master > li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 1000px) {
  [class|=search_member][class$=newSuccess] ol.master > li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}

/* search_shop */
/* shop_coupon */
/* shop_info */
/* shop_notice */
/* skin */
[class|=skin][class$=indexSuccess] h3 {
  margin-bottom: 1em;
}
[class|=skin][class$=indexSuccess] .global-listTable b {
  display: block;
}
[class|=skin][class$=indexSuccess] .global-listTable img {
  padding: 0.5em;
}

/* special */
/* spot */
[class|=spot][class*=_tpl_postList].grid {
  padding: 0.3em;
}
@media (min-width: 350px) {
  [class|=spot][class*=_tpl_postList].grid {
    /* 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%;
  }
}
[class|=spot][class$=_form] .master-explain {
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}
[class|=spot][class$=_form] #tag_add a {
  display: inline-block;
  color: white;
  background-color: #009944;
  border-radius: 2px;
  padding: 0.25em 0.75em;
}
[class|=spot][class$=_form] .master-map {
  position: relative;
}
[class|=spot][class$=_form] .master-map > div {
  width: 100% !important;
}
[class|=spot][class$=_profile] .global-more {
  padding: 0.5em 1em;
}
[class|=spot][class$=showSuccess] .master-status {
  padding: 1em;
}
[class|=spot][class$=showSuccess] .master-status .global-tagList {
  display: inline-block;
  padding: 0 1em;
}

/* spot_tag */
[class|=spot_tag][class$=indexSuccess] {
  position: relative;
}
[class|=spot_tag][class$=indexSuccess] .global-plusBtn {
  position: absolute;
  top: 0.2rem;
  right: 0;
}
[class|=spot_tag][class$=indexSuccess] .global-listTable tbody tr td:not(:first-of-type) {
  text-align: center;
}
[class|=spot_tag][class$=indexSuccess] .master-explain {
  margin-top: 1rem;
  text-align: right;
}
[class|=spot_tag][class$=indexSuccess] .master-explain span {
  font-size: 0.85rem;
}

/* twitter */
[class|=twitter][class*=_tpl_postFooter] .global-manage > * {
  line-height: 1.5rem;
}
[class|=twitter][class*=_tpl_postFooter] .master-commentWrap {
  background: rgba(211, 211, 211, 0.2);
  padding: 0.5em;
}
[class|=twitter][class*=_tpl_postFooter] .master-commentWrap li {
  padding: 0.5em;
  font-size: 0.9em;
}
[class|=twitter][class*=_tpl_postFooter] .master-commentWrap li:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=twitter][class*=_tpl_postFooter] .master-commentWrap .global-circleImgBg {
  width: 4em;
  height: 4em;
}
[class|=twitter][class*=_tpl_postList] {
  display: table;
  width: 100%;
}
[class|=twitter][class*=_tpl_postList] > * {
  display: table-cell;
  vertical-align: top;
}
[class|=twitter][class*=_tpl_postList] > a {
  width: 6em;
  text-align: center;
}
[class|=twitter][class*=_tpl_postList] > a span {
  display: inline-block;
}
[class|=twitter][class*=_tpl_postList] > a span.global-circleImgBg {
  width: 5em;
  height: 5em;
}
[class|=twitter][class*=_tpl_postList] .master-content {
  vertical-align: top;
  padding: 0.5em;
}
[class|=twitter][class*=_tpl_postList] .master-content header b {
  font-size: 1.2em;
  margin-right: 1em;
}
[class|=twitter][class*=_tpl_postList] .master-content header time {
  white-space: nowrap;
}
[class|=twitter][class*=_tpl_postList] .master-content p {
  padding: 0.5em;
  margin-top: 0.5em;
}
[class|=twitter][class*=_tpl_postList] .master-content p img {
  display: block;
  padding: 0.5em;
}
[class|=twitter][class$=_form].jsHide {
  display: none;
}
[class|=twitter][class$=_form].jsShow {
  display: block;
}
[class|=twitter][class$=_form] .global-count, [class|=twitter][class$=_form] .global-capacity b, .global-capacity [class|=twitter][class$=_form] b, [class|=twitter][class$=_form] .global-commentCount {
  color: #274a78;
  margin-left: 1em;
}
[class|=twitter][class$=_tweetList] .master-menuHeader {
  position: relative;
}
[class|=twitter][class$=_tweetList] .master-menuHeader [class*=twitter-_tpl_create] {
  color: #274a78;
  position: absolute;
  top: 0;
  right: 1.5em;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
[class|=twitter][class$=_tweetList] .master-menuHeader [class*=twitter-_tpl_create]::before {
  color: #fafafa;
}
[class|=twitter][class$=_tweetList] .master-menuHeader [class*=twitter-_tpl_create]::after {
  background-color: #fafafa;
}
[class|=twitter][class$=_tweetList] .master-selectBox {
  display: inline-block;
  color: #274a78;
  font-size: 1.1em;
  font-weight: bold;
  background: rgba(39, 74, 120, 0.1);
  border-radius: 2px;
  padding: 0.5em;
  margin-bottom: 1.5em;
  position: relative;
}
[class|=twitter][class$=_tweetList] .master-selectBox::after {
  font-family: "FontAwesome";
  vertical-align: baseline;
  content: "";
  position: absolute;
  top: 0.5em;
  right: 1em;
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}
[class|=twitter][class$=_tweetList] .jsSelectLocation {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 2.5em;
  position: relative;
  z-index: 1;
}
[class|=twitter][class$=_tweetList] .jsSelectLocation:focus {
  outline: none;
}
[class|=twitter][class$=_tweetList] .master-wrap {
  margin-top: 1em;
}
[class|=twitter][class$=_tweetList] .master-wrap li[class*=_tpl_postList] {
  padding: 1em;
}
[class|=twitter][class$=_tweetList] .master-wrap li[class*=_tpl_postList]:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
[class|=twitter][class$=_userNewTweet] .master-wrap {
  margin-top: 1em;
}
[class|=twitter][class$=_userNewTweet] .master-wrap li[class*=_tpl_postList] {
  padding: 1em;
}
[class|=twitter][class$=_userNewTweet] .master-wrap li[class*=_tpl_postList]:not(:last-of-type) {
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}

/* withdraw */
[class|=withdraw][class$=indexSuccess] .master-dl {
  padding: 1em;
  margin: 1em 0;
}
[class|=withdraw][class$=indexSuccess] .master-dl dt:not(:first-of-type) {
  margin-top: 1em;
}
[class|=withdraw][class$=indexSuccess] .master-dl dd {
  padding: 0.5em 1em;
}
[class|=withdraw][class$=indexSuccess] .master-submit {
  display: table;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  color: white;
  background-color: crimson;
  padding: 0.5em 2em;
}

@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);
  }
}