@charset "utf-8";

/* common
------------------------------------------------- */
html { font-size: 14px; }

ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

textarea {
  overflow: auto;
  resize: none;
}

.none { display: none; }

/* IE11 hack */
@media all and (-ms-high-contrast: none) {
  /* flex container doesn't wrap in IE11 */
  *::-ms-backdrop, .mn-ie11-wrap { width: 95%; }
}

/* overwrite bootstrap
------------------------------------------------- */
p { margin-bottom: 0; }

a:hover {
  color: inherit;
  text-decoration: none;
}

.btn { border-radius: 0; }
.btn:not(.btn-sm) { min-width: 125px; }

.custom-control-label {
  cursor: pointer;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #0071bb; }
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-label::before {
  background-color: #fff;
  border: 1px solid #808080;
}
.mn-lightbox-l .custom-control-label::before {
  top: -1rem;
  left: -1.25rem;
}
.mn-lightbox-l .custom-control-label::after {
  top: -1rem;
  left: -1.25rem;
}

/* Sticky footer styles
------------------------------------------------- */
/* html要素にflex設定をするのはIE11対策 */
html {
  display: flex;
  flex-direction: column;
}

body {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  flex-direction: column;
}

main { flex-grow: 1; }

/* IE11 hack */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body { height: auto; }
}

/* safari hack */
_::-webkit-full-page-media, _:future, :root body { height: auto; }

