@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* Mixin
----------------------------------------------- */
.refinebar:after, .refine:after, .panel50keywords:after, .headerUtility__list:after, .footerNav:after, .footerUtility2:after, .listNews:after, .mediaImage[class*="col-"]:after, .listPokemon:after, .listPokemon2:after, .listDetail:after, .navAnchor__list:after, .layoutColumn:after {
  content: "";
  display: table;
  clear: both;
}

.frameContents--detail .frameContents__main > *:first-child, .frameContents--detail2 .frameContents__main > *:first-child, .frameContents--detail2 .frameContents__inner > *:first-child {
  margin-top: 0 !important;
}

.frameContents--detail .frameContents__main > *:last-child, .frameContents--detail2 .frameContents__main > *:last-child, .frameContents--detail2 .frameContents__inner > *:last-child, .frameFooter__inner > *:last-child, .frameFooter__inner2 > *:last-child, .frameFooter__inner3 > *:last-child, .footerSns > *:last-child, .topBox > *:last-child, .topLayout__item > *:last-child, .topSection2__inner > *:last-child, .topSection3__inner > *:last-child, .topSection4__inner > *:last-child, .topSection5__inner > *:last-child, .topSection6__inner > *:last-child, .topSection7__inner > *:last-child, .topSection7__inner2 > *:last-child, .topSection8__inner > *:last-child, .topSection9__inner > *:last-child, .topSection10__inner > *:last-child, .topSection11__inner > *:last-child, .layoutLocal__item > *:last-child, .layoutColumn__item > *:last-child {
  margin-bottom: 0 !important;
}

/* Foundation
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, button, textarea, main,
*:after, *:before {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  color: #000;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  background: #fff;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 480px) {
  body {
    font-size: 1.2rem;
  }
}

h1, h2, h3, h4, h5, h6,
[class*="__heading"] {
  line-height: 1.4;
  font-weight: bold;
}

p, ul, ol, dl, table {
  margin-bottom: 2em;
}

img {
  max-width: 100%;
  border: none;
  vertical-align: bottom;
}

a {
  color: #004eac;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

ol,
ul {
  list-style: none;
  padding: 0;
}

blockquote,
q {
  quotes: none;
}

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

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

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

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

b {
  font-weight: bold;
}

strong {
  color: #dc2e00;
  font-weight: bold;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.topSlideNews .slick-list {
  max-width: 1366px;
  margin: 0 auto;
  overflow: initial;
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 1;
  display: block;
  height: 72px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #000 url("../images/icon-arrow4.png") no-repeat center center;
  color: transparent;
  top: 50%;
  margin-top: -18px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}

.slick-prev:hover:after, .slick-prev:focus:after,
.slick-next:hover:after,
.slick-next:focus:after {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:after,
.slick-next:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .slick-prev,
  .slick-next {
    height: 36px;
    width: 22px;
    background-size: 5px 5px;
  }
}

.slick-prev {
  left: 0;
  -webkit-transform: translate(0, -50%) scaleX(-1);
          transform: translate(0, -50%) scaleX(-1);
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}

.slick-next {
  right: 0;
}

[dir="rtl"] .slick-next {
  left: 0;
  right: auto;
}

/* Dots */
.slick-dots {
  line-height: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 20px 0 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 13px;
  width: 13px;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 13px;
  width: 13px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  background: #004eac;
  opacity: 1;
}

.topSlide .slick-dots li button:hover:before, .topSlide .slick-dots li button:focus:before {
  background: #c9af71;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 13px;
  height: 13px;
  background: #b3b3b3;
  border-radius: 50%;
  font-family: "slick";
  font-size: 6px;
  line-height: 13px;
  text-align: center;
  color: #004eac;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  background: #004eac;
  color: #004eac;
  opacity: 1;
}

.topSlide .slick-dots li.slick-active button:before {
  background: #c9af71;
}

@media screen and (max-width: 768px) {
  .slick-dots {
    margin-top: 15px;
  }
  .slick-dots li {
    height: 7px;
    width: 7px;
    margin: 0 4px;
  }
  .slick-dots li button {
    height: 7px;
    width: 7px;
    padding: 0;
  }
  .slick-dots li button:before {
    width: 7px;
    height: 7px;
    line-height: 7px;
  }
}

/* 動画再生アイコン */
.listDetail--movie .playmovie .listDetail__image,
.playmovie {
  position: relative;
  display: block;
}

.listDetail--movie .playmovie .listDetail__image::after,
.playmovie::after {
  content: "";
  display: block;
  width: 130px;
  height: 130px;
  background: url("/ex/usum/common/images/icon-play.png") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.listDetail--movie .playmovie:after {
  display: none;
}

.playmovie > img {
  width: 100%;
}

@media screen and (max-width: 480px) {
  .listDetail--movie .playmovie .listDetail__image::after,
  .playmovie::after {
    width: 65px;
    height: 65px;
  }
}

/* モーダル */
.modalmovie {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.modalmovie .movwrap {
  width: 100%;
  height: 0;
  max-width: 960px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.modalmovie .movwrap .inner {
  position: absolute;
  height: 100%;
  width: 100%;
}

.modalmovie .movwrap .inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.modalmovie .movwrap .close {
  position: absolute;
  right: 0;
  top: -66px;
  margin: auto;
  color: transparent;
  display: inline-block;
  background: transparent url("/ex/usum/common/images/icon-close.png") no-repeat center center;
  background-size: cover;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .modalmovie .movwrap .close {
    width: 27px;
    height: 27px;
    top: -35px;
    right: 10px;
  }
}

.modalmovie .movwrap .close:hover {
  cursor: pointer;
  opacity: .8;
}

.topSlideNews .topSlideNews__item > a.playicon > div {
  position: relative;
}

.topSlideNews .topSlideNews__item > a.playicon > div::after {
  content: "";
  display: block;
  width: 27.2%;
  height: 0;
  padding-top: 27.2%;
  background: url("/ex/usum/common/images/icon-play.png") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.listNews .listNews__item > a.playicon > div {
  position: relative;
}

.listNews .listNews__item > a.playicon > div::after {
  content: "";
  display: block;
  width: 27.2%;
  height: 0;
  padding-top: 27.2%;
  background: url("/ex/usum/common/images/icon-play.png") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.listDetail > li > a.playicon > .listDetail__image {
  position: relative;
}

.listDetail > li > a.playicon > .listDetail__image::after {
  content: "";
  display: block;
  width: 27.2%;
  height: 0;
  padding-top: 27.2%;
  background: url("/ex/usum/common/images/icon-play.png") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* Mixin
----------------------------------------------- */
.refinebar:after, .refine:after, .panel50keywords:after, .headerUtility__list:after, .footerNav:after, .footerUtility2:after, .listNews:after, .mediaImage[class*="col-"]:after, .listPokemon:after, .listPokemon2:after, .listDetail:after, .navAnchor__list:after, .layoutColumn:after {
  content: "";
  display: table;
  clear: both;
}

.frameContents--detail .frameContents__main > *:first-child, .frameContents--detail2 .frameContents__main > *:first-child, .frameContents--detail2 .frameContents__inner > *:first-child {
  margin-top: 0 !important;
}

.frameContents--detail .frameContents__main > *:last-child, .frameContents--detail2 .frameContents__main > *:last-child, .frameContents--detail2 .frameContents__inner > *:last-child, .frameFooter__inner > *:last-child, .frameFooter__inner2 > *:last-child, .frameFooter__inner3 > *:last-child, .footerSns > *:last-child, .topBox > *:last-child, .topLayout__item > *:last-child, .topSection2__inner > *:last-child, .topSection3__inner > *:last-child, .topSection4__inner > *:last-child, .topSection5__inner > *:last-child, .topSection6__inner > *:last-child, .topSection7__inner > *:last-child, .topSection7__inner2 > *:last-child, .topSection8__inner > *:last-child, .topSection9__inner > *:last-child, .topSection10__inner > *:last-child, .topSection11__inner > *:last-child, .layoutLocal__item > *:last-child, .layoutColumn__item > *:last-child {
  margin-bottom: 0 !important;
}

.frameContents__main-50keywords {
  background: #f1f1f1 !important;
}

.heading50keywords {
  position: relative;
  background: white;
}

.heading50keywords__heading {
  padding: 20px 15px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .heading50keywords__heading {
    padding: 40px 15px;
  }
}

@media screen and (min-width: 480px) and (max-width: 769px) {
  .heading50keywords__heading {
    padding-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .heading50keywords .listSns {
    display: none;
  }
}

#news {
  position: relative;
  top: -20px;
  margin: 0 -500% -20px;
  padding: 15px 500%;
  font-size: 1rem;
  border-top: 1px solid #e5e5e5;
  line-height: 1em;
  background: white;
}

#news::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 7px;
  background: url("/ex/usum/common/images/50keywords/arrow.jpg");
  background-size: cover;
  margin-right: 1em;
  vertical-align: middle;
}

@media screen and (min-width: 769px) {
  #news {
    padding: 20px 500%;
    margin-top: -20px !important;
    font-size: 1.4rem;
  }
  #news::before {
    content: "";
    width: 12px;
    height: 14px;
  }
}

#news a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

#news a .news__date {
  color: #c9af71;
  margin-right: 1em;
}

#news a .news__date::after {
  content: "NEW";
  font-size: smaller;
  margin-left: 1em;
  display: inline-block;
  color: white;
  background: #dc2e00;
  padding: 2px 4px;
}

#news a:hover {
  text-decoration: underline;
}

.refinebar {
  margin: 0 -500% 15px;
  padding: 15px 500%;
  font-size: .9rem;
  background: #e5e5e5;
}

@media screen and (min-width: 769px) {
  .refinebar {
    top: -40px;
    padding: 20px 500%;
    margin-bottom: 30px;
    font-size: 1.5rem;
  }
}

.refinebar__inner {
  width: 100%;
  display: table;
  float: left;
}

.refinebar__inner:first-child > a:nth-child(n+2)::before {
  content: "";
  margin-right: .5em;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  background: url("/ex/usum/common/images/50keywords/icon_key-def.png");
  background-size: cover;
}

.refinebar__inner:first-child > a.is-current:nth-child(n+2)::before,
.refinebar__inner:first-child > a:hover:nth-child(n+2)::before {
  content: "";
  margin-right: .5em;
  width: 1em;
  height: 1em;
  display: inline-block;
  background: url("/ex/usum/common/images/50keywords/icon_key-cur.png");
  background-size: cover;
}

.refinebar__inner:last-child {
  margin-top: 5px;
}

@media screen and (min-width: 769px) {
  .refinebar__inner {
    width: 50%;
  }
  .refinebar__inner:last-child {
    margin-top: 0;
  }
}

.refinebar__inner > a {
  line-height: 1.5em;
  color: #c9af71;
  background: white;
  display: table-cell;
  text-align: center;
  font-weight: bold;
  padding: .5em;
  border-right: 1px solid #e5e5e5;
}

.refinebar__inner > a.is-current, .refinebar__inner > a:hover {
  background: #c9af71;
  color: white;
}

.refinebar__inner > span {
  line-height: 1.5em;
  color: #e5e5e5;
  background: #FFFFFF;
  display: table-cell;
  text-align: center;
  font-weight: bold;
  padding: .5em;
  border-right: 1px solid #e5e5e5;
}

.refine {
  display: none;
  margin: -3px;
}

@media screen and (min-width: 769px) {
  .refine {
    margin: -5px;
  }
}

.refine a {
  display: block;
  float: left;
  width: 50%;
}

@media screen and (min-width: 769px) {
  .refine a {
    width: 25%;
  }
  .refine a img {
    border-radius: 5px;
  }
  .refine a .panel50keywords__inner--text {
    border-radius: 0 0 5px 5px;
  }
}

body#fiftykeywords .frameContents__inner {
  padding-top: 20px !important;
}

@media screen and (min-width: 769px) {
  body#fiftykeywords .frameContents__inner {
    padding-top: 40px !important;
  }
}

body#fiftykeywords .modalmovie > .movwrap .inner {
  border-radius: 4px;
  overflow: hidden;
}

.panel50keywords {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin: -3px;
}

@media screen and (min-width: 769px) {
  .panel50keywords {
    margin: -5px;
  }
}

@media screen and (max-width: 768px) {
  .panel50keywords {
    display: block;
  }
}

.panel50keywords__inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .panel50keywords__inner {
    width: 50%;
    height: 50%;
    padding: 5px;
  }
}

@media screen and (max-width: 768px) {
  .panel50keywords__inner {
    float: left;
  }
  .panel50keywords__inner .panel50keywords__inner {
    width: 50%;
    height: 50%;
  }
}

.panel50keywords__inner img {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .panel50keywords__inner img {
    border-radius: 5px;
  }
}

.panel50keywords__inner--text {
  height: 3em;
  line-height: 3em;
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  margin-top: -3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .panel50keywords__inner--text {
    border-radius: 0 0 5px 5px;
  }
}

a.panel50keywords__inner {
  border-radius: 15px;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  a.panel50keywords__inner {
    border-radius: 22px;
  }
}

a.panel50keywords__inner:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

