@charset "UTF-8";
.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

/*! www.matsukiyo.co.jp styles | PC */
.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

audio:not([controls]) {
  display: none;
}

details {
  display: block;
}

input[type="number"] {
  width: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

summary {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

template {
  display: none;
}

textarea {
  overflow: auto;
}

[hidden] {
  display: none;
}

[unselectable] {
  user-select: none;
}

/*
 * Universal inheritance
 */
*,
::before,
::after {
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

* {
  margin: 0;
  padding: 0;
}

:root {
  box-sizing: border-box;
  cursor: default;
  font: 62.5%/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

html {
  background-color: white;
}

a {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  background-color: transparent;
}

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

button,
input,
select,
textarea {
  min-height: 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

nav ol,
nav ul {
  list-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}

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

textarea {
  resize: vertical;
}

::selection {
  background-color: #b3d4fc;
  text-shadow: none;
}

@media screen {
  [hidden~="screen"] {
    display: inherit;
  }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}
.clearfix,
.cfix,
.cFix {
  zoom: 1;
}
.clearfix:before, .clearfix:after,
.cfix:before,
.cfix:after,
.cFix:before,
.cFix:after {
  content: '';
  display: table;
}
.clearfix:after,
.cfix:after,
.cFix:after {
  clear: both;
}

.clear {
  clear: both;
}

a, input, button, object, label, textarea {
  outline: none;
}

strong, b, em, u, i {
  text-decoration: none;
  font-style: normal;
}

nav ul, nav ol {
  margin: 0;
  padding: 0;
}

img {
  -ms-interpolation-mode: bicubic;
}

.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, form, svg {
  color: #1a1a1a;
  text-rendering: optimizeLegibility;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

a {
  color: #0b419b;
}

nav a {
  color: inherit;
}

.mac a:hover,
.win a:hover,
.linux a:hover {
  color: #0b419b;
  text-decoration: underline;
}
.mac a:hover img,
.win a:hover img,
.linux a:hover img {
  opacity: 0.75;
}
.mac button:hover,
.mac input[type="button"]:hover,
.mac input[type="submit"]:hover,
.mac input[type="reset"]:hover,
.mac input[type="image"]:hover,
.mac .button:hover,
.win button:hover,
.win input[type="button"]:hover,
.win input[type="submit"]:hover,
.win input[type="reset"]:hover,
.win input[type="image"]:hover,
.win .button:hover,
.linux button:hover,
.linux input[type="button"]:hover,
.linux input[type="submit"]:hover,
.linux input[type="reset"]:hover,
.linux input[type="image"]:hover,
.linux .button:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
}

input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #cccccc;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: #0b419b;
}

/*! Flexible Grid System 4 | CSS | MIT License | flexible.gs */
/* wrap · flexbox */
/* xl, lg, md, sm, xs · breakpoints */
/* auto, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, hidden · col */
/* out, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 · gutter */
/* top, middle, bottom, between, around, baseline, center, left, right, first, last, reverse · align */
.wrap {
  display: block;
  font-size: 0;
}

.wrap > * {
  display: inline-block;
  width: 100%;
  position: relative;
  min-height: 1px;
  font-size: 1.5rem;
  vertical-align: top;
}

.flexbox {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[class*="gutter-"] > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* xl */
.xl-auto > * {
  width: auto;
}

.xl-1 > * {
  width: 100%;
}

.xl-2 > * {
  width: 50%;
}

.xl-3 > * {
  width: 33.333333333333336%;
}

.xl-4 > * {
  width: 25%;
}

.xl-5 > * {
  width: 20%;
}

.xl-6 > * {
  width: 16.666666666666668%;
}

.xl-7 > * {
  width: 14.285714285714286%;
}

.xl-8 > * {
  width: 12.5%;
}

.xl-9 > * {
  width: 11.11111111111111%;
}

.xl-10 > * {
  width: 10%;
}

.xl-11 > * {
  width: 9.090909090909092%;
}

.xl-12 > * {
  width: 8.333333333333334%;
}

.xl-1-1 {
  width: 100%;
}

.xl-1-2,
.xl-2-4,
.xl-3-6,
.xl-4-8,
.xl-5-10,
.xl-6-12 {
  width: 50%;
}

.xl-1-3,
.xl-2-6,
.xl-4-12 {
  width: 33.333333333333336%;
}

.xl-2-3,
.xl-4-6,
.xl-8-12 {
  width: 66.66666666666667%;
}

.xl-1-4,
.xl-2-8,
.xl-3-12 {
  width: 25%;
}

.xl-3-4,
.xl-6-8,
.xl-9-12 {
  width: 75%;
}

.xl-1-5,
.xl-2-10 {
  width: 20%;
}

.xl-2-5,
.xl-4-10 {
  width: 40%;
}

.xl-3-5,
.xl-6-10 {
  width: 60%;
}

.xl-4-5,
.xl-8-10 {
  width: 80%;
}

.xl-1-6,
.xl-2-12 {
  width: 16.666666666666668%;
}

.xl-5-6,
.xl-10-12 {
  width: 83.33333333333334%;
}

.xl-1-7 {
  width: 14.285714285714286%;
}

.xl-2-7 {
  width: 28.571428571428573%;
}

.xl-3-7 {
  width: 42.85714285714286%;
}

.xl-4-7 {
  width: 57.142857142857146%;
}

.xl-5-7 {
  width: 71.42857142857143%;
}

.xl-6-7 {
  width: 85.71428571428572%;
}

.xl-1-8 {
  width: 12.5%;
}

.xl-3-8 {
  width: 37.5%;
}

.xl-5-8 {
  width: 62.5%;
}

.xl-7-8 {
  width: 87.5%;
}

.xl-1-9 {
  width: 11.11111111111111%;
}

.xl-2-9 {
  width: 22.22222222222222%;
}

.xl-3-9 {
  width: 33.33333333333333%;
}

.xl-4-9 {
  width: 44.44444444444444%;
}

.xl-5-9 {
  width: 55.55555555555556%;
}

.xl-6-9 {
  width: 66.66666666666666%;
}

.xl-7-9 {
  width: 77.77777777777777%;
}

.xl-8-9 {
  width: 88.88888888888889%;
}

.xl-1-10 {
  width: 10%;
}

.xl-3-10 {
  width: 30%;
}

.xl-7-10 {
  width: 70%;
}

.xl-9-10 {
  width: 90%;
}

.xl-1-11 {
  width: 9.090909090909092%;
}

.xl-2-11 {
  width: 18.181818181818183%;
}

.xl-3-11 {
  width: 27.272727272727273%;
}

.xl-4-11 {
  width: 36.36363636363637%;
}

.xl-5-11 {
  width: 45.45454545454546%;
}

.xl-6-11 {
  width: 54.54545454545455%;
}

.xl-7-11 {
  width: 63.63636363636364%;
}

.xl-8-11 {
  width: 72.72727272727273%;
}

.xl-9-11 {
  width: 81.81818181818183%;
}

.xl-10-11 {
  width: 90.90909090909092%;
}

.xl-1-12 {
  width: 8.333333333333334%;
}

.xl-5-12 {
  width: 41.66666666666667%;
}

.xl-7-12 {
  width: 58.333333333333336%;
}

.xl-11-12 {
  width: 91.66666666666667%;
}

.hidden-xl {
  display: none;
}

.not-hidden-xl {
  display: inline-block;
}

.gutter-0-xl {
  margin-left: 0;
  margin-right: 0;
}

.gutter-0-xl > * {
  padding-left: 0;
  padding-right: 0;
}

.gutter-1-xl {
  margin-left: -1px;
  margin-right: -1px;
}

.gutter-1-xl > * {
  padding-left: 1px;
  padding-right: 1px;
}

.gutter-2-xl {
  margin-left: -2px;
  margin-right: -2px;
}

.gutter-2-xl > * {
  padding-left: 2px;
  padding-right: 2px;
}

.gutter-3-xl {
  margin-left: -3px;
  margin-right: -3px;
}

.gutter-3-xl > * {
  padding-left: 3px;
  padding-right: 3px;
}

.gutter-4-xl {
  margin-left: -4px;
  margin-right: -4px;
}

.gutter-4-xl > * {
  padding-left: 4px;
  padding-right: 4px;
}

.gutter-5-xl {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-5-xl > * {
  padding-left: 5px;
  padding-right: 5px;
}

.gutter-6-xl {
  margin-left: -6px;
  margin-right: -6px;
}

.gutter-6-xl > * {
  padding-left: 6px;
  padding-right: 6px;
}

.gutter-7-xl {
  margin-left: -7px;
  margin-right: -7px;
}

.gutter-7-xl > * {
  padding-left: 7px;
  padding-right: 7px;
}

.gutter-8-xl {
  margin-left: -8px;
  margin-right: -8px;
}

.gutter-8-xl > * {
  padding-left: 8px;
  padding-right: 8px;
}

.gutter-9-xl {
  margin-left: -9px;
  margin-right: -9px;
}

.gutter-9-xl > * {
  padding-left: 9px;
  padding-right: 9px;
}

.gutter-10-xl {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-10-xl > * {
  padding-left: 10px;
  padding-right: 10px;
}

.gutter-11-xl {
  margin-left: -11px;
  margin-right: -11px;
}

.gutter-11-xl > * {
  padding-left: 11px;
  padding-right: 11px;
}

.gutter-12-xl {
  margin-left: -12px;
  margin-right: -12px;
}

.gutter-12-xl > * {
  padding-left: 12px;
  padding-right: 12px;
}

.gutter-13-xl {
  margin-left: -13px;
  margin-right: -13px;
}

.gutter-13-xl > * {
  padding-left: 13px;
  padding-right: 13px;
}

.gutter-14-xl {
  margin-left: -14px;
  margin-right: -14px;
}

.gutter-14-xl > * {
  padding-left: 14px;
  padding-right: 14px;
}

.gutter-15-xl {
  margin-left: -15px;
  margin-right: -15px;
}

.gutter-15-xl > * {
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-out-xl {
  margin-left: 0;
  margin-right: 0;
}

.top-xl {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.top-xl > * {
  vertical-align: top;
}

.middle-xl {
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.middle-xl > * {
  vertical-align: middle;
}

.bottom-xl {
  -webkit-align-content: flex-end;
  align-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.bottom-xl > * {
  vertical-align: bottom;
}

.between-xl {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  align-content: space-between;
}

.around-xl {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-content: space-around;
  align-content: space-around;
}

.baseline-xl {
  -webkit-align-items: baseline;
  align-items: baseline;
}

.center-xl {
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

.left-xl {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.right-xl {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.first-xl {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}

.last-xl {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.not-first-xl, .not-last-xl {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
}

.reverse-xl {
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.not-reverse-xl {
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* lg */
@media (max-width: 1024px) {
  .lg-auto > * {
    width: auto;
  }

  .lg-1 > * {
    width: 100%;
  }

  .lg-2 > * {
    width: 50%;
  }

  .lg-3 > * {
    width: 33.333333333333336%;
  }

  .lg-4 > * {
    width: 25%;
  }

  .lg-5 > * {
    width: 20%;
  }

  .lg-6 > * {
    width: 16.666666666666668%;
  }

  .lg-7 > * {
    width: 14.285714285714286%;
  }

  .lg-8 > * {
    width: 12.5%;
  }

  .lg-9 > * {
    width: 11.11111111111111%;
  }

  .lg-10 > * {
    width: 10%;
  }

  .lg-11 > * {
    width: 9.090909090909092%;
  }

  .lg-12 > * {
    width: 8.333333333333334%;
  }

  .lg-1-1 {
    width: 100%;
  }

  .lg-1-2,
  .lg-2-4,
  .lg-3-6,
  .lg-4-8,
  .lg-5-10,
  .lg-6-12 {
    width: 50%;
  }

  .lg-1-3,
  .lg-2-6,
  .lg-4-12 {
    width: 33.333333333333336%;
  }

  .lg-2-3,
  .lg-4-6,
  .lg-8-12 {
    width: 66.66666666666667%;
  }

  .lg-1-4,
  .lg-2-8,
  .lg-3-12 {
    width: 25%;
  }

  .lg-3-4,
  .lg-6-8,
  .lg-9-12 {
    width: 75%;
  }

  .lg-1-5,
  .lg-2-10 {
    width: 20%;
  }

  .lg-2-5,
  .lg-4-10 {
    width: 40%;
  }

  .lg-3-5,
  .lg-6-10 {
    width: 60%;
  }

  .lg-4-5,
  .lg-8-10 {
    width: 80%;
  }

  .lg-1-6,
  .lg-2-12 {
    width: 16.666666666666668%;
  }

  .lg-5-6,
  .lg-10-12 {
    width: 83.33333333333334%;
  }

  .lg-1-7 {
    width: 14.285714285714286%;
  }

  .lg-2-7 {
    width: 28.571428571428573%;
  }

  .lg-3-7 {
    width: 42.85714285714286%;
  }

  .lg-4-7 {
    width: 57.142857142857146%;
  }

  .lg-5-7 {
    width: 71.42857142857143%;
  }

  .lg-6-7 {
    width: 85.71428571428572%;
  }

  .lg-1-8 {
    width: 12.5%;
  }

  .lg-3-8 {
    width: 37.5%;
  }

  .lg-5-8 {
    width: 62.5%;
  }

  .lg-7-8 {
    width: 87.5%;
  }

  .lg-1-9 {
    width: 11.11111111111111%;
  }

  .lg-2-9 {
    width: 22.22222222222222%;
  }

  .lg-3-9 {
    width: 33.33333333333333%;
  }

  .lg-4-9 {
    width: 44.44444444444444%;
  }

  .lg-5-9 {
    width: 55.55555555555556%;
  }

  .lg-6-9 {
    width: 66.66666666666666%;
  }

  .lg-7-9 {
    width: 77.77777777777777%;
  }

  .lg-8-9 {
    width: 88.88888888888889%;
  }

  .lg-1-10 {
    width: 10%;
  }

  .lg-3-10 {
    width: 30%;
  }

  .lg-7-10 {
    width: 70%;
  }

  .lg-9-10 {
    width: 90%;
  }

  .lg-1-11 {
    width: 9.090909090909092%;
  }

  .lg-2-11 {
    width: 18.181818181818183%;
  }

  .lg-3-11 {
    width: 27.272727272727273%;
  }

  .lg-4-11 {
    width: 36.36363636363637%;
  }

  .lg-5-11 {
    width: 45.45454545454546%;
  }

  .lg-6-11 {
    width: 54.54545454545455%;
  }

  .lg-7-11 {
    width: 63.63636363636364%;
  }

  .lg-8-11 {
    width: 72.72727272727273%;
  }

  .lg-9-11 {
    width: 81.81818181818183%;
  }

  .lg-10-11 {
    width: 90.90909090909092%;
  }

  .lg-1-12 {
    width: 8.333333333333334%;
  }

  .lg-5-12 {
    width: 41.66666666666667%;
  }

  .lg-7-12 {
    width: 58.333333333333336%;
  }

  .lg-11-12 {
    width: 91.66666666666667%;
  }

  .hidden-lg {
    display: none;
  }

  .not-hidden-lg {
    display: inline-block;
  }

  .gutter-0-lg {
    margin-left: 0;
    margin-right: 0;
  }

  .gutter-0-lg > * {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-lg {
    margin-left: -1px;
    margin-right: -1px;
  }

  .gutter-1-lg > * {
    padding-left: 1px;
    padding-right: 1px;
  }

  .gutter-2-lg {
    margin-left: -2px;
    margin-right: -2px;
  }

  .gutter-2-lg > * {
    padding-left: 2px;
    padding-right: 2px;
  }

  .gutter-3-lg {
    margin-left: -3px;
    margin-right: -3px;
  }

  .gutter-3-lg > * {
    padding-left: 3px;
    padding-right: 3px;
  }

  .gutter-4-lg {
    margin-left: -4px;
    margin-right: -4px;
  }

  .gutter-4-lg > * {
    padding-left: 4px;
    padding-right: 4px;
  }

  .gutter-5-lg {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gutter-5-lg > * {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gutter-6-lg {
    margin-left: -6px;
    margin-right: -6px;
  }

  .gutter-6-lg > * {
    padding-left: 6px;
    padding-right: 6px;
  }

  .gutter-7-lg {
    margin-left: -7px;
    margin-right: -7px;
  }

  .gutter-7-lg > * {
    padding-left: 7px;
    padding-right: 7px;
  }

  .gutter-8-lg {
    margin-left: -8px;
    margin-right: -8px;
  }

  .gutter-8-lg > * {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-9-lg {
    margin-left: -9px;
    margin-right: -9px;
  }

  .gutter-9-lg > * {
    padding-left: 9px;
    padding-right: 9px;
  }

  .gutter-10-lg {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gutter-10-lg > * {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-11-lg {
    margin-left: -11px;
    margin-right: -11px;
  }

  .gutter-11-lg > * {
    padding-left: 11px;
    padding-right: 11px;
  }

  .gutter-12-lg {
    margin-left: -12px;
    margin-right: -12px;
  }

  .gutter-12-lg > * {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gutter-13-lg {
    margin-left: -13px;
    margin-right: -13px;
  }

  .gutter-13-lg > * {
    padding-left: 13px;
    padding-right: 13px;
  }

  .gutter-14-lg {
    margin-left: -14px;
    margin-right: -14px;
  }

  .gutter-14-lg > * {
    padding-left: 14px;
    padding-right: 14px;
  }

  .gutter-15-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gutter-15-lg > * {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gutter-out-lg {
    margin-left: 0;
    margin-right: 0;
  }

  .top-lg {
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .top-lg > * {
    vertical-align: top;
  }

  .middle-lg {
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .middle-lg > * {
    vertical-align: middle;
  }

  .bottom-lg {
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  .bottom-lg > * {
    vertical-align: bottom;
  }

  .between-lg {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-between;
    align-content: space-between;
  }

  .around-lg {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: space-around;
    align-content: space-around;
  }

  .baseline-lg {
    -webkit-align-items: baseline;
    align-items: baseline;
  }

  .center-lg {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .left-lg {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .right-lg {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .first-lg {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .not-first-lg, .not-last-lg {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  .reverse-lg {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .not-reverse-lg {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* md */
@media (max-width: 768px) {
  .md-auto > * {
    width: auto;
  }

  .md-1 > * {
    width: 100%;
  }

  .md-2 > * {
    width: 50%;
  }

  .md-3 > * {
    width: 33.333333333333336%;
  }

  .md-4 > * {
    width: 25%;
  }

  .md-5 > * {
    width: 20%;
  }

  .md-6 > * {
    width: 16.666666666666668%;
  }

  .md-7 > * {
    width: 14.285714285714286%;
  }

  .md-8 > * {
    width: 12.5%;
  }

  .md-9 > * {
    width: 11.11111111111111%;
  }

  .md-10 > * {
    width: 10%;
  }

  .md-11 > * {
    width: 9.090909090909092%;
  }

  .md-12 > * {
    width: 8.333333333333334%;
  }

  .md-1-1 {
    width: 100%;
  }

  .md-1-2,
  .md-2-4,
  .md-3-6,
  .md-4-8,
  .md-5-10,
  .md-6-12 {
    width: 50%;
  }

  .md-1-3,
  .md-2-6,
  .md-4-12 {
    width: 33.333333333333336%;
  }

  .md-2-3,
  .md-4-6,
  .md-8-12 {
    width: 66.66666666666667%;
  }

  .md-1-4,
  .md-2-8,
  .md-3-12 {
    width: 25%;
  }

  .md-3-4,
  .md-6-8,
  .md-9-12 {
    width: 75%;
  }

  .md-1-5,
  .md-2-10 {
    width: 20%;
  }

  .md-2-5,
  .md-4-10 {
    width: 40%;
  }

  .md-3-5,
  .md-6-10 {
    width: 60%;
  }

  .md-4-5,
  .md-8-10 {
    width: 80%;
  }

  .md-1-6,
  .md-2-12 {
    width: 16.666666666666668%;
  }

  .md-5-6,
  .md-10-12 {
    width: 83.33333333333334%;
  }

  .md-1-7 {
    width: 14.285714285714286%;
  }

  .md-2-7 {
    width: 28.571428571428573%;
  }

  .md-3-7 {
    width: 42.85714285714286%;
  }

  .md-4-7 {
    width: 57.142857142857146%;
  }

  .md-5-7 {
    width: 71.42857142857143%;
  }

  .md-6-7 {
    width: 85.71428571428572%;
  }

  .md-1-8 {
    width: 12.5%;
  }

  .md-3-8 {
    width: 37.5%;
  }

  .md-5-8 {
    width: 62.5%;
  }

  .md-7-8 {
    width: 87.5%;
  }

  .md-1-9 {
    width: 11.11111111111111%;
  }

  .md-2-9 {
    width: 22.22222222222222%;
  }

  .md-3-9 {
    width: 33.33333333333333%;
  }

  .md-4-9 {
    width: 44.44444444444444%;
  }

  .md-5-9 {
    width: 55.55555555555556%;
  }

  .md-6-9 {
    width: 66.66666666666666%;
  }

  .md-7-9 {
    width: 77.77777777777777%;
  }

  .md-8-9 {
    width: 88.88888888888889%;
  }

  .md-1-10 {
    width: 10%;
  }

  .md-3-10 {
    width: 30%;
  }

  .md-7-10 {
    width: 70%;
  }

  .md-9-10 {
    width: 90%;
  }

  .md-1-11 {
    width: 9.090909090909092%;
  }

  .md-2-11 {
    width: 18.181818181818183%;
  }

  .md-3-11 {
    width: 27.272727272727273%;
  }

  .md-4-11 {
    width: 36.36363636363637%;
  }

  .md-5-11 {
    width: 45.45454545454546%;
  }

  .md-6-11 {
    width: 54.54545454545455%;
  }

  .md-7-11 {
    width: 63.63636363636364%;
  }

  .md-8-11 {
    width: 72.72727272727273%;
  }

  .md-9-11 {
    width: 81.81818181818183%;
  }

  .md-10-11 {
    width: 90.90909090909092%;
  }

  .md-1-12 {
    width: 8.333333333333334%;
  }

  .md-5-12 {
    width: 41.66666666666667%;
  }

  .md-7-12 {
    width: 58.333333333333336%;
  }

  .md-11-12 {
    width: 91.66666666666667%;
  }

  .hidden-md {
    display: none;
  }

  .not-hidden-md {
    display: inline-block;
  }

  .gutter-0-md {
    margin-left: 0;
    margin-right: 0;
  }

  .gutter-0-md > * {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-md {
    margin-left: -1px;
    margin-right: -1px;
  }

  .gutter-1-md > * {
    padding-left: 1px;
    padding-right: 1px;
  }

  .gutter-2-md {
    margin-left: -2px;
    margin-right: -2px;
  }

  .gutter-2-md > * {
    padding-left: 2px;
    padding-right: 2px;
  }

  .gutter-3-md {
    margin-left: -3px;
    margin-right: -3px;
  }

  .gutter-3-md > * {
    padding-left: 3px;
    padding-right: 3px;
  }

  .gutter-4-md {
    margin-left: -4px;
    margin-right: -4px;
  }

  .gutter-4-md > * {
    padding-left: 4px;
    padding-right: 4px;
  }

  .gutter-5-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gutter-5-md > * {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gutter-6-md {
    margin-left: -6px;
    margin-right: -6px;
  }

  .gutter-6-md > * {
    padding-left: 6px;
    padding-right: 6px;
  }

  .gutter-7-md {
    margin-left: -7px;
    margin-right: -7px;
  }

  .gutter-7-md > * {
    padding-left: 7px;
    padding-right: 7px;
  }

  .gutter-8-md {
    margin-left: -8px;
    margin-right: -8px;
  }

  .gutter-8-md > * {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-9-md {
    margin-left: -9px;
    margin-right: -9px;
  }

  .gutter-9-md > * {
    padding-left: 9px;
    padding-right: 9px;
  }

  .gutter-10-md {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gutter-10-md > * {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-11-md {
    margin-left: -11px;
    margin-right: -11px;
  }

  .gutter-11-md > * {
    padding-left: 11px;
    padding-right: 11px;
  }

  .gutter-12-md {
    margin-left: -12px;
    margin-right: -12px;
  }

  .gutter-12-md > * {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gutter-13-md {
    margin-left: -13px;
    margin-right: -13px;
  }

  .gutter-13-md > * {
    padding-left: 13px;
    padding-right: 13px;
  }

  .gutter-14-md {
    margin-left: -14px;
    margin-right: -14px;
  }

  .gutter-14-md > * {
    padding-left: 14px;
    padding-right: 14px;
  }

  .gutter-15-md {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gutter-15-md > * {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gutter-out-md {
    margin-left: 0;
    margin-right: 0;
  }

  .top-md {
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .top-md > * {
    vertical-align: top;
  }

  .middle-md {
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .middle-md > * {
    vertical-align: middle;
  }

  .bottom-md {
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  .bottom-md > * {
    vertical-align: bottom;
  }

  .between-md {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-between;
    align-content: space-between;
  }

  .around-md {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: space-around;
    align-content: space-around;
  }

  .baseline-md {
    -webkit-align-items: baseline;
    align-items: baseline;
  }

  .center-md {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .left-md {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .right-md {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .first-md {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .not-first-md, .not-last-md {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  .reverse-md {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .not-reverse-md {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* sm */
@media (max-width: 667px) {
  .sm-auto > * {
    width: auto;
  }

  .sm-1 > * {
    width: 100%;
  }

  .sm-2 > * {
    width: 50%;
  }

  .sm-3 > * {
    width: 33.333333333333336%;
  }

  .sm-4 > * {
    width: 25%;
  }

  .sm-5 > * {
    width: 20%;
  }

  .sm-6 > * {
    width: 16.666666666666668%;
  }

  .sm-7 > * {
    width: 14.285714285714286%;
  }

  .sm-8 > * {
    width: 12.5%;
  }

  .sm-9 > * {
    width: 11.11111111111111%;
  }

  .sm-10 > * {
    width: 10%;
  }

  .sm-11 > * {
    width: 9.090909090909092%;
  }

  .sm-12 > * {
    width: 8.333333333333334%;
  }

  .sm-1-1 {
    width: 100%;
  }

  .sm-1-2,
  .sm-2-4,
  .sm-3-6,
  .sm-4-8,
  .sm-5-10,
  .sm-6-12 {
    width: 50%;
  }

  .sm-1-3,
  .sm-2-6,
  .sm-4-12 {
    width: 33.333333333333336%;
  }

  .sm-2-3,
  .sm-4-6,
  .sm-8-12 {
    width: 66.66666666666667%;
  }

  .sm-1-4,
  .sm-2-8,
  .sm-3-12 {
    width: 25%;
  }

  .sm-3-4,
  .sm-6-8,
  .sm-9-12 {
    width: 75%;
  }

  .sm-1-5,
  .sm-2-10 {
    width: 20%;
  }

  .sm-2-5,
  .sm-4-10 {
    width: 40%;
  }

  .sm-3-5,
  .sm-6-10 {
    width: 60%;
  }

  .sm-4-5,
  .sm-8-10 {
    width: 80%;
  }

  .sm-1-6,
  .sm-2-12 {
    width: 16.666666666666668%;
  }

  .sm-5-6,
  .sm-10-12 {
    width: 83.33333333333334%;
  }

  .sm-1-7 {
    width: 14.285714285714286%;
  }

  .sm-2-7 {
    width: 28.571428571428573%;
  }

  .sm-3-7 {
    width: 42.85714285714286%;
  }

  .sm-4-7 {
    width: 57.142857142857146%;
  }

  .sm-5-7 {
    width: 71.42857142857143%;
  }

  .sm-6-7 {
    width: 85.71428571428572%;
  }

  .sm-1-8 {
    width: 12.5%;
  }

  .sm-3-8 {
    width: 37.5%;
  }

  .sm-5-8 {
    width: 62.5%;
  }

  .sm-7-8 {
    width: 87.5%;
  }

  .sm-1-9 {
    width: 11.11111111111111%;
  }

  .sm-2-9 {
    width: 22.22222222222222%;
  }

  .sm-3-9 {
    width: 33.33333333333333%;
  }

  .sm-4-9 {
    width: 44.44444444444444%;
  }

  .sm-5-9 {
    width: 55.55555555555556%;
  }

  .sm-6-9 {
    width: 66.66666666666666%;
  }

  .sm-7-9 {
    width: 77.77777777777777%;
  }

  .sm-8-9 {
    width: 88.88888888888889%;
  }

  .sm-1-10 {
    width: 10%;
  }

  .sm-3-10 {
    width: 30%;
  }

  .sm-7-10 {
    width: 70%;
  }

  .sm-9-10 {
    width: 90%;
  }

  .sm-1-11 {
    width: 9.090909090909092%;
  }

  .sm-2-11 {
    width: 18.181818181818183%;
  }

  .sm-3-11 {
    width: 27.272727272727273%;
  }

  .sm-4-11 {
    width: 36.36363636363637%;
  }

  .sm-5-11 {
    width: 45.45454545454546%;
  }

  .sm-6-11 {
    width: 54.54545454545455%;
  }

  .sm-7-11 {
    width: 63.63636363636364%;
  }

  .sm-8-11 {
    width: 72.72727272727273%;
  }

  .sm-9-11 {
    width: 81.81818181818183%;
  }

  .sm-10-11 {
    width: 90.90909090909092%;
  }

  .sm-1-12 {
    width: 8.333333333333334%;
  }

  .sm-5-12 {
    width: 41.66666666666667%;
  }

  .sm-7-12 {
    width: 58.333333333333336%;
  }

  .sm-11-12 {
    width: 91.66666666666667%;
  }

  .hidden-sm {
    display: none;
  }

  .not-hidden-sm {
    display: inline-block;
  }

  .gutter-0-sm {
    margin-left: 0;
    margin-right: 0;
  }

  .gutter-0-sm > * {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-sm {
    margin-left: -1px;
    margin-right: -1px;
  }

  .gutter-1-sm > * {
    padding-left: 1px;
    padding-right: 1px;
  }

  .gutter-2-sm {
    margin-left: -2px;
    margin-right: -2px;
  }

  .gutter-2-sm > * {
    padding-left: 2px;
    padding-right: 2px;
  }

  .gutter-3-sm {
    margin-left: -3px;
    margin-right: -3px;
  }

  .gutter-3-sm > * {
    padding-left: 3px;
    padding-right: 3px;
  }

  .gutter-4-sm {
    margin-left: -4px;
    margin-right: -4px;
  }

  .gutter-4-sm > * {
    padding-left: 4px;
    padding-right: 4px;
  }

  .gutter-5-sm {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gutter-5-sm > * {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gutter-6-sm {
    margin-left: -6px;
    margin-right: -6px;
  }

  .gutter-6-sm > * {
    padding-left: 6px;
    padding-right: 6px;
  }

  .gutter-7-sm {
    margin-left: -7px;
    margin-right: -7px;
  }

  .gutter-7-sm > * {
    padding-left: 7px;
    padding-right: 7px;
  }

  .gutter-8-sm {
    margin-left: -8px;
    margin-right: -8px;
  }

  .gutter-8-sm > * {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-9-sm {
    margin-left: -9px;
    margin-right: -9px;
  }

  .gutter-9-sm > * {
    padding-left: 9px;
    padding-right: 9px;
  }

  .gutter-10-sm {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gutter-10-sm > * {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-11-sm {
    margin-left: -11px;
    margin-right: -11px;
  }

  .gutter-11-sm > * {
    padding-left: 11px;
    padding-right: 11px;
  }

  .gutter-12-sm {
    margin-left: -12px;
    margin-right: -12px;
  }

  .gutter-12-sm > * {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gutter-13-sm {
    margin-left: -13px;
    margin-right: -13px;
  }

  .gutter-13-sm > * {
    padding-left: 13px;
    padding-right: 13px;
  }

  .gutter-14-sm {
    margin-left: -14px;
    margin-right: -14px;
  }

  .gutter-14-sm > * {
    padding-left: 14px;
    padding-right: 14px;
  }

  .gutter-15-sm {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gutter-15-sm > * {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gutter-out-sm {
    margin-left: 0;
    margin-right: 0;
  }

  .top-sm {
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .top-sm > * {
    vertical-align: top;
  }

  .middle-sm {
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .middle-sm > * {
    vertical-align: middle;
  }

  .bottom-sm {
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  .bottom-sm > * {
    vertical-align: bottom;
  }

  .between-sm {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-between;
    align-content: space-between;
  }

  .around-sm {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: space-around;
    align-content: space-around;
  }

  .baseline-sm {
    -webkit-align-items: baseline;
    align-items: baseline;
  }

  .center-sm {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .left-sm {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .right-sm {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .first-sm {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .not-first-sm, .not-last-sm {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  .reverse-sm {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .not-reverse-sm {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* xs */
@media (max-width: 414px) {
  .xs-auto > * {
    width: auto;
  }

  .xs-1 > * {
    width: 100%;
  }

  .xs-2 > * {
    width: 50%;
  }

  .xs-3 > * {
    width: 33.333333333333336%;
  }

  .xs-4 > * {
    width: 25%;
  }

  .xs-5 > * {
    width: 20%;
  }

  .xs-6 > * {
    width: 16.666666666666668%;
  }

  .xs-7 > * {
    width: 14.285714285714286%;
  }

  .xs-8 > * {
    width: 12.5%;
  }

  .xs-9 > * {
    width: 11.11111111111111%;
  }

  .xs-10 > * {
    width: 10%;
  }

  .xs-11 > * {
    width: 9.090909090909092%;
  }

  .xs-12 > * {
    width: 8.333333333333334%;
  }

  .xs-1-1 {
    width: 100%;
  }

  .xs-1-2,
  .xs-2-4,
  .xs-3-6,
  .xs-4-8,
  .xs-5-10,
  .xs-6-12 {
    width: 50%;
  }

  .xs-1-3,
  .xs-2-6,
  .xs-4-12 {
    width: 33.333333333333336%;
  }

  .xs-2-3,
  .xs-4-6,
  .xs-8-12 {
    width: 66.66666666666667%;
  }

  .xs-1-4,
  .xs-2-8,
  .xs-3-12 {
    width: 25%;
  }

  .xs-3-4,
  .xs-6-8,
  .xs-9-12 {
    width: 75%;
  }

  .xs-1-5,
  .xs-2-10 {
    width: 20%;
  }

  .xs-2-5,
  .xs-4-10 {
    width: 40%;
  }

  .xs-3-5,
  .xs-6-10 {
    width: 60%;
  }

  .xs-4-5,
  .xs-8-10 {
    width: 80%;
  }

  .xs-1-6,
  .xs-2-12 {
    width: 16.666666666666668%;
  }

  .xs-5-6,
  .xs-10-12 {
    width: 83.33333333333334%;
  }

  .xs-1-7 {
    width: 14.285714285714286%;
  }

  .xs-2-7 {
    width: 28.571428571428573%;
  }

  .xs-3-7 {
    width: 42.85714285714286%;
  }

  .xs-4-7 {
    width: 57.142857142857146%;
  }

  .xs-5-7 {
    width: 71.42857142857143%;
  }

  .xs-6-7 {
    width: 85.71428571428572%;
  }

  .xs-1-8 {
    width: 12.5%;
  }

  .xs-3-8 {
    width: 37.5%;
  }

  .xs-5-8 {
    width: 62.5%;
  }

  .xs-7-8 {
    width: 87.5%;
  }

  .xs-1-9 {
    width: 11.11111111111111%;
  }

  .xs-2-9 {
    width: 22.22222222222222%;
  }

  .xs-3-9 {
    width: 33.33333333333333%;
  }

  .xs-4-9 {
    width: 44.44444444444444%;
  }

  .xs-5-9 {
    width: 55.55555555555556%;
  }

  .xs-6-9 {
    width: 66.66666666666666%;
  }

  .xs-7-9 {
    width: 77.77777777777777%;
  }

  .xs-8-9 {
    width: 88.88888888888889%;
  }

  .xs-1-10 {
    width: 10%;
  }

  .xs-3-10 {
    width: 30%;
  }

  .xs-7-10 {
    width: 70%;
  }

  .xs-9-10 {
    width: 90%;
  }

  .xs-1-11 {
    width: 9.090909090909092%;
  }

  .xs-2-11 {
    width: 18.181818181818183%;
  }

  .xs-3-11 {
    width: 27.272727272727273%;
  }

  .xs-4-11 {
    width: 36.36363636363637%;
  }

  .xs-5-11 {
    width: 45.45454545454546%;
  }

  .xs-6-11 {
    width: 54.54545454545455%;
  }

  .xs-7-11 {
    width: 63.63636363636364%;
  }

  .xs-8-11 {
    width: 72.72727272727273%;
  }

  .xs-9-11 {
    width: 81.81818181818183%;
  }

  .xs-10-11 {
    width: 90.90909090909092%;
  }

  .xs-1-12 {
    width: 8.333333333333334%;
  }

  .xs-5-12 {
    width: 41.66666666666667%;
  }

  .xs-7-12 {
    width: 58.333333333333336%;
  }

  .xs-11-12 {
    width: 91.66666666666667%;
  }

  .hidden-xs {
    display: none;
  }

  .not-hidden-xs {
    display: inline-block;
  }

  .gutter-0-xs {
    margin-left: 0;
    margin-right: 0;
  }

  .gutter-0-xs > * {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-xs {
    margin-left: -1px;
    margin-right: -1px;
  }

  .gutter-1-xs > * {
    padding-left: 1px;
    padding-right: 1px;
  }

  .gutter-2-xs {
    margin-left: -2px;
    margin-right: -2px;
  }

  .gutter-2-xs > * {
    padding-left: 2px;
    padding-right: 2px;
  }

  .gutter-3-xs {
    margin-left: -3px;
    margin-right: -3px;
  }

  .gutter-3-xs > * {
    padding-left: 3px;
    padding-right: 3px;
  }

  .gutter-4-xs {
    margin-left: -4px;
    margin-right: -4px;
  }

  .gutter-4-xs > * {
    padding-left: 4px;
    padding-right: 4px;
  }

  .gutter-5-xs {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gutter-5-xs > * {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gutter-6-xs {
    margin-left: -6px;
    margin-right: -6px;
  }

  .gutter-6-xs > * {
    padding-left: 6px;
    padding-right: 6px;
  }

  .gutter-7-xs {
    margin-left: -7px;
    margin-right: -7px;
  }

  .gutter-7-xs > * {
    padding-left: 7px;
    padding-right: 7px;
  }

  .gutter-8-xs {
    margin-left: -8px;
    margin-right: -8px;
  }

  .gutter-8-xs > * {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-9-xs {
    margin-left: -9px;
    margin-right: -9px;
  }

  .gutter-9-xs > * {
    padding-left: 9px;
    padding-right: 9px;
  }

  .gutter-10-xs {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gutter-10-xs > * {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-11-xs {
    margin-left: -11px;
    margin-right: -11px;
  }

  .gutter-11-xs > * {
    padding-left: 11px;
    padding-right: 11px;
  }

  .gutter-12-xs {
    margin-left: -12px;
    margin-right: -12px;
  }

  .gutter-12-xs > * {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gutter-13-xs {
    margin-left: -13px;
    margin-right: -13px;
  }

  .gutter-13-xs > * {
    padding-left: 13px;
    padding-right: 13px;
  }

  .gutter-14-xs {
    margin-left: -14px;
    margin-right: -14px;
  }

  .gutter-14-xs > * {
    padding-left: 14px;
    padding-right: 14px;
  }

  .gutter-15-xs {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gutter-15-xs > * {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gutter-out-xs {
    margin-left: 0;
    margin-right: 0;
  }

  .top-xs {
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .top-xs > * {
    vertical-align: top;
  }

  .middle-xs {
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .middle-xs > * {
    vertical-align: middle;
  }

  .bottom-xs {
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  .bottom-xs > * {
    vertical-align: bottom;
  }

  .between-xs {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-between;
    align-content: space-between;
  }

  .around-xs {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: space-around;
    align-content: space-around;
  }

  .baseline-xs {
    -webkit-align-items: baseline;
    align-items: baseline;
  }

  .center-xs {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .left-xs {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .right-xs {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .first-xs {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }

  .last-xs {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .not-first-xs, .not-last-xs {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  .reverse-xs {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .not-reverse-xs {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #000;
  padding: 1px;
}

#cboxLoadingGraphic {
  background: url(/img/mkn_ui/common/colorbox/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxTitle {
  position: absolute;
  /*top:-22px;*/
  left: 0;
  color: #000;
  padding: 4px 2px;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(/img/mkn_ui/common/colorbox/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

#cboxPrevious:hover {
  background-position: 0px -25px;
}

#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

#cboxNext:hover {
  background-position: -25px -25px;
}

#cboxClose {
  background-position: -50px 0px;
  right: 0;
}

#cboxClose:hover {
  background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

#cboxContent {
  margin-left: 14px;
  margin-right: 14px;
}

#cboxClose {
  width: 30px;
  height: 29px;
  background-image: url(/img/mkn_ui/common/colorbox/btn_close.png);
  background-position: 0 0 !important;
  top: -14px;
  right: -14px;
}

.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.full-image {
  max-width: none;
  min-width: 0;
  width: 100%;
  height: auto;
  max-height: none;
  min-height: 0;
}

.box-scl {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.box-scl > * {
  -webkit-transform: translateZ(0px);
}

.box-scl-horizontal {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.box-scl-horizontal > * {
  -webkit-transform: translateZ(0px);
}

.img-holder {
  text-align: center;
}
.img-holder img {
  max-width: 100%;
}

.video-holder-poster,
.video-holder-poster-hd {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}
.video-holder-poster:before,
.video-holder-poster-hd:before {
  content: '';
  position: absolute;
  display: block;
  text-align: center;
  left: 50%;
  top: 50%;
  z-index: 2;
  background-image: url(/img/mkn_ui/common/icon_movie_play_overlay.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-top: -40px;
  margin-left: -40px;
}
.video-holder-poster img,
.video-holder-poster-hd img {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 0;
}

.video-holder-poster {
  padding-bottom: 75%;
}

.video-holder-poster-hd {
  padding-bottom: 56.25%;
}
.video-holder-poster-hd img {
  margin-top: -9%;
}

.video-holder,
.video-holder-hd {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  background-color: #000;
  background-image: url(/img/mkn_ui/common/loading_nega.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 24px;
  background-size: 24px;
}

.video-holder {
  padding-bottom: 75%;
}

.video-holder-hd {
  padding-bottom: 56.25%;
}

.video-holder iframe,
.video-holder object,
.video-holder embed,
.video-holder-hd iframe,
.video-holder-hd object,
.video-holder-hd embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.row {
  display: table;
  width: 100%;
}
.row > .col {
  display: table-cell;
  vertical-align: middle;
}

.nowraps > span {
  display: inline-block;
}

#filter_ {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  height: 0;
  width: 0;
  z-index: -1;
  background-color: transparent;
  cursor: default;
}

.caution {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}

li.caution {
  margin-left: -1em;
}

.ttl-bnr {
  margin: 15px;
}
.ttl-bnr img {
  display: block;
  max-width: none;
  width: 100%;
}

.no-data {
  color: #666666;
}

.loader_ {
  background-image: url(/img/mkn_ui/common/loading.gif);
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  min-width: 100px;
  min-height: 100px;
  margin: auto;
}

.tbl-holder table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.tbl-holder table th, .tbl-holder table td {
  border: 1px solid #cccccc;
  padding: 1em;
}
.tbl-holder table th {
  background-color: #f2f2f2;
}

.box-img {
  text-align: center;
}

.card {
  background-color: #e6edf7;
  padding: 1px 0;
}
.card .card-title.item.item-thumbnail-left {
  padding-left: 90px;
  border: 0;
  margin: 0;
}
.card .card-title.item.item-thumbnail-left > em {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #0b419b;
  line-height: 1.4;
  display: table-cell;
  height: 70px;
  vertical-align: middle;
}
.card .card-title.item.item-thumbnail-left > span {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  color: #0b419b;
  line-height: 1.5;
  display: table-cell;
  height: 70px;
  vertical-align: middle;
}

.card-inset {
  overflow: hidden;
  border: 2px solid #cccccc;
  border-radius: 7px;
  padding: 5px;
}

.balloon {
  width: 68px;
  height: 68px;
  border-radius: 100px;
  background-color: #fff;
}
.balloon:after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-left-color: #fff;
  border-width: 5px 10px;
  top: 50%;
  margin-top: -5px;
  right: -18px;
  z-index: 1;
}

.box-go-qa .card-title.item.item-thumbnail-left {
  min-height: 74px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.box-go-qa .balloon + em img {
  height: 38px;
  margin-left: 5px;
}
.box-go-qa .button {
  margin-top: 0;
}

article > section:last-child > .box-go-qa {
  margin-bottom: 0;
}

.label-category,
.label-flag {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 30px;
  display: inline-block;
  padding: 0 5px;
  min-height: 30px;
  margin: 0 10px 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.label-category:last-child,
.label-flag:last-child {
  margin-right: 0;
}

.label-category {
  font-weight: bold;
}

.label-flag {
  padding: 0 4px;
  border: 1px solid #666666;
  color: #666666;
  line-height: 28px;
}

.label-new {
  background-color: #ff7200;
  color: #fff !important;
  border-radius: 2px;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  display: inline-block;
  min-height: 15px;
  padding: 0 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.label-category + .label-new,
.label-flag + .label-new {
  vertical-align: top;
  position: relative;
  top: 3px;
  margin: 0 0 7px 0;
  float: right;
}

.paging {
  text-align: center;
  margin: 15px;
  word-break: break-all;
}

.paging span {
  white-space: nowrap;
}

.paging .prev, .paging .next, .paging .jprev, .paging .jnext {
  opacity: 0.5;
}

.paging a, .paging .current, .paging .prev, .paging .next, .paging .jprev, .paging .jnext {
  background-color: #f1f1f1;
  margin: 3px;
  padding: 0 5px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
}

#pageNation {
  margin: 20px 15px;
  text-align: center;
}

#pageNation ul.pages {
  margin-bottom: 15px;
  padding-left: 0;
}

#pageNation ul.pages li {
  display: inline;
  margin-left: 1em;
}
#pageNation ul.pages li:first-child {
  margin-left: 0;
}

#pageNation ul.pages li.current {
  font-weight: bold;
}

#pageNation ul.pages li a {
  color: #114294;
}

#pageNation ul.pages li:last-child {
  margin-right: 0;
}

#pageNation .totalNumber span {
  margin-right: 1em;
  font-size: 11px;
  flex: 1.1rem;
}

#pageNation .totalNumber span:last-child {
  margin-right: 0;
}

.list,
ul.list,
ol.list {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
}
.list > ul > li,
ul.list > ul > li,
ol.list > ul > li {
  display: block;
}
.list .item,
ul.list .item,
ol.list .item {
  position: relative;
  display: block;
  padding: 11px 15px;
  border-bottom: 1px solid #cccccc;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  min-height: 43px;
}
.list .item > time, .list .item > .update,
ul.list .item > time,
ul.list .item > .update,
ol.list .item > time,
ol.list .item > .update {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #666666;
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}
.list .item p, .list .item ul, .list .item ul, .list .item dl, .list .item .table-holder, .list .item .h2, .list .item .h3, .list .item .img-holder, .list .item .button, .list .item h3, .list .item h4, .list .item h5, .list .item h6,
ul.list .item p,
ul.list .item ul,
ul.list .item ul,
ul.list .item dl,
ul.list .item .table-holder,
ul.list .item .h2,
ul.list .item .h3,
ul.list .item .img-holder,
ul.list .item .button,
ul.list .item h3,
ul.list .item h4,
ul.list .item h5,
ul.list .item h6,
ol.list .item p,
ol.list .item ul,
ol.list .item ul,
ol.list .item dl,
ol.list .item .table-holder,
ol.list .item .h2,
ol.list .item .h3,
ol.list .item .img-holder,
ol.list .item .button,
ol.list .item h3,
ol.list .item h4,
ol.list .item h5,
ol.list .item h6 {
  margin-left: 0;
  margin-right: 0;
}
.list .item p:first-child, .list .item ul:first-child, .list .item ul:first-child, .list .item dl:first-child, .list .item .table-holder:first-child, .list .item .h2:first-child, .list .item .h3:first-child, .list .item .img-holder:first-child, .list .item .button:first-child, .list .item h3:first-child, .list .item h4:first-child, .list .item h5:first-child, .list .item h6:first-child,
ul.list .item p:first-child,
ul.list .item ul:first-child,
ul.list .item ul:first-child,
ul.list .item dl:first-child,
ul.list .item .table-holder:first-child,
ul.list .item .h2:first-child,
ul.list .item .h3:first-child,
ul.list .item .img-holder:first-child,
ul.list .item .button:first-child,
ul.list .item h3:first-child,
ul.list .item h4:first-child,
ul.list .item h5:first-child,
ul.list .item h6:first-child,
ol.list .item p:first-child,
ol.list .item ul:first-child,
ol.list .item ul:first-child,
ol.list .item dl:first-child,
ol.list .item .table-holder:first-child,
ol.list .item .h2:first-child,
ol.list .item .h3:first-child,
ol.list .item .img-holder:first-child,
ol.list .item .button:first-child,
ol.list .item h3:first-child,
ol.list .item h4:first-child,
ol.list .item h5:first-child,
ol.list .item h6:first-child {
  margin-top: 0;
}
.list .item p:last-child, .list .item ul:last-child, .list .item ul:last-child, .list .item dl:last-child, .list .item .table-holder:last-child, .list .item .h2:last-child, .list .item .h3:last-child, .list .item .img-holder:last-child, .list .item .button:last-child, .list .item h3:last-child, .list .item h4:last-child, .list .item h5:last-child, .list .item h6:last-child,
ul.list .item p:last-child,
ul.list .item ul:last-child,
ul.list .item ul:last-child,
ul.list .item dl:last-child,
ul.list .item .table-holder:last-child,
ul.list .item .h2:last-child,
ul.list .item .h3:last-child,
ul.list .item .img-holder:last-child,
ul.list .item .button:last-child,
ul.list .item h3:last-child,
ul.list .item h4:last-child,
ul.list .item h5:last-child,
ul.list .item h6:last-child,
ol.list .item p:last-child,
ol.list .item ul:last-child,
ol.list .item ul:last-child,
ol.list .item dl:last-child,
ol.list .item .table-holder:last-child,
ol.list .item .h2:last-child,
ol.list .item .h3:last-child,
ol.list .item .img-holder:last-child,
ol.list .item .button:last-child,
ol.list .item h3:last-child,
ol.list .item h4:last-child,
ol.list .item h5:last-child,
ol.list .item h6:last-child {
  margin-bottom: 0;
}
.list .item > .h3:first-child,
ul.list .item > .h3:first-child,
ol.list .item > .h3:first-child {
  margin-top: 0;
  margin-bottom: 15px;
}
.list[class*="list-arrows"] .item,
.list .item.item-icon-right,
ul.list[class*="list-arrows"] .item,
ul.list .item.item-icon-right,
ol.list[class*="list-arrows"] .item,
ol.list .item.item-icon-right {
  padding-right: 40px;
}
.list .item.item-icon-left,
ul.list .item.item-icon-left,
ol.list .item.item-icon-left {
  padding-left: 40px;
}
.list .item.item-thumbnail-left,
ul.list .item.item-thumbnail-left,
ol.list .item.item-thumbnail-left {
  padding-left: 70px;
  min-height: 80px;
}
.list .item.item-thumbnail-left > img:first-child,
ul.list .item.item-thumbnail-left > img:first-child,
ol.list .item.item-thumbnail-left > img:first-child {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  text-align: center;
  vertical-align: middle;
  max-width: 60px;
  height: auto;
  margin: 0;
}
.list .item.item-thumbnail-left > .img-holder:first-child,
ul.list .item.item-thumbnail-left > .img-holder:first-child,
ol.list .item.item-thumbnail-left > .img-holder:first-child {
  text-align: center;
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  margin: -30px 0 0;
}
.list .item.item-thumbnail-left > .img-holder:first-child img,
ul.list .item.item-thumbnail-left > .img-holder:first-child img,
ol.list .item.item-thumbnail-left > .img-holder:first-child img {
  max-width: 100%;
}
.list .item.item-thumbnail-right,
ul.list .item.item-thumbnail-right,
ol.list .item.item-thumbnail-right {
  padding-right: 70px;
  min-height: 80px;
}
.list .item.item-thumbnail-right > img:last-child,
ul.list .item.item-thumbnail-right > img:last-child,
ol.list .item.item-thumbnail-right > img:last-child {
  display: block;
  position: absolute;
  right: 15px;
  top: 10px;
  text-align: center;
  vertical-align: middle;
  max-width: 60px;
  height: auto;
  margin: 0;
}
.list .item.item-thumbnail-right > .img-holder:last-child,
ul.list .item.item-thumbnail-right > .img-holder:last-child,
ol.list .item.item-thumbnail-right > .img-holder:last-child {
  text-align: center;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  margin: -30px 0 0;
}
.list .item-title,
ul.list .item-title,
ol.list .item-title {
  font-weight: bold;
  margin: 0 0 5px;
}
.list .item-title:last-child,
ul.list .item-title:last-child,
ol.list .item-title:last-child {
  margin-bottom: 0;
}
.list .item-title + p,
ul.list .item-title + p,
ol.list .item-title + p {
  margin-top: 5px;
}
.list .item-icon-left > .icon.icon-label,
ul.list .item-icon-left > .icon.icon-label,
ol.list .item-icon-left > .icon.icon-label {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -7px;
}
.list .item-text-wrap,
ul.list .item-text-wrap,
ol.list .item-text-wrap {
  line-height: 1.5;
}

.list.list-inset {
  margin: 0 15px;
}
.list.list-inset .item.item-thumbnail-left > img:first-child, .list.list-inset .item.item-thumbnail-left > .img-holder:first-child {
  left: 0;
}
.list.list-inset .item.item-thumbnail-right > img:last-child, .list.list-inset .item.item-thumbnail-right > .img-holder:last-child {
  right: 0;
}

.list.list-text .item {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  margin: .5em -0;
}

.list.list-no-border .item {
  border: 0;
}

.list.list-flow .item:after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-width: 8px 6px;
  margin-left: -6px;
  margin-top: -10px;
  border-top-color: #cccccc;
  top: 100%;
  left: 50%;
}
.list.list-flow .item:last-child:after {
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}

.list-campaign .item {
  padding: 15px;
}
.list-campaign .item p {
  margin: 0;
}
.list-campaign .item .labels {
  margin: 15px 0 5px;
}
.list-campaign .item > .labels:first-child {
  margin-top: 0;
}
.list-campaign .item .item-title {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.3;
}
.list-campaign .item .item-title + .update {
  margin-top: 5px;
}
.list-campaign .item .update {
  color: #1a1a1a;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
}

.list-entry .item {
  border-style: dotted;
}
.list-entry .item.item-thumbnail-left,
.list-entry .item.item-thumbnail-right {
  min-height: 90px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.list-entry .item.item-thumbnail-left > img:first-child {
  top: 15px;
}
.list-entry .item.item-thumbnail-left > .img-holder .icon {
  margin-top: 8px;
}
.list-entry .item.item-thumbnail-right > img:last-child {
  top: 15px;
}
.list-entry .item-title {
  color: #1a1a1a;
}

.list-inset.list-entry .item.item-thumbnail-right {
  padding-left: 0;
}

.list-bnrs li {
  margin-bottom: 0 !important;
}

.box-nav-anchor-link {
  padding: 15px;
  margin: 15px 0;
  background-color: #e6edf7;
  /*
  position: relative;
  &:after {
  	content: '';
  	width: 1px;
  	display: block;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 50%;
  	background-color: $c-sub-pale-blue;
  	z-index: 0;
  }
  */
  	/*
  	.list.list-arrows-anchor {
  		background-color: #fff;
  		border-radius: 5px;
  		margin: 0;
  		.row {
  			margin-top: -1px;
  		}
  		.item {
  			margin: 0;
  			width: 50%;
  			&.full {
  				width: 100%;
  				z-index: 1;
  				position: relative;
  				background-color: #fff;
  			}
  		}
  		.item {
  			color: $c-key-blue;
  			font-weight: bold;
  			padding: 0;
  			display: table-cell;
  			margin-top: -1px;
  			border: 1px solid $c-sub-pale-blue;
  			border-width: 1px 0;
  			font-size: 10px;
  			line-height: 1.3;
  			span {
  				display: table-cell !important;
  				position: static;
  				vertical-align: middle;
  				height: 41px;
  			}
  			& > span:first-child {
  				width: 40px;
  				padding-left: 5px;
  				text-align: center;
  				.icon {
  					margin: 0 6px;
  				}
  			}
  			& > span + span {
  				padding: 5px 20px 5px 0;
  				width: 100%;
  			}
  			&:after {
  				margin-right: 0 !important;
  			}
  			//&:after {
  				//width: 24px;
  				//padding-left: 6px;
  				//text-align: left;
  				//padding-right: 6px;
  			//}
  		}
  	}
  }
  @media
  screen and (max-width: 319px),
  screen and (min-width: 480px) {
  	.box-nav-anchor-link {
  		.item {
  			br {
  				display: none;
  			}
  		}
  	}
  	*/
}
.box-nav-anchor-link .list {
  background-color: #fff;
  border-radius: 5px;
}
.box-nav-anchor-link .list .item {
  border-color: #e6edf7;
  font-weight: bold;
}

.list-slide-box .title-slide,
.list-slide-box .item.title-slide,
.list.list-slide-box .title-slide,
.list.list-slide-box .item.title-slide {
  background-color: #f2f2f2;
  padding-right: 54px;
  cursor: pointer;
}
.list-slide-box .title-slide:before,
.list-slide-box .item.title-slide:before,
.list.list-slide-box .title-slide:before,
.list.list-slide-box .item.title-slide:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  border: 1px solid #0b419b;
  border-width: 10px 5px;
  background-color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.list-slide-box .title-slide:after,
.list-slide-box .item.title-slide:after,
.list.list-slide-box .title-slide:after,
.list.list-slide-box .item.title-slide:after {
  content: '';
  display: block;
  position: absolute;
  height: 12px;
  width: 2px;
  background-color: #fff;
  right: 25px;
  top: 50%;
  margin-top: -5px;
}
.list-slide-box .title-slide.o_:before,
.list-slide-box .item.title-slide.o_:before,
.list.list-slide-box .title-slide.o_:before,
.list.list-slide-box .item.title-slide.o_:before {
  border-color: #ccc;
}
.list-slide-box .title-slide.o_:after,
.list-slide-box .item.title-slide.o_:after,
.list.list-slide-box .title-slide.o_:after,
.list.list-slide-box .item.title-slide.o_:after {
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}
.list-slide-box.type-tree .title-slide,
.list.list-slide-box.type-tree .title-slide {
  padding-right: 0;
  padding-left: 20px;
  background-color: #fff;
  border: 0;
}
.list-slide-box.type-tree .title-slide:before,
.list.list-slide-box.type-tree .title-slide:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  border: 1px solid #0b419b;
  border-width: 6px 3px;
  background-color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.list-slide-box.type-tree .title-slide:after,
.list.list-slide-box.type-tree .title-slide:after {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  width: 2px;
  background-color: #fff;
  left: 6px;
  top: 50%;
  margin-top: -4px;
}
.list-slide-box.type-tree .title-slide.o_:before,
.list.list-slide-box.type-tree .title-slide.o_:before {
  background-color: #0b419b;
  border-color: #ccc;
}
.list-slide-box.type-tree .title-slide.o_:after,
.list.list-slide-box.type-tree .title-slide.o_:after {
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}
.list-slide-box .box-slide,
.list.list-slide-box .box-slide {
  margin: 0;
  overflow: hidden;
  height: 0;
  position: relative;
}
.list-slide-box .slide_ctrl.c_ + .slide_box,
.list.list-slide-box .slide_ctrl.c_ + .slide_box {
  height: 0;
}
.list-slide-box .slide_ctrl.o_ + .slide_box,
.list.list-slide-box .slide_ctrl.o_ + .slide_box {
  height: auto;
}
.list-slide-box .box-slide + .title-slide,
.list.list-slide-box .box-slide + .title-slide {
  margin-top: 0 !important;
}

.bt-totop {
  display: block;
  height: 32px;
  font-size: 10px;
  line-height: 32px;
  text-align: center;
  color: #0b419b;
  background-color: #e6edf7;
}
.bt-totop:before {
  content: '';
  border: 5px solid transparent;
  border-width: 5px 3px;
  border-bottom-color: #0b419b;
  position: relative;
  top: -1px;
  margin-right: 5px;
  display: inline-block;
}

.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  white-space: nowrap;
  text-indent: 105%;
  overflow: hidden;
  vertical-align: middle;
  border: 0 solid transparent;
}

.icon.icon-label {
  background-image: none;
  font-size: 9px;
  line-height: 13px;
  text-indent: 0;
  text-align: center;
  font-weight: bold;
  color: #0b419b;
  border-radius: 3px;
  border: 1px solid #0b419b;
  width: 36px;
  height: 13px;
}

.icon.icon-text, .icon.icon_conflict {
  background-image: none;
  text-indent: 0;
  text-align: center;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
.icon.icon-text img, .icon.icon_conflict img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}

.h2 > .icon,
.item > .icon, [class*="list-arrows"] .item:after {
  position: absolute;
  top: 50%;
  margin-top: -12px;
}

.h2 > .icon,
.item-icon-left > .icon:first-child {
  left: 10px;
}

[class*="list-arrows"] .item:after,
.item-icon-right > .icon:last-child {
  right: 10px;
}

.list.list-arrows a.item:after {
  content: '';
  display: block;
  margin-top: -4px;
  margin-right: 20px;
  border: 5px solid transparent;
  border-width: 3px 5px;
  border-left-color: #0b419b;
  right: 0;
}
.list.list-arrows a.item[href^="#"]:after {
  margin-top: -4px;
  margin-right: 10px;
  content: '';
  border: 5px solid transparent;
  border-width: 5px 3px;
  border-top-color: #0b419b;
}
.list.list-arrows a.item[target="_blank"]:after {
  border: 0;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 20px;
}
.list.list-arrows-circle a.item:after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
}
.list.list-arrows-circle a.item[href^="#"]::after {
  transform: rotate(90deg);
}
.list.list-arrows-anchor a.item:after {
  margin-top: -4px;
  margin-right: 10px;
  content: '';
  border: 5px solid transparent;
  border-width: 5px 3px;
  border-top-color: #0b419b;
}
.list.list-inset.list-arrows a.item:after {
  margin-right: 5px;
}
.list.list-inset.list-arrows-anchor a.item:after {
  margin-right: 5px;
}

.icon.icon-arrow-down-flow {
  position: relative;
  display: block;
  width: auto;
  background-image: none;
  height: 10px;
}
.icon.icon-arrow-down-flow:before {
  content: '';
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #cccccc;
  position: absolute;
  top: 0;
  left: 50%;
}

.icon.icon-arrow-right {
  background-image: none;
  content: '';
  display: block;
  margin-top: -4px;
  margin-right: 20px;
  border: 5px solid transparent;
  border-width: 3px 5px;
  border-left-color: #0b419b;
  right: 0 !important;
  width: 0;
  height: 0;
}

.icon-cart {
  width: 29px;
  height: 24px;
}

.icon-search {
  width: 19px;
  height: 19px;
}

.icon-home-map,
.icon-home-mystore {
  width: 25px;
  height: 25px;
}

.icon-home-h-b,
.icon-home-point,
.icon-home-ranking,
.icon-home-review {
  border-width: 2px;
}

.icon-home-mkp-tw {
  width: 28px;
  height: 22px;
}

.icon-home-mkp-line {
  width: 28px;
  height: 28px;
}

.icon-h-b-entry {
  width: 46px;
  height: 46px;
}

.icon-point-about-stage {
  width: 18px;
}

.icon-point-au-about {
  height: 18px;
}

.icon-point-about-faq {
  border-width: 2px 0;
}

.icon-point-pointcard-shopping {
  border-width: 4px 0;
  height: 22px;
}

.icon-point-pointcard-app {
  border-width: 1px 4px;
}

.icon-bt-arrow-circle-posi-rev {
  transform: rotate(180deg);
}

.icon-bt-arrow-circle-nega-rev {
  transform: rotate(180deg);
}

.icon-guide-group-member {
  border-width: 0 4px;
}

.icon-guide-card-information {
  background-position-x: -5px !important;
  border-width: 2px 0 0;
}

.icon-guide-integration {
  border-width: 3px 0;
}

.icon-guide-point-app {
  border-width: 0px 6px;
}

.icon-guide-my-store {
  border-width: 5px 0;
}

.icon-guide-reserve-stock {
  border-width: 2px 0;
}

.icon-guide-shopping, .icon.icon-qa-category-8 {
  border-width: 2px;
}

.icon-guide-shopping-history {
  border-width: 2px 5px;
}

.icon-guide-point-history {
  border-width: 2px 1px;
}

.icon-guide-goods-review {
  border-width: 3px 2px;
}

.icon-guide-creditcard {
  border-width: 5px 2px;
}

.icon-guide-delivery {
  border-width: 3px;
}

.icon-guide-cvs {
  border-width: 4px 2px;
}

.icon-guide-edy {
  border-width: 2px;
}

.icon-guide-pickup {
  border-width: 3px 1px;
}

.icon-qa-etc, [class*="icon-qa-category-"] {
  border-width: 1px 5px 0;
}

.icon-qa-member, .icon.icon-qa-category-1 {
  border-width: 0 6px;
}

.icon.icon-qa-category-1 {
  border-width: 1px 6px;
}

.icon-qa-app, .icon.icon-qa-category-2 {
  border-width: 2px 6px 0;
}

.icon-qa-point-app, .icon.icon-qa-category-3 {
  border-width: 0 3px;
}

.icon-qa-point-service, .icon.icon-qa-category-4 {
  border-width: 3px 5px 0;
}

.icon-qa-web, .icon.icon-qa-category-5 {
  border-width: 3px 2px 0;
}

.icon-qa-store, .icon.icon-qa-category-6 {
  border-width: 4px 1px 0;
}

.icon-qa-event, .icon.icon-qa-category-7 {
  border-width: 4px 3px 0;
}

.icon-bt-arrow-circle-nega, .icon-bt-arrow-circle-nega-rev, .button-default:before, .button-gray:before, .button-pale-blue:before {
  background-position: 0 0;
}

.icon-bt-arrow-circle-posi, .list.list-arrows-circle a.item:after, .icon-bt-arrow-circle-posi-rev, .button-image:before, .button-orange:before {
  background-position: 0 -17.5px;
}

.icon-cart-global-in {
  background-position: 0 -35px;
}

.icon-cart-global-none {
  background-position: 0 -64px;
}

.icon-cart-sidemenu-in {
  background-position: 0 -93px;
}

.icon-cart-sidemenu-none {
  background-position: 0 -122px;
}

.icon-device-pc {
  background-position: 0 -151px;
}

.icon-device-sp {
  background-position: 0 -176.5px;
}

.icon-gnav-campaign {
  background-position: 0 -204.5px;
}

.icon-gnav-h-b {
  background-position: 0 -241.5px;
}

.icon-gnav-map {
  background-position: 0 -278.5px;
}

.icon-gnav-mkc {
  background-position: 0 -315.5px;
}

.icon-gnav-mypage {
  background-position: 0 -352.5px;
}

.icon-gnav-point {
  background-position: 0 -389.5px;
}

.icon-gnav-store {
  background-position: 0 -426.5px;
}

.icon-guide-card-information {
  background-position: 0 -463.5px;
}

.icon-guide-creditcard {
  background-position: 0 -487.5px;
}

.icon-guide-cvs {
  background-position: 0 -506.5px;
}

.icon-guide-delivery {
  background-position: 0 -527.5px;
}

.icon-guide-edy {
  background-position: 0 -550px;
}

.icon-guide-goods-review {
  background-position: 0 -575px;
}

.icon-guide-group-member {
  background-position: 0 -598px;
}

.icon-guide-integration {
  background-position: 0 -625.5px;
}

.icon-guide-my-store {
  background-position: 0 -648px;
}

.icon-guide-pickup {
  background-position: 0 -667px;
}

.icon-guide-point-app {
  background-position: 0 -690.5px;
}

.icon-guide-point-history {
  background-position: 0 -717px;
}

.icon-guide-reserve-stock {
  background-position: 0 -739.5px;
}

.icon-guide-shopping-history {
  background-position: 0 -764px;
}

.icon-guide-shopping, .icon.icon-qa-category-8 {
  background-position: 0 -786.5px;
}

.icon-h-b-entry {
  background-position: 0 -809.5px;
}

.icon-home-h-b {
  background-position: 0 -859.5px;
}

.icon-home-map {
  background-position: 0 -884.5px;
}

.icon-home-mkp-line {
  background-position: 0 -914.5px;
}

.icon-home-mkp-tw {
  background-position: 0 -947px;
}

.icon-home-mystore {
  background-position: 0 -973.5px;
}

.icon-home-point {
  background-position: 0 -1003.5px;
}

.icon-home-ranking {
  background-position: 0 -1028.5px;
}

.icon-home-review {
  background-position: 0 -1054px;
}

.icon-link-window-bt, .button[target="_blank"]:after {
  background-position: 0 -1079px;
}

.icon-link-window, .list.list-arrows a.item[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-position: 0 -1097px;
}

.icon-point-about-faq {
  background-position: 0 -1113px;
}

.icon-point-about-per {
  background-position: 0 -1137.5px;
}

.icon-point-about-stage {
  background-position: 0 -1165px;
}

.icon-point-appli-download {
  background-position: 0 -1192px;
}

.icon-point-appli-sp {
  background-position: 0 -1216.5px;
}

.icon-point-au-about {
  background-position: 0 -1243.5px;
}

.icon-point-au-point {
  background-position: 0 -1265.5px;
}

.icon-point-creditcard-benefit {
  background-position: 0 -1292.5px;
}

.icon-point-creditcard-flow {
  background-position: 0 -1318px;
}

.icon-point-creditcard-info {
  background-position: 0 -1342.5px;
}

.icon-point-creditcard-point {
  background-position: 0 -1368px;
}

.icon-point-pointcard-about {
  background-position: 0 -1395.5px;
}

.icon-point-pointcard-app {
  background-position: 0 -1423px;
}

.icon-point-pointcard-benefit {
  background-position: 0 -1450px;
}

.icon-point-pointcard-shopping {
  background-position: 0 -1475.5px;
}

.icon-point-prize-catalog {
  background-position: 0 -1493.5px;
}

.icon-point-prize-point {
  background-position: 0 -1519px;
}

.icon-point-use-yen {
  background-position: 0 -1546.5px;
}

.icon-qa-app, .icon.icon-qa-category-2 {
  background-position: 0 -1574px;
}

.icon-qa-etc, [class*="icon-qa-category-"] {
  background-position: 0 -1599.5px;
}

.icon-qa-event, .icon.icon-qa-category-7 {
  background-position: 0 -1625.5px;
}

.icon-qa-member, .icon.icon-qa-category-1 {
  background-position: 0 -1648.5px;
}

.icon-qa-point-app, .icon.icon-qa-category-3 {
  background-position: 0 -1674px;
}

.icon-qa-point-service, .icon.icon-qa-category-4 {
  background-position: 0 -1702.5px;
}

.icon-qa-store, .icon.icon-qa-category-6 {
  background-position: 0 -1724.5px;
}

.icon-qa-web, .icon.icon-qa-category-5 {
  background-position: 0 -1744.5px;
}

.icon-search {
  background-position: 0 -1768px;
}

.icon-share-fb {
  background-position: 0 -1791px;
}

.icon-share-gplus {
  background-position: 0 -1832px;
}

.icon-share-line {
  background-position: 0 -1873px;
}

.icon-share-tw {
  background-position: 0 -1914px;
}

.button {
  margin: 15px;
  display: block;
  text-align: center;
  vertical-align: middle;
  min-height: 44px;
  padding: 14px 30px 12px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: bold;
  position: relative;
}
.button:before,
.button .icon:last-child, .button[target="_blank"]:after {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -16px;
  left: auto;
}
.button .icon[class*="icon-bt-arrow"] {
  margin-top: -7px;
  width: 13px;
  height: 13px;
}
.button.button-icon-left > .icon:first-child {
  right: auto;
  left: 7px;
}

.bt-holder .button {
  margin: 0;
}

.button-small {
  border-radius: 3px;
  min-width: 60px;
  font-size: 13px;
  font-size: 1.3rem;
  min-height: 32px;
  padding: 8px 7px 7px;
  width: auto;
  display: inline-block;
}

.button-middle {
  min-width: 172px;
  min-height: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 7px 30px;
}

.button-image {
  padding: 0;
  background-color: #ffe300;
  overflow: hidden;
  border-radius: 5px;
}
.button-image:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
  background-color: #fff;
  color: #0b419b;
  z-index: 1;
}
.button-image > img {
  display: block;
  position: relative;
  z-index: 0;
}

.button-default {
  color: #fff;
  border-color: #011c48;
  background-color: #0b419a;
  background-image: -moz-linear-gradient(#0b419a 0%, #052577 100%);
  background-image: -webkit-linear-gradient(#0b419a 0%, #052577 100%);
  background-image: linear-gradient(#0b419a 0%, #052577 100%);
}
.button-default:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
  background-color: #fff;
  color: #0b419b;
}

.button-gray {
  color: #4c4c4c;
  border-color: #dcdcdc;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(#f7f7f7 0%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(#f7f7f7 0%, #ebebeb 100%);
  background-image: linear-gradient(#f7f7f7 0%, #ebebeb 100%);
}
.button-gray:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
  background-color: #fff;
  color: #999999;
}

.button-pale-blue {
  color: #4c4c4c;
  border-color: #afb4c7;
  background-color: #e8eef8;
  background-image: -moz-linear-gradient(#e8eef8 0%, #d6e0ef 100%);
  background-image: -webkit-linear-gradient(#e8eef8 0%, #d6e0ef 100%);
  background-image: linear-gradient(#e8eef8 0%, #d6e0ef 100%);
}
.button-pale-blue:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
  background-color: #fff;
  color: #0b419b;
}

.button-orange {
  color: #fff;
  border-color: #e07400;
  background-color: #ffa200;
  background-image: -moz-linear-gradient(#ffa200 0%, #ff7b00 100%);
  background-image: -webkit-linear-gradient(#ffa200 0%, #ff7b00 100%);
  background-image: linear-gradient(#ffa200 0%, #ff7b00 100%);
}
.button-orange:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  padding-left: 1px;
  border-radius: 13px;
  right: 7px;
  margin-top: -7px;
  background-color: #fff;
  color: #0b419b;
}

.button-store {
  color: #1a1a1a;
  border-color: #ff9000;
  background-color: #ffe300;
  background-image: -moz-linear-gradient(#ffe300 0%, #ffb800 100%);
  background-image: -webkit-linear-gradient(#ffe300 0%, #ffb800 100%);
  background-image: linear-gradient(#ffe300 0%, #ffb800 100%);
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 7px;
  line-height: 1.5;
  min-height: 0;
  padding: 5px 5px;
  width: auto;
}

.button-small:before, .button-small:after,
.button.no-icon:before,
.button.no-icon:after {
  content: '';
  display: none;
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
}

.button[target="_blank"]::before {
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}
.button[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  margin-top: -8px;
}

.button-text, .sidebar .lnaviList a {
  position: relative;
  display: inline-block;
  padding-left: 1em;
  color: #1a1a1a;
  word-break: break-word;
}
.button-text:before, .sidebar .lnaviList a:before {
  content: '';
  display: block;
  margin-top: -4px;
  margin-right: 20px;
  border: 5px solid transparent;
  border-width: 3px 5px;
  border-left-color: #0b419b;
  position: absolute;
  left: 4px;
  margin-top: 0;
  top: .5em;
}
.button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 1px;
}
.button-text:hover, .sidebar .lnaviList a:hover {
  color: #0b419b;
}

.mac .button:hover,
.mac a:hover .button,
.win .button:hover,
.win a:hover .button,
.linux .button:hover,
.linux a:hover .button {
  text-decoration: none;
}
.mac .button-default:hover,
.mac a:hover .button-default,
.win .button-default:hover,
.win a:hover .button-default,
.linux .button-default:hover,
.linux a:hover .button-default {
  color: #fff;
  background-color: #0869c4;
  background-image: -moz-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: -webkit-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: linear-gradient(#0869c4 0%, #04409c 100%);
}
.mac .button-gray:hover,
.mac a:hover .button-gray,
.win .button-gray:hover,
.win a:hover .button-gray,
.linux .button-gray:hover,
.linux a:hover .button-gray {
  color: #4c4c4c;
  background-color: white;
  background-image: -moz-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(#ffffff 0%, #f0f0f0 100%);
}
.mac .button-store:hover,
.mac a:hover .button-store,
.win .button-store:hover,
.win a:hover .button-store,
.linux .button-store:hover,
.linux a:hover .button-store {
  color: #4c4c4c;
  background-color: #fff000;
  background-image: -moz-linear-gradient(#fff000 0%, #fff000 100%);
  background-image: -webkit-linear-gradient(#fff000 0%, #fff000 100%);
  background-image: linear-gradient(#fff000 0%, #fff000 100%);
}

.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

html.logout_ .v_logined {
  display: none;
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
}

html.logined_ .v_logout {
  display: none;
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
}

.paging {
  zoom: 1;
}
.paging:before {
  content: "";
  display: table;
}
.paging:after {
  content: "";
  display: table;
  clear: both;
}

.bxsh-dp0 {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.list-campaign .item > img, .bxsh-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.bxsh-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bxsh-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.bxsh-inset-dp1 {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp5 {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.bxsh-inset-dp10 {
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset;
}

.icon, .list.list-arrows a.item[target="_blank"]:after, .list.list-arrows-circle a.item:after, .button-image:before, .button-default:before, .button-gray:before, .button-pale-blue:before, .button-orange:before, .button[target="_blank"]:after, .button-text[target="_blank"]:after, .sidebar .lnaviList a[target="_blank"]:after, a.goOut:after {
  background-image: url(/img/sp/mkn_ui/common/sprites.png?cache=3);
  -webkit-background-size: 45px 1950px;
  background-size: 45px 1950px;
  background-repeat: no-repeat;
}

.sp_ {
  display: none !important;
}

.sp-return {
  padding: 5px;
  margin: auto auto 20px;
  min-width: 960px;
  width: 100%;
}
.sp-return img {
  width: 100%;
  height: auto;
}

body, form, svg, .wrap > * {
  font-size: 12px;
  font-size: 1.2rem;
}

#wrapper,
#headerContainer,
.footerArea01,
.footerArea02 {
  min-width: 970px;
}

table th, table td {
  border: 1px solid #cccccc;
  padding: 6px;
}

input[type="text"] {
  background-color: #fff;
  color: #1a1a1a;
}
input[type="text"]:focus {
  border-color: #0b419b;
}

.icon_conflict {
  width: auto;
  height: auto;
}

a.goOut {
  display: inline-block;
  position: relative;
}
a.goOut:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.list .item, ul.list .item, ol.list .item {
  font-size: 14px;
  font-size: 1.4rem;
  padding-top: 11px;
  padding-bottom: 10px;
}

.button {
  font-size: 15px;
  font-size: 1.5rem;
}

#headerContainer nav ul.inner > li[class*="gnav"] > a {
  background-image: url(/img/mkn_ui/common/gnav.png);
  background-repeat: no-repeat;
  -webkit-background-size: 759px 92px;
  background-size: 759px 92px;
}
#headerContainer a {
  display: inline-block;
  vertical-align: top;
}
#headerContainer li.onlineShop {
  margin-right: 0;
  padding: 8px 0 8px 16px;
}
#headerContainer li.onlineShop .item {
  min-width: 19px;
  min-height: 18px;
  font-size: 12px;
  line-height: 18px;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
}
#headerContainer [class*="snav"] {
  font-size: 13px;
}
#headerContainer [class*="snav"] a {
  font-size: 13px;
  color: #1a1a1a;
}
#headerContainer [class*="snav"] a.more {
  font-size: 11px;
  line-height: 13px;
}
#headerContainer [class*="snav"] a:hover {
  color: #1a1a1a;
}
#headerContainer [class*="snav"] a.more {
  color: #fff !important;
}
#headerContainer ul#member {
  margin: 12px 0 0;
}
#headerContainer .login {
  right: 0;
  top: 2px;
}
#headerContainer .pointArea {
  font-size: 12px;
  top: 6px;
}
#headerContainer .pointArea dt {
  vertical-align: middle;
  margin-right: 5px;
  font-weight: bold;
}
#headerContainer .pointArea dd {
  height: 18px;
  line-height: 15px;
  padding: 2px 10px;
  text-align: center;
  vertical-align: middle;
}
#headerContainer .pointArea dd.stage {
  font-weight: bold;
}
#headerContainer .pointArea dd.point {
  border: 0;
  text-align: center;
  font-weight: normal;
}

#breadcrumb {
  margin: 0px 0 13px;
}

#breadcrumb ul li {
  background-position: right center;
  font-size: 10px;
}
#breadcrumb ul li a, #breadcrumb ul li a:hover {
  color: #808080;
}

.footerArea01 a:link, .footerArea01 a:visited {
  color: #4c4c4c;
}
.footerArea01 a:hover, .footerArea01 a:active {
  color: #0b419b;
}

.footerArea02 a:link, .footerArea02 a:visited {
  color: #666666;
}
.footerArea02 a:hover, .footerArea02 a:active {
  color: #0b419b;
}

.footerArea01 {
  padding: 20px 0 15px;
}
.footerArea01 p {
  font-size: 11px;
  color: #666666;
  margin: 0 auto 5px;
  padding: 0;
  width: 926px;
}
.footerArea01 dt a {
  font-size: 13px;
}
.footerArea01 dt a:link, .footerArea01 dt a:visited {
  color: #1a1a1a;
}
.footerArea01 ul {
  margin: 0 auto;
  padding: 0 10px 10px;
}
.footerArea01 ul li {
  margin: 5px;
}
.footerArea01 ul li a {
  border-style: solid;
  border-width: 1px;
  border-color: #ececec;
  border-radius: 3px;
  background-color: white;
  width: 178px;
  height: 42px;
  display: block;
  text-align: center;
}
.footerArea01 dl {
  margin-top: 10px;
}
.footerArea01 dl:nth-of-type(1) {
  width: 232px;
}
.footerArea01 dl:nth-of-type(2) {
  width: 258px;
}
.footerArea01 dl:nth-of-type(3) {
  width: 286px;
}
.footerArea01 dl:nth-of-type(4) {
  width: 162px;
}
.footerArea01 dl dt, .footerArea01 dl dd {
  padding-left: 18px;
}
.footerArea01 dl dt {
  margin-top: 10px;
  margin-bottom: 7px;
  line-height: 1.5;
  background-position: left 9px center;
}
.footerArea01 dl dd {
  line-height: 1.65;
  margin: 1px 0;
}

.footerArea02 {
  color: #666666;
  font-size: 11px;
}
.footerArea02 li:after {
  content: '|';
  display: inline-block;
  margin: 0 7px;
}
.footerArea02 li:last-child:after {
  content: '';
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}
.footerArea02 small {
  margin: 0;
}

#mainContainer {
  position: relative;
  padding-top: 5px;
  padding-bottom: 80px;
}

.contentArea.clm-1 {
  float: none;
  width: 760px;
  margin: auto;
}
.contentArea.clm-1 > h1, .contentArea.clm-1 > .h1 {
  margin-left: -100px;
}

.box-share-ftr {
  position: relative;
  min-height: 50px;
  text-align: right;
  vertical-align: middle;
}
.box-share-ftr p {
  font-size: 12px;
  line-height: 30px;
  min-height: 30px;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  color: #0b419b;
  background-color: #ffe300;
  padding: 0 10px;
  border-radius: 3px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  overflow: visible;
}
.box-share-ftr p:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-width: 5px;
  margin-top: -5px;
  border-left-color: #ffe300;
  top: 50%;
  left: 100%;
}
.box-share-ftr ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
}
.box-share-ftr li {
  float: left;
  margin-left: 5px;
}
.box-share-ftr li .icon {
  width: 37px;
  height: 37px;
}

.icon_share_line {
  display: none;
}

html.ipod .icon_share_line, html.ipad .icon_share_line, html.iphone .icon_share_line, html.android .icon_share_line {
  display: block;
}

.h1 > .box-share-ftr {
  position: absolute;
  right: 0;
  top: 30px;
}

.mac .box-share-ftr a:hover,
.win .box-share-ftr a:hover,
.linux .box-share-ftr a:hover {
  opacity: 0.75;
}

.sidebar {
  margin-top: 40px;
}
.sidebar #cardContainer > h3:first-child {
  margin-top: -1px;
  margin-bottom: 0;
  width: auto;
}
.sidebar .point {
  font-size: 10px;
  height: 16px;
}
.sidebar .link-toplevel {
  display: block;
  background-color: #0869c4;
  background-image: -moz-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: -webkit-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: linear-gradient(#0869c4 0%, #04409c 100%);
}
.sidebar .link-toplevel h4 {
  margin-bottom: 0;
  font-size: 13px;
}
.sidebar .lnaviList {
  padding: 15px;
}
.sidebar .lnaviList a {
  display: block;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 20px;
}
.sidebar .lnaviList a::before {
  margin-top: -3px;
  top: 50%;
}
.sidebar #cardContainer .button {
  min-height: 50px;
  padding: 14px 30px;
}
.sidebar .side_login .formem {
  border-bottom: 0;
  padding-bottom: 0;
}
.sidebar .signup {
  padding-top: 13px;
  margin-top: 13px;
  position: relative;
}
.sidebar .signup:before {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  border-top: 1px dotted #cccccc;
}

.win .sidebar a.link-toplevel:hover [class^="nav"],
.mac .sidebar a.link-toplevel:hover [class^="nav"],
.linux .sidebar a.link-toplevel:hover [class^="nav"] {
  background-color: transparent;
}

.bt-totop {
  background-color: transparent;
  display: inline-block;
  font-size: 11px;
  line-height: 22px;
  height: auto;
  color: #1a1a1a;
}

.button {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: auto;
  min-width: 236px;
  min-height: 60px;
  padding: 20px 30px;
  display: inline-block;
}

.button-middle {
  min-width: 172px;
  min-height: 30px;
  font-size: 11px;
  padding: 6px 30px;
}

.button-small {
  min-width: 103px;
  min-height: 24px;
  font-size: 11px;
  padding: 4px 6px;
}

.button-slim {
  padding: 10px 30px;
  min-height: 40px;
  min-width: 296px;
}

a.more {
  min-width: 71px;
  min-height: 22px;
  font-size: 11px;
  line-height: 14px;
  padding: 3px 6px;
}

.btn5,
.btn8 {
  border: 0;
  padding: 0;
  margin: 0;
  background: 0;
}
.btn5 a,
.btn8 a {
  background-image: none;
}

.btnA {
  position: absolute;
  top: 30px;
  right: 12px;
}

.btnA .button,
.btnB .button,
.btnC .button {
  min-width: 296px;
}

a.btn2 {
  line-height: 25px;
}

.mac .button-default:hover,
.mac .btn2:hover,
.mac .more:hover,
.mac .btn5 a:hover,
.mac .btn8 a:hover,
.win .button-default:hover,
.win .btn2:hover,
.win .more:hover,
.win .btn5 a:hover,
.win .btn8 a:hover,
.linux .button-default:hover,
.linux .btn2:hover,
.linux .more:hover,
.linux .btn5 a:hover,
.linux .btn8 a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0869c4;
  background-image: -moz-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: -webkit-linear-gradient(#0869c4 0%, #04409c 100%);
  background-image: linear-gradient(#0869c4 0%, #04409c 100%);
}
.mac .button-gray:hover,
.mac .btn7:hover,
.win .button-gray:hover,
.win .btn7:hover,
.linux .button-gray:hover,
.linux .btn7:hover {
  text-decoration: none;
  color: #4c4c4c;
  background-color: white;
  background-image: -moz-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(#ffffff 0%, #f0f0f0 100%);
}
.mac .button-store:hover,
.win .button-store:hover,
.linux .button-store:hover {
  text-decoration: none;
  color: #4c4c4c;
  background-color: #fff000;
  background-image: -moz-linear-gradient(#fff000 0%, #fff000 100%);
  background-image: -webkit-linear-gradient(#fff000 0%, #fff000 100%);
  background-image: linear-gradient(#fff000 0%, #fff000 100%);
}

.label-category {
  font-weight: bold;
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  min-height: 15px;
  padding: 0 5px;
}

.label-flag {
  font-size: 11px;
  line-height: 18px;
  display: inline-block;
  min-height: 15px;
  padding: 0 5px;
}

.mkn-main h1, .mkn-main .h1 {
  color: #0b419b;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
  margin-top: 0;
}
.mkn-main h2, .mkn-main .h2 {
  display: block;
  position: relative;
  margin: 20px 0;
  color: #1a1a1a;
  background-color: #ebebeb;
  border-left: 5px solid #0b419b;
  height: 36px;
  font-size: 16px;
  padding: 6px 10px;
  font-weight: bold;
}

/*-----------------------

151214
ざわちんタイトルが2行の場合

-------------------------*/

.mkn-main h2, .mkn-main .h2_2 {
  display: block;
  position: relative;
  margin: 20px 0;
  color: #1a1a1a;
  background-color: #ebebeb;
  border-left: 5px solid #0b419b;
  height: inherit;
  font-size: 16px;
  padding: 6px 10px;
  font-weight: bold;
}

/*-----------------------
    /.mkn-main .h2_2
-------------------------*/


.mkn-main h3.h2:before {
  display: none;
  visibility: hidden;
  clip: rect(0 0 0 0);
}
.mkn-main .contentArea h2:nth-of-type(1) {
  margin-top: 0;
}
.mkn-main h3, .mkn-main .h3 {
  display: block;
  position: relative;
  margin: 20px 0;
  background-color: #ebebeb;
  height: 36px;
  font-size: 14px;
  padding: 8px 10px 7px 24px;
  font-weight: bold;
  width: auto;
  border: 0;
}
.mkn-main h3:before, .mkn-main .h3:before {
  content: '';
  display: block;
  position: absolute;
  left: 12px;
  top: 7px;
  bottom: 7px;
  width: 3px;
  background-color: #0b419b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mkn-main dt,
.mkn-main h4,
.mkn-main .h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.mkn-main .ttl-bnr {
  margin: 20px 0;
  padding: 0;
  border: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  background-color: transparent;
}
.mkn-main .h1 + .ttl-bnr {
  margin-top: 0;
}

.mkn-ui.contentArea p, .mkn-ui.contentArea ul, .mkn-ui.contentArea ol, .mkn-ui.contentArea dl, .mkn-ui.contentArea .tbl-holder, .mkn-ui.contentArea .img-holder, .mkn-ui.contentArea h3, .mkn-ui.contentArea h4, .mkn-ui.contentArea h5, .mkn-ui.contentArea h6 {
  margin: 15px auto 10px;
}
.mkn-ui.contentArea p:first-child, .mkn-ui.contentArea ul:first-child, .mkn-ui.contentArea ol:first-child, .mkn-ui.contentArea dl:first-child, .mkn-ui.contentArea .tbl-holder:first-child, .mkn-ui.contentArea .img-holder:first-child, .mkn-ui.contentArea h3:first-child, .mkn-ui.contentArea h4:first-child, .mkn-ui.contentArea h5:first-child, .mkn-ui.contentArea h6:first-child {
  margin-top: 0;
}
.mkn-ui.contentArea p:last-child, .mkn-ui.contentArea ul:last-child, .mkn-ui.contentArea ol:last-child, .mkn-ui.contentArea dl:last-child, .mkn-ui.contentArea .tbl-holder:last-child, .mkn-ui.contentArea .img-holder:last-child, .mkn-ui.contentArea h3:last-child, .mkn-ui.contentArea h4:last-child, .mkn-ui.contentArea h5:last-child, .mkn-ui.contentArea h6:last-child {
  margin-bottom: 30px;
}
.mkn-ui.contentArea p p, .mkn-ui.contentArea p ul, .mkn-ui.contentArea p ol, .mkn-ui.contentArea p dl, .mkn-ui.contentArea p .tbl-holder, .mkn-ui.contentArea p .img-holder, .mkn-ui.contentArea p h3, .mkn-ui.contentArea p h4, .mkn-ui.contentArea p h5, .mkn-ui.contentArea p h6, .mkn-ui.contentArea ul p, .mkn-ui.contentArea ul ul, .mkn-ui.contentArea ul ol, .mkn-ui.contentArea ul dl, .mkn-ui.contentArea ul .tbl-holder, .mkn-ui.contentArea ul .img-holder, .mkn-ui.contentArea ul h3, .mkn-ui.contentArea ul h4, .mkn-ui.contentArea ul h5, .mkn-ui.contentArea ul h6, .mkn-ui.contentArea ol p, .mkn-ui.contentArea ol ul, .mkn-ui.contentArea ol ol, .mkn-ui.contentArea ol dl, .mkn-ui.contentArea ol .tbl-holder, .mkn-ui.contentArea ol .img-holder, .mkn-ui.contentArea ol h3, .mkn-ui.contentArea ol h4, .mkn-ui.contentArea ol h5, .mkn-ui.contentArea ol h6, .mkn-ui.contentArea dl p, .mkn-ui.contentArea dl ul, .mkn-ui.contentArea dl ol, .mkn-ui.contentArea dl dl, .mkn-ui.contentArea dl .tbl-holder, .mkn-ui.contentArea dl .img-holder, .mkn-ui.contentArea dl h3, .mkn-ui.contentArea dl h4, .mkn-ui.contentArea dl h5, .mkn-ui.contentArea dl h6, .mkn-ui.contentArea .tbl-holder p, .mkn-ui.contentArea .tbl-holder ul, .mkn-ui.contentArea .tbl-holder ol, .mkn-ui.contentArea .tbl-holder dl, .mkn-ui.contentArea .tbl-holder .tbl-holder, .mkn-ui.contentArea .tbl-holder .img-holder, .mkn-ui.contentArea .tbl-holder h3, .mkn-ui.contentArea .tbl-holder h4, .mkn-ui.contentArea .tbl-holder h5, .mkn-ui.contentArea .tbl-holder h6, .mkn-ui.contentArea .img-holder p, .mkn-ui.contentArea .img-holder ul, .mkn-ui.contentArea .img-holder ol, .mkn-ui.contentArea .img-holder dl, .mkn-ui.contentArea .img-holder .tbl-holder, .mkn-ui.contentArea .img-holder .img-holder, .mkn-ui.contentArea .img-holder h3, .mkn-ui.contentArea .img-holder h4, .mkn-ui.contentArea .img-holder h5, .mkn-ui.contentArea .img-holder h6, .mkn-ui.contentArea h3 p, .mkn-ui.contentArea h3 ul, .mkn-ui.contentArea h3 ol, .mkn-ui.contentArea h3 dl, .mkn-ui.contentArea h3 .tbl-holder, .mkn-ui.contentArea h3 .img-holder, .mkn-ui.contentArea h3 h3, .mkn-ui.contentArea h3 h4, .mkn-ui.contentArea h3 h5, .mkn-ui.contentArea h3 h6, .mkn-ui.contentArea h4 p, .mkn-ui.contentArea h4 ul, .mkn-ui.contentArea h4 ol, .mkn-ui.contentArea h4 dl, .mkn-ui.contentArea h4 .tbl-holder, .mkn-ui.contentArea h4 .img-holder, .mkn-ui.contentArea h4 h3, .mkn-ui.contentArea h4 h4, .mkn-ui.contentArea h4 h5, .mkn-ui.contentArea h4 h6, .mkn-ui.contentArea h5 p, .mkn-ui.contentArea h5 ul, .mkn-ui.contentArea h5 ol, .mkn-ui.contentArea h5 dl, .mkn-ui.contentArea h5 .tbl-holder, .mkn-ui.contentArea h5 .img-holder, .mkn-ui.contentArea h5 h3, .mkn-ui.contentArea h5 h4, .mkn-ui.contentArea h5 h5, .mkn-ui.contentArea h5 h6, .mkn-ui.contentArea h6 p, .mkn-ui.contentArea h6 ul, .mkn-ui.contentArea h6 ol, .mkn-ui.contentArea h6 dl, .mkn-ui.contentArea h6 .tbl-holder, .mkn-ui.contentArea h6 .img-holder, .mkn-ui.contentArea h6 h3, .mkn-ui.contentArea h6 h4, .mkn-ui.contentArea h6 h5, .mkn-ui.contentArea h6 h6 {
  margin-left: 0;
  margin-right: 0;
}
.mkn-ui.contentArea p p:last-child, .mkn-ui.contentArea p ul:last-child, .mkn-ui.contentArea p ol:last-child, .mkn-ui.contentArea p dl:last-child, .mkn-ui.contentArea p .tbl-holder:last-child, .mkn-ui.contentArea p .img-holder:last-child, .mkn-ui.contentArea p h3:last-child, .mkn-ui.contentArea p h4:last-child, .mkn-ui.contentArea p h5:last-child, .mkn-ui.contentArea p h6:last-child, .mkn-ui.contentArea ul p:last-child, .mkn-ui.contentArea ul ul:last-child, .mkn-ui.contentArea ul ol:last-child, .mkn-ui.contentArea ul dl:last-child, .mkn-ui.contentArea ul .tbl-holder:last-child, .mkn-ui.contentArea ul .img-holder:last-child, .mkn-ui.contentArea ul h3:last-child, .mkn-ui.contentArea ul h4:last-child, .mkn-ui.contentArea ul h5:last-child, .mkn-ui.contentArea ul h6:last-child, .mkn-ui.contentArea ol p:last-child, .mkn-ui.contentArea ol ul:last-child, .mkn-ui.contentArea ol ol:last-child, .mkn-ui.contentArea ol dl:last-child, .mkn-ui.contentArea ol .tbl-holder:last-child, .mkn-ui.contentArea ol .img-holder:last-child, .mkn-ui.contentArea ol h3:last-child, .mkn-ui.contentArea ol h4:last-child, .mkn-ui.contentArea ol h5:last-child, .mkn-ui.contentArea ol h6:last-child, .mkn-ui.contentArea dl p:last-child, .mkn-ui.contentArea dl ul:last-child, .mkn-ui.contentArea dl ol:last-child, .mkn-ui.contentArea dl dl:last-child, .mkn-ui.contentArea dl .tbl-holder:last-child, .mkn-ui.contentArea dl .img-holder:last-child, .mkn-ui.contentArea dl h3:last-child, .mkn-ui.contentArea dl h4:last-child, .mkn-ui.contentArea dl h5:last-child, .mkn-ui.contentArea dl h6:last-child, .mkn-ui.contentArea .tbl-holder p:last-child, .mkn-ui.contentArea .tbl-holder ul:last-child, .mkn-ui.contentArea .tbl-holder ol:last-child, .mkn-ui.contentArea .tbl-holder dl:last-child, .mkn-ui.contentArea .tbl-holder .tbl-holder:last-child, .mkn-ui.contentArea .tbl-holder .img-holder:last-child, .mkn-ui.contentArea .tbl-holder h3:last-child, .mkn-ui.contentArea .tbl-holder h4:last-child, .mkn-ui.contentArea .tbl-holder h5:last-child, .mkn-ui.contentArea .tbl-holder h6:last-child, .mkn-ui.contentArea .img-holder p:last-child, .mkn-ui.contentArea .img-holder ul:last-child, .mkn-ui.contentArea .img-holder ol:last-child, .mkn-ui.contentArea .img-holder dl:last-child, .mkn-ui.contentArea .img-holder .tbl-holder:last-child, .mkn-ui.contentArea .img-holder .img-holder:last-child, .mkn-ui.contentArea .img-holder h3:last-child, .mkn-ui.contentArea .img-holder h4:last-child, .mkn-ui.contentArea .img-holder h5:last-child, .mkn-ui.contentArea .img-holder h6:last-child, .mkn-ui.contentArea h3 p:last-child, .mkn-ui.contentArea h3 ul:last-child, .mkn-ui.contentArea h3 ol:last-child, .mkn-ui.contentArea h3 dl:last-child, .mkn-ui.contentArea h3 .tbl-holder:last-child, .mkn-ui.contentArea h3 .img-holder:last-child, .mkn-ui.contentArea h3 h3:last-child, .mkn-ui.contentArea h3 h4:last-child, .mkn-ui.contentArea h3 h5:last-child, .mkn-ui.contentArea h3 h6:last-child, .mkn-ui.contentArea h4 p:last-child, .mkn-ui.contentArea h4 ul:last-child, .mkn-ui.contentArea h4 ol:last-child, .mkn-ui.contentArea h4 dl:last-child, .mkn-ui.contentArea h4 .tbl-holder:last-child, .mkn-ui.contentArea h4 .img-holder:last-child, .mkn-ui.contentArea h4 h3:last-child, .mkn-ui.contentArea h4 h4:last-child, .mkn-ui.contentArea h4 h5:last-child, .mkn-ui.contentArea h4 h6:last-child, .mkn-ui.contentArea h5 p:last-child, .mkn-ui.contentArea h5 ul:last-child, .mkn-ui.contentArea h5 ol:last-child, .mkn-ui.contentArea h5 dl:last-child, .mkn-ui.contentArea h5 .tbl-holder:last-child, .mkn-ui.contentArea h5 .img-holder:last-child, .mkn-ui.contentArea h5 h3:last-child, .mkn-ui.contentArea h5 h4:last-child, .mkn-ui.contentArea h5 h5:last-child, .mkn-ui.contentArea h5 h6:last-child, .mkn-ui.contentArea h6 p:last-child, .mkn-ui.contentArea h6 ul:last-child, .mkn-ui.contentArea h6 ol:last-child, .mkn-ui.contentArea h6 dl:last-child, .mkn-ui.contentArea h6 .tbl-holder:last-child, .mkn-ui.contentArea h6 .img-holder:last-child, .mkn-ui.contentArea h6 h3:last-child, .mkn-ui.contentArea h6 h4:last-child, .mkn-ui.contentArea h6 h5:last-child, .mkn-ui.contentArea h6 h6:last-child {
  margin-bottom: 0;
}
.mkn-ui.contentArea p + p {
  margin-top: 10px;
}
.mkn-ui.contentArea .card, .mkn-ui.contentArea .card-inset {
  margin: 15px auto;
}
.mkn-ui.contentArea .h3 + p, .mkn-ui.contentArea .h3 + ul, .mkn-ui.contentArea .h3 + ol, .mkn-ui.contentArea .h3 + dl, .mkn-ui.contentArea .h3 + .tbl-holder, .mkn-ui.contentArea .h3 + .img-holder, .mkn-ui.contentArea .h3 + h3, .mkn-ui.contentArea .h3 + h4, .mkn-ui.contentArea .h3 + h5, .mkn-ui.contentArea .h3 + h6 {
  margin-top: 10px;
}
.mkn-ui.contentArea .h4 {
  margin-bottom: 5px;
}
.mkn-ui.contentArea .h4 + p, .mkn-ui.contentArea .h4 + ul, .mkn-ui.contentArea .h4 + ol, .mkn-ui.contentArea .h4 + dl, .mkn-ui.contentArea .h4 + .tbl-holder, .mkn-ui.contentArea .h4 + .img-holder, .mkn-ui.contentArea .h4 + h3, .mkn-ui.contentArea .h4 + h4, .mkn-ui.contentArea .h4 + h5, .mkn-ui.contentArea .h4 + h6 {
  margin-top: 0;
}
.mkn-ui.contentArea h5 + p, .mkn-ui.contentArea h5 + ul, .mkn-ui.contentArea h5 + ol, .mkn-ui.contentArea h5 + dl, .mkn-ui.contentArea h5 + .tbl-holder, .mkn-ui.contentArea h5 + .img-holder, .mkn-ui.contentArea h5 + h3, .mkn-ui.contentArea h5 + h4, .mkn-ui.contentArea h5 + h5, .mkn-ui.contentArea h5 + h6 {
  margin-top: 0;
}
.mkn-ui.contentArea .card, .mkn-ui.contentArea .full-width, .mkn-ui.contentArea .list:not(.list-inset) {
  margin-left: 0;
  margin-right: 0;
}
.mkn-ui.contentArea .caption, .mkn-ui.contentArea .caution {
  font-size: 10px;
  color: #666666;
}
.mkn-ui.contentArea li {
  margin-top: .25em;
  margin-bottom: .25em;
}
.mkn-ui.contentArea .list-narrow > li:first-child {
  margin-bottom: 0;
}
.mkn-ui.contentArea .list-narrow > li + li {
  margin-top: 0;
  margin-bottom: 0;
}
.mkn-ui.contentArea .list-narrow > :last-child {
  margin-top: 0;
  margin-bottom: .5em;
}
.mkn-ui.contentArea ul {
  padding-left: 1em;
}
.mkn-ui.contentArea ol {
  padding-left: 2em;
}
.mkn-ui.contentArea dt {
  font-weight: bold;
}
.mkn-ui.contentArea dd {
  margin-top: .25em;
}
.mkn-ui.contentArea dd + dt {
  margin-top: 1em;
}
.mkn-ui.contentArea ul.list,
.mkn-ui.contentArea ol.list {
  margin: 0;
  padding: 0;
}
.mkn-ui.contentArea .list > ul, .mkn-ui.contentArea .list > li, .mkn-ui.contentArea .list > ul > li, .mkn-ui.contentArea .list > dl > dt, .mkn-ui.contentArea .list > dl > dd {
  margin: 0;
  padding: 0;
}
.mkn-ui.contentArea table {
  width: 100%;
}
.mkn-ui.contentArea img + .caption, .mkn-ui.contentArea img + .caution {
  margin-top: 5px;
}
.mkn-ui.contentArea .button-text, .mkn-ui.contentArea .sidebar .lnaviList a, .sidebar .lnaviList .mkn-ui.contentArea a {
  margin-top: 5px;
}

.box-nav-anchor-link {
  border: 1px solid #cccccc;
  border-radius: 8px;
  background-color: transparent;
  padding: 0;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.box-nav-anchor-link:before {
  content: '';
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 50%;
  border-right: 1px dotted #cccccc;
}
.box-nav-anchor-link .list {
  background-color: transparent;
}
.box-nav-anchor-link .item.item-icon-left {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  border-bottom: 0;
  margin-bottom: -1px;
  display: inline-block;
}
.box-nav-anchor-link .item.item-icon-left:before {
  content: '';
  position: absolute;
  bottom: 0;
  border-bottom: 1px dotted #cccccc;
  left: 14px;
  right: 2px;
}
.box-nav-anchor-link .item.item-icon-left:nth-child(2n):before {
  left: 3px;
  right: 14px;
}
.box-nav-anchor-link .item.item-icon-left:after {
  right: auto !important;
  left: 15px;
}
.box-nav-anchor-link .item.item-icon-left > .icon:first-child {
  left: auto;
  right: 15px;
}
.box-nav-anchor-link .item.item-icon-left > .icon:first-child + span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.balloon {
  width: 72px !important;
  height: 72px !important;
}

.box-go-qa {
  position: relative;
  max-width: 660px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.box-go-qa .card-title.item.item-thumbnail-left {
  min-height: 100px;
}
.box-go-qa .card-title.item.item-thumbnail-left > .img-holder.balloon {
  margin-top: -36px;
}
.box-go-qa .card-title.item.item-thumbnail-left > .img-holder.balloon + em {
  height: 94px;
}
.box-go-qa .balloon + em {
  height: 94px;
}
.box-go-qa .balloon + em img {
  height: 52px;
  margin-left: 20px;
}
.box-go-qa .button {
  right: 20px;
  top: 20px;
  width: 296px;
  position: absolute;
  margin: 0;
}

#pageNation {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

#pageNation ul.pages {
  margin-bottom: 10px;
}

#pageNation ul.pages li {
  display: inline;
  margin-right: 1em;
}

#pageNation ul.pages li.current {
  font-weight: bold;
}

#pageNation ul.pages li a {
  color: #114294;
}

#pageNation ul.pages li:last-child {
  margin-right: 0;
}

#pageNation .totalNumber span {
  margin-right: 1em;
  color: #666666;
}

#pageNation .totalNumber span:last-child {
  margin-right: 0;
}

.c-blue {
  color: #0b419b !important;
}

.c-orange {
  color: #ff7200 !important;
}

.bg-gray {
  background-color: #f2f2f2 !important;
}

.bg-pale-blue {
  background-color: #e6edf7 !important;
}

.bg-yellow {
  background-color: #ffe300 !important;
}

.fz8 {
  font-size: 8px !important;
  font-size: 0.8rem !important;
}

.fz9 {
  font-size: 9px !important;
  font-size: 0.9rem !important;
}

.fz10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.fz11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.fz12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.fz13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.fz14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.fz15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

.fz16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.fz17 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
}

.fz18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.fz19 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
}

.fz20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.fz21 {
  font-size: 21px !important;
  font-size: 2.1rem !important;
}

.fz22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

.fz23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

.fz24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.fz25 {
  font-size: 25px !important;
  font-size: 2.5rem !important;
}

.fz26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}

.fz27 {
  font-size: 27px !important;
  font-size: 2.7rem !important;
}

.fz28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}

.fz29 {
  font-size: 29px !important;
  font-size: 2.9rem !important;
}

.fz30 {
  font-size: 30px !important;
  font-size: 3rem !important;
}

.fz31 {
  font-size: 31px !important;
  font-size: 3.1rem !important;
}

.fz32 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.fz33 {
  font-size: 33px !important;
  font-size: 3.3rem !important;
}

.fz34 {
  font-size: 34px !important;
  font-size: 3.4rem !important;
}

.fz35 {
  font-size: 35px !important;
  font-size: 3.5rem !important;
}

.fz36 {
  font-size: 36px !important;
  font-size: 3.6rem !important;
}

.fz37 {
  font-size: 37px !important;
  font-size: 3.7rem !important;
}

.fz38 {
  font-size: 38px !important;
  font-size: 3.8rem !important;
}

.fz39 {
  font-size: 39px !important;
  font-size: 3.9rem !important;
}

.fz40 {
  font-size: 40px !important;
  font-size: 4rem !important;
}

.fz41 {
  font-size: 41px !important;
  font-size: 4.1rem !important;
}

.fz42 {
  font-size: 42px !important;
  font-size: 4.2rem !important;
}

.fz43 {
  font-size: 43px !important;
  font-size: 4.3rem !important;
}

.fz44 {
  font-size: 44px !important;
  font-size: 4.4rem !important;
}

.fz45 {
  font-size: 45px !important;
  font-size: 4.5rem !important;
}

.fz46 {
  font-size: 46px !important;
  font-size: 4.6rem !important;
}

.fz47 {
  font-size: 47px !important;
  font-size: 4.7rem !important;
}

.fz48 {
  font-size: 48px !important;
  font-size: 4.8rem !important;
}

.lh13 {
  line-height: 1.3 	!important;
}

.lh14 {
  line-height: 1.4 	!important;
}

.lh15 {
  line-height: 1.5 	!important;
}

.lh175 {
  line-height: 1.75 	!important;
}

.lh2 {
  line-height: 2 		!important;
}

.m0 {
  margin: 0 !important;
}

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

.ml5 {
  margin-left: 5px !important;
}

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

.ml15 {
  margin-left: 15px !important;
}

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

.ml25 {
  margin-left: 25px !important;
}

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

.ml35 {
  margin-left: 35px !important;
}

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

.ml45 {
  margin-left: 45px !important;
}

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

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

.mr5 {
  margin-right: 5px !important;
}

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

.mr15 {
  margin-right: 15px !important;
}

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

.mr25 {
  margin-right: 25px !important;
}

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

.mr35 {
  margin-right: 35px !important;
}

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

.mr45 {
  margin-right: 45px !important;
}

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

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

.mt5 {
  margin-top: 5px !important;
}

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

.mt15 {
  margin-top: 15px !important;
}

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

.mt25 {
  margin-top: 25px !important;
}

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

.mt35 {
  margin-top: 35px !important;
}

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

.mt45 {
  margin-top: 45px !important;
}

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

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

.mb5 {
  margin-bottom: 5px !important;
}

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

.mb15 {
  margin-bottom: 15px !important;
}

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

.mb25 {
  margin-bottom: 25px !important;
}

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

.mb35 {
  margin-bottom: 35px !important;
}

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

.mb45 {
  margin-bottom: 45px !important;
}

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

.p0 {
  padding: 0 !important;
}

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

.pl5 {
  padding-left: 5px !important;
}

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

.pl15 {
  padding-left: 15px !important;
}

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

.pl25 {
  padding-left: 25px !important;
}

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

.pl35 {
  padding-left: 35px !important;
}

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

.pl45 {
  padding-left: 45px !important;
}

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

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

.pr5 {
  padding-right: 5px !important;
}

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

.pr15 {
  padding-right: 15px !important;
}

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

.pr25 {
  padding-right: 25px !important;
}

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

.pr35 {
  padding-right: 35px !important;
}

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

.pr45 {
  padding-right: 45px !important;
}

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

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

.pt5 {
  padding-top: 5px !important;
}

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

.pt15 {
  padding-top: 15px !important;
}

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

.pt25 {
  padding-top: 25px !important;
}

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

.pt35 {
  padding-top: 35px !important;
}

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

.pt45 {
  padding-top: 45px !important;
}

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

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

.pb5 {
  padding-bottom: 5px !important;
}

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

.pb15 {
  padding-bottom: 15px !important;
}

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

.pb25 {
  padding-bottom: 25px !important;
}

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

.pb35 {
  padding-bottom: 35px !important;
}

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

.pb45 {
  padding-bottom: 45px !important;
}

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

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

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

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

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

.bd0 {
  border: 0 !important;
}

.bd1 {
  border: 1px solid #cccccc !important;
}

.bdl1 {
  border-left: 1px solid #cccccc !important;
}

.bdr1 {
  border-right: 1px solid #cccccc !important;
}

.bdt1 {
  border-top: 1px solid #cccccc !important;
}

.bdb1 {
  border-bottom: 1px solid #cccccc !important;
}

.bdl1d {
  border-left: 1px dotte #cccccc !important;
}

.bdr1d {
  border-right: 1px dotted #cccccc !important;
}

.bdt1d {
  border-top: 1px dotted #cccccc !important;
}

.bdb1d {
  border-bottom: 1px dotted #cccccc !important;
}

.def {
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
}

.fwn {
  font-weight: normal !important;
}

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

.fsn {
  font-style: normal !important;
}

.fsi {
  font-style: italic !important;
}

.fso {
  font-style: oblique !important;
}

.tdn {
  text-decoration: none !important;
}

.tdu {
  text-decoration: underline !important;
}

.bdrds-0 {
  border-radius: 0;
}

.bdrds-3 {
  border-radius: 3px;
}

.bdrds-5 {
  border-radius: 5px;
}

.bdrds-7 {
  border-radius: 7px;
}

.bdrds-10 {
  border-radius: 10px;
}

.nw {
  white-space: nowrap !important;
}

[class^="lis-"] {
  padding-left: 2em !important;
}

.lis-none {
  list-style-type: none !important;
}

.lis-first-letter {
  padding-left: 1em !important;
  list-style-type: none !important;
}
.lis-first-letter li {
  text-indent: -1em;
}

.lis-disc {
  list-style-type: disc !important;
}

.lis-circle {
  list-style-type: circle !important;
}

.lis-square {
  list-style-type: square !important;
}

.lis-lower-roman {
  list-style-type: lower-roman !important;
}

.lis-upper-roman {
  list-style-type: upper-roman !important;
}

.lis-lower-greek {
  list-style-type: lower-greek !important;
}

.lis-decimal {
  list-style-type: decimal !important;
}

.lis-decimal-leading-zero {
  list-style-type: decimal-leading-zero !important;
}

.lis-lower-latin {
  list-style-type: lower-latin !important;
}

.lis-lower-alpha {
  list-style-type: lower-alpha !important;
}

.lis-upper-latin {
  list-style-type: upper-latin !important;
}

.lis-upper-alpha {
  list-style-type: upper-alpha !important;
}

.lis-cjk-ideographic {
  list-style-type: cjk-ideographic !important;
}

.lis-hiragana {
  list-style-type: hiragana !important;
}

.lis-katakana {
  list-style-type: katakana !important;
}

.lis-hiragana-iroha {
  list-style-type: hiragana-iroha !important;
}

.lis-katakana-iroha {
  list-style-type: katakana-iroha !important;
}

.flr {
  float: right;
}

.fll {
  float: left;
}

.fln {
  float: none;
}

[class*="sdw-"] {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}
[class*="sdw-"] img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.sdw-default {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.sdw-both {
  position: relative;
}

.sdw-both:before, .sdw-both:after {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.sdw-both:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.sdw-left {
  position: relative;
}

.sdw-left:before {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.sdw-right {
  position: relative;
}

.sdw-right:after {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*# sourceMappingURL=styles.css.map */