/* header
------------------------------------------------- */
header a { color: #212529; }

.mn-header-logo {
  position: relative;
  width: 348px;
  height: 60px;
  margin-right: 1rem;
  background: url(../images/logo_main_header.png?20190520) no-repeat;
}

.mn-header-corp {
  display: flex;
  position: absolute;
  top: 33px;
  left: 98px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  align-items: baseline;
}
.mn-header-corp > *:nth-of-type(1) {
  margin-right: .5rem;
  font-size: 1.1rem;
}

.mn-header-icons { margin-left: auto; }
.mn-header-icons > li:nth-of-type(1) > a,
.mn-header-icons > li:nth-of-type(2) > a,
.mn-header-icons > li:nth-of-type(3) > a,
.mn-header-icons > li:nth-of-type(4) > a {
  display: block;
  width: 57px;
  height: 57px;
  margin-left: .5rem;
  border-radius: 50px;
}
.mn-header-icons > li:nth-of-type(1) > a,
.mn-header-icons > li:nth-of-type(2) > a,
.mn-header-icons > li:nth-of-type(3) > a { background: #e6e6e6  url(../images/icons_header_footer.png) no-repeat; }
.mn-header-icons > li:nth-of-type(1) > a { background-position: 16px 13px; }
.mn-header-icons > li:nth-of-type(2) > a {
  background-position: -42px 17px;
  font-weight: bold;
  text-align: center;
}
.mn-header-icons > li:nth-of-type(3) > a { background-position: -100px 13px; }
.mn-header-icons > li:nth-of-type(4) > a {
  width: 90px;
  height: 90px;
  margin-left: 1rem;
  border-radius: 0;
}
.mn-header-icons > li:not(:nth-of-type(4)) > a:hover { background-color: #f3f3f3; }
.mn-header-icon-close > a,
.mn-header-icon-open > a { background: #14285a url(../images/icons_header_lock.png) no-repeat; }
.mn-header-icon-close > a { background-position: 30px center; }
.mn-header-icon-open > a { background-position: -60px center; }
.mn-header-icon-close > a:hover { background-position: -60px center; }
.mn-header-icon-open > a:hover { background-position: 30px center; }

/* sticky scroll */
.sticky-scroll {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

/* footer
------------------------------------------------- */
footer {
  position: relative;
  background: #081633;
  text-align: center;
}
footer hr {
  margin: 0;
  height: 2px;
  border-top: 1px solid #838a9a;
  border-bottom: 1px solid #838a9a;
}
footer small {
  display: block;
  margin: .5rem;
  color: #fff;
  white-space: nowrap;
}
footer a,
footer a:hover { color: #fff; }

.mn-footer-nav {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.mn-footer-user {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 57px;
  margin: 1rem;
  padding: 0 2rem;
  background: #d80900;
  white-space: nowrap;
}

.mn-footer-link {
  justify-content: space-around;
  min-height: 45px;
  margin: 1rem;
  white-space: nowrap;
}
.mn-footer-link > li { margin: 0 1rem; }
.mn-footer-link > li > a:hover { text-decoration: underline; }

.mn-footer-icons {
  flex-wrap: nowrap;
  justify-content: space-between;
  min-width: 260px;
  margin: 1rem;
}
.mn-footer-icons > li:nth-of-type(1) > a,
.mn-footer-icons > li:nth-of-type(2) > a,
.mn-footer-icons > li:nth-of-type(3) > a,
.mn-footer-icons > li:nth-of-type(4) > a {
  display: block;
  width: 57px;
  height: 57px;
  border-radius: 50px;
}
.mn-footer-icons > li:nth-of-type(1) > a,
.mn-footer-icons > li:nth-of-type(2) > a,
.mn-footer-icons > li:nth-of-type(3) > a,
.mn-footer-icon-close > a,
.mn-footer-icon-open > a { background: #fff  url(../images/icons_header_footer.png) no-repeat; }
.mn-footer-icons > li:nth-of-type(1) > a { background-position: 16px 13px; }
.mn-footer-icons > li:nth-of-type(2) > a {
  background-position: -42px 17px;
  color: #212529;
  font-weight: bold;
}
.mn-footer-icons > li:nth-of-type(3) > a { background-position: -100px 13px; }
.mn-footer-icons > li > a:hover { background-color: #e6e6e6; }
.mn-footer-icon-close > a { background-position: -158px 13px; }
.mn-footer-icon-open > a { background-position: -211px 13px; }
.mn-footer-icon-close > a:hover { background-position: -211px 13px; }
.mn-footer-icon-open > a:hover { background-position: -158px 13px; }

.mn-footer-copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

/* main
------------------------------------------------- */
main {
  display: flex;
  text-align: center;
  flex-direction: column;
}
main > h1 {
  margin: 0;
  padding: .75rem;
  background: #14285a;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: .25rem;
}
main > form { flex-grow: 1; }
main a { color: #0e6eb8; }
main a:hover {
  color: #0e6eb8;
  text-decoration: underline;
}

.mn-container {
  display: inline-block;
  margin: 1.5rem;
  text-align: left;
}

/* detail, lightbox */
.mn-container-flex-height100 {
  display: inline-flex;
  height: 100%;
  margin: 0 1.5rem;
  text-align: left;
}
.mn-container-flex-height100 > *:nth-of-type(1) {
  padding: 1.5rem;
  background: #e5e5e5;
}
.mn-container-flex-height100 > *:nth-of-type(2) {
  padding: 1.5rem;
  background: #f6f6f6;
}

/* cart */
.mn-container-height100 {
  height: 100%;
  text-align: left;
}

/* top
------------------------------------------------- */
.mn-top-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.mn-top-grid-item { margin: 0; }

.mn-top-grid-item a {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.mn-top-grid-item img {
  width: 100%;
  height: auto;
  filter: brightness(100%);
  transition: filter .3s;
}
.mn-top-grid-item:hover img { filter: brightness(120%); }

.mn-top-grid-item figcaption {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 1.5rem 2rem;
  color: #fff;
  text-align: left;
  text-shadow : 1px  1px 1.5px #000,
               -1px  1px 1.5px #000,
                1px -1px 1.5px #000,
               -1px -1px 1.5px #000,
                2px  0px 1.5px #000,
                0px  1px 1.5px #000,
               -1px  0px 1.5px #000,
                0px -1px 1.5px #000;
  transition: opacity .3s;
}
.mn-top-grid-item:hover figcaption { opacity: 1; }
.mn-top-grid-item figcaption *:nth-child(1) {
  margin-bottom: .25rem;
  word-break: break-all;
}
.mn-top-grid-item figcaption *:nth-child(2) {
  margin-bottom: .25rem;
  white-space: nowrap;
}

/* search
------------------------------------------------- */
.mn-body-hide { opacity: 0; }

.mn-search {
  display: flex;
  position: relative;
  padding: .75rem;
  background: #14285a;
  justify-content: center;
  align-items: center;
}
.mn-search > input {
  width: 37%;
  height: 45px;
  line-height: 45px;
  max-width: 400px;
  padding: .5rem 1rem;
  border: none;
  font-size: 1.4rem;
  outline: none;
}
.mn-search > input:nth-of-type(2) {
  max-width: 250px;
  padding: .5rem 1rem .5rem 2.5rem;
  background: #fff url(../images/icon_search_except.png) no-repeat left center;
}
.mn-search > input::placeholder { color: #c4c4c4; }
.mn-search > input:-ms-input-placeholder { color: #c4c4c4; }  /* IE */
.mn-search > input::-ms-input-placeholder { color: #c4c4c4; } /* Edge */
.mn-search > button {
  width: 45px;
  height: 45px;
  border: none;
  background: #333 url(../images/icon_search.png) no-repeat center center;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.mn-search > a {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: 1rem;
  border-radius: 50px;
  background: #fff url(../images/icon_plus.png) no-repeat center center;
  outline: none;
}

/* detail search */
.mn-advanced-search {
  display: none;
  position: absolute;
  top: 110px;
  left: calc(50% - 315px);
  z-index: 98;
  width: 45rem;
  padding: 1rem;
  border: 1px solid #969696;
  background: #fff;
  text-align: right;
}
.mn-advanced-search > a {
  display: inline-block;
  color: #212529;
  text-align: right;
  outline: none;
}
.mn-advanced-search > a:hover { color: #212529; }
.mn-advanced-search input {
  margin-right: 3px;
  vertical-align: middle;
}
.mn-advanced-search input[type="text"] { width: 4rem; }
.mn-advanced-search label { cursor: pointer; }

.mn-advanced-search li:has(> :disabled) { color: #848484; }
.mn-advanced-search li:has(> :disabled) label { cursor: default;d }

.mn-advanced-search-option,
.mn-advanced-search-ym { text-align: left; }

.mn-advanced-search-option { margin-top: -1rem; }
.mn-advanced-search-option ul {
  display: flex;
  padding: 1rem 0 1rem 1rem;
  flex-wrap: wrap;
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.mn-advanced-search-option li {
  width: 190px;
  white-space: nowrap;
}
.mn-advanced-search-option ul:nth-of-type(1) li:nth-of-type(3),
.mn-advanced-search-option ul:nth-of-type(1) li:nth-of-type(4),
.mn-advanced-search-option ul:nth-of-type(1) li:nth-of-type(7),
.mn-advanced-search-option ul:nth-of-type(2) li:nth-of-type(3),
.mn-advanced-search-option ul:nth-of-type(2) li:nth-of-type(6) { width: 100px; }

.mn-advanced-search-ym h2 {
  display: inline-block;
  margin: 1rem 0 .5rem 0;
  padding: .3rem 3rem;
  border: 1px solid #999;
  background: #333;
  color: #fff;
  font-size: 1rem;
}
.mn-advanced-search-ym ul { display: flex; }
.mn-advanced-search-ym ul.none { display: none; }
.mn-advanced-search-ym-all { padding: 0 1.5rem 0 .5rem; }
.mn-advanced-search-ym-select { flex-grow: 1; }
.mn-advanced-search-ym-select > ul:nth-of-type(1) { margin-bottom: 1rem; }
.mn-advanced-search-ym-select > ul > li:nth-of-type(1) { width: 5.5rem; }
.mn-advanced-search-ym-select > ul > li:nth-of-type(2) {  flex-grow: 1; }
.mn-advanced-search-ym-month {
  margin-top: .25rem;
  justify-content: space-between;
}
.mn-advanced-search-ym-month > li {
  width: 2.5rem;
  text-align: center;
}
.mn-advanced-search-ym-month label {
  display: block;
  margin: 0;
}
.mn-advanced-search-ym-month input { margin: -.75rem 0 0 0; }

/* result(header) */
.mn-result-header {
  display: flex;
  padding: 0 2rem;
  background: #4d4d4d;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.mn-result-header > * {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.mn-result-header-left { display: flex; }
.mn-result-header-left:after,
.mn-result-header-left > *:nth-of-type(1):after {
  display: inline-block;
  margin: 0 .5rem;
  content: "|";
}
.mn-result-header-left > *:nth-of-type(2) {
  display: flex;
  padding: 0 .5rem;
  background: #fff;
  color: #212529;
  font-size: .9rem;
  align-items: center;
}
.mn-result-header-left > *:nth-of-type(2) a {
  display: inline-block;
  width: 65px;
  background: #bababa;
  color: #212529;
}
.mn-result-header-left > *:nth-of-type(2) a.selected {
  background: #00479d;
  color: #fff;
}
.mn-result-header-left > *:nth-of-type(2) a:hover { text-decoration: none; }
.mn-result-header-left > *:nth-of-type(2) a:nth-of-type(1) { margin: 0 .25rem 0 .5rem; }

.mn-result-header-right { display: flex; }
.mn-result-header-right:before,
.mn-result-header-right > *:nth-of-type(2):before {
  display: inline-block;
  margin: 0 .5rem;
  content: "|";
}
.mn-result-header-right > *:nth-of-type(1) {
  display: flex;
  padding: 0 .5rem;
  background: #fff;
  color: #212529;
  font-size: .9rem;
  align-items: center;
}
.mn-result-header-right > *:nth-of-type(1) a {
  display: inline-block;
  width: 40px;
  background: #bababa;
  color: #212529;
}
.mn-result-header-right > *:nth-of-type(1) a.selected {
  background: #00479d;
  color: #fff;
}
.mn-result-header-right > *:nth-of-type(1) a:hover { text-decoration: none; }
.mn-result-header-right > *:nth-of-type(1) a:nth-of-type(1) { margin: 0 .25rem 0 .5rem; }

.mn-result-header-right > *:nth-of-type(2) input {
  width: 4rem;
  padding: 0 .5rem;
  border: none;
  text-align: right;
  outline: none;
}
.mn-result-header-right > *:nth-of-type(2) a {
  display: inline-block;
  margin-left: .5rem;
  padding: 0 .5rem;
  background: #00479d;
  color: #fff;
  font-size: .9rem;
  line-height: 1.75rem;
}
.mn-result-header-right > *:nth-of-type(2) a:hover {
  color: #fff;
  text-decoration: none;
}

/* result(list) */
.mn-result-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.mn-result-wrapper a {
  border: 0;
  outline: none;
}

.mn-result-box {
  width: 200px;
  margin: 0 .75rem 2rem .75rem;
}

.mn-result-thumbnail {
  display: table;
  width: 100%;
  height: 200px;
  background: #e6e6e6;
}
.mn-result-thumbnail > a {
  display: table-cell;
  vertical-align: middle;
}

.mn-result-icons {
  display: flex;
  justify-content: space-around;
}
.mn-result-icons li {
  background: #999;
  flex-grow: 1;
}
.mn-result-icons li a {
  display: block;
  height: 1.5rem;
  margin: .5rem 0;
  color: #fff;
}
.mn-result-icons li a:hover {
  color: #fff;
  text-decoration: none;
}
.mn-result-icons li:nth-of-type(1) a { background: url(../images/icon_s_lightbox.png) no-repeat center center; }
.mn-result-icons li:nth-of-type(2) a {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: url(../images/icon_s_cart.png) no-repeat center center;
}
.mn-result-icons li:nth-of-type(3) a { background: url(../images/icon_s_detail.png) no-repeat center center; }
.mn-result-icons li a.editorial {
  display: inline-block;
  width: 1.5rem;
  border-radius: 15px;
  background: #e7181e;
}
.mn-result-icons li a.editorial:before { content: "E"; }

.mn-result-filename {
  display: flex;
  padding-top: .3rem;
  align-items: center;
}
.mn-result-filename li:nth-of-type(1) {
  padding: 0 .3rem;
  border: 1px solid #e6e6e6;
}
.mn-result-filename li:nth-of-type(1).rm:before { content: "RM"; }
.mn-result-filename li:nth-of-type(1).rf {
  background: #666;
  color: #fff;
}
.mn-result-filename li:nth-of-type(1).rf:before { content: "RF"; }
.mn-result-filename li:nth-of-type(2) {
  text-align: center;
  flex-grow: 1;
}

.mn-result-title {
  max-height: 3em; /* line-height(1.5) * line(2) */
  overflow: hidden;
  font-size: .9rem;
  text-align: left;
  word-wrap: break-word;
}

.mn-result-gonext {
  display: block;
  width: 116px;
  height: 116px;
  margin: 50px 0 0 50px;
  background: url(../images/go_next.png?20190521) no-repeat;
}
.mn-result-gonext:hover { background-position: 0 -116px; }

.mn-result-contact {
  display: block;
  width: 400px;
  height: 154px;
  margin: 50px 0 1.5rem .75rem;
  background: url(../images/contact.png?20240411) no-repeat;
}

/* result(filter) */
.mn-filter {
  display: flex;
  flex-wrap: wrap;
}
.mn-filter > li { margin-bottom: 1rem; }
.mn-filter > li:last-of-type { order: -1; }
.mn-filter a {
  display: inline-block;
  margin: 0 .5rem .5rem .5rem;
  padding: 0 .5rem;
  background: #00479d;
  color: #fff;
}
.mn-filter a:hover {
  color: #fff;
  text-decoration: none;
}
.mn-filter > li:last-of-type a {
  background: #fff;
  color: #0e6eb8;
  font-weight: bold;
}

/* result(other engine result) */
.mn-another-result-parent {
  position: relative;
  padding-bottom: 120px;
}
.mn-another-result-wrapper {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100px;
  margin: 0 1.5rem 1.5rem 1.5rem;
}
.mn-another-result-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  overflow: hidden;
  margin: 0 3px;
}
.mn-another-result-wrapper a {
  /* 縦横中央 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* --- */
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin-right: 3px;
  background: #e6e6e6;
  color: #212529;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}
.mn-another-result-wrapper a:hover {
  color: inherit;
  text-decoration: none;
}
.mn-another-result-wrapper a > img {
  max-width: 90px;
  max-height: 90px;
}
.mn-another-result-wrapper a:first-of-type {
  width: auto;
  min-width: auto;
}
.mn-another-result-wrapper a:first-of-type,
.mn-another-result-wrapper a:last-of-type { padding: 10px; }

/* detail
------------------------------------------------- */
.mn-detail * { font-size: .85rem; }

.mn-detail-left section {
  display: flex;
  max-width: 400px;
  padding: .75rem .25rem;
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  word-break: break-word;
}
.mn-detail-left section h2 { min-width: 122px; }

.mn-detail-left ul {
  display: flex;
  margin-top: 1rem;
  justify-content: space-around;
}
.mn-detail-left ul li { flex-basis: 49%; }
.mn-detail-left ul li a {
  display: block;
  background: #132958;
  color: #fff;
  line-height: 2rem;
  text-align: center;
}
.mn-detail-left ul li a:hover { text-decoration: none; }

.mn-detail-right-wrapper {
  width: 650px;
  height: 100%;
  padding: 1rem;
  background: #fff;
  text-align: center;
}

.mn-detail-right-preview {
  display: inline-block;
  position: relative;
  background: #4d4d4d;
}
.mn-detail-right-preview img.protect {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
.mn-detail-right-preview ul {
  display: flex;
  padding: .25rem;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-around;
}
.mn-detail-right-preview ul li a {
  color: #fff;
  text-decoration: underline;
}

.mn-detail-right-caution {
  margin: 1.5rem 0;
  text-align: left;
}
.mn-detail-right-caution li { padding: .2rem 0; }
.mn-detail-right-caution li:not(.mn-detail-right-caution-strong) {
  text-indent: -1em;
  padding-left: 1em;
}
.mn-detail-right-caution li:not(.mn-detail-right-caution-strong):before { content: "※"; }
.mn-detail-right-caution li.mn-detail-right-caution-strong {
  margin-left: .4rem;
  text-indent: -4em;
  padding-left: 3rem;
  color: #900;
  font-weight: bold;
}

.mn-detail-right-buttons {
  display: flex;
  justify-content: center;
}
.mn-detail-right-buttons li a {
  display: block;
  width: 210px;
  margin: 0 .3rem;
  padding-left: 1rem;
  color: #fff;
  line-height: 4rem;
  text-align: center;
}
.mn-detail-right-buttons li:nth-of-type(1) a { background: #0e6eb8 url(../images/icon_detail_lightbox.png) no-repeat 30px 16px; }
.mn-detail-right-buttons li:nth-of-type(2) a {
  position: relative;
  background: #0e6eb8 url(../images/icon_detail_cart.png) no-repeat 55px 21px;
}
.mn-detail-right-buttons li a:hover { text-decoration: none; }
.mn-detail-right-buttons .cart_count {
  position: absolute;
  top: -15px;
  left: 59px;
}

.mn-detail-right-caption {
  position: relative;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e5e5;
}
.mn-detail-right-caption h1 {
  position: absolute;
  top: -.75rem;
  left: 0;
  margin: 0;
  padding-right: 1rem;
  background: #fff;
  font-weight: bold;
}

.mn-detail-right-estimate > p {
  margin-bottom: 1rem;
  color: #900;
}
.mn-detail-right-estimate > ul {
  display: flex;
  text-align: left;
  justify-content: space-around;
}
.mn-detail-right-estimate li:nth-of-type(3) {
  width: 180px;
  padding-top: .75rem;
  text-align: center;
}
.mn-detail-right-estimate > ul > li > section { margin-bottom: .75rem; }
.mn-detail-right-estimate > ul > li > section > h2 { margin-bottom: .2rem; }

.mn-detail-right-estimate > table { display: inline-table; }
.mn-detail-right-estimate > table th,
.mn-detail-right-estimate > table td {
  padding: .25rem 1rem;
  border: 1px solid #808080;
}
.mn-detail-right-estimate > table th { background: #e5e5e5; }
.mn-detail-right-estimate > table td {
  font-size: 1rem;
  text-align: left;
}
.mn-detail-right-estimate > table td:not(:first-of-type) {
  padding-right: 1.5rem;
  text-align: right;
}

/* slider */
.mn-detail-right-slider {
  /* 遅延読み込み */
  opacity: 0;
  transition: 2s;
}
.mn-detail-right-slider.slider-initialized { opacity: 1; }
.mn-detail-right-slider ul {
  width: 564px;
  height: 90px;
  margin: 0 auto;
}
.mn-detail-right-slider-thumbnail {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.mn-detail-right-slider-thumbnail a { display: inline-block; }
.mn-detail-right-slider img.selected { border: 2px solid #c00; }
.mn-detail-right-slider-paging a {
  display: inline-block;
  margin: 1rem .5rem 0 1rem;
  color: #212529;
}
.mn-detail-right-slider-paging a:hover {
  color: #212529;
  text-decoration: none;
}
.mn-detail-right-slider-more {
  display: inline-block;
  margin-top: 1rem;
  padding: 1px 1rem;
  background: #4d4d4d;
  color: #fff;
}
.mn-detail-right-slider-more:hover {
  color: #fff;
  text-decoration: none;
}

.mn-detail-right-slider-prev,
.mn-detail-right-slider-next {
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: #4d4d4d;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.mn-detail-right-slider-prev { left: -25px; }
.mn-detail-right-slider-next { right: -25px; }
.mn-detail-right-slider-prev.slick-disabled,
.mn-detail-right-slider-next.slick-disabled {
  opacity: .2;
  cursor: default;
}

/* overwrite slick */
.slick-slider .slick-track,
.slick-slider .slick-list { height: 100%; }
.slick-initialized .slick-slide {
  display: table;
  outline: none;
}

/* editorial */
.mn-detail-editorial {
  width: 800px;
  text-align: center;
}
.mn-detail-editorial * { font-size: 1rem; }
.mn-detail-editorial > * { margin-bottom: 1.5rem; }
.mn-detail-editorial p,
.mn-detail-editorial section { text-align: left; }

/* lightbox
------------------------------------------------- */
.mn-lightbox * { font-size: .9rem; }

.mn-lightbox-url {
  font-size: 1rem;
  white-space: nowrap;
}

/* menu */
.mn-lightbox-menu section { margin-top: 1rem; }
.mn-lightbox-menu section .mn-lightbox-flex-block {
  display: flex;
  justify-content: space-between;
}
.mn-lightbox-menu section input[type="text"] {
  margin-right: 3px;
  border: 1px solid #989898;
  flex-grow: 1;
}
.mn-lightbox-menu section input[type="button"] {
  border: 1px solid #989898;
  background: #808080;
  color: #fff;
  cursor: pointer;
}
.mn-lightbox-menu section:nth-of-type(4) a,
.mn-lightbox-menu section:nth-of-type(5) a,
.mn-lightbox-menu section:nth-of-type(6) a {
  display: block;
  padding: .75rem 1rem;
  background: #989898;
  color: #fff;
  text-align: center;
}
.mn-lightbox-menu section:nth-of-type(5) a,
.mn-lightbox-menu section:nth-of-type(6) a { background: #0e6eb8; }
.mn-lightbox-menu section:nth-of-type(4) a:hover,
.mn-lightbox-menu section:nth-of-type(5) a:hover,
.mn-lightbox-menu section:nth-of-type(6) a:hover { text-decoration: none; }

.mn-lightbox-menu hr { margin-top: 1rem; }

/* M */
.mn-lightbox-m {
  display: flex;
  margin-top: 1rem;
  padding: 0 .5rem 1rem .5rem;
  background: #fff;
  flex-wrap: wrap;
}
.mn-lightbox-m-box { margin: 1rem .5rem 0 .5rem; }
.mn-lightbox-m-thumbnail {
  display: table;
  width: 130px;
  height: 130px;
  background: #e6e6e6;
  text-align: center;
}
.mn-lightbox-m-thumbnail > a {
  display: table-cell;
  vertical-align: middle;
}
.mn-lightbox-m-icons li:nth-of-type(1) a { background: url(../images/icon_detail.png) no-repeat center center; }
.mn-lightbox-m-icons li:nth-of-type(2) a { background: url(../images/icon_cart.png) no-repeat center center; }
.mn-lightbox-m-icons li:nth-of-type(3) a { background: url(../images/icon_delete.png) no-repeat center center; }

/* L */
.mn-lightbox-l {
  display: flex;
  margin-top: 1rem;
  background: #fff;
  justify-content: space-between;
}
.mn-lightbox-l > * {
  margin-right: 1rem;
  padding: 1rem 0;
}

.mn-lightbox-l-checkbox {
  padding: 1rem;
  background: #e5e5e5;
}

.mn-lightbox-l-data {
  width: 100%; /* IE11対策 */
  min-width: 300px;
  max-width: 500px;
  text-align: center;
  word-wrap: break-word;
  flex-grow: 1;
}
.mn-lightbox-l-data .mn-lightbox-filename {
  display: flex;
  margin: .5rem 0;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mn-lightbox-l-data section {
  display: flex;
  padding: .5rem .25rem;
  text-align: left;
  word-break: break-word;
}
.mn-lightbox-l-data section:not(:last-of-type) {
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.mn-lightbox-l-data section h2 { min-width: 122px; }

.mn-lightbox-l-data .mn-lightbox-icons {
  display: flex;
  justify-content: space-around;
}
.mn-lightbox-l-data .mn-lightbox-icons li { flex-basis: 33%; }
.mn-lightbox-l-data .mn-lightbox-icons li a {
  display: block;
  background: #132958;
  color: #fff;
  line-height: 2rem;
}
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(1) a:before,
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(2) a:before,
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(3) a:before {
  position: relative;
  top: 4px;
  margin-right: .3rem;
}
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(1) a:before { content: url(../images/icon_detail.png); }
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(2) a:before { content: url(../images/icon_cart.png); }
.mn-lightbox-l-data .mn-lightbox-icons li:nth-of-type(3) a:before { content: url(../images/icon_delete.png); }
.mn-lightbox-l-data .mn-lightbox-icons li a:hover { text-decoration: none; }

.mn-lightbox-l-comment section { width: 240px; }
.mn-lightbox-l-comment section textarea {
  width: 100%;
  height: 10rem;
  border: 1px solid #ccc;
}
.mn-lightbox-l-comment .mn-lightbox-flex-block {
  display: flex;
  justify-content: space-between;
}
.mn-lightbox-l-comment input[type="button"] {
  width: 49.5%;
  border: 1px solid #989898;
  background: #808080;
  color: #fff;
  cursor: pointer;
}
.mn-lightbox-l-comment > div:nth-of-type(1) {
  display: flex;
  padding: 1.5rem 0 .5rem 0;
  text-align: center;
  justify-content: center;
  align-items: baseline;
}

/* cart, download
------------------------------------------------- */
.mn-cart * { font-size: .9rem; }

.mn-cart nav > ul,
.mn-cart-wrapper-contents {
  width: 900px;
  margin: 0 auto;
}

.mn-cart nav { background: #4d4d4d; }
.mn-cart nav > ul { display: flex; }
.mn-cart nav > ul > li {
  width: 150px;
  padding: .75rem;
  background: #808080;
  color: #fff;
  text-align: center;
}
.mn-cart nav > ul > li.selected { background: #d80900; }
.mn-cart nav > ul > li a { color: #fff; }
.mn-cart nav > ul > li a:hover { text-decoration: none; }

.mn-cart-wrapper { height: 100%;}
.mn-cart-wrapper-contents {
  height: 100%;
  padding: 1.5rem;
  background: #f6f6f6;
}
.mn-cart-wrapper-contents > h1 {
  margin: 0;
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
}

.mn-cart hr {
  width: 50px;
  margin: .5rem auto 1.5rem auto;
  border-top: 5px solid #4d4d4d;
  border-radius: 10px;
}

/* input */
.mn-cart-input {
  display: flex;
  margin-top: 1rem;
  padding: 1rem;
  background: #fff;
}

.mn-cart-input-data {
  width: 100%; /* IE11対策 */
  max-width: 510px;
  margin-right: 1rem;
  text-align: center;
  word-wrap: break-word;
  flex-grow: 1;
}
.mn-cart-input-data .mn-cart-filename {
  display: flex;
  margin: .5rem 0;
  flex-wrap: wrap;
  justify-content: space-around;
}
.mn-cart-input-data section {
  display: flex;
  padding: .5rem .25rem;
  text-align: left;
  word-break: break-word;
}
.mn-cart-input-data section:not(:last-of-type) {
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.mn-cart-input-data section h2 { min-width: 122px; }
.mn-cart-input-data .mn-cart-caution {
  margin: .5rem 0 1rem 0;
  text-align: left;
}.mn-cart-input-data .mn-cart-caution h2 {
  display: inline-block;
  padding: 3px 2rem;
  border-radius: 23px;
  background: #4d4d4d;
  color: #fff;
}
.mn-cart-input-data .mn-cart-caution p {
  margin-left: 1rem;
  text-indent: -4em;
  padding-left: 3rem;
  color: #900;
  font-weight: bold;
}
.mn-cart-input-data .mn-cart-icons {
  display: flex;
  justify-content: space-around;
}
.mn-cart-input-data .mn-cart-icons li { flex-basis: 49%; }
.mn-cart-input-data .mn-cart-icons li a {
  display: block;
  background: #132958;
  color: #fff;
  line-height: 2rem;
}
.mn-cart-input-data .mn-cart-icons li:nth-of-type(1) a:before,
.mn-cart-input-data .mn-cart-icons li:nth-of-type(2) a:before {
  position: relative;
  top: 4px;
  margin-right: .3rem;
}
.mn-cart-input-data .mn-cart-icons li:nth-of-type(1) a:before { content: url(../images/icon_detail.png); }
.mn-cart-input-data .mn-cart-icons li:nth-of-type(2) a:before { content: url(../images/icon_delete.png); }
.mn-cart-input-data .mn-cart-icons li a:hover { text-decoration: none; }

.mn-cart-input-estimate {
  padding: 1rem;
  border: 1px solid #e5e5e5;
  align-self: flex-start;
}
.mn-cart-input-estimate > p {
  margin-bottom: 1rem;
  color: #900;
}
.mn-cart-input-estimate > section {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}
.mn-cart-input-estimate > section > h2 {
  width: 100px;
  margin-bottom: .2rem;
}
.mn-cart-input-estimate > section input[type="text"] {
  width: 180px;
  padding: 0 .25rem;
  border: 1px solid #989898;
}
.mn-cart-input-estimate input[type="button"] {
  display: block;
  width: 100px;
  margin: 1rem auto;
  border: 0;
  background: #0e6eb8;
  color: #fff;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
}

.mn-cart-input-button {
  display: block;
  width: 210px;
  margin: 1rem auto 0 auto;
  padding-left: 2rem;
  border: 0;
  background: #0e6eb8 url(../images/icon_cart_next.png) no-repeat 45px 18px;
  color: #fff;
  line-height: 4rem;
  text-align: center;
  cursor: pointer;
}

/* confirm */
.mn-cart-confirm {
  display: flex;
  width: 650px;
  margin: 1rem auto;
  padding: 1rem;
  background: #fff;
}

.mn-cart-confirm-price {
  width: 650px;
  margin: 0 auto 1.5rem auto;
  padding: 2rem 0 1rem 0;
  background: #fff;
  font-weight: bold;
  text-align: center;
}

.mn-cart-confirm-thumbnail {
  min-width: 200px;
  margin-right: 1rem;
  text-align: center;
}

.mn-cart-confirm-data {
  word-wrap: break-word;
  flex-grow: 1;
}
.mn-cart-confirm-data section {
  display: flex;
  padding: .5rem .25rem;
  text-align: left;
}
.mn-cart-confirm-data section:not(:last-of-type) {
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.mn-cart-confirm-data section h2 { min-width: 122px; }

/* terms */
.mn-cart-confirm-terms {
  padding: 1rem;
  background: #fff;
}
.mn-cart-confirm-terms-wrapper {
  height: 285px;
  padding: 1rem;
  overflow: auto;
  border: 1px solid #ccc;
}
.mn-cart-confirm-terms-wrapper h1 {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
}
.mn-cart-confirm-terms-wrapper section { margin: 1rem 0; }
.mn-cart-confirm-terms-web section p { padding-left: 1rem; }
.mn-cart-confirm-terms-web section p.sub { padding-left: 2rem; }
.mn-cart-confirm-terms-rmrf section p {
  padding-left: 2rem;
  text-indent: -1rem;
}
.mn-cart-confirm-terms-rmrf section p.normal {
  padding-left: 1rem;
  text-indent: 0;
}
.mn-cart-confirm-terms-rmrf section p.subtitle {
  margin: 1rem 0;
  font-weight: bold;
  text-align: center;
}
.mn-cart-confirm-terms-rmrf section p.indent0 {
  padding-left: 0;
  text-indent: 0;
}
.mn-cart-confirm-terms-rmrf .sub { padding-left: 1rem; }
.mn-cart-confirm-terms-agree {
  margin-top: 1rem;
  text-align: center;
}
.mn-cart-confirm-terms-agree label {
  margin: 0 0 0 .5rem;
  color: #900;
  font-weight: bold;
  font-size: 1.25rem;
  cursor: pointer;
}

.mn-cart-confirm-button {
  display: flex;
  margin-top: 1.5rem;
  justify-content: center;
}
.mn-cart-confirm-button-back,
.mn-cart-confirm-button-bill {
  display: block;
  width: 210px;
  margin: 0 1px;
  padding-left: 2rem;
  border: 0;
  color: #fff;
  line-height: 4rem;
  text-align: center;
  cursor: pointer;
}
.mn-cart-confirm-button-back { background: #0e6eb8 url(../images/icon_cart_back.png) no-repeat 47px 22px; }
.mn-cart-confirm-button-bill { background: #0e6eb8 url(../images/icon_cart_bill.png) no-repeat 45px 22px; }
.mn-cart-confirm-button-card {} /* not used */
.mn-cart-confirm-button-bill:disabled {
  background: #989898 url(../images/icon_cart_bill_disabled.png) no-repeat 45px 22px;
  cursor: default;
}

/* bill */
.mn-cart-confirm-bill-bill-issue p { text-align: left; }
.mn-cart-confirm-bill-bill-issue a {
  display: block;
  margin: 1rem 0;
  color: #0e6eb8 !important;
}
.mn-cart-confirm-bill-bill-issue a:hover { color: #900 !important; }

/* download */
.mn-download {
  display: flex;
  width: 650px;
  margin: 1rem auto;
  padding: 1rem;
  background: #fff;
}

.mn-download-thumbnail {
  min-width: 200px;
  margin-right: 1rem;
  text-align: center;
}
.mn-download-thumbnail a:nth-of-type(2) {
  display: block;
  margin-top: .5rem;
  padding-left: 2rem;
  background: #132958 url(../images/icon_download.png) no-repeat 53px 6px;
  color: #fff;
  line-height: 2rem;
}
.mn-download-thumbnail a:nth-of-type(2):hover { text-decoration: none; }

.mn-download-data {
  word-wrap: break-word;
  flex-grow: 1;
}
.mn-download-data section {
  display: flex;
  padding: .5rem .25rem;
  text-align: left;
}
.mn-download-data section {
  /* dot line */
  background-image: linear-gradient(to right, #888, #888 50%, transparent 50%, transparent 100%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.mn-download-data section h2 { min-width: 122px; }

.mn-download-button {
  display: flex;
  margin-top: 1.5rem;
  justify-content: center;
}
.mn-download-button > *:nth-of-type(1),
.mn-download-button > *:nth-of-type(2) {
  display: block;
  width: 210px;
  margin: 0 1px;
  padding-left: 2rem;
  border: 0;
  background: #0e6eb8;
  color: #fff;
  line-height: 4rem;
  text-align: center;
  cursor: pointer;
}
.mn-download-button > *:nth-of-type(1) { background: #0e6eb8 url(../images/icon_download_receipt.png) no-repeat 26px 23px; }
.mn-download-button > *:nth-of-type(2) { background: #0e6eb8 url(../images/icon_download_all.png) no-repeat 30px 22px; }

/* RF */
.customDialog .ui-widget-content .rf_redownload a {
  outline: none;
  color: #2a548c;
  text-decoration: underline;
}
.customDialog .ui-widget-content .rf_redownload a:hover {
  color: #d00;
  text-decoration: none;
}

/* photographer
------------------------------------------------- */
.mn-pg-list-title {
  display: block;
  margin: 1.5rem 1.5rem 2.5rem 1.5rem;
  text-align: center;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.75rem;
}
.mn-pg-list-container {
  /* 要素を中央寄せにし、折り返して数が足りない要素は左寄せにする場合はflexではなくgridを使用する */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 255px));
  gap: 2rem;
  justify-content: center;
}
.mn-pg-list-container figure { margin: 0; }
.mn-pg-list-container a { display: block; }
.mn-pg-list-container img {
  object-fit: contain;
  width: 100%;
  height: 170px;
}
.mn-pg-list-container figcaption {
  padding-top: 3px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.15rem;
}

.mn-pg-profile-container {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.mn-pg-profile-container ol {
  display: flex;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.mn-pg-profile-container ol li { list-style: none; }
.mn-pg-profile-container ol li:not(:last-child):after {
  padding: 0 1rem;
  content: ">";
}
.mn-pg-profile-container a { color: #212529; }
.mn-pg-profile-container ol li a:hover {
  color: #212529;
  text-decoration: underline;
}
.mn-pg-profile-container > a {
  display: block;
  width: 400px;
  margin: 0 auto;
  padding: .75rem;
  border: 3px solid #4d4d4d;
  border-radius: 10px;
  font-size: 1.25rem;
  text-align: center;
}
.mn-pg-profile-container > a:hover {
  background: #0e6eb8;
  color: #fff;
  text-decoration: none;
}

.mn-pg-profile-content {
  display: flex;
  margin: 2rem 0 3rem 0;
}
.mn-pg-profile-content > section > h1,
.mn-pg-profile-content > section > small {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}
.mn-pg-profile-content > section > small { font-size: 1.25rem; }
.mn-pg-profile-content > section > h2 {
  margin: 3rem 0 1.25rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #212529;
  font-size: 2rem;
}
.mn-pg-profile-content > div {
  display: grid;
  padding-left: 3rem;
  grid-template-columns: repeat(2, minmax(255px, 255px));
  gap: 3rem 2rem;
  align-content: start;
}
.mn-pg-profile-content > div > a > img {
  object-fit: contain;
  width: 100%;
  height: 170px;
}

/* personal
------------------------------------------------- */
.mn-personal-nav {
  display: flex;
  margin: 3rem 3rem 0 0;
  padding: 1rem 1rem 0 1rem;
  background: #e6e6e6;
  white-space: nowrap;
  flex-direction: column;
  align-self: flex-start;
}
.mn-personal-nav > li { margin-bottom: 1rem; }

.mn-personal-nav > li:before {
  padding-right : .5rem;
  content: "・";
}

.mn-purchaselog ul {
  display: flex;
  margin-bottom: 1rem;
}
.mn-purchaselog ul li:nth-of-type(1) { margin-right: 3rem; }
.mn-purchaselog ul input[type="text"] { width: 6rem; }

.mn-purchaselog table { margin-top: 1rem; }
.mn-purchaselog table td,
.mn-purchaselog table th {
  padding: 5px;
  border: 1px solid #e3e3e3;
  text-align: center;
}
.mn-purchaselog table th { background: #f0f0f0; }
.mn-purchaselog table a:hover { text-decoration: none; }
.mn-purchaselog-fromto {
  display: inline-block;
  transform: rotate(90deg);
}
.mn-purchaselog-download {
  display: inline-block;
  padding: 0 1.5rem 0 3rem;
  background: #132958 url(../images/icon_download.png) no-repeat 20px 12px;
  color: #fff;
  line-height: 3rem;
}
.mn-purchaselog-download:hover {
  color: #fff;
  text-decoration: none;
}
.mn-purchaselog-thumbnail {
  max-width: 90px;
  max-height: 90px;
}

/* register
------------------------------------------------- */
.mn-register-private {
  margin: 1.5rem 0 .5rem 0;
  padding: .5rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: .9rem;
}
.mn-register-private-link {
  margin-bottom: 1.5rem;
  font-size: .9rem;
  text-align: center;
}
.mn-register-private-link a {  text-decoration: underline; }

/* sitemap
------------------------------------------------- */
.mn-sitemap section > h2 {
  font-weight: bold;
  font-size: 1.5rem;
}
.mn-sitemap section { margin: 0 3rem 1.5rem 3rem; }
.mn-sitemap section > p { margin-bottom: .5rem; }

/* print size
------------------------------------------------- */
.mn-printsize {
  width: 800px;
  margin-top: 0;
}
.mn-printsize table { margin-top: 20px; }
.mn-printsize table th,
.mn-printsize table td {
  padding: 5px 0;
  border: 1px #000 solid;
  text-align: center;
  white-space: nowrap;
}
.mn-printsize table th { font-weight: bold; }
.mn-printsize table th.bg {
  background: #e7e7e7;
  color: #666;
}
.mn-printsize table th.col1 { width: 80px; }
.mn-printsize table th.col2 { width: 95px; }
.mn-printsize table th.col3 { width: 102px; }
.mn-printsize table th.col4 { width: 50px; }
.mn-printsize table th.col5 { width: 110px; }
.mn-printsize table td.mb {
  padding-right: 5px;
  text-align: right;
}

/* estimate
------------------------------------------------- */
.mn-estimate-not-select { color: #c0c0c0 }
.mn-estimate-price {
  display: block;
  width: 100%;
  margin-top: .25rem;
  background: #f2f2f2;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3.5rem;
}
.mn-cart-confirm-price .mn-estimate-price {
  display: block;
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}

/* page top
------------------------------------------------- */
.mn-page-top {
  display: none;
  position: fixed;
  right: 1rem;
  bottom: 87px;
  z-index: 101;
  padding: .5rem;
  background: #14285a;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.mn-page-top.mn-page-top-slim { bottom: 32px; }
.mn-page-top i {
  position: absolute;
  top: .4rem;
  left: 2rem;
}

/* selectbox
------------------------------------------------- */
.mn-selectbox {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.mn-selectbox select {
  display: block;
  width: 100%;
  padding-right: 5px;
  border: 1px solid #989898;
  font-size: .9rem;
  text-indent: .01px;
  text-overflow: '';
  align-self: flex-start;
  outline: none;
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.mn-selectbox:before {
  position: absolute;
  top: calc(50% - 2px);
  right: 6px;
  z-index: 1;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #4d4d4d;
  content: '';
  pointer-events: none;
}
.mn-selectbox:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: #989898;
  content: '';
  pointer-events: none;
}
.mn-selectbox select:disabled {
  color: #c0c0c0;
  cursor: default;
}

/* IEの矢印を非表示 */
.mn-selectbox select::-ms-expand { display: none; }

/* FireFoxでフォーカス時に点線が出てしまうのを回避 */
.mn-selectbox select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

/* 各種サイズ */
.mn-selectbox-m { width: 135px; }

.mn-selectbox-lightbox { width: 225px; }
.mn-selectbox-lightbox select { padding: 3px 25px 3px 5px; }

.mn-selectbox-estimate { width: 180px; }

.mn-selectbox-search {
  padding-left: 5px;
  background: #fff url(../images/icon_search_except.png) no-repeat left center;
}
.mn-selectbox-search select {
  height: 45px;
  border: none;
  font-weight: bold;
  font-size: 1.5rem;
}
.mn-selectbox-search:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #4d4d4d;
}
.mn-selectbox-search:after { background: #fff; }

/* autocomplete
------------------------------------------------- */
.ui-autocomplete {
  z-index: 99 !important;
  width: 44.5% !important;
  border: 1px solid #dadadb;
  background: #fafafa;
}
.ui-autocomplete .ui-menu-item a {
  display: block;
  overflow: hidden;
  padding: 5px 10px;
  color: #6e6e6e;
  text-decoration: none;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item .ui-state-focus {
  border: none;
  background: #f2f2f2;
  color: #000;
}

/* preview
------------------------------------------------- */
.mn-preview {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105;
  padding: 10px;
  border: 1px solid #969696;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
.mn-preview-frame {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.mn-preview > p {
  margin-top:5px;
  word-wrap: break-word;
  font-size: .9rem;
}

/* pager
------------------------------------------------- */
.mn-pager ul {
  display: inline-flex;
  font-size: 1.2rem;
  align-items: center;
}
.mn-pager ul > li { margin: 0 .5rem; }
.mn-pager ul > li > a { color: #212529; }
.mn-pager ul > li > a:hover { text-decoration: none; }
.mn-pager-prev a,
.mn-pager-next a {
  display: block;
  width: 20px;
  height: 18px;
}
.mn-pager-prev a { background: url(../images/arrow_prev.png) no-repeat; }
.mn-pager-next a { background: url(../images/arrow_next.png) no-repeat; }

.mn-result-header .mn-pager ul > li > a { color: #fff; }
.mn-result-header .mn-pager-prev a,
.mn-result-header .mn-pager-next a {
  width: 14px;
  height: 16px;
}
.mn-result-header .mn-pager-prev a { background: url(../images/arrow_prev2.png) no-repeat; }
.mn-result-header .mn-pager-next a { background: url(../images/arrow_next2.png) no-repeat; }

/* overwrite toast
------------------------------------------------- */
#toast-container>.toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

/* responsive
------------------------------------------------- */
@media (max-width: 430px) {
  .mn-header-corp { left: 100px; }
}

@media (max-width: 650px) {
  .mn-footer-nav {
    flex-direction: column;
    margin-bottom: 1.5rem !important;
  }
  .mn-footer-link {
    min-height: auto;
    margin: 0;
  }
}

@media (max-width: 850px) {
  .mn-footer-nav {
    align-items: center;
    margin-bottom: 1rem;
  }
  .mn-footer-link > li { margin-bottom: .5rem; }
}

/* IE11 hack
------------------------------------------------- */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .mn-detail-left section
                 , .mn-lightbox-l-data section
                 , .mn-cart-input-data section { word-break: break-all; }

  *::-ms-backdrop, .mn-selectbox-search select {
    height: 42px;
    margin-right: 15px;
  }
}