a.panel50keywords__inner img {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.modal50keywords {
  background: #f3f3f3;
  position: relative;
}

.modal50keywords .modal50keywords__head {
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 0 15px;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head {
    padding: 50px 0 30px;
  }
}

.modal50keywords .modal50keywords__head .modal50keywords__head--num {
  padding-left: 5px;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--num {
    padding-left: 20px;
  }
}

.modal50keywords .modal50keywords__head .modal50keywords__head--num::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/ex/usum/common/images/50keywords/modal-corner.png");
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--num::before {
    width: 87px;
    height: 87px;
  }
}

.modal50keywords .modal50keywords__head .modal50keywords__head--num img {
  width: 55px;
  max-width: none;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--num img {
    width: 110px;
  }
}

.modal50keywords .modal50keywords__head .modal50keywords__head--text {
  padding-right: 10px;
}

.modal50keywords .modal50keywords__head .modal50keywords__head--text p {
  margin: 0;
  font-weight: bold;
  line-height: 1em;
  vertical-align: bottom;
}

.modal50keywords .modal50keywords__head .modal50keywords__head--text p:nth-child(1) {
  color: #c9af71;
  font-size: 1.2rem;
  margin-bottom: .5em;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--text p:nth-child(1) {
    font-size: 2rem;
  }
}

.modal50keywords .modal50keywords__head .modal50keywords__head--text p:nth-child(2) {
  font-size: 1.6rem;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--text p:nth-child(2) {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 375px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--text p {
    width: 285px;
  }
}

@media screen and (max-width: 320px) {
  .modal50keywords .modal50keywords__head .modal50keywords__head--text p {
    width: 230px;
  }
}

.modal50keywords .modal50keywords__body {
  padding: 0 15px 20px;
  background: white;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__body {
    padding: 0 40px 30px;
  }
}

.modal50keywords .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin: -7px -8px -8px -7px;
}

@media screen and (min-width: 769px) {
  .modal50keywords .column {
    margin: -5px;
  }
}

@media screen and (max-width: 768px) {
  .modal50keywords .column {
    display: block;
  }
  .modal50keywords .column::after {
    display: block;
    clear: both;
    content: "";
  }
}

.modal50keywords .column .column__col {
  width: 100%;
  padding: 7px 8px 8px 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .modal50keywords .column .column__col {
    width: 50%;
    padding: 5px;
  }
}

@media screen and (max-width: 768px) {
  .modal50keywords .column .column__col {
    float: left;
  }
}

.modal50keywords .column .column__col img {
  width: 100%;
}

.modal50keywords .box {
  border: 1px solid #e5e5e5;
  margin: 15px 0;
  padding: .5em 1em;
  border-radius: 3px;
}

@media screen and (min-width: 769px) {
  .modal50keywords .box {
    margin: 20px 0;
  }
}

.modal50keywords .box P {
  margin: 0;
}

.modal50keywords .modal50keywords__footer {
  background: #f3f3f3;
  padding: 15px;
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__footer {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .modal50keywords .modal50keywords__footer .sns {
    display: block;
    text-align: center;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding-bottom: .5em;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons {
    width: 100%;
    display: inline-block;
    letter-spacing: -.34em;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--tw {
    width: 25%;
    height: 20px;
    display: inline-block;
    background: #01aced url("/ex/usum/common/images/icon-sns-tw.png") 50% 50% no-repeat;
    background-size: auto 18px;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--fb {
    width: 25%;
    height: 20px;
    display: inline-block;
    background: #305097 url("/ex/usum/common/images/icon-sns-fb.png") 50% 50% no-repeat;
    background-size: auto 18px;
  }
}

@media screen and (min-width: 769px) {
  .modal50keywords .modal50keywords__footer .sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__text {
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.2rem;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--tw {
    width: 30px;
    height: 30px;
    background: #01aced url("/ex/usum/common/images/icon-sns-tw.png") 50% 50% no-repeat;
    background-size: auto 28px;
    margin-right: 5px;
    border-radius: 4px;
    overflow: hidden;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--tw:hover {
    opacity: .6;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--fb {
    width: 30px;
    height: 30px;
    background: #305097 url("/ex/usum/common/images/icon-sns-fb.png") 50% 0px no-repeat;
    background-size: auto 30px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
  }
  .modal50keywords .modal50keywords__footer .sns .sns__buttons .sns__button--fb:hover {
    opacity: .6;
  }
}

.keywordsSlide .slick-dots li.slick-active button::before {
  background: #c9af71;
}

.keywordsSlide .slick-dots li button:hover::before,
.keywordsSlide .slick-dots li button:focus::before {
  background: #c9af71;
}

@media screen and (max-width: 768px) {
  .table-scroll {
    margin-right: -20px;
    overflow: scroll;
  }
}

table.def {
  margin: 1em 0;
  width: 100%;
}

table.def th, table.def td {
  border: 1px solid #e5e5e5;
  padding: 1em 1.5em;
  text-align: left;
  vertical-align: middle;
}

table.def th {
  background: #f3f3f3;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  table.def {
    border-top: 1px solid #e5e5e5;
  }
  table.def th, table.def td {
    display: block;
    border-top: 0;
  }
}

table.type1 {
  width: 100%;
}

table.type1 th, table.type1 td {
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 1.5em;
  padding: .5em;
  vertical-align: middle;
}

table.type1 thead {
  background: #c8ae75;
  color: #FFFFFF;
  font-weight: bold;
  white-space: nowrap;
}

table.type1 tbody th {
  background: #666666;
  color: #ffffff;
  font-weight: bold;
  white-space: nowrap;
}

table.type1 tbody tr:nth-child(odd) {
  background: #ffffff;
}

table.type1 tbody tr:nth-child(even) {
  background: #f3f3f3;
}

table.denpoke {
  width: 100%;
}

table.denpoke th, table.denpoke td {
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 1.5em;
  padding: .5em;
  vertical-align: middle;
  text-align: center;
}

table.denpoke th {
  color: white;
  font-weight: bold;
}

table.denpoke th:nth-child(1) {
  background: #c9af71;
}

table.denpoke th:nth-child(2) {
  background: #e52e00;
}

table.denpoke th:nth-child(3) {
  background: #13007f;
}

table.denpoke th:nth-child(4) {
  background: #666666;
}

table.denpoke td:nth-child(1) {
  max-width: 200px;
}

table.denpoke td:nth-child(2) {
  background: #ffefe6;
}

table.denpoke td:nth-child(3) {
  background: #f7f2ff;
}

table.delimiter {
  margin: 1em auto;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  table.delimiter {
    font-size: 1.6rem;
  }
}

table.delimiter th {
  font-weight: bold;
  text-align: left;
  padding: .2em 3em .2em 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  table.delimiter th::after {
    content: "…";
    position: absolute;
    right: 1em;
  }
}

table.delimiter td {
  padding: .2em 0;
}

.heading-gradation, .heading-gradation:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #e52e00;
}

.heading-gradation:before {
  display: block;
  content: attr(title);
  color: #13007f;
  -webkit-mask-image: -webkit-linear-gradient(left, transparent, black);
}

@media screen and (min-width: 768px) {
  .heading-gradation__pcWrap17em {
    max-width: 17em;
    margin-left: auto;
    margin-right: auto;
  }
}

.frameWrap {
  background: #000;
}

.frameOverlay {
  position: fixed;
  width: 100%;
  height: 120%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #2f0900), color-stop(50%, #1d0022), to(#060027)) no-repeat;
  background: -webkit-linear-gradient(left, #2f0900 0, #1d0022 50%, #060027 100%) no-repeat;
  background: linear-gradient(90deg, #2f0900 0, #1d0022 50%, #060027 100%) no-repeat;
  z-index: 9999;
  bottom: -10%;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.is-hideOverlay .frameOverlay {
  bottom: 120%;
}

.frameHeader {
  background: #000;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  padding: 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.frameHeader:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #e52e00), color-stop(50%, #69109b), to(#2400f2)) no-repeat;
  background: -webkit-linear-gradient(left, #e52e00 0, #69109b 50%, #2400f2 100%) no-repeat;
  background: linear-gradient(90deg, #e52e00 0, #69109b 50%, #2400f2 100%) no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}

.is-hideHeader .frameHeader {
  top: -200px;
}

.frameHeader a {
  color: #fff;
}

.frameHeader__inner {
  max-width: 1366px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .frameHeader:before {
    display: none;
  }
  .frameHeader__inner {
    position: relative;
  }
  .frameHeader__inner:before {
    content: "";
    display: block;
    width: 107%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #e52e00), color-stop(50%, #69109b), to(#2400f2)) no-repeat;
    background: -webkit-linear-gradient(left, #e52e00 0, #69109b 50%, #2400f2 100%) no-repeat;
    background: linear-gradient(90deg, #e52e00 0, #69109b 50%, #2400f2 100%) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.frameContents {
  background: #fff;
  padding-top: 110px;
}

.frameContents__main p:not([class]) {
  line-height: 2;
}

.frameContents--top {
  padding-top: 0;
}

.frameContents--top + .frameFooter .frameFooter__inner3 {
  display: none;
}

.frameContents--top .frameContents__main {
  overflow-x: hidden;
}

.frameContents--detail {
  background: #f3f3f3;
}

.frameContents--detail + .frameFooter .frameFooter__inner {
  display: none;
}

.frameContents--detail .frameContents__main {
  overflow: hidden;
  width: 100%;
  max-width: 1286px;
  margin: 0 auto;
  padding: 70px 15px 160px;
}

.frameContents--detail2 {
  background: #fff;
}

.frameContents--detail2 + .frameFooter .frameFooter__inner {
  display: none;
}

.frameContents--detail2 .frameContents__main {
  padding: 0 15px 70px;
  overflow-x: hidden;
}

.frameContents--detail2 .frameContents__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 70px 0 90px;
}

.frameContents--detail2 .frameContents__inner.bg-1 {
  position: relative;
}

.frameContents--detail2 .frameContents__inner.bg-1 > * {
  position: relative;
}

.frameContents--detail2 .frameContents__inner.bg-1:before {
  content: "";
  display: inline-block;
  width: 200%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -50%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#fff8e6)) no-repeat;
  background: -webkit-linear-gradient(top, #fff 50%, #fff8e6 100%) no-repeat;
  background: linear-gradient(180deg, #fff 50%, #fff8e6 100%) no-repeat;
}

.frameContents--detail2 .frameContents__bottom {
  max-width: 1306px;
  margin: 0 auto;
  padding: 80px 0 30px;
  position: relative;
}

.frameContents--detail2 .frameContents__bottom:before {
  content: "";
  display: inline-block;
  width: 200%;
  height: 2px;
  background: #f3f3f3;
  position: absolute;
  top: 0;
  left: -50%;
}

.frameContents--detail2 .frameContents__bottom2 {
  text-align: center;
  margin: 0 -15px;
  padding: 50px 15px 120px;
  background: #f3f3f3;
}

.frameContents--detail2 .frameContents__news {
  padding: 54px 0 0;
}

.frameContents--detail2 .frameContents__news2 {
  background: #f3f3f3 url("/ex/usum/common/images/top/bg-news.png") repeat center center;
  background-size: 7.5px 7.5px;
  padding: 30px 15px 100px;
  margin: 0 -15px;
}

.frameContents--detail2 .frameContents__news2 .buttonMore {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .frameContents--detail {
    padding-top: 80px;
  }
  .frameContents--detail .frameContents__main {
    padding: 40px 15px 80px;
  }
  .frameContents--detail2 {
    padding-top: 80px;
  }
  .frameContents--detail2 .frameContents__main {
    padding: 0 15px 35px;
  }
  .frameContents--detail2 .frameContents__inner {
    padding: 35px 0 45px;
  }
  .frameContents--detail2 .frameContents__bottom {
    padding: 40px 0;
  }
  .frameContents--detail2 .frameContents__bottom:before {
    height: 1px;
  }
  .frameContents--detail2 .frameContents__bottom2 {
    padding: 25px 15px 60px;
  }
  .frameContents .frameContents__news {
    padding: 17px 0 0;
  }
  .frameContents .frameContents__news2 {
    padding: 30px 15px 50px;
  }
}

.frameFooter {
  position: relative;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}

.frameFooter a {
  color: #fff;
}

.frameFooter__inner {
  position: relative;
  background: #181818;
  padding: 80px 15px 85px;
}

.frameFooter__inner2 {
  padding: 22px 15px;
  border-top: 1px solid #444;
}

.frameFooter__inner3 {
  position: relative;
  background: #181818;
  padding: 30px 0 25px;
}

@media screen and (max-width: 768px) {
  .frameFooter {
    font-size: 1rem;
  }
  .frameFooter__inner {
    padding: 30px 15px 40px;
  }
  .frameFooter__inner2 {
    padding: 18px 15px;
  }
  .frameFooter__inner3 {
    padding: 15px 5px 0;
  }
}

.headerLogo {
  width: 31.18594%;
  padding-right: 0.73206%;
  text-align: center;
  line-height: 110px;
}

.headerLogo img {
  vertical-align: middle;
  position: relative;
  top: -4px;
}

@media screen and (max-width: 768px) {
  .headerLogo {
    width: 100%;
    line-height: 40px;
  }
  .headerLogo img {
    top: -2px;
    max-width: 130px;
  }
}

.headerMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  .headerMenu {
    display: block;
    position: absolute;
    top: 0;
    right: -8px;
  }
  .headerMenu > a.is-open {
    background-image: url("/ex/usum/common/images/icon-menu_o.png");
  }
  .headerMenu > a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/ex/usum/common/images/icon-menu.png") no-repeat center center;
    background-size: 20px 20px;
    overflow: hidden;
  }
  .headerMenu > a > span {
    display: inline-block;
    white-space: nowrap;
    text-indent: 200%;
  }
}

.headerNav {
  width: 68.81406%;
  padding-right: 2.34261%;
}

@media screen and (max-width: 768px) {
  .headerNav {
    position: fixed;
    top: 40px;
    left: 100%;
    width: 100%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    z-index: 1002;
    padding-right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .headerNav.is-open {
    left: 0;
  }
  .headerNav:before {
    content: "";
    display: block;
    width: 100%;
    height: 300%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .headerNav .headerUtility {
    width: 100%;
    position: absolute;
    bottom: -92px;
  }
  .headerNav .headerGlobal {
    width: 100%;
  }
}

.headerUtility {
  line-height: 1;
}

.headerUtility__list {
  margin: 0 0 16px;
  text-align: right;
}

.headerUtility__list > li {
  display: inline-block;
  margin-left: 30px;
}

.headerUtility__list > li a {
  display: inline-block;
}

.headerUtility__list > li a:hover {
  color: #c9af71;
}

.headerUtility__list > li a > span {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 15px;
  background: url("/ex/usum/common/images/icon-arrow3.png") no-repeat 0 center;
}

.headerUtility__list > li.is-site {
  display: none;
}

@media screen and (max-width: 768px) {
  .headerUtility__list {
    display: block;
    margin: 0;
    text-align: center;
  }
  .headerUtility__list > li {
    width: 50%;
    margin: 0;
    float: left;
  }
  .headerUtility__list > li a {
    background-color: #fff;
    color: #000;
    display: block;
    padding: 15px 0;
    font-weight: bold;
  }
  .headerUtility__list > li a > span {
    font-size: 1rem;
  }
  .headerUtility__list > li a[target="_blank"] {
    position: relative;
  }
  .headerUtility__list > li a[target="_blank"]:after {
    content: "";
    display: inline-block;
    background: url("/ex/usum/common/images/icon-blank2.png") no-repeat 0 0;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    margin-left: 4px;
  }
  .headerUtility__list > li:first-child {
    border-right: 1px solid #e7e7e7;
  }
  .headerUtility__list > li.is-site {
    width: 100%;
    display: block;
  }
  .headerUtility__list > li.is-site a {
    background: #e7e7e7;
  }
  .headerUtility__list > li.is-site a > span {
    padding: 5px 0;
  }
  .headerUtility__list > li.is-site a > span:before {
    display: none;
  }
}

.headerGlobal__list {
  margin: 0 0 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  text-align: center;
}

.headerGlobal__list:before,
.headerGlobal__list > li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #444;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  z-index: 1;
}

.headerGlobal__list:before {
  left: 100%;
}

.headerGlobal__list > li {
  position: relative;
  text-align: center;
}

.headerGlobal__list > li.is-top {
  display: none;
}

.headerGlobal__list > li img {
  width: 100%;
}

.headerGlobal__list > li img:last-child {
  display: none;
}

.headerGlobal__list > li a {
  display: inline-block;
  position: relative;
}

.headerGlobal__list > li a:hover img:nth-child(1) {
  opacity: 0;
}

.headerGlobal__list > li a:hover img:nth-child(2) {
  opacity: 1;
}

.headerGlobal__list > li a img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .headerGlobal__list {
    margin: 0;
    display: block;
  }
  .headerGlobal__list:before,
  .headerGlobal__list > li:before {
    display: none;
  }
  .headerGlobal__list > li {
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
  }
  .headerGlobal__list > li.is-top {
    display: block;
  }
  .headerGlobal__list > li.is-coming {
    display: block;
  }
  .headerGlobal__list > li img {
    display: none;
    max-height: 42px;
    width: auto;
  }
  .headerGlobal__list > li img:last-child {
    display: block;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
  }
  .headerGlobal__list > li a {
    display: block;
    text-align: center;
  }
}

.headerGlobalSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .headerGlobalSp {
    background: #222;
    display: block;
    margin: 0 -10px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .headerGlobalSp .headerGlobalSp__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* Android */
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    text-align: center;
    margin: 0;
  }
  .headerGlobalSp .headerGlobalSp__list .is-coming {
    display: none;
  }
  .headerGlobalSp .headerGlobalSp__list:before,
  .headerGlobalSp .headerGlobalSp__list > li:before {
    display: none;
  }
  .headerGlobalSp .headerGlobalSp__list > li img {
    vertical-align: middle;
    height: 40px;
    height: 12.5vw;
    max-height: 70px;
    width: auto;
    max-width: inherit;
  }
  .headerGlobalSp .headerGlobalSp__list > li a {
    display: block;
    height: 100%;
  }
  .headerGlobalSp .headerGlobalSp__list > li a img {
    opacity: 1 !important;
  }
  .headerGlobalSp .headerGlobalSp__list > li a.is-current {
    background: #444;
  }
}

.footerHeading {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .footerHeading {
    margin-bottom: 18px;
  }
  .footerHeading > img {
    max-width: 225px;
  }
}

.footerPagetop {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1000;
  display: none;
}

.footerPagetop > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.footerPagetop > a:before, .footerPagetop > a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("/ex/usum/common/images/button-pagetop_o.png") no-repeat 0 0;
  background-size: cover;
  position: absolute;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  opacity: 0;
  top: 75%;
  left: 75%;
  height: 0;
}

.footerPagetop > a:after {
  -webkit-transition: 0.1s 0.03s ease-in;
  transition: 0.1s 0.03s ease-in;
  top: 15%;
  left: 15%;
}

.footerPagetop > a:hover:before, .footerPagetop > a:hover:after {
  top: 0;
  left: 0;
  opacity: 0.7;
  height: 100%;
}

.footerPagetop > a:hover:after {
  opacity: 0.3;
}

@media screen and (max-width: 768px) {
  .footerPagetop {
    bottom: 8px;
    right: 8px;
  }
  .footerPagetop > a {
    width: 45px;
    height: 52px;
  }
}

.footerNav {
  width: 100%;
  max-width: 1308px;
  margin: 0 auto 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footerNav > li {
  width: 16.66667%;
  text-align: center;
}

.footerNav > li > a {
  display: block;
  position: relative;
  overflow: hidden;
}

.footerNav > li > a:hover img:last-child {
  opacity: 1;
}

.footerNav > li > a img:last-child {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.footerNav > li img {
  width: 100%;
  max-width: 218px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 768px) {
  .footerNav {
    display: block;
    margin-bottom: 15px;
  }
  .footerNav > li {
    float: left;
    width: 33.33333%;
  }
  .footerNav > li:nth-child(n+4) {
    margin-top: 1em;
  }
}

.footerSns {
  font-size: 1.2rem;
}

.footerSns__heading {
  margin-bottom: 10px;
}

.footerLang__list {
  margin-bottom: 0;
}

.footerLang__list > li {
  display: inline-block;
  line-height: 1;
  padding: 0 1.2em 0 1em;
}

.footerLang__list > li:not(:last-child) {
  border-right: 1px solid #444;
}

.footerLang__list > li a {
  display: inline-block;
  font-weight: bold;
}

.footerUtility__list {
  margin-bottom: 1.5em;
}

.footerUtility__list > li {
  display: inline-block;
  line-height: 1;
  padding: 0 1.2em 0 1em;
}

.footerUtility__list > li a {
  display: inline-block;
  font-weight: bold;
  padding-left: 15px;
  background: url("/ex/usum/common/images/icon-arrow3.png") no-repeat 0 center;
}

.footerUtility__list > li a[target="_blank"] {
  position: relative;
}

.footerUtility__list > li a[target="_blank"]:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank.png") no-repeat 0 0;
  vertical-align: middle;
  width: 17px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

@media screen and (max-width: 768px) {
  .footerUtility {
    text-align: left;
    margin: -18px -15px 0;
  }
  .footerUtility__list {
    margin-bottom: 2em;
  }
  .footerUtility__list > li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #444;
  }
  .footerUtility__list > li a {
    display: block;
    padding: 1.3em 15px;
    padding-left: 15px;
    background: none;
  }
}

.footerUtility2 {
  text-align: center;
}

.footerUtility2 > li {
  display: inline-block;
  margin: 0 1em;
}

.footerUtility2 > li a {
  display: inline-block;
}

.footerUtility2 > li a:hover {
  color: #c9af71;
}

.footerUtility2 > li a > span {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 15px;
  background: url("/ex/usum/common/images/icon-arrow3.png") no-repeat 0 center;
}

@media screen and (max-width: 768px) {
  .footerUtility2 {
    border-top: 1px solid #444;
    margin: 0 -5px;
  }
  .footerUtility2 > li {
    float: left;
    width: 50%;
    margin: 0;
  }
  .footerUtility2 > li:first-child {
    border-right: 1px solid #444;
  }
  .footerUtility2 > li a {
    display: block;
    padding: 1em;
  }
  .footerUtility2 > li a > span {
    display: inline-block;
    font-size: 1.2rem;
    padding-left: 15px;
    background-image: url("/ex/usum/common/images/icon-arrow3_sp.png");
    background-size: 7px 6px;
  }
}

.footerCopy {
  font-size: 1rem;
  color: #b3b3b3;
  margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
  .footerCopy {
    margin-bottom: 2em;
    text-align: left;
  }
}

.footerLogo__list {
  margin-bottom: 0;
}

.footerLogo__list > li {
  display: inline-block;
  line-height: 1;
  padding: 0 0.5em 0 0.3em;
  margin-bottom: 10px;
}

.footerLogo__list > li a {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .footerLogo {
    text-align: left;
  }
  .footerLogo__list > li a img {
    width: auto;
    height: 18px;
  }
}

.topHeading {
  text-align: center;
  margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
  .topHeading {
    margin-bottom: 20px;
  }
  .topSection4 .topHeading img {
    width: 24.82759%;
  }
  .topSection5 .topHeading img {
    width: 40.68966%;
  }
  .topSection6 .topHeading img {
    width: 52.75862%;
  }
  .topSection7 .topHeading img {
    width: 32.41379%;
  }
  .topSection8 .topHeading img {
    width: 30.34483%;
  }
  .topSection10 .topHeading img {
    width: 45.86207%;
  }
  .topSection11 .topHeading img {
    width: 30%;
  }
}

.topHeading2 {
  margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .topHeading2 {
    margin-bottom: 20px;
    text-align: center;
  }
  .topSection4 .topHeading2 img {
    width: 88.96552%;
  }
  .topSection5 .topHeading2 img {
    width: 87.24138%;
  }
  .topSection6 .topHeading2 img {
    width: 81.37931%;
  }
  .topSection7 .topHeading2 img {
    width: 89.65517%;
  }
  .topSection8 .topHeading2 img {
    width: 61.03448%;
  }
}

.topHeading3 {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .topHeading3 {
    margin-bottom: 20px;
  }
  .topSection9 .topHeading3 img {
    width: 92px;
  }
}

.topHeadingNews {
  text-align: center;
  margin-bottom: 25px;
  direction: rtl;
}

.topHeadingNews__heading {
  margin-left: 130px;
  position: relative;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .topHeadingNews {
    text-align: left;
    max-width: 290px;
    margin: 0 auto 15px;
    position: relative;
  }
  .topHeadingNews__heading {
    margin-left: 130px;
    max-width: 206px;
  }
  .topHeadingNews__date {
    position: absolute;
    top: -27px;
    left: 202px;
    max-width: 50px;
    z-index: 10;
  }
}

.topImageNews {
  position: absolute;
  top: -24px;
  left: 0;
  text-align: center;
  width: 100%;
}

.topImageNews > img {
  position: relative;
  left: -323px;
}

@media screen and (max-width: 768px) {
  .topImageNews {
    top: -6px;
    right: 3px;
    left: auto;
  }
  .topImageNews > img {
    left: -90px;
    max-width: 120px;
  }
}

.topImageProducts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.topImageProducts > li {
  width: 50%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .topImageProducts {
    margin-bottom: 20px;
  }
  .topImageProducts > li {
    padding: 0 5px;
  }
}

.topImageProducts2 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}

.topImageProducts2 > img {
  position: absolute;
  max-height: 100%;
  max-width: inherit;
  width: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.topBox {
  background: #fff;
  padding: 12.2% 8.9%;
}

.topBox--lineup {
  border: 1px solid #e5e5e5;
}

@media screen and (max-width: 768px) {
  .topBox {
    padding: 20px 15px;
  }
  .topBox--lineup {
    background: transparent;
    padding: 0;
    border: none;
  }
}

.topBoxProducts {
  width: 100%;
  max-width: 946px;
  margin: 0 auto;
  border: 1px solid #444;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.8em 1em;
  text-align: center;
}

.topBoxProducts__item {
  max-width: 340px;
  display: inline-block;
  vertical-align: top;
}

.topBoxProducts__item:last-child {
  max-width: 450px;
}

.topBoxProducts__item:last-child .topBoxProducts__list > dt {
  width: 50%;
}

.topBoxProducts__item:last-child .topBoxProducts__list > dd {
  width: 50%;
}

.topBoxProducts__list {
  margin: 0;
  padding: 1em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left;
}

.topBoxProducts__list > dt {
  font-weight: bold;
  width: 38%;
  padding: 0.5em 0 0.5em 20px;
  position: relative;
}

.topBoxProducts__list > dt:before {
  content: "◆";
  color: #c9af71;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1em;
  font-size: 1.2rem;
}

.topBoxProducts__list > dd {
  width: 62%;
  padding: 0.5em 0;
}

@media screen and (max-width: 768px) {
  .topBoxProducts {
    font-size: 1rem;
    padding: 0.5em 1.5em;
  }
  .topBoxProducts__item {
    max-width: 440px;
    width: 100%;
  }
  .topBoxProducts__item:last-child {
    margin-top: -1.5em;
  }
  .topBoxProducts__list {
    display: block;
    width: 100%;
    max-width: inherit;
  }
  .topBoxProducts__list > dt {
    width: 40% !important;
    padding-left: 16px;
    float: left;
    clear: both;
  }
  .topBoxProducts__list > dt:before {
    font-size: 0.6rem;
    margin-top: 1.5em;
  }
  .topBoxProducts__list > dd {
    width: 60% !important;
    padding-left: 2em;
    position: relative;
    float: left;
  }
  .topBoxProducts__list > dd:before {
    content: "…";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0.4em;
  }
}

.topLayout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 104.39239%;
  margin-left: -2.19619%;
  margin-right: -2.19619%;
}

.topLayout__item {
  width: 50%;
  padding: 0 2.19619%;
}

.topLayout__item:first-child {
  padding-right: 0;
}

.topLayout__image {
  margin-top: -10px;
}

.topLayout--right {
  direction: rtl;
}

.topLayout--right .topLayout__item {
  direction: ltr;
  padding: 0 2.19619%;
}

.topLayout--right .topLayout__item:first-child {
  padding-left: 0;
}

.topLayout--special .topLayout__item:last-child {
  padding-left: 2.19619%;
}

@media screen and (max-width: 768px) {
  .topLayout {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .topLayout__item {
    width: 100%;
    padding: 0 !important;
  }
  .topLayout__item:first-child {
    margin-bottom: 30px;
    text-align: center;
  }
  .topLayout__image {
    margin-top: 0;
  }
}

.topSlide {
  margin-top: -20px;
  margin-left: 4.39239%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .topSlide {
    margin-top: 0;
    margin-left: 0;
  }
}

.topSlideNews {
  overflow: hidden;
}

.topSlideNews__inner {
  margin: 0 auto 30px;
}

.topSlideNews__item {
  padding: 0 12.5px;
  width: 33.33333%;
  height: 100%;
  margin-bottom: 2px;
}

.topSlideNews__item > a {
  display: block;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.topSlideNews__item > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
}

.topSlideNews__item > a.is-overlay:after, .topSlideNews__item > a:hover:after {
  opacity: 0.5;
}

.topSlideNews__thumb {
  margin-bottom: 0.5em;
  width: 100%;
}

.topSlideNews__date {
  line-height: 1;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Arial";
  font-weight: bold;
  padding: 0 1em;
  margin-bottom: 5px;
  font-size: 1.5rem;
}

.topSlideNews__icon-new {
  background: url("/ex/usum/common/images/icon-new.png") no-repeat 0 0;
  width: 36px;
  height: 15px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  overflow: hidden;
  position: relative;
  top: -1px;
}

.topSlideNews__text {
  font-weight: bold;
  color: #000;
  padding: 0 1em;
  margin-bottom: 1em;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .topSlideNews__inner {
    margin-bottom: 15px;
  }
  .topSlideNews__item {
    padding: 0 5px;
  }
  .topSlideNews__date {
    font-size: 1rem;
  }
  .topSlideNews__icon-new {
    background-image: url("/ex/usum/common/images/icon-new_sp.png");
    background-size: cover;
    width: 22px;
    height: 10px;
  }
  .topSlideNews__text {
    font-size: 1rem;
    margin-bottom: 1.5em;
  }
}

.topSlideSpecial__item {
  width: 458px;
}

@media screen and (min-width: 769px) {
  .topSlideSpecial__item {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.topSlideSpecial__item > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 5px;
}

.topSlideSpecial__item > a:hover .topSlideSpecial__text, .topSlideSpecial__item > a:focus .topSlideSpecial__text {
  opacity: 1;
}

.topSlideSpecial__item--small > a {
  width: 50%;
}

.topSlideSpecial__image {
  border-radius: 5px;
}

.topSlideSpecial__text {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .topSlideSpecial {
    display: block;
  }
  .topSlideSpecial__item {
    float: left;
    width: 290px;
    display: block;
  }
  .topSlideSpecial__item > a {
    padding: 2.5px;
    float: left;
  }
  .topSlideSpecial__image {
    border-radius: 3px;
  }
}

.topText {
  line-height: 2.6;
  margin-bottom: 3.2em;
}

@media screen and (max-width: 768px) {
  .topText {
    line-height: 2;
    margin-bottom: 1.8em;
  }
}

.listBanner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1256px;
  margin-left: auto;
  margin-right: auto;
}

.listBanner > li {
  width: 50%;
  text-align: center;
  padding: 0 4px;
}

.listBanner > li > a {
  display: inline-block;
  padding: 4px;
  background: #fff;
}

.listBanner > li > a img {
  width: 100%;
}

.listBanner > li > a:hover img {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .listBanner {
    display: block;
  }
  .listBanner > li {
    padding: 0;
    width: 100%;
  }
  .listBanner > li:not(:first-child) {
    margin-top: 5px;
  }
  .listBanner > li > a {
    padding: 2px;
  }
}

.listSns {
  text-align: center;
  font-size: 0;
}

.listSns--top {
  position: absolute;
  text-align: right;
  top: 10px;
  right: 10px;
  z-index: 1000;
}

.listSns--top > li {
  padding: 0 2px;
}

.listSns--top > li > a {
  border-radius: 2px;
}

.listSns--top img {
  width: 30px;
}

.listSns > li {
  display: inline-block;
  padding: 0 4px;
}

.listSns > li:nth-child(4) {
  display: none;
}

.listSns > li a {
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
}

.listSns > li a:hover img {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .listSns {
    position: static;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .listSns > li {
    padding: 0;
    width: 25%;
    text-align: center;
  }
  .listSns > li:nth-child(1) > a {
    background: #01aced;
  }
  .listSns > li:nth-child(2) > a {
    background: #305097;
  }
  .listSns > li:nth-child(3) > a {
    background: #db4a39;
  }
  .listSns > li:nth-child(4) {
    display: inline-block;
  }
  .listSns > li:nth-child(4) > a {
    background: #00bb00;
  }
  .listSns > li > a {
    border-radius: 0;
    display: block;
    padding: 3px;
  }
  .listSns img {
    width: 22px;
  }
}

.tabNews {
  max-width: 1024px;
  margin: 0 auto;
}

.tabNews__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px;
}

.tabNews__nav > div {
  width: 33.33333%;
  padding: 0 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabNews__nav > div > a {
  background: #fff;
  border-bottom: 3px solid #004eac;
  color: #000;
  border-radius: 2px 2px 0 0;
  text-align: center;
  padding: 0.95em 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.tabNews__nav > div > a:hover, .tabNews__nav > div > a.is-current {
  background: #004eac;
  color: #fff;
}

.tabNews__nav > div > a.is-current:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-top: 1px solid #004eac;
  border-width: 10px 8px;
  position: absolute;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .tabNews__nav {
    background: #e5e5e5;
    padding: 15px;
    margin: -30px -15px 15px;
  }
  .tabNews__nav > div {
    padding: 0 1px;
  }
  .tabNews__nav > div > a {
    border-weight-bottom: 2px;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    padding: 0.7em 5px;
  }
  .tabNews__nav > div > a > span {
    width: 100%;
  }
  .tabNews__nav > div > a:hover:before, .tabNews__nav > div > a.is-current:before {
    border-width: 5px 4px;
    bottom: -13px;
  }
}

.listNews {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.5em;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.listNews__item {
  padding: 0 12.5px;
  width: 33.33333%;
  height: 100%;
  margin-bottom: 25px;
}

.listNews__item > a {
  display: block;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.listNews__item > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
}

.listNews__item > a:hover:after {
  opacity: 0.5;
}

.listNews__thumb {
  margin-bottom: 0.5em;
  width: 100%;
}

.listNews__date {
  line-height: 1;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Arial";
  font-weight: bold;
  padding: 0 1em;
  margin-bottom: 5px;
  font-size: 1.5rem;
}

.listNews__icon-new {
  background: url("/ex/usum/common/images/icon-new.png") no-repeat 0 0;
  width: 36px;
  height: 15px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  overflow: hidden;
  position: relative;
  top: -1px;
}

.listNews__text {
  font-weight: bold;
  color: #000;
  padding: 0 1em;
  margin-bottom: 1em;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .listNews {
    display: block;
    margin-left: -2px;
    margin-right: -2px;
  }
  .listNews__inner {
    margin-bottom: 15px;
  }
  .listNews__item {
    float: left;
    padding: 0 2px;
    width: 50%;
    margin-bottom: 15px;
  }
  .listNews__item > a {
    border-radius: 2px;
  }
  .listNews__date {
    font-size: 1rem;
  }
  .listNews__icon-new {
    background-image: url("/ex/usum/common/images/icon-new_sp.png");
    background-size: cover;
    width: 22px;
    height: 10px;
  }
  .listNews__text {
    font-size: 1rem;
    margin-bottom: 1.5em;
  }
}

.topSection1 {
  overflow: hidden;
  position: relative;
  background: #181818 url("/ex/usum/common/images/top/bg-main.jpg") no-repeat center top;
  background-size: auto 100%;
  padding: 0 15px;
}

.topSection1.is-finish .topHero__text,
.topSection1.is-finish .topHero__text2-1,
.topSection1.is-finish .topHero__text2-2,
.topSection1.is-finish .topHero__text2-3,
.topSection1.is-finish .topHero__text3,
.topSection1.is-finish .topHero__button,
.topSection1.is-finish .topHero__scroll {
  -webkit-transition: none !important;
  transition: none !important;
}

.topSection1.is-active:before, .topSection1.is-active:after {
  width: 0%;
}

.topSection1.is-active .topSection1__inner:after {
  height: 100%;
  opacity: 0;
}

.topSection1.is-active .topHero__text,
.topSection1.is-active .topHero__text2-1,
.topSection1.is-active .topHero__text2-2,
.topSection1.is-active .topHero__text2-3,
.topSection1.is-active .topHero__text3 {
  opacity: 1;
}

.topSection1.is-active .topHero__text,
.topSection1.is-active .topHero__text3 {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.5s 2s ease-in-out;
  transition: 0.5s 2s ease-in-out;
}

.topSection1.is-active .topHero__text2-1 {
  left: 0;
}

.topSection1.is-active .topHero__text2-2 {
  right: 0;
}

.topSection1.is-active .topHero__text2-3 {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.topSection1.is-active .topHero__scroll {
  opacity: 1;
  -webkit-transition: 1s 3s;
  transition: 1s 3s;
}

.topSection1.is-active2 .topHero__text,
.topSection1.is-active2 .topHero__text3 {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.topSection1.is-active3 .topHero__text2-3 {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.topSection1.is-active3 .topHero__button {
  opacity: 1;
  -webkit-transition: 2s 0.2s;
  transition: 2s 0.2s;
}

.topSection1:before, .topSection1:after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background: black;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}

.topSection1:before {
  left: 0;
}

.topSection1:after {
  right: 0;
}

.topSection1__inner {
  max-width: 1093px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.topSection1__inner:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0%;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #fff;
  z-index: 2;
  opacity: 1;
  -webkit-transition: height 0.5s,  opacity 0.5s 0.5s;
  transition: height 0.5s,  opacity 0.5s 0.5s;
}

.topSection1 .topHero {
  margin: 0 auto;
}

.topSection1 .topHero img {
  width: 100%;
}

.topSection1 .topHero__heading {
  margin: 0;
}

.topSection1 .topHero__text, .topSection1 .topHero__text3 {
  opacity: 0;
  display: inline-block;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
}

.topSection1 .topHero__text2 {
  display: inline-block;
  position: relative;
}

.topSection1 .topHero__text2-1 {
  position: absolute;
  top: 0;
  left: -20%;
  opacity: 0;
  width: 51.3%;
  -webkit-transition: 0.3s 1s ease-in-out;
  transition: 0.3s 1s ease-in-out;
}

.topSection1 .topHero__text2-2 {
  position: absolute;
  top: 0;
  right: -20%;
  opacity: 0;
  width: 51.3%;
  -webkit-transition: 0.4s 1s ease-in-out;
  transition: 0.4s 1s ease-in-out;
}

.topSection1 .topHero__text2-3 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(5);
          transform: scale(5);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: 0.4s 1.4s ease-in-out;
  transition: 0.4s 1.4s ease-in-out;
}

.topSection1 .topHero__button {
  text-align: center;
  max-width: 90%;
  margin: auto;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

@media screen and (min-width: 768px) {
  .topSection1 .topHero__button {
    max-width: 602px;
    padding-bottom: 20px;
  }
}

.topSection1 .topHero__button > a {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 15.116279%;
  background: url("/ex/usum/common/images/top/button.png") top center no-repeat;
  background-size: 100% auto;
}

.topSection1 .topHero__button > a:hover {
  background-position: bottom center;
}

.topSection1 .topHero__scroll {
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .topSection1 {
    background-image: url("/ex/usum/common/images/top/bg-main_sp.jpg");
    background-size: 100% auto;
  }
  .topSection1 .topHero {
    padding-bottom: 25px;
  }
  .topSection1 .topHero__text {
    margin-bottom: 10px;
    display: inline-block;
  }
  .topSection1 .topHero__text2 {
    margin-bottom: 15px;
    display: inline-block;
  }
  .topSection1 .topHero__text2-1, .topSection1 .topHero__text2-2 {
    width: 58%;
  }
  .topSection1 .topHero__scroll {
    display: none;
  }
}

.topSection2 {
  background: #181818;
}

.topSection2__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 36px 0;
}

@media screen and (max-width: 768px) {
  .topSection2__inner {
    padding: 15px;
  }
}

.topSection3 {
  background: #f3f3f3 url("/ex/usum/common/images/top/bg-news.png") repeat center center;
  background-size: 7.5px 7.5px;
  position: relative;
}

.topSection3__inner {
  padding: 50px 0 65px;
  position: relative;
}

.topSection3 .buttonMore {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .topSection3__inner {
    padding: 20px 0 25px;
  }
}

.topSection4 {
  overflow: hidden;
  background: #fff;
  padding: 0 15px;
}

.topSection4__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .topSection4__inner {
    padding: 50px 0;
  }
  .topSection4 .topLayout__image {
    max-width: 130%;
    margin: 0 -15%;
  }
}

.topSection5 {
  overflow: hidden;
  background: #f3f3f3;
  padding: 0 15px;
}

.topSection5__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

.topSection5 .topHeading2 {
  text-align: center;
}

.topSection5 .buttonMore2 {
  text-align: center;
}

.topSection5 .topBox {
  margin-left: 4.39239%;
}

@media screen and (max-width: 768px) {
  .topSection5__inner {
    padding: 50px 0;
  }
  .topSection5 .topLayout__item {
    margin-bottom: 0;
  }
  .topSection5 .topLayout__item:first-child {
    margin-bottom: 22px;
    position: relative;
  }
  .topSection5 .topLayout__image {
    max-width: 100%;
    margin: 0;
  }
  .topSection5 .topBox {
    margin-left: 0;
    padding-top: 40px;
  }
}

.topSection6 {
  overflow: hidden;
  padding: 0 15px;
}

.topSection6__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .topSection6__inner {
    padding: 50px 0;
  }
}

.topSection7 {
  overflow: hidden;
  padding: 0 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), color-stop(70%, #ffffff), to(#ffffff));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 70%, #ffffff 100%);
  background: linear-gradient(top, #f3f3f3 0%, #ffffff 70%, #ffffff 100%);
}

.topSection7__inner {
  margin: 0 -15px;
  padding: 100px 0 60px;
}

.topSection7__inner2 {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 0 100px;
}

.topSection7 .topHeading {
  margin-bottom: 35px;
}

.topSection7 .topHeading2 {
  margin-top: -20px;
  margin-bottom: 0;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .topSection7__inner {
    padding: 50px 0 20px;
  }
  .topSection7__inner2 {
    padding: 0 0 50px;
  }
  .topSection7__inner2 .topLayout__item:first-child {
    margin-bottom: 0;
  }
  .topSection7 .topHeading {
    margin-bottom: 20px;
  }
  .topSection7 .topHeading2 {
    margin-top: 0;
    padding-bottom: 20px;
    text-align: center;
  }
}

.topSection8 {
  overflow: hidden;
  padding: 0 15px;
  background: url("/ex/usum/common/images/top/bg-lineup.jpg") no-repeat center top;
  background-size: cover;
}

.topSection8__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

.topSection8 .topHeading2 {
  text-align: center;
}

.topSection8 .buttonMore2 {
  text-align: center;
}

.topSection8 .topBox {
  margin-left: 4.39239%;
}

@media screen and (max-width: 768px) {
  .topSection8 {
    background-size: 330% auto;
  }
  .topSection8__inner {
    padding: 50px 0;
  }
  .topSection8 .topBox {
    margin-left: 0;
  }
}

.topSection9 {
  overflow: hidden;
  padding: 0 15px;
  background: #000 url("/ex/usum/common/images/top/bg-products.jpg") no-repeat center top;
  background-size: cover;
  color: #fff;
  position: relative;
}

.topSection9__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0 280px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .topSection9__inner {
    padding: 50px 0 170px;
  }
}

.topSection10 {
  overflow: hidden;
  padding: 0 15px;
  background: #f3f3f3;
  position: relative;
}

.topSection10__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .topSection10__inner {
    padding: 50px 0;
  }
  .topSection10__inner .topLayout .topLayout__item:first-child {
    margin-bottom: 20px;
  }
  .topSection10 .topBox {
    margin-left: 0;
    padding-top: 40px;
  }
}

.topSection10 .buttonMore2 {
  text-align: center;
}

.topSection11 {
  overflow: hidden;
  padding: 0 15px;
}

.topSection11__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .topSection11__inner {
    padding: 50px 0;
  }
}

.boxDetail {
  background: #f3f3f3;
  margin: -35px -15px 0;
  padding: 30px 15px;
  position: relative;
}

.boxDetail:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: transparent 1px solid;
  border-width: 18px 11px;
  border-bottom-color: #f3f3f3;
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -11px;
}

.boxDetail__inner {
  max-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .boxDetail {
    margin: -15px -15px 0;
    padding: 20px 15px;
  }
  .boxDetail:before {
    border-width: 14px 9px;
    top: -27px;
    margin-left: -9px;
  }
}

.boxType {
  background: #fff8e6;
  padding: 2em;
  text-align: left;
}

.boxType__image {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .boxType {
    padding: 1.5em;
  }
}

.boxType2 {
  background: #fff8e6;
  padding: 3em;
  margin-bottom: 2em;
}

.boxType2 > *:last-child {
  margin-bottom: 0;
}

.boxType2 p {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
  .boxType2 {
    padding: 1.5em 15px;
  }
}

.boxPokemon {
  background: #fff8e6;
  padding: 2em 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 2em;
  max-width: 512px;
  border-radius: 4px;
}

.boxPokemon__list {
  font-weight: bold;
  margin-left: 1em;
  margin-right: 1em;
  width: 100%;
  margin-bottom: 0;
}

.boxPokemon__list > dt {
  display: inline-block;
  background: #c9af71;
  color: #fff;
  width: 4.5em;
  margin-right: -4.5em;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
  padding: 0.3em 0 0.4em;
  font-size: 1.4rem;
  float: left;
  clear: both;
}

.boxPokemon__list > dd {
  padding: .1em 0 .1em 4.8em;
  margin-top: -0.2em;
  margin-bottom: 0.5em;
  float: left;
  width: 100%;
  line-height: 1.2em;
}

.boxPokemon__list > dd:last-child {
  margin-bottom: -1.75em;
}

.boxPokemon__list--sun > dt {
  background: #e23219;
}

.boxPokemon__list--moon > dt {
  background: #392e8f;
}

.boxPokemon__list.col-2 > dt {
  clear: inherit;
}

.boxPokemon__list.col-2 > dt:nth-child(4n-3) {
  clear: both;
}

.boxPokemon__list.col-2 > dd {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .boxPokemon {
    padding: 1.4em 0.9em;
    border-radius: 2px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-size: 1.2rem;
  }
  .boxPokemon__list > dt {
    border-radius: 2px;
    font-size: 0.9rem;
    clear: both !important;
  }
  .boxPokemon__list > dd {
    width: 100% !important;
  }
}

.boxNews {
  position: relative;
  margin: 0 -15px;
  overflow: hidden;
}

.boxNews:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 31px;
  left: 0;
  background: #e4f6ff url("/ex/usum/common/images/news/bg-news2.png") repeat center center;
}

.boxNews__pokemon {
  display: none;
}

.boxNews__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 57px 30px 28px;
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  background: url("/ex/usum/common/images/news/bg-news.png") no-repeat center 5px;
}

.boxNews__image {
  width: 50%;
}

.boxNews__image img {
  border: 2px solid #fff;
  border-radius: 2px;
}

.boxNews__contents {
  width: 50%;
  height: 100%;
  padding-left: 30px;
  position: relative;
}

.boxNews__contents:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 66px;
  background: url("/ex/usum/common/images/news/bg-news-box.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: -63px;
  left: 50%;
  margin-left: -25px;
}

.boxNews__contents > div {
  background: #ffffa9;
  border: 4px solid #ffbf00;
  border-radius: 2px;
  position: relative;
  min-height: 289px;
}

.boxNews__contents > div > p {
  font-size: 2rem;
  font-weight: bold;
  padding: 10px 30px 0;
  margin-bottom: 0.8em;
  line-height: 1.7 !important;
  min-height: 7em;
}

.boxNews__contents > div > p > span {
  color: #e23c3a;
}

.boxNews__contents .headingNews2 {
  position: relative;
  left: -11px;
  top: 8px;
}

.boxNews .buttonMore3 {
  text-align: center;
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .boxNews {
    margin: 0 0 20px;
    overflow: inherit;
  }
  .boxNews:before {
    display: none;
  }
  .boxNews__pokemon {
    display: inline-block;
    width: 183px;
    position: absolute;
    right: -30px;
    bottom: -50px;
    z-index: 2;
  }
  .boxNews__inner {
    display: block;
    padding: 30px 15px 15px;
    background-size: cover;
    max-width: 400px;
    margin: 0 auto;
    background-position: center 0;
    background-image: url("/ex/usum/common/images/news/bg-news_sp.png");
  }
  .boxNews__image {
    width: 100%;
    text-align: center;
  }
  .boxNews__image img {
    border-width: 1px;
  }
  .boxNews__contents {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  .boxNews__contents:before {
    width: 20px;
    height: 26px;
    top: auto;
    bottom: -25px;
    left: 50%;
    margin-left: 0;
    -webkit-transform: rotate(180deg) scaleX(-1);
            transform: rotate(180deg) scaleX(-1);
  }
  .boxNews__contents > div {
    border-width: 2px;
    min-height: inherit;
  }
  .boxNews__contents > div > p {
    font-size: 1.2rem;
    padding: 10px 10px 0;
  }
  .boxNews__contents .headingNews2 {
    position: relative;
    left: -8px;
    top: 5px;
  }
  .boxNews__contents .headingNews2 img {
    max-width: 158px;
  }
  .boxNews .buttonMore3 {
    text-align: left;
    padding-left: 10px;
  }
}

.buttonType {
  margin-bottom: 2em;
  text-align: center;
}

.buttonType__coming, .buttonType__button {
  border: 1px solid #c9af71;
  background: #c9af71 url("/ex/usum/common/images/icon-arrow7.png") no-repeat 23px center;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0.8em 0.5em 2.5em;
  min-height: 80px;
  height: 80px;
  width: 100%;
  max-width: 400px;
  line-height: 1.5;
}

.buttonType__coming > span, .buttonType__button > span {
  display: inline-block;
}

.buttonType__coming {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  border-color: #ccc;
  background-color: #ccc;
}

.buttonType__button:hover {
  background-color: #fff;
  background-image: url("/ex/usum/common/images/icon-arrow7_o.png");
  color: #c9af71;
}

.buttonType__button[target="_blank"] {
  position: relative;
}

.buttonType__button[target="_blank"]:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank.png") no-repeat 0 0;
  vertical-align: middle;
  width: 23px;
  height: 15px;
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.buttonType__button[target="_blank"]:hover:after {
  background-image: url("/ex/usum/common/images/icon-blank3.png");
}

@media screen and (max-width: 768px) {
  .buttonType__coming, .buttonType__button {
    min-height: 60px;
    height: 60px;
    background-position: 15px center;
    background-size: 15px 15px;
    max-width: 250px;
  }
}

.buttonMore {
  margin-bottom: 2em;
}

.buttonMore__button {
  display: inline-block;
  background: #fff;
  text-align: center;
  width: 100%;
  max-width: 330px;
  font-weight: bold;
  color: #004eac;
  position: relative;
  border-radius: 3em;
  padding: 0.7em 50px;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
}

.buttonMore__button:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("/ex/usum/common/images/icon-arrow2.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -11.5px;
}

.buttonMore__button:hover, .buttonMore__button:focus {
  background-color: #004eac;
  color: #fff;
}

.buttonMore__button:hover:after, .buttonMore__button:focus:after {
  background-image: url("/ex/usum/common/images/icon-arrow2_o.png");
}

.buttonMore--news .buttonMore__button:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .buttonMore {
    text-align: center;
  }
  .buttonMore__button {
    max-width: 79.31034%;
  }
  .buttonMore__button:after {
    width: 15px;
    height: 15px;
    left: 10px;
    margin-top: -7.5px;
  }
}

.buttonMore2 {
  margin-bottom: 2em;
}

.buttonMore2__button {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #e52e00), color-stop(50%, #64057d), to(#13007f)) no-repeat;
  background: -webkit-linear-gradient(left, #e52e00 0, #64057d 50%, #13007f 100%) no-repeat;
  background: linear-gradient(90deg, #e52e00 0, #64057d 50%, #13007f 100%) no-repeat;
  color: #fff;
  text-align: center;
  padding: 2px;
  width: 100%;
  max-width: 350px;
  font-weight: bold;
  position: relative;
}

.buttonMore2__button > span {
  padding: 0.95em 55px;
  display: block;
}

.buttonMore2__button:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("/ex/usum/common/images/icon-arrow.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -11.5px;
}

.buttonMore2__button:hover > span, .buttonMore2__button:focus > span {
  color: #6b0778;
  background: #fff;
}

.buttonMore2__button:hover:after, .buttonMore2__button:focus:after {
  background-image: url("/ex/usum/common/images/icon-arrow_o.png");
}

@media screen and (max-width: 768px) {
  .buttonMore2 {
    text-align: center;
  }
  .buttonMore2__button {
    max-width: 86.2069%;
  }
  .buttonMore2__button:after {
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
  }
}

.buttonMore3 {
  margin-bottom: 2em;
}

.buttonMore3__button {
  display: inline-block;
  background: #000;
  border: 2px solid #000;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 368px;
  font-weight: bold;
  position: relative;
  border-radius: 3em;
  padding: 0.4em 50px;
}

.buttonMore3__button:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("/ex/usum/common/images/icon-arrow10.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -11.5px;
}

.buttonMore3__button:hover, .buttonMore3__button:focus {
  background: #fff;
  color: #000;
}

.buttonMore3__button:hover:after, .buttonMore3__button:focus:after {
  background-image: url("/ex/usum/common/images/icon-arrow10_o.png");
}

@media screen and (max-width: 768px) {
  .buttonMore3 {
    text-align: center;
  }
  .buttonMore3__button {
    max-width: 132px;
    font-size: 0.9rem;
    padding: 0.4em 5px 0.4em 25px;
  }
  .buttonMore3__button:after {
    width: 15px;
    height: 15px;
    left: 6px;
    margin-top: -7.5px;
  }
}

.headingH1 {
  position: relative;
  background: #fff url("/ex/usum/common/images/heading-h1.jpg") no-repeat center top;
  background-size: cover;
  padding: 85px 15px;
}

.headingH1__heading {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .headingH1 {
    padding: 38px 15px;
  }
  .headingH1__heading img {
    max-height: 50px;
  }
  .headingH1 .listSns {
    display: none;
  }
}

.headingH2 {
  font-size: 4.2rem;
  margin-bottom: 0.8em;
  text-align: center;
  color: #dc2e00;
  font-weight: bold;
}

.headingH2:not(:first-child) {
  margin-top: 2em;
}

@media screen and (max-width: 768px) {
  .headingH2 {
    font-size: 1.9rem;
  }
}

.headingH3 {
  font-size: 3.8rem;
  margin-bottom: 0.8em;
  text-align: center;
  font-weight: bold;
}

.headingH3 > span {
  display: inline-block;
  padding: 0 55px;
  position: relative;
}

.headingH3 > span:before, .headingH3 > span:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 18px;
  background: url("/ex/usum/common/images/icon-heading.png") no-repeat center center;
  position: absolute;
  top: 50%;
  margin-top: -9px;
}

.headingH3 > span:before {
  right: 0;
}

.headingH3 > span:after {
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.headingH3:not(:first-child) {
  margin-top: 2.2em;
}

.headingH3.color-1 {
  color: #c9af71;
}

@media screen and (max-width: 768px) {
  .headingH3 {
    font-size: 1.9rem;
  }
  .headingH3 > span {
    padding: 0 34px;
  }
  .headingH3 > span:before, .headingH3 > span:after {
    width: 20px;
    height: 9px;
    background-size: cover;
    margin-top: -4.5px;
  }
  .headingH3 + .headingType3:not(:first-child) {
    margin-top: 2em;
  }
}

.headingH4 {
  font-size: 2.7rem;
  margin-bottom: 1em;
  font-weight: bold;
  color: #c9af71;
  text-align: center;
}

.headingH4:not(:first-child) {
  margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
  .headingH4 {
    font-size: 1.6rem;
  }
}

.headingNews {
  text-align: center;
  position: relative;
  margin: 0 auto 37px;
  max-width: 1024px;
}

.headingNews__image {
  position: absolute;
  top: 2px;
  left: -34px;
  z-index: 1;
}

.headingNews__image2 {
  position: absolute;
  top: -36px;
  right: -106px;
  z-index: 1;
}

.headingNews__heading {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .headingNews {
    margin-bottom: 8px;
  }
  .headingNews__image {
    display: none;
  }
  .headingNews__image2 {
    display: none;
  }
  .headingNews__heading {
    max-width: 100%;
  }
}

.headingType {
  font-size: 2.8rem;
  margin: 0 0 0.9em;
  font-weight: bold;
}

.headingType:not(:first-child) {
  margin-top: 2.7em;
}

@media screen and (max-width: 768px) {
  .headingType {
    font-size: 1.6rem;
    text-align: center;
  }
}

.headingType2 {
  font-size: 2rem;
  margin: 0 0 0.8em;
  font-weight: bold;
  text-align: center;
}

.headingType2:not(:first-child) {
  margin-top: 2em;
}

@media screen and (max-width: 768px) {
  .headingType2 {
    font-size: 1.2rem;
    margin-bottom: 1em;
  }
}

.headingType3 {
  text-align: left;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0 0 1.2em;
  padding: 0 5px 0.7em;
  background: url("/ex/usum/common/images/heading-line.png") no-repeat left bottom;
}

.headingType3:not(:first-child) {
  margin-top: 2.7em;
}

.col-2 .headingType3 {
  background-image: url("/ex/usum/common/images/heading-line2.png");
}

@media screen and (max-width: 768px) {
  .headingType3 {
    font-size: 1.6rem;
    padding: 0 0 0.7em;
    margin-bottom: 1em;
    background-image: url("/ex/usum/common/images/heading-line_sp.png") !important;
    background-size: contain;
  }
}

.headingType4 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 1.3em;
  padding-left: 40px;
  background: url("/ex/usum/common/images/icon-ball.png") no-repeat left 0.1em;
}

.headingType4:not(:first-child) {
  margin-top: 2.5em;
}

.headingType4 + .headingType6:not(:first-child) {
  margin-top: 1.5em;
}

.headingType4 + .mediaImage {
  margin-top: -0.5em;
}

.headingType4 > a {
  color: #c9af71;
}

.headingType4 > a[target="_blank"] {
  position: relative;
}

.headingType4 > a[target="_blank"]:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank3.png") no-repeat 0 0;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

@media screen and (max-width: 768px) {
  .headingType4 {
    font-size: 1.4rem;
    background-image: url("/ex/usum/common/images/icon-ball_sp.png");
    background-size: 15px 15px;
    padding-left: 20px;
    margin-bottom: 0.8em;
  }
  .headingType4 + .mediaImage {
    margin-top: 0;
  }
}

.headingType5 {
  font-size: 3.8rem;
  margin: 0 0 0.7em;
  font-weight: bold;
  text-align: center;
}

.headingType5:not(:first-child) {
  margin-top: 2.7em;
}

@media screen and (max-width: 768px) {
  .headingType5 {
    font-size: 1.9rem;
  }
}

.headingType5 .headingType5--subSmall {
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .headingType5 .headingType5--subSmall {
    font-size: 1.2rem;
  }
}

.headingType6 {
  font-size: 2rem;
  margin: 0 0 1.6em;
  border-bottom: 1px solid #c9af71;
  font-weight: bold;
  padding-bottom: 0.4em;
  color: #c9af71;
}

.headingType6:not(:first-child) {
  margin-top: 2.7em;
}

@media screen and (max-width: 768px) {
  .headingType6 {
    font-size: 1.4rem;
    margin-bottom: 1.2em;
  }
}

.headingType7 {
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 0 1.3em;
  text-align: center;
}

.headingType7 > span {
  display: inline-block;
  padding-left: 40px;
  background: url("/ex/usum/common/images/icon-ball.png") no-repeat left center;
}

.headingType7:not(:first-child) {
  margin-top: 2.5em;
}

@media screen and (max-width: 768px) {
  .headingType7 {
    font-size: 1.4rem;
    margin-bottom: 0.8em;
    text-align: left;
  }
  .headingType7 > span {
    padding-left: 20px;
    background-image: url("/ex/usum/common/images/icon-ball_sp.png");
    background-size: 15px 15px;
  }
}

.txtLink {
  color: #c9af71;
}

.txtLink:hover {
  text-decoration: underline;
}

.txtLink[target="_blank"] {
  position: relative;
}

.txtLink[target="_blank"]:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank3.png") no-repeat 0 0;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

.txtCaption,
.txtCaption3 {
  font-size: 2.4rem;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 1.2em;
}

.txtCaption:first-child,
.txtCaption3:first-child {
  margin-top: 0;
}

.txtCaption + br + img,
.txtCaption3 + br + img {
  margin-top: 2em;
}

@media screen and (max-width: 768px) {
  .txtCaption,
  .txtCaption3 {
    font-size: 1.2rem;
  }
  .txtCaption + br + img,
  .txtCaption3 + br + img {
    margin-top: 1.2em;
  }
}

.dn-pc + .txtCaption {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .dn-pc + .txtCaption {
    margin-top: 1.2em;
  }
}

.txtCaption2 {
  font-size: 1.4rem;
  display: block;
  margin-top: 0.9em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .txtCaption2 {
    font-size: 0.9rem;
  }
}

.txtCaption3 {
  font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
  .txtCaption3 {
    font-size: 1.2rem;
    margin-bottom: -0.5em;
  }
}

.txtCaption4 {
  font-size: 1.4rem;
  color: #888;
  font-weight: normal;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .txtCaption4 {
    margin-top: 0.5em;
    font-size: 0.9rem;
  }
}

.txtCaption5 {
  font-size: 1.6rem;
  margin-bottom: 3px;
  display: block;
}

@media screen and (max-width: 768px) {
  .txtCaption5 {
    font-size: 1.2rem;
  }
}

.mediaImage {
  margin-bottom: 2em;
  text-align: center;
}

.mediaImage[class*="col-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: -10px;
  margin-right: -10px;
}

.mediaImage[class*="col-"] > .mediaImage__item {
  padding: 0 10px;
  direction: ltr;
}

.mediaImage.col-2 > .mediaImage__item {
  width: 50%;
}

.mediaImage.col-2 > .mediaImage__item:nth-child(n+3) {
  margin-top: 3em;
}

.mediaImage.col-3 > .mediaImage__item {
  width: 33.33333%;
}

.mediaImage.col-3 > .mediaImage__item:nth-child(n+4) {
  margin-top: 3em;
}

.mediaImage.col-3 > .mediaImage__item--x2 {
  width: 66.66667%;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .mediaImage.col-3 > .mediaImage__item--x2 {
    width: 100%;
  }
}

.mediaImage.col-3 > .mediaImage__item--x2 .mediaImage[class*="col-"] {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .mediaImage.col-3 > .mediaImage__item--x2 .mediaImage[class*="col-"] {
    margin-top: 1.5em;
  }
}

.mediaImage.align-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mediaImage.col-system {
  margin-left: -1.42%;
  margin-right: -1.42%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mediaImage.col-system > .mediaImage__item {
  padding: 0 1.42%;
  width: 56.7%;
}

.mediaImage.col-system > .mediaImage__item + .mediaImage__item {
  width: 42%;
}

.mediaImage.col-system > .mediaImage__item + .mediaImage__item > img {
  margin-bottom: 7.3%;
}

.mediaImage.col-system > .mediaImage__item + .mediaImage__item > img:last-child {
  margin-bottom: 0;
}

.mediaImage a:hover img {
  opacity: 0.5;
}

.mediaImage--start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.mediaImage--center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.mediaImage--right {
  direction: rtl;
}

.mediaImage[class*="col-"] + .headingH4 {
  margin-top: 3em;
}

@media screen and (max-width: 768px) {
  .mediaImage[class*="col-"] {
    display: block;
  }
  .mediaImage[class*="col-"] > .mediaImage__item {
    width: 100%;
  }
  .mediaImage[class*="col-"] > .mediaImage__item:nth-child(n+2) {
    margin-top: 1.5em;
  }
  .mediaImage--all {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mediaImage.col-system {
    margin-left: -10px;
    margin-right: -10px;
  }
  .mediaImage.col-system > .mediaImage__item {
    padding: 0 10px;
    width: 100%;
  }
  .mediaImage.col-system > .mediaImage__item + .mediaImage__item {
    width: 100%;
  }
  .mediaImage.col-system > .mediaImage__item + .mediaImage__item > img {
    margin-bottom: 1.5em;
  }
}

@media screen and (max-width: 768px) {
  .mediaImage--spMarginW .mediaImage__item:nth-child(n+2) {
    margin-top: 3em !important;
  }
}

@media screen and (max-width: 768px) {
  .mediaImage + .mediaImage--spMarginW .mediaImage__item {
    margin-top: 3em !important;
  }
}

.mediaImage--plus {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.mediaImage--plus .mediaImage__item {
  padding: 0 30px !important;
}

.mediaImage--plus .mediaImage__item:last-child .mediaImage--plus--inner {
  position: relative;
}

.mediaImage--plus .mediaImage__item:last-child .mediaImage--plus--inner::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url("/ex/usum/common/images/icon-plus.png") 50% 50% no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: -55px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 768px) {
  .mediaImage--plus .mediaImage__item:last-child {
    margin-top: 65px !important;
  }
  .mediaImage--plus .mediaImage__item:last-child .mediaImage--plus--inner::after {
    top: -45px;
    bottom: auto;
    right: 0px;
    left: 0;
    width: 25px;
    height: 25px;
  }
}

.mediaImage--arrow {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.mediaImage--arrow .mediaImage__item {
  padding: 0 30px !important;
}

.mediaImage--arrow .mediaImage__item:last-child .mediaImage--arrow--inner {
  position: relative;
}

.mediaImage--arrow .mediaImage__item:last-child .mediaImage--arrow--inner::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: url("/ex/usum/common/images/icon-arrownext.png") 50% 50% no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: -55px;
  width: 50px;
  height: 56px;
}

@media screen and (max-width: 768px) {
  .mediaImage--arrow .mediaImage__item:last-child {
    margin-top: 65px !important;
  }
  .mediaImage--arrow .mediaImage__item:last-child .mediaImage--arrow--inner::after {
    top: -45px;
    bottom: auto;
    right: 0px;
    left: 0;
    background: url("/ex/usum/common/images/icon-arrownext_sp.png") 50% 50% no-repeat;
    background-size: cover;
    width: 28px;
    height: 25px;
  }
}

.mediaBanner {
  margin-top: 6em;
  text-align: center;
}

.mediaBanner > a {
  display: inline-block;
  text-align: left;
  color: #000;
}

.mediaBanner > a:hover {
  color: #c9af71;
}

.mediaBanner > a:hover *:after,
.mediaBanner > a:hover img {
  opacity: 0.5;
}

.mediaBanner > a[target="_blank"] .mediaBanner__link {
  position: relative;
}

.mediaBanner > a[target="_blank"] .mediaBanner__link:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank2.png") no-repeat 0 0;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

.mediaBanner__link {
  margin-top: 1em;
  font-weight: bold;
  display: block;
  padding-left: 30px;
  line-height: 1.6;
  background: url("/ex/usum/common/images/icon-arrow6.png") no-repeat left 0.2em;
}

@media screen and (max-width: 768px) {
  .mediaBanner {
    margin-top: 3em;
  }
  .mediaBanner__link {
    padding-left: 16px;
    background-size: 11px 11px;
    background-position: left 0.3em;
  }
}

.mediaBanner2 {
  padding: 45px 0;
  text-align: center;
}

.mediaBanner2 > a {
  display: inline-block;
  position: relative;
}

.mediaBanner2 > a:hover {
  opacity: 0.5;
  top: 2px;
}

@media screen and (max-width: 768px) {
  .mediaBanner2 {
    padding: 40px 0 20px;
  }
}

.listPokemon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 2em;
}

.listPokemon > li {
  width: 16.66667%;
  padding: 0 10px;
}

.listPokemon > li:nth-child(n+7) {
  margin-top: 2em;
}

.listPokemon > li > a {
  display: block;
  position: relative;
  color: #000;
}

.listPokemon > li > a.is-current {
  color: #c9af71;
}

.listPokemon > li > a.is-current .listPokemon__image {
  background: #fff8e6;
}

.listPokemon > li > a:hover {
  color: #c9af71;
}

.listPokemon > li > a:hover .listPokemon__image {
  background: #fff;
}

.listPokemon > li > a:hover .listPokemon__image > img {
  opacity: 0.5;
}

.listPokemon__new {
  position: absolute;
  top: 6px;
  left: 6px;
  background: url("/ex/usum/common/images/icon-new.png") no-repeat center center;
  width: 36px;
  height: 15px;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
}

.listPokemon__image {
  display: block;
  margin-bottom: 13px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  text-align: center;
  overflow: hidden;
}

.listPokemon__image > img {
  width: 100%;
  max-width: 190px;
}

.listPokemon__text {
  font-weight: bold;
  display: block;
  padding-left: 30px;
  text-align: left;
  line-height: 1.6;
  background: url("/ex/usum/common/images/icon-arrow6.png") no-repeat left 0.2em;
}

.listPokemon__text2 {
  font-weight: bold;
  display: block;
  line-height: 1.6;
}

.listPokemon--flow, .listPokemon--flow2, .listPokemon--flow3, .listPokemon--flow4 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -18px;
  margin-right: -18px;
}

.listPokemon--flow > li, .listPokemon--flow2 > li, .listPokemon--flow3 > li, .listPokemon--flow4 > li {
  width: 25%;
  padding: 0 18px;
}

.listPokemon--flow > li:first-child .listPokemon__image:before, .listPokemon--flow2 > li:first-child .listPokemon__image:before, .listPokemon--flow3 > li:first-child .listPokemon__image:before, .listPokemon--flow4 > li:first-child .listPokemon__image:before {
  display: none;
}

.listPokemon--flow .listPokemon__image, .listPokemon--flow2 .listPokemon__image, .listPokemon--flow3 .listPokemon__image, .listPokemon--flow4 .listPokemon__image {
  overflow: inherit;
  position: relative;
}

.listPokemon--flow .listPokemon__image:before, .listPokemon--flow .listPokemon__image:after, .listPokemon--flow2 .listPokemon__image:before, .listPokemon--flow2 .listPokemon__image:after, .listPokemon--flow3 .listPokemon__image:before, .listPokemon--flow3 .listPokemon__image:after, .listPokemon--flow4 .listPokemon__image:before, .listPokemon--flow4 .listPokemon__image:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 29px;
  background: url("/ex/usum/common/images/icon-arrow8.png") no-repeat center center;
  position: absolute;
  top: 50%;
  left: -26px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.listPokemon--flow .listPokemon__image:after, .listPokemon--flow2 .listPokemon__image:after, .listPokemon--flow3 .listPokemon__image:after, .listPokemon--flow4 .listPokemon__image:after {
  left: auto;
  right: -26px;
  display: none;
}

.listPokemon--flow .listPokemon__image > img, .listPokemon--flow2 .listPokemon__image > img, .listPokemon--flow3 .listPokemon__image > img, .listPokemon--flow4 .listPokemon__image > img {
  max-width: 100%;
  width: auto;
}

.listPokemon--flow2 > li:first-child {
  margin: 0 37.5% 95px;
  text-align: center;
}

.listPokemon--flow2 > li .listPokemon__image:before {
  display: none;
}

.listPokemon--flow2 > li:first-child .listPokemon__image:before {
  display: inline-block;
  width: 305px;
  height: 62px;
  background-image: url("/ex/usum/common/images/icon-arrow9.png");
  top: auto;
  bottom: -115px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.listPokemon--flow3 > li:first-child {
  margin: 0 37.5%;
}

.listPokemon--flow3 > li:nth-child(n+2) {
  margin-top: 60px;
}

.listPokemon--flow3 .listPokemon__image:before {
  -webkit-transform: rotate(90deg) translateX(-50%);
          transform: rotate(90deg) translateX(-50%);
  display: inline-block;
  left: 50%;
  top: -33px;
  margin-left: -6px;
}

.listPokemon--flow4 > li:first-child, .listPokemon--flow4 > li:nth-child(2) {
  margin: 0 37.5% 55px;
}

.listPokemon--flow4 > li .listPokemon__image:before {
  -webkit-transform: rotate(90deg) translateX(-50%);
          transform: rotate(90deg) translateX(-50%);
  display: inline-block;
  left: 50%;
  top: -33px;
  margin-left: -6px;
}

.listPokemon--flow5 > li:last-child {
  margin: 95px 37.5% 0;
  text-align: center;
}

.listPokemon--flow5 > li .listPokemon__image:before {
  display: none;
}

.listPokemon--flow5 > li:last-child .listPokemon__image:before {
  display: inline-block;
  width: 274px;
  height: 73px;
  background-image: url("/ex/usum/common/images/icon-arrow11.png");
  top: -85px;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .listPokemon {
    margin-left: -5px;
    margin-right: -5px;
    display: block;
    letter-spacing: -.34em;
  }
  .listPokemon > li {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 5px;
  }
  .listPokemon > li > a {
    font-size: 1rem;
  }
  .listPokemon > li:nth-child(n+4) {
    margin-top: 2em;
  }
  .listPokemon__new {
    top: 4px;
    left: 4px;
    background-image: url("/ex/usum/common/images/icon-new_sp.png");
    background-size: 22px 10px;
    width: 22px;
    height: 10px;
  }
  .listPokemon__image {
    margin-bottom: 6px;
    border-radius: 2px;
  }
  .listPokemon__text {
    padding-left: 16px;
    background-size: 11px 11px;
    background-position: left 0.3em;
  }
  .listPokemon--flow, .listPokemon--flow2, .listPokemon--flow3, .listPokemon--flow4 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }
  .listPokemon--flow > li, .listPokemon--flow2 > li, .listPokemon--flow3 > li, .listPokemon--flow4 > li {
    width: 50%;
    padding: 0 20px;
  }
  .listPokemon--flow > li:nth-child(2n) .listPokemon__image:after, .listPokemon--flow2 > li:nth-child(2n) .listPokemon__image:after, .listPokemon--flow3 > li:nth-child(2n) .listPokemon__image:after, .listPokemon--flow4 > li:nth-child(2n) .listPokemon__image:after {
    display: inline-block;
  }
  .listPokemon--flow > li:last-child .listPokemon__image:after, .listPokemon--flow2 > li:last-child .listPokemon__image:after, .listPokemon--flow3 > li:last-child .listPokemon__image:after, .listPokemon--flow4 > li:last-child .listPokemon__image:after {
    display: none;
  }
  .listPokemon--flow > li .listPokemon__image:before, .listPokemon--flow > li .listPokemon__image:after, .listPokemon--flow2 > li .listPokemon__image:before, .listPokemon--flow2 > li .listPokemon__image:after, .listPokemon--flow3 > li .listPokemon__image:before, .listPokemon--flow3 > li .listPokemon__image:after, .listPokemon--flow4 > li .listPokemon__image:before, .listPokemon--flow4 > li .listPokemon__image:after {
    width: 12px;
    height: 19px;
    background-size: cover;
  }
  .listPokemon--flow2 > li:first-child {
    margin: 0 25% 50px;
  }
  .listPokemon--flow2 > li:nth-child(2n) .listPokemon__image:after {
    display: none;
  }
  .listPokemon--flow2 > li:first-child .listPokemon__image:before {
    width: 152.5px;
    height: 31px;
    background-size: cover;
    bottom: -64px;
  }
  .listPokemon--flow3 > li:first-child {
    margin: 0 25% 10px;
  }
  .listPokemon--flow3 > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .listPokemon--flow3 > li .listPokemon__image:after {
    display: none !important;
  }
  .listPokemon--flow3 > li .listPokemon__image:before {
    top: -25px;
  }
  .listPokemon--flow4 > li:first-child, .listPokemon--flow4 > li:nth-child(2) {
    margin: 0 25% 10px;
  }
  .listPokemon--flow4 > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .listPokemon--flow4 > li .listPokemon__image:after {
    display: none !important;
  }
  .listPokemon--flow4 > li .listPokemon__image:before {
    top: -25px;
  }
  .listPokemon--flow5 > li:last-child {
    margin: 50px 25% 0;
  }
  .listPokemon--flow5 > li:nth-child(2n) .listPokemon__image:after {
    display: none;
  }
  .listPokemon--flow5 > li:last-child .listPokemon__image:before {
    width: 138.5px;
    height: 36px;
    background-size: 138.5px auto;
    top: -45px;
    bottom: auto;
  }
}

.listPokemon2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1266px;
  margin: 0 auto;
}

.listPokemon2 > li {
  width: 16.66667%;
  padding: 0 10px;
}

.listPokemon2 > li:nth-child(n+7) {
  margin-top: 20px;
}

.listPokemon2 > li > a {
  display: block;
  position: relative;
  color: #000;
}

.listPokemon2 > li > a.is-current .listPokemon2__image {
  background: #fff8e6;
}

.listPokemon2 > li > a:hover .listPokemon2__image {
  background: #fff;
}

.listPokemon2 > li > a:hover .listPokemon2__image > img {
  opacity: 0.5;
}

.listPokemon2__new {
  position: absolute;
  top: 6px;
  left: 6px;
  background: url("/ex/usum/common/images/icon-new.png") no-repeat center center;
  width: 36px;
  height: 15px;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
}

.listPokemon2__image {
  display: block;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  text-align: center;
  overflow: hidden;
}

.listPokemon2__image > img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .listPokemon2 {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
  }
  .listPokemon2 > li {
    width: 33.33333%;
    padding: 0 5px;
    float: left;
  }
  .listPokemon2 > li:nth-child(n+4) {
    margin-top: 10px;
  }
}

.listDetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
}

.listDetail.listDetail--left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.listDetail > li {
  width: 33.33333%;
  padding: 0 10px;
}

.listDetail > li:nth-child(n+4) {
  margin-top: 2em;
}

.listDetail > li.listDetail--new {
  position: relative;
}

.listDetail > li.listDetail--new::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 16px;
  background: url(/ex/usum/common/images/icon-new.png) no-repeat center center;
  width: 40px;
  height: 19px;
  border: 2px solid white;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .listDetail > li.listDetail--new::before {
    background-image: url(/ex/usum/common/images/icon-new_sp.png);
    background-size: 22px 10px;
    width: 24px;
    height: 12px;
    border-width: 1px;
  }
}

.listDetail > li > a {
  display: block;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  color: #000;
}

.listDetail > li > a:hover {
  color: #c9af71;
}

.listDetail > li > a:hover .listDetail__image > img {
  opacity: 0.5;
}

.listDetail__image {
  display: block;
  text-align: center;
}

.listDetail__image > img {
  width: 100%;
}

.listDetail__text {
  min-height: 80px;
  height: 80px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.listDetail__text > span {
  font-weight: bold;
  display: block;
  padding: 0 25px 0 60px;
  line-height: 1.6;
  background: url("/ex/usum/common/images/icon-arrow6.png") no-repeat 20px center;
}

.listDetail--movie {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.listDetail--movie > li {
  width: 50%;
}

.listDetail--movie > li:nth-child(n+3) {
  margin-top: 2em;
}

.listDetail--movie > li > a {
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.listDetail--movie .listDetail__text {
  min-height: inherit;
  margin-top: 15px;
}

.listDetail--movie .listDetail__text > span {
  background-position: left 0.2em;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .listDetail {
    margin-left: -5px;
    margin-right: -5px;
    display: block;
  }
  .listDetail > li {
    float: left;
    width: 50%;
    padding: 0 5px;
  }
  .listDetail > li:nth-child(n+3) {
    margin-top: 10px;
  }
  .listDetail > li > a {
    border-radius: 2px;
  }
  .listDetail__text {
    min-height: 40px;
    height: 40px;
  }
  .listDetail__text > span {
    padding: 0 10px 0 30px;
    background-position: 10px center;
    background-size: 11px 11px;
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .listDetail--movie > li {
    width: 100%;
  }
  .listDetail--movie > li:nth-child(n+2) {
    margin-top: 2em;
  }
  .listDetail--movie .listDetail__text {
    margin-top: 10px;
  }
  .listDetail--movie .listDetail__text > span {
    padding-left: 16px;
  }
}

.listNotes {
  margin-bottom: 2em;
}

.listNotes > li {
  font-size: 1.4rem;
  padding-left: 1em;
  text-indent: -1em;
  color: #888;
}

.listNotes > li:not(:first-child) {
  margin-top: 0.5em;
}

.listNotes.listNotes-red > li {
  color: red;
}

@media screen and (max-width: 768px) {
  .listNotes > li {
    font-size: 0.9em;
    color: #888;
  }
}

.listDef.em-8 > dt {
  width: 9em;
}

.listDef.em-8 > dd {
  padding-left: 9.5em;
}

.listDef.em-10 > dt {
  width: 11em;
}

.listDef.em-10 > dd {
  padding-left: 11.5em;
}

.listDef > dt {
  font-weight: bold;
  display: inline-block;
  width: 6em;
  float: left;
}

.listDef > dd {
  padding-left: 6.5em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
  .listDef {
    padding-left: 10px;
    padding-right: 10px;
  }
  .listDef > dt {
    width: 8em !important;
    position: relative;
  }
  .listDef > dt:before {
    content: "…";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .listDef > dd {
    padding-left: 9.5em !important;
  }
}

.listDef2 {
  margin: 0 0 2em;
  font-weight: bold;
}

.listDef2 > dt {
  display: inline-block;
  background: #000;
  color: #fff;
  width: 4.5em;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
  padding: 0.3em 0 0.4em;
  font-size: 1.4rem;
  margin-bottom: 0.3em;
}

.listDef2 > dd {
  display: block;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
  .listDef2 > dt {
    border-radius: 2px;
    font-size: 1rem;
  }
}

.navAnchor {
  background: #fff;
  padding: 0 15px;
  margin: 0;
  border-bottom: 2px solid #f3f3f3;
}

.frameContents__main .navAnchor {
  margin: 0 -15px;
}

.navAnchor--line {
  position: relative;
  border-top: 2px solid #dfcfaa;
}

.navAnchor--line .navAnchor__list > li > a > span {
  padding: 26px 5px 26px 35px;
}

.navAnchor__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
}

.navAnchor__list.col-2 {
  max-width: 900px;
}

.navAnchor__list.col-2 > li {
  width: 50%;
}

.navAnchor__list.col-3 {
  max-width: 900px;
}

.navAnchor__list.col-3 > li {
  width: 33.33333%;
}

.navAnchor__list.col-4 > li {
  width: 25%;
}

.navAnchor__list.col-5 > li {
  width: 20%;
}

.navAnchor__list > li {
  width: 16.66667%;
}

.navAnchor__list > li > a {
  line-height: 1.5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 74px;
  color: #000;
  font-weight: bold;
}

.navAnchor__list > li > a:hover {
  color: #c9af71;
}

.navAnchor__list > li > a > span {
  display: inline-block;
  padding: 15px 5px 15px 35px;
  background: url("/ex/usum/common/images/icon-arrow5.png") no-repeat left center;
}

@media screen and (max-width: 768px) {
  .navAnchor {
    padding: 0;
    border-bottom: none;
  }
  .navAnchor--line {
    border-top: none;
    border-bottom: none;
    margin-left: -15px;
    margin-right: -15px;
  }
  .navAnchor--line .navAnchor__list > li:nth-child(1), .navAnchor--line .navAnchor__list > li:nth-child(2) {
    border-top: 1px solid #dfcfaa;
  }
  .navAnchor--line .navAnchor__list > li > a {
    padding: 1.1em 0.8em 1.1em 0;
  }
  .navAnchor--line .navAnchor__list > li > a > span {
    padding: 0 0 0 30px;
  }
  .navAnchor__list {
    display: block;
    border-top: 1px solid #e5e5e5;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
  }
  .navAnchor__list:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .navAnchor__list.col-3 > li, .navAnchor__list.col-4 > li, .navAnchor__list.col-5 > li {
    width: 50%;
  }
  .navAnchor__list > li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
  }
  .navAnchor__list > li:nth-child(2n-1) {
    border-right: 1px solid #e5e5e5;
  }
  .navAnchor__list > li > a {
    padding: 0.8em 0.8em 0.8em 0;
    font-size: 1rem;
    min-height: 46px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navAnchor__list > li > a > span {
    padding: 0 0 0 30px;
    background-size: 5.5px 6px;
    background-position: 15px center;
  }
}

.navLocal {
  border-radius: 5px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}

.navLocal > li {
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0;
  display: block;
}

.navLocal > li > a {
  background: #fff;
  display: block;
  color: #000;
  font-weight: bold;
  padding: 16px 25px 16px 60px;
  background: url("/ex/usum/common/images/icon-arrow6.png") no-repeat 20px center;
}

.navLocal > li > a:hover {
  color: #c9af71;
}

.navLocal > li > a.is-current {
  color: #c9af71;
  background-color: #fff8e6;
}

@media screen and (max-width: 768px) {
  .navLocal {
    border-radius: 2px;
  }
  .navLocal > li > a {
    font-size: 0.9rem;
    padding: 10px 10px 10px 30px;
    background-position: 10px center;
    background-size: 11px 11px;
  }
}

.layoutLocal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}

.layoutLocal__item {
  width: 50%;
  padding: 0 30px;
}

.layoutLocal__item:nth-child(n+3) {
  margin-top: 3em;
}

@media screen and (max-width: 768px) {
  .layoutLocal {
    display: block;
  }
  .layoutLocal__item {
    width: 100%;
    padding: 0;
  }
  .layoutLocal__item:nth-child(n+2) {
    margin-top: 1.2em;
  }
}

.layoutColumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 2em;
  margin-left: -20px;
  margin-right: -20px;
}

.layoutColumn[class*="maw-"] {
  margin-left: auto;
  margin-right: auto;
}

.layoutColumn__item {
  width: 50%;
  padding: 0 20px;
  direction: ltr;
}

.layoutColumn__item:nth-child(n+3) {
  margin-top: 2em;
}

.layoutColumn__item img {
  width: 100%;
}

.layoutColumn__item p {
  margin-bottom: 1.5em;
}

.layoutColumn--middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.layoutColumn--right {
  direction: rtl;
}

.layoutColumn--tokuten .layoutColumn__item:nth-child(n+3) {
  margin-top: 5em;
}

@media screen and (max-width: 768px) {
  .layoutColumn {
    margin-left: -10px;
    margin-right: -10px;
    display: block;
  }
  .layoutColumn[class*="maw-"] {
    margin-left: -10px;
    margin-right: -10px;
  }
  .layoutColumn__item {
    width: 100%;
    padding: 0  10px;
  }
  .layoutColumn__item:nth-child(n+2) {
    margin-top: 2em;
  }
  .layoutColumn--tokuten .layoutColumn__item:nth-child(n+2) {
    margin-top: 3em;
  }
}

.c-sun {
  color: #e23219;
}

.c-moon {
  color: #392e8f;
}

@media screen and (min-width: 769px) {
  .dn-pc {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .dn-tab {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .dn-sp {
    display: none !important;
  }
}

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

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

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

@media screen and (max-width: 768px) {
  .mt-0-sp {
    margin-top: 0 !important;
  }
}

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

.mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

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

@media screen and (max-width: 768px) {
  .w-100per-sp {
    width: 100% !important;
  }
}

.maw-inherit {
  max-width: inherit;
}

.maw-420px {
  max-width: 420px;
  width: 100%;
}

.maw-510px {
  max-width: 510px;
  width: 100%;
}

.maw-700px {
  max-width: 700px;
}

.maw-800px {
  max-width: 800px;
}

.ta-center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ta-left-sp {
    text-align: left;
  }
}

a.textlink {
  color: black;
  text-decoration: underline;
}

a.textlink:hover {
  text-decoration: none;
}

a.textlink:after {
  content: "";
  display: inline-block;
  background: url("/ex/usum/common/images/icon-blank2.png") no-repeat 0 0;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

.fc-gray {
  color: #888888;
}

.f-bold {
  font-weight: bold;
}

.fs-small {
  font-size: .7em;
}

@media screen and (min-width: 769px) {
  img.mw-502 {
    max-width: 502px;
  }
}

.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.horizontal > img {
  width: auto;
  max-width: 100%;
}

.horizontal > div:nth-child(1) {
  padding-right: 5px;
}

.horizontal > div:nth-child(2) {
  padding-left: 5px;
}

.layoutColumn.qr {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.layoutColumn.qr .layoutColumn__item {
  width: 40%;
}

@media screen and (max-width: 768px) {
  .layoutColumn.qr .layoutColumn__item {
    width: 100%;
  }
}

.frameContents--top .layoutColumn.qr .layoutColumn__item {
  width: 35%;
}

@media screen and (max-width: 768px) {
  .frameContents--top .layoutColumn.qr .layoutColumn__item {
    width: 100%;
  }
  .frameContents--top .layoutColumn.qr .layoutColumn__item .horizontal {
    padding: 0 10%;
  }
}

.heading-top-qr {
  font-weight: bold;
  color: white;
}

.heading-top-qr > p {
  display: inline-block;
  width: 100%;
  max-width: 700px;
  padding: 1.5em 1em 2em;
  border-top: 1px solid #444444;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .heading-top-qr > p {
    padding: 1em 1em 1.5em;
    margin-top: 1em;
  }
}

.heading-top-qr > p > span {
  color: #c9af71;
}

.topBoxProducts + .banner {
  text-align: center;
  margin-top: 1em;
}

.topBoxProducts + .banner a {
  display: inline-block;
  background: white;
}

.topBoxProducts + .banner a:hover img {
  opacity: .6;
}

.addBottom80 {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .addBottom80 {
    margin-bottom: 40px;
  }